/*============= 800 screen and ================*/
@media ( max-width: 800px ){

/*body{ overflow-x: hidden; }*/
div.Head_bg{
	background-color: #000;
	}

h1{	
	max-width: 100%;
	margin-left: 20px;
	}
/*h1 br{ display: block; }*/
.Head_logo{padding-left: 20px;}
.Head_online{margin-right: 20px;}
.Head_logo_bg{
		max-width: 100%;
		margin: 0;
	}
nav.Gnav{	
	margin-left: auto; 
	margin-right: auto;
	max-width: 100%;
	}/**/
.Gnav ul li a{ 
	max-width: 100%; 
	}

/*------- Main --------*/
main div#ui-tab{
		max-width: 100%;
		height: auto;
		margin-right: auto;
		margin-left: auto;
}
main #ui-tab #Pic img{
	max-width: 100%;
	height: auto;
	min-width: 250px;/**/
	margin-right: auto;
	margin-left: 20px; 	
	}
	
main #Pic, #Main_nav { float: none;	}/**/
#Main_nav{ 
		margin-right: auto;
		margin-left: 20px; 
		/*max-width: 510px;*/}
#Main_nav li {
	float: left;
	background-color: #001100;
	}
.Main_music a{
	height: 70px;/*68px*//*69px*/
	}

/*---------Containe-----------*/

div.Container{
	max-width: 100%;
	padding-right:20px;
	padding-left:20px;
}
/*--- Cont =righ= ---*/
article.Cont{	
	float:none; 
	max-width: 100%;
	}
/*section{padding-right: 5px;}*/
dt{ margin-bottom: 0.3em; }/**/
dd{ 
	max-width: 100%;
	height: auto;
	}

h3.Gazyou_title{
	max-width: 100%;
	}

.BMM_B{ margin-left: 0; margin-right: 10px; }
.BMM_Mu{ margin-left: 0; margin-right: 10px; }
.BMM_Mo{ 
	float: left;
	margin-right: 0;
	margin-left: 0;
	}
.BMM{ margin-bottom: 50px; }

/*-------- Cont =left=  --------*/
.Side{
	/*max-*/width: 680px;
	}
.Shop{ float: left; }
ul.banner{
	float: right;
	width: 50%;/**/
	}
.banner li{
	float: left;/**/
	margin-bottom: 10px;
	margin-right: 10px;
	}
.banner li.Online_Store{
	margin-right: 10px
	}

/*---------footer--------*/
footer{
	max-width: 100%;
}
footer nav br{display: block;}/**/

.F_Service{ float: left; }

.copyright{ max-width: 100%; }