@charset "shift_jis";

/* clearfix */
.clearfix{width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}

#foo_SP h1, #foo_SP h2, #foo_SP h3, #foo_SP h4, #foo_SP h5,
#foo_SP p, #foo_SP ul, #foo_SP li, #foo_SP ol,
#foo_SP dl, #foo_SP dt, #foo_SP dd{
	margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight:normal;
    vertical-align:baseline;
    background:transparent;
}
#foo_SP ul, #foo_SP ol{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:0;
    padding:0;
}

/* フロート */
#foo_SP .fltL{ float:left; margin:0; padding:0;}
#foo_SP .fltR{ float:right; margin:0; padding:0;}

/* img関連 */
#foo_SP img{
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	vertical-align:top;
	font-size:0;
	line-height:0;
	background-color: transparent;
}
/*#foo_SP a:hover img.op{opacity:0.5;}*/

/* link関連 */
#foo_SP a{
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
	color:#311013;
}
#foo_SP a:link{color:#311013 ;text-decoration:underline;}
#foo_SP a:hover{color:#572025 ;text-decoration:none}
#foo_SP a:visited{color:#572025 ;text-decoration:none}


/* -----------------------------------------------------------

   特集　 for tablet　（480〜767px）

----------------------------------------------------------- */

	#foo_SP{
		width:100%;
		margin:1.658374792703151% auto 0;
		padding:0 0 1.658374792703151% 0 !important;
		color:#311013 !important;
		font-size:100% !important;
		line-height:1.6 !important;
	}
	
	#foo_SP .box1206{
		width:100%;
		max-width:767px;
		margin:0 auto;
		padding:0;
	}
	#foo_SP .box1106{
		width:100%;
		max-width:707px;
		margin:0 auto;
		padding:0;
	}

	/*-----------------------------------------------
	　　ヘッダー・メニュー
	------------------------------------------------- */
	#foo_SP #header_area{
		width:100%;
		margin:0 auto;
		padding:0;
		text-align:center;
	}

	#foo_SP #header_area.header_bg{
		margin:0 auto;
		padding:10.43024771838331% 0;
		background:url(../images/main_tit_bg_02.png) center top/cover no-repeat, url(../images/main_tit_bg_01.jpg) center top/cover repeat-x;
	}
	
	#foo_SP #header_area h1{
		margin:18.34862385321101% auto 1.303780964797914% !important;
		padding:0;
	}
	#foo_SP #header_area .header_cmnt{
		margin:1.303780964797914% auto;
		padding:0;
		line-height:1.6 !important;
	}

	
	
	/*-----------------------------------------------
	　　メインコンテンツ
	------------------------------------------------- */
	#foo_SP #main_contents{
		/*width:86.24484181568088%;*/
		width:73.58490566037736%;
		margin:11.0041265474553% auto 0;
		padding:0;
		text-align:center;
	}
	
	/* 1カラム */
	#main_contents .item_column01{
		margin:0 auto 10.43024771838331%;
		padding:0 0 5.215123859191656% 0;
	}
	#main_contents .item_column01 .item_img{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#main_contents .item_column01 .item_img .item_name{
		margin:2.751031636863824% 0 0 0;
		padding:0;
	}
	#main_contents .item_column01 .item_img .item_price{
		margin:0;
		padding:0;
	}

	#main_contents .item_column01 .item_desc{
		margin:0 auto;
		padding:0;
		text-align:left;
	}
	
	#main_contents .item_column01 .item_desc .item_catch{
		margin:0 auto;
		padding:3.773584905660377% 0 0;
		line-height:1.8 !important;
		/*color:#69590a;*/
	}

	#main_contents .item_column01 .item_desc .item_cmnt{
		width:100%;
		margin:0;
		padding:3.773584905660377% 0;
		line-height:1.8 !important;
	}

	#main_contents .item_column01 .item_desc .item_shopprof{
		width:100%;
		margin:0 auto;
		padding:3.773584905660377% 0 !important;
		line-height:1.8 !important;
	}
	#main_contents .item_column01 .item_desc .item_shopprof .shop_img{
		float:left;
		width:56.41025641025641%;
		margin:0 7.692307692307692% 0 0;
		padding:0;
	}
	#main_contents .item_column01 .item_desc .item_shopprof .prof_img{
		float:left;
		width:35.8974358974359%;
		margin:0;
		padding:0;
	}
	#main_contents .item_column01 .item_desc .item_subimg{
		width:69.30693069306931%;
		margin:0 15.34653465346535%;
		padding:3.773584905660377% 0 !important;
	}


	/* 3カラム */
	#main_contents .item_column03{
		margin:0 auto 5.215123859191656%;
		padding:0 0 5.215123859191656% 0;
	}
	#main_contents .item_column03 li{
		float:left;
		width:32%;
		margin:0 2% 0 0;
		padding:0;
		position:relative;
	}
	#main_contents .item_column03 li:last-child{
		margin:0;
		pading:0;
	}
	#main_contents .item_column03 li .item_desc{
		width:94.11764705882353%;
		margin:0 auto;
		padding:0;
		text-align:center;
	}
	#main_contents .item_column03 li .item_catch{
		margin:5.882352941176471% auto;
		padding:0;
		/*color:#69590a;*/
		text-align:left;
	}
	#main_contents .item_column03 li .item_name{
		margin:1.5625% auto;
		padding:0;
	}
	
	/* 準備数マーク */
	#foo_SP .item_column03 li .item_limit{display:none;}



	/* 商品購入ボタン */
	#main_contents .item_linkbtn{
		width:100%;
		margin:3.773584905660377% auto 0;
		padding:0;
		text-align:center;
	}
	#main_contents .item_linkbtn a{
		display:block;
		width:100%;
		margin:0 auto;
		padding:2.5% 0;
		color:#FFF;
		background:/*#69590a*/#311013;
		border-radius:30px;
		-moz-border-radius:30px;
		-ms-border-radius:30px;
		-o-border-radius:30px;
		-webkit-border-radius:30px;
	}
	#main_contents .item_linkbtn a:hover{background:#572025;}


	/* カテゴリーリンクボタン */
	#main_contents .cate_linkbtn{
		width:100%;
		margin:3.773584905660377% auto 0;
		padding:0;
		text-align:center;
	}
	#main_contents .cate_linkbtn a{
		display:block;
		width:100%;
		margin:0 auto;
		padding:2.5% 0;
		color:#FFF;
		background:/*#69590a*/#311013;
		border-radius:30px;
		-moz-border-radius:30px;
		-ms-border-radius:30px;
		-o-border-radius:30px;
		-webkit-border-radius:30px;
	}
	#main_contents .cate_linkbtn a:hover{background:#572025;}

	#main_contents .boxbtmline{border-bottom:2px dotted #572025;}



	/*-----------------------------------------------
	　　フォント関係（共通）
	------------------------------------------------- */
	/* フォント関連 */
	#foo_SP .fntpx12{font-size:12px !important; line-height:1.4;}
	#foo_SP .fntpx14{font-size:14px !important; line-height:1.4;}
	#foo_SP .fntpx18{font-size:16px !important; line-height:1.4;}
	#foo_SP .fntpx20{font-size:18px !important; line-height:1.4;}
	#foo_SP .fntpx30{font-size:30px !important; line-height:1.4;}
	#foo_SP .fntpx60{font-size:60px !important; line-height:1.4;}
	
	/* テキスト装飾 */
    #foo_SP .fntbld{ font-weight:bold !important;}
    #foo_SP .txtline{
		margin:0;
		padding:0 0 0.27124773960217% 0;
		border-bottom:3px dotted #311013;
	}
	
    #foo_SP .fntcolred{color:#f10638;}
    #foo_SP .fntcolwhite{color:#FFFFFF;}
	#foo_SP .fntcolbrwn{color:#311013;}
	
	#foo_SP .fntfam_min{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

	#foo_SP .txt_tabbr:after{
		content:"\A";
		white-space:pre !important;		
	}
	
	#foo_SP .tab_hidn{display:none;}
