@charset "Shift_JIS";

/* ページ構造 */
body { background-color:#000;
	}

#top,
.js { max-width:950px; }

#top {
	font-size:14px;
	line-height:1.5;
	padding-bottom:50px;
	position:relative;
}
.wrap img{
	max-width:100%;
	}
.js { background-color:#fff; }
.pankuzu_list , .pankuzu_list a{
	color:#CCC;
	margin-bottom:0;
	}
/*個別設定*/
.item_top{
	position: absolute;
	top:52%;
	left:5%;
	max-width:45%;
	text-align:center;
	}
.item_top ul{
	display:table;
	margin-bottom:1em;
	overflow: hidden
	}
.item_top li{
	display:table-cell;
	vertical-align: middle;	
	}
.item_top .item_img{
	max-width:200px;
	padding-right:1em;
	}	
.item_top .premium{
	width:45%;
	}	
.item_top .goods_set{
	margin-bottom:0.5em;
	}	
.item_top .name , .item_top .name a{
	font-size:1.2em;
	font-weight:bold;
	color:#CCC;
	}
.item_top .price_box{
	font-size:1.8em;
	}	
.index2{
	background:url(../image/index2_bg.jpg) repeat-x;
	}
	
.index3{
	max-width:950px;
	margin:0 auto;
	padding:3em 0;
	}
.index3 p{
	color:#f2f2f2;
	font-size:2em;
	margin:1em 2em;
	}
.item{
	margin:1em 4em;
	height:auto;
	border-left:5px solid #b3863e;
	border-right:5px solid #b3863e;
	background:#FFF url(../image/item_img_bg.jpg) right bottom no-repeat;
	}
.item:before , 	.item:after{
	content:"";
	display:block;
	height:5px;
	width:100%;
	background:-webkit-gradient(linear, left top, right bottom, from(#b3863e), color-stop(0.49, #ffe9a6),
		color-stop(0.50, #ffe9a6),to(#b3863e));
	background:-moz-linear-gradient(left, #b3863e, #ffe9a6 ,#b3863e);
	background:linear-gradient(left, #b3863e, #ffe9a6 ,#b3863e);
	}
.item ul , .item2 ul{
	display:table;
	padding:2em;
	}
.item li , .item2 li{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-right:1.5em;
	}
.item li .itemimg , .item2 li .itemimg{
	width:40%;	
	}
.item li .display_focus , .item2 li .display_focus{
	}
.item li .goods_set ,.item li .cartbtn , .item2 li .goods_set ,.item2 li .cartbtn{
	margin-bottom:1em;
	}	
.item_top .img_box , .item_top .copy , .item_top .btn , .item li .img_box , .item li .copy , .item li .btn , .item2 li .img_box , .item2 li .copy , .item2 li .btn{
	display:none;
	}
.item li .name{
	font-size:1.8em;
	font-weight:bold;
	width:70%;
	}

.index4,.index7{
	background:url(../image/index4_bg.gif) repeat;
	}
.index4_2{
	/*background:url(../image/index4_2_bg.gif) repeat;*/
	background: -moz-linear-gradient(top, rgba(85,85,85,0.5), rgba(240,240,240,0.3)100px);
	background: -webkit-gradient(linear, 0 0, 0 100, from(rgba(85,85,85,0.5)), to(rgba(240,240,240,0.3)));
	padding-bottom:4em;
	}	
.index4_box ,.index7_box{
	max-width:950px;
	margin:0 auto;
	padding:5em 0 0;
	overflow:hidden;
	}
.index4_box h2{
	margin-bottom:4.5em;
	}
.index4_box h3{
	margin:4.5em 0 2.5em;
	}	
.index4_box h4{
	margin:2.5em 0 1em;
	font-size:2em;
	font-weight:bold;
	letter-spacing:0.1em;
	border-bottom:#333 3px dotted;
	}
.index4_box p{
	font-size:1.6em;
	color:#333;
	line-height:1.8em;
	}
.index4_box .sesamin,.index4_box .sesaminpre{
	float:left;
	padding-right:1em;
	margin-bottom:3em;
	}
.index4_box .sesamin{
	width:61%;
		}
.index4_box .sesaminpre{
	width:66%;
	}
.index4_box .sesaminpre .come{
	font-size:0.8em;
	color: #666;
	display:block;
	}
.index4_box .marker{
	background:#FF6;
	padding:0.2em;
	}	
.index4_box .zenkai{
	margin-top:2em;
	}
.index5 h2{
	margin:0;
	}
.index5 .item2{
	max-width:850px;
	margin:2em auto 5em;
	}
.item2 li .name{
	font-size:1.8em;
	font-weight:bold;	
}
.item2 li .price_box{
	font-size:1.6em;
	}
.item2 li .name a{
	color:#d5d5d5;
	}
.index6{
	background:url(../image/index5_bg.jpg) repeat-x;
	}
.index7_box{
	padding-bottom:5em;
	}	
.index7 ul{
	margin:0;
	}	
.index7 li{
	min-height:420px;
	padding-bottom:4em;
	}
.index7 .q1{
	background:url(../image/index7_1.png) no-repeat bottom right;
	padding-right:30%;
	}
.index7 .q2{
	background:url(../image/index7_2.png) no-repeat bottom left;
	padding-left:30%;
	}	
.index7 .q3{
	background:url(../image/index7_3.png) no-repeat bottom right;
	padding-right:35%;
	}	
.index7 dt{
	font-size:2.6em;
	margin-bottom:0.5em;
	color:#b28d51;
	line-height:1.5em;
	padding-top:2em;
	font-weight:bold;
	}
.index7 dd{
	font-size:1.8em;
	color:#333;
	line-height:1.8em;
}

.index7 dt span,.index7 dd span{
	color:#b28d51;
	font-size:1.6em;
	font-weight:bold;
	}
.index8{
	background:#FFF;
	}
.index8 .box{
	max-width:950px;
	margin:auto;
	padding-bottom:2em;
	}	
.index8 .box h2{
	padding-top:5em;
	margin-bottom:3em;
	}
.index8 .policy_txt{
	font-size:1.2em;
	}



/*定期便************************************/
.index9{
	background:#e0e0e0;
	padding:5em 0;
	}
	
.index9 .box{
	border:#E53F25 5px solid;
	background:#FFF;
	padding:20px;
	max-width:780px;
	margin:auto;
	}
.index9 .box2{
	border:#DBAB38 5px solid;
	background:#FFF;
	padding:20px;
	max-width:780px;
	margin:20px auto;
	}	
.index9 .box h2{
	background:#E53F25;
	margin:0;
	padding:1em;
	}
/*.index9 ul{
	display:table;
	margin:1.5em 0 1.5em 1.5em;
	}	
.index9 li{
	display:table-cell;
	vertical-align:top;
	width:28%;
	padding-right:1.5em;
	}
.index9 dt{
	margin-bottom:0;
	}	
.index9 dd{
	font-size:1.2em;
	margin-top:0.5em;
	}
	
.index9 p{
	text-align:center;
	font-size:1.6em;
	line-height:1.6em;
	font-weight:bold;
	margin:2em 2em 0.5em;
	}
.index9 p span{
	color:#F30;
	font-size:1.6em;
	}*/	
/*イメージセンター*/
.centerimg{
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}
/*イメージレフト*/
.imgleft{
	float:left;
	padding-right:1em;
	}

	
@media screen and (max-width:650px){
	.index3 p{
	color:#FFF;
	font-weight: bold;
	font-size:1em;
	margin:1em 2em;
	}
.item_top{
	position: absolute;
	top:50%;
}
.item_top ul{
	margin-bottom:0.5em;
	}
.item_top .name{
	font-size:0.6em;
	}	
.item_top .price_box{
	font-size:0.8em;
	}
.item{
	margin:1em;
	background-image:none;
	}
.item ul{
	padding:1em;
	}	
.item li .name , .item2 li .name{
	width:100%;
	font-size:1em;
	}
.item li .goods_set ,.item li .cartbtn , .item2 li .goods_set ,.item2 li .cartbtn{
	margin-bottom:0.2em;
	}
.item2 li .price_box{
	font-size:1em;
	}

.index4_box{
	padding:2em 0 0;
	}
.index4_box .sesamin , .index4_box .sesaminpre{
	width:100%;
	}
.index4 h2 , .index4 p, .index7 , .index8{
	padding:0 1.5em;
	}

.index4_box h2{
	margin-bottom:2em;
	}
.index4_box h3{
	margin:1em;
	}
.index4_box h4{
	font-size:1.4em;
	margin:1.7em 1.5em 1em 1em;
	}
.index4_box .sesamin, .index4_box .sesaminpre{
	float:none;
	margin-bottom: 1em;
	}
.index4_box p{
	font-size:1em;
	margin-top:1em;
	}
.sesamin + img , .index4_box .sesaminpre + img{
	width:70%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2em;
	}	
.katou{
	display:none;
	}
.index5 .item2{
	margin-bottom:1em;
	}	
.index7_box{
	padding:3em 0 2em;
	}	
.index7 .q1 , .index7 .q2 , .index7 .q3	{
	background:none;
	padding:0;
	}
.index7 ul{
	margin:0;
	}	
.index7 li{
	min-height:1em;
	margin-bottom:1em;
	}
.index7 dt{
	font-size:1.6em;
	padding-top:1em;
	}
.index7 dd{
	font-size:1em;	
	}	
.index8 .box{
	padding-bottom:0;
	}
.index8 .box h2{
	padding-top:2em;
	margin-bottom:1em;
	}
.index8 .policy_txt{
	font-size:1em;
	}	
.index9{
	padding:0;
	}	
.index9 li{
	display:block;
	width:100%;
	margin-bottom:1.5em;
	}
.index9 p{
	font-size:1.2em;
	}	
.index9 img{
	max-width:90%;
	}	
	}