@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/sp_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:13.03780964797914% auto 1.303780964797914%;
		padding:0;
	}
	#foo_SP #header_area .header_cmnt{
		width:97.24896836313618%;
		margin:1.303780964797914% auto;
		padding:0;
		line-height:1.6 !important;
	}

	
	
	/*-----------------------------------------------
	　　メインコンテンツ
	------------------------------------------------- */
	#foo_SP #main_contents{
		width:86.24484181568088%;
		margin:11.0041265474553% auto 0;
		padding:0;
		text-align:center;
	}
	
	#main_contents .item_column01{
		margin:5.215123859191656% auto 0;
		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{
		width:100%;
		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;
	}

	#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;
		padding:0;
	}
	#main_contents .item_column03 li{
		margin:0 auto 5.215123859191656% !important;
		padding:5.215123859191656% 0 0 0;
		position:relative;
	}
	#main_contents .item_column03 li .item_desc{
		/*width:94.11764705882353%;*/
		margin:12.5% auto;
		padding:0;
		text-align:center;
	}
	#main_contents .item_column03 li .item_catch{
		margin:5.882352941176471% auto;
		padding:0;
		text-align:left;
	}
	#main_contents .item_column03 li .item_name{
		margin:1.5625% auto;
		padding:0;
	}
	
	/* 準備数マーク */
	#foo_SP .item_column03 li .item_limit{
		width:80px;
		/*height:80px;*/
		margin:0 auto;
		padding:15px 0;
		background:#f10638;
		color:#FFF;
		text-align:center;
		line-height:1.2 !important;
		border-radius:80px;
		-moz-border-radius:80px;
		-ms-border-radius:80px;
		-o-border-radius:80px;
		-webkit-border-radius:80px;
		position:absolute;
		top:5%;
		right:2%;
	}


	/* リンクボタン */
	#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:3.316749585406302% 0;
		text-align:center;
		background:#311013;
		color:#FFF;
		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:0 auto;
	    padding:0;
	}
	#main_contents .cate_linkbtn a{
		display:block;
		width:100%;
		margin:0;
		padding:3.316749585406302% 0;
		text-align:center;
		background:#311013;
		color:#FFF;
		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;}
	#main_contents .sp_boxbtmline{border-bottom:2px dotted #572025;}

	/*-----------------------------------------------
	　　フォント関係（共通）
	------------------------------------------------- */
	/* フォント関連 */
	#foo_SP .fntpx12{font-size:12px !important; line-height:1.4;}
	#foo_SP .fntpx14{font-size:16px !important; line-height:1.4;}
	#foo_SP .fntpx18{font-size:16px !important; line-height:1.4;}
	#foo_SP .fntpx20{font-size:16px !important; line-height:1.4;}
	#foo_SP .fntpx30{font-size:20px !important; line-height:1.4;}
	#foo_SP .fntpx60{font-size:40px !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_spbr:after{
		content:"\A";
		white-space:pre !important;		
	}
	
	#foo_SP .sp_hidn{display:none;}