@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 PC　（780px〜1206px）

----------------------------------------------------------- */

	#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:1206px;
		margin:0 auto;
		padding:0;
	}	

	#foo_SP .box1106{
		width:100%;
		max-width:1106px;
		margin:0 auto;
		padding:0;
	}	


	/*-----------------------------------------------
	　　ヘッダー・メニュー
	------------------------------------------------- */
	#foo_SP #header_area{
		width:100%;
		margin:0 auto;
		padding:0;
	}

	#foo_SP #header_area.header_bg{
		margin:0 auto;
		padding:4.145936981757878% 0 2.072968490878939% 0;
		background: url(../images/main_tit_bg_02.png) center top/cover no-repeat, url(../images/main_tit_bg_01.jpg) center 0/cover repeat-x;
	}
	
	#foo_SP #header_area h1{
		margin:8.291873963515755% auto 1.658374792703151%;
		padding:0;
		text-align:center;
	}
	#foo_SP #header_area .header_cmnt{
		margin:0 auto;
		padding:0;
		text-align:center;
		line-height:1.6 !important;
	}
	

	
	
	/*-----------------------------------------------
	　　メインコンテンツ
	------------------------------------------------- */
	#foo_SP #main_contents{
		width:100%;
		max-width:1206px;
		margin:6.633499170812604% auto 0;
		padding:0;
	}
	
	/* 1カラム */
	#main_contents .item_column01{
		margin:0 auto 7.233273056057866%;
		padding:0 0 7.233273056057866% 0;
	}
	#main_contents .item_column01 .item_img{
		float:left;
		width:51.98915009041591%;/*575*/
		margin:0 auto;
		padding:0;
		text-align:right;
	}
	#main_contents .item_column01 .item_img .item_name{
		width:94.78260869565217%;
		margin:2.608695652173913% 0 0 5.217391304347826% !important;
		padding:0;
	}
	#main_contents .item_column01 .item_img .item_price{
		width:94.78260869565217%;
		margin:0 0 0 5.217391304347826% !important;
		padding:0;
	}

	#main_contents .item_column01 .item_desc{
		float:right;
		width:47.92043399638336%;/*530*/
		margin:0 auto;
		padding:0;
	}
	#main_contents .item_column01 .item_desc .item_catch{
		margin:0;
		padding:3.773584905660377% 0;
		line-height:1.8 !important;
		color:#311013;
	}

	#main_contents .item_column01 .item_desc .item_cmnt{
		margin:0;
		padding:3.773584905660377% 0;
		line-height:1.8 !important;
	}

	#main_contents .item_column01 .item_desc .item_shopprof{
		width:73.58490566037736%;
		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_linkbtn{
		width:75.47169811320755%;
		margin:3.773584905660377% auto 0;
		padding:0;
		text-align:center;
	}
	#main_contents .item_column01 .item_desc .item_linkbtn a{
		display:block;
		width:100%;
		margin:0 auto;
		padding:2.5% 0;
		border-radius:30px;
		-moz-border-radius:30px;
		-ms-border-radius:30px;
		-o-border-radius:30px;
		-webkit-border-radius:30px;
		background:/*#69590a*/#311013;
		color:#FFF;
	}
	#main_contents .item_column01 .item_desc .item_linkbtn a:hover{background:#572025;}


	/* 3カラム */
	#main_contents .item_column03{
		margin:0 auto 3.616636528028933%;
		padding:0 0 7.233273056057866% 0;
	}
	#main_contents .item_column03 li{
		float:left;
		width:30.74141048824593%;
		margin:0 3.616636528028933% 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{
		width:80px;
		/*height:80px;*/
		margin:0 auto;
		padding:10px 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:2%;
		right:2%;
	}
	
	/* カテゴリボタン */
	#foo_SP #main_contents .cate_linkbtn{
	 width:66.33499170812604%;
	 margin:0 auto;
	 padding:0;
	}
	#foo_SP #main_contents .cate_linkbtn a{
		display:block;
		width:100%;
		margin:0;
		padding:1.658374792703151% 0;
		text-align:center;
		background:/*#69590a*/#311013;
		color:#FFF;
		border-radius:30px;
		-moz-border-radius:30px;
		-ms-border-radius:30px;
		-o-border-radius:30px;
		-webkit-border-radius:30px;
	}
	#foo_SP #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:18px !important; line-height:1.4;}
	#foo_SP .fntpx20{font-size:20px !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 #572025;
	}
	
    #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_br:after{
		content:"\A";
		white-space:pre !important;		
	}
	
	#foo_SP .pc_hidn{display:none;}