@charset "utf-8";

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
	/*** main px ***/
	
	/****************/
#slideshow { position:relative;height:0;
   		padding-top:40%; }
#slideshow img { position:absolute; top:0; left:0; z-index:8;
}
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }
	
	#info_space{
		margin-top:30px;
		}
		#info_space h2{
			background:#5f3d21;
			padding:0.5em 0 0.3em 0;
			font-weight:bold;
			color:white;
			border-top-left-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-right-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-bottom-left-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			-moz-border-radius-bottomleft: 0px;
			border-bottom-right-radius: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-moz-border-radius-bottomright: 0px;
		}
		#info_space div{
			border:1px solid silver;
			padding:15px;
			text-align:left;
			background:white;
			}
			#info_space div dl{
				border-bottom:1px dotted silver;
				}
				#info_space div dt{
					width:10em;
					float:left;
					padding:0.7em 0 0.5em 0;
				}
				#info_space div dd{
					text-align:left;
					border-top:1px dotted silver;
					padding:0.7em 0 0.5em 11em;
				}
			#info_space div aside{
				font-size:0.8em;
				text-align:right;
				padding:5px 0 0 0;
			}
	
	#top_main_uresuji{
		display:none;
	}
	
	
	
	/*　既存のお客様へのおしらせ　*/
	#koremade{
		margin-top:20px;
		background:#F30;
		color:white;
		padding:0.5em 0 0.3em 0;
		font-size:1.2em;
		font-weight:bold;
		line-height:1.3em;
	}
	
	#kizon_osirase{
		padding:15px 0 0 0;
		}
		#kizon_osirase section{
			width:45%;
			float:left;
			padding:10px 2%;
			-moz-box-shadow: 0px 0px 3px #757575;
			-webkit-box-shadow: 0px 0px 3px #757575;
			box-shadow: 0px 0px 3px #757575;
			}
			#kizon_osirase section:nth-child(1){
				margin-right:2%;
				}
	
	/* パスワード再発行へのリンク */
	#kizon_osirase section:nth-child(1){
		background:#FF9;
		}
		#kizon_osirase section:nth-child(1) h3{
			color:red;
			font-size:1.3em;
			line-height:1.5em;
			font-weight:bold;
			text-decoration:underline;
			margin-bottom:10px;
			}
			#kizon_osirase section:nth-child(1) h3 span{
				display:inline-block;
				background:red;
				padding:0.3em 0.5em 0.1em 0.5em;
				color:white;
				font-size:0.9em;
				line-height:1.3em;
				margin:0 0.5em 0 0 ;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				border-radius: 5px;
			}
		#kizon_osirase section:nth-child(1) p{
			text-align:left;
			margin-bottom:10px;
			}
			#kizon_osirase section:nth-child(1) p img{
				float:right;
				margin:5px 0 0 5px;
			}
		#kizon_osirase section:nth-child(1) a{
			display:inline-block;
			padding:0.5em 1em 0.3em 1em;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
			background: #ff3019; /* Old browsers */
			background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
			color:white;
			font-size:1.2em;
			line-height:1.3em;
			text-decoration:none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			#kizon_osirase section:nth-child(1) a:hover{
				color:yellow;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cf0404+0,ff3019+100 */
				background: #cf0404; /* Old browsers */
				background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #cf0404 0%,#ff3019 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #cf0404 0%,#ff3019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019',GradientType=0 ); /* IE6-9 */
			}
	#kizon_osirase section:nth-child(2){/*送料変更*/
		background:#E0EFFC;
		}
		#kizon_osirase section:nth-child(2) h3{
			color:#0B669D;
			font-size:1.3em;
			line-height:1.5em;
			font-weight:bold;
			text-decoration:underline;
			margin-bottom:10px;
		}
		#kizon_osirase section:nth-child(2) p{
			text-align:left;
			margin-bottom:10px;
			}
			#kizon_osirase section:nth-child(2) p img{
				float:right;
				margin:5px 0 0 5px;
			}
		#kizon_osirase section:nth-child(2) a{
			display:inline-block;
			padding:0.5em 1em 0.3em 1em;
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#499bea+0,207ce5+100;Blue+3d+%237 */
			background: #499bea; /* Old browsers */
			background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
			color:white;
			font-size:1.2em;
			line-height:1.3em;
			text-decoration:none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			}
			#kizon_osirase section:nth-child(2) a:hover{
				color:yellow;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#207ce5+0,499bea+100 */
				background: #207ce5; /* Old browsers */
				background: -moz-linear-gradient(top, #207ce5 0%, #499bea 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #207ce5 0%,#499bea 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #207ce5 0%,#499bea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#499bea',GradientType=0 ); /* IE6-9 */
			}
	
	#top_banners{/*トップ　シュシュ売れ筋　バナー*/
		}
		#top_banners > ul{
			}
			#top_banners > ul > li{
				margin-top:10px;
				}
				#top_banners > ul > li:nth-child(1){
					margin-top:0;
				}
				#top_banners > ul > li > ol{
					}
					#top_banners > ul > li > ol > li{
						width:49%;
						float:left;
						}
						#top_banners > ul > li > ol > li:nth-child(odd){
							margin-right:2%;
						}
				#top_banners > ul > li a{
					display:block;
					}
					#top_banners > ul > li a:hover{
						filter: alpha(opacity=75);
						-moz-opacity:0.75;
						opacity:0.75;
					}
					#top_banners > ul > li a img{
						width:100%;
					}
					#top_banners > ul > li a h3{
						padding:5px 0 0 1.3em;
						color:#333;
						text-align:left;
						}
						#top_banners > ul > li a h3:before{
							content:"\25A0";
							margin-left:-1.3em;
						}
					
	/********  youtube  **********/
	
	#top_youtube{
		}
		#top_youtube p{
			padding:0 0 10px 0;
			font-size:1.2em;
			font-weight:bold;
		}
		#top_youtube object{
			float:left;
			margin-right:15px;
		}
		#top_youtube div{
			text-align:left;
		}
	
	/************************/
	#top_about_chouchou{
		}
		#top_about_chouchou ul{
			}
			#top_about_chouchou ul li{
				width:49%;
				float:left;
				margin:10px 0 0 0;
			}
			#top_about_chouchou ul li:nth-child(odd){
				margin-right:2%;
				clear:both;
			}
			#top_about_chouchou ul li:nth-child(1),
			#top_about_chouchou ul li:nth-child(2){
				margin-top:0;
			}


/*-----------------------------------------------------	*/
/*	 993-1024					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1024px) {
	
}



/*-----------------------------------------------------	*/
/*	 769-992					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 992px) {
	
}



/*-----------------------------------------------------	*/
/*	 480-768					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {
	
	#top_main_uresuji{
		display:block;
	}
	
	/********  youtube  **********/
	
	#top_youtube{
		}
		#top_youtube p{
			padding:0 0 10px 0;
			font-size:1.2em;
			font-weight:bold;
		}
		#top_youtube object{
			float:none;
			margin-right:0;
		}
		#top_youtube div{
			padding:10px 0 0 0;
		}
	
}


/*-----------------------------------------------------	*/
/*	 321-480px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 480px) {

}

/*-----------------------------------------------------	*/
/*	 320px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 320px) {

}