@charset "UTF-8";
@import url(cmn.css);
@import url(item.css);


/*---------------------------------------------------------
　商品ページ用
---------------------------------------------------------*/
div.itemArea{
	width: 665px;
	margin: 0 auto;
	padding: 0;
}

div.itemArea:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

div.itemArea h2{margin: 0 0 10px 0;}
div.itemArea h2 img{margin: 0;}

div.itemAreaLeft{
	width: 377px;
	margin: 0 0 25px 0;
	padding: 0;
	float: left;
}

div.itemAreaLeft p{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6;
}

div.itemAreaLeft p img{
	vertical-align: middle;
}

div.itemAreaLeft div.txtItem{
	margin: 0 0 10px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px solid #c1c1c1;
}
div.itemAreaLeft div.txtItem p{
	margin-bottom:1rm;
	font-size:1em;
	line-height:1.5em;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;
}

div.itemAreaLeft ul.txtMaterial{
	margin: 10px 0;
	padding: 0 0 15px 0;
	font-size: 0.9em;
	line-height: 1.6;
}

div.itemAreaRight{
	width: 235px;
	margin: 0 0 25px 0;
	padding: 0;
	float: right;
}

div.itemAreaRight ul.txtPrice{
	margin: 20px 0 1em 0;
	padding: 0 0 15px 0;
	font-size: 0.9em;
	border-bottom: 1px solid #c1c1c1;
}

div.itemAreaRight ul.txtPrice li{
	margin: 0 0 3px 1.5em;
	padding: 0;
	list-style: disc;
}

div.itemAreaRight ul.txtPrice li.imgItemlogo{
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
}

div.itemAreaRight ul.txtPrice li.period{
	margin: 0 0 3px 0;
	padding: 0;
	list-style: none;
}


div.itemAreaRight p{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
	line-height: 1.6;
}

div.itemAreaRight p img{
	vertical-align: middle;
}

div.itemAreaRight ul.txtSize{
	margin: 10px 0;
	padding: 0 0 8px 15px;
	font-size: 0.9em;
	border-bottom: 1px solid #c1c1c1;
}

div.itemAreaRight ul.txtSize li{
	margin: 0 0 3px 0;
	padding: 0;
	list-style: disc;
}
div.itemAreaRight ul.noBorder{border:none;}

div.itemAreaRight ul.txtAsking{
	margin: 10px 0;
	padding: 0 0 0 15px;
	font-size: 0.8em;
}

div.itemAreaRight ul.txtAsking li{
	margin: 0 0 2px 0;
	padding: 0;
	list-style: disc;
	line-height:1.2em;
}
div.itemAreaRight img.btnCarriage{margin: 0 0 5px 0;}
p.icoTxt img{margin-right:1em;}
img.imgPrize{margin: 0 0 20px 0;}

img.messeNo{margin-bottom:1.5em;}



/*---------------------------------------------------------
　こだわり
---------------------------------------------------------*/

div#moreBox{width:668px;margin-bottom:1.5em;}
div#moreBox h3 img{vertical-align:middle;}
div#moreBox h3 span{
	font-size:0.85em;
	font-weight:lighter;
	color:#58595B;
	vertical-align:middle;
}



/*--こだわり--------------------*/
div.kodawari{
	width: 668px;
	margin: 0.5em auto 25px auto;
	padding:15px 0 0 0;
	border-top:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
div.kodawari h3{margin: 0 0 10px 0;}
div.kodawari h4{margin: 0 0 10px 0;}


.itmSet{width:587px;float:right;border-bottom:1px solid #c1c1c1;padding-bottom:10px;margin-bottom:10px;}
.itmOne{width:270px;border-left:1px solid #c1c1c1;float:left;padding:5px 0 0px 20px;}
.itmOne p{line-height:1.4;font-size:12px;margin-left:3em;}
.itmOne:first-child{border:none;}
.last{border:none;}






/*--基本-------------------------*/
div.ssBox,
div.ssBoxLeft{
	width:585px;
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	float:right;
	border-bottom:1px solid #c1c1c1;
}
div.lastBox{border:none;margin:0;}

div.ssBox p{float:left;width:320px;margin:0 0 1em 0;}
div.ssBox p.sizeS{width:260px;}
div.ssBox p.sizeM{width:340px;}
div.ssBox p.sizeM span{font-size:11px;}
div.ssBox img.photo{float:right;margin:0 0 10px 0;}

div.photoArea{width:225px;float:right;}


/*--わらび餅　他--------------------*/
div.wide{width:650px;border:none;}
div.wide h4,
div.wide p{margin-left:4em;}
div.wide p{width:360px;}

div.wide hr{
	width:600px;
	float:right;
	border:solid #c1c1c1;;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
	margin:1em 0;
}



/*--お菓子の紹介-------------------*/
div.ssBoxLeft p{float:right;width:340px;}
div.ssBoxLeft img.photo{float:left;}

div.photoArea2{width:100%;clear:both;padding:0.5em 0 0 0;}
div.photoArea2 img{margin-bottom:15px;float:left;}
div.photoArea2 img.lastPhoto{margin:0 0 0 23px;}


/*--テキストのみ------------------*/
div.txtOnly{border:none;}
div.txtOnly p{width:98%;margin-bottom:1em;}



/*--備考--------------------------*/
div.attBox{
	width:100%;
	position:relative;
	padding:1em 0;
	margin-bottom:2.5em;
}
div.attBox ul{width:98%;margin:0 0 0 1.5em;}
div.attBox ul li{list-style-type:disc;}

div.attBox a.btnOrder{position:absolute;bottom:5px;right:0;}



/*--カロリー表--------------------------*/

div.calBox{
	width:100%;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:15px 0;
	margin:0.5em 0 3em 0;
}

div.tbSet{
	width:165px;
	float:right;
	margin:0 0 0 40px;
}


div.tbSet table{
	width:100%;
	border-collapse:collapse;border-spacing:0px;
	margin:6px 0 0 0;
	clear:both;
}
div.tbSet table th{
	padding:3px;
	border:1px solid #ccc;
	border-left:0px solid #ccc;
	text-align:left;
	background:#fff4c8;
	font-weight:lighter;
	width:57%;
}
div.tbSet table td{
	padding:3px 3px 3px 5px;
	border:1px solid #ccc;
	border-right:0px solid #ccc;
	line-height:1.4;
	text-align:right;
	width:28%;
}
div.tbSet table td.tani{
	text-align:left;
	border-left:0;
	padding-left:0;
	width:15%;
}



div.tbSet table.col2 th{background:#dff4d7;}
div.tbSet table.col3 th{background:#ffe8e7;}


	/*--CLEAR--*/
	div#moreBox:after,
	div.kodawari:after,
	div.attBox:after,
	div.calBox:after,
	.itmSet:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}



/*---------------------------------------------------------
　京土産　120817
---------------------------------------------------------*/
div.boxSet{
	width:660px;
	margin:0 0 15px 5px;
}
div.boxSet img#ttlM{margin-bottom:20px;}

	div.mssBox{
		width:213px;
		float:left;
		margin:0 10px 0 0;
		font-size:0.9em;
		line-height:1.4;
	}
	div.mssBox img{margin-bottom:10px;}

	div.lastR{margin:0;}

	div.sizeS{
		width:513px;
		margin:0 auto;
	}
	div.sizeS img{float:left;margin:0 5px 10px 5px;}

hr.bk1{
	border:solid #666;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin:10px 0 25px 0;
	clear:both;
}


	/*--CLEAR--*/
	div.boxSet:after,
	div.sizeS:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}



/*---------------------------------------------------------
　酒まんじゅう
---------------------------------------------------------*/
div.prizeBox{
	width:671px;
	margin-bottom:10px;
}

div#pri1{
	background: url(../img/item/img_prize1.jpg) 0 0 no-repeat;
	height:260px;
}
div#pri1 p{
	width:270px;
	margin:0 0 0 20px;
	padding-top:75px;
	font-size:0.9em;
	line-height:1.7;
	color:#92918f;
}

div#pri2{
	background: url(../img/item/img_prize2.jpg) 0 0 no-repeat;
	height:285px;
	margin-bottom:30px;
}
div#pri2 p{
	width:420px;
	margin:0 0 0 20px;
	padding-top:90px;
	font-size:0.9em;
	line-height:1.7;
	color:#92918f;
}

div#pri3{
	background: url(../img/item/img_prize3.jpg) 0 0 no-repeat;
	height:236px;
}
div#pri3 p{
	width:280px;
	margin:0 0 0 20px;
	padding-top:70px;
	font-size:0.9em;
	line-height:1.7;
	color:#92918f;
}

/*---------------------------------------------------------
　ishin　維新の風　140606
---------------------------------------------------------*/
.ishin div.itemArea{width: 670px;}

#coluMain{width:405px;float:left;}
#ico_catch{margin:0 0 5px 20px;}

#coluMain .inner{width:385px;border-right:1px solid #bfbfbf;margin:0 0 0 20px;}
#coluMain .inner .box{width:357px;margin-bottom:20px;}
#coluMain .inner .box img{margin-bottom:10px;}
#coluMain .inner .box p{font-family:"ヒラギノ明朝 Pro W3","ＭＳ 明朝",serif;line-height:1.6;font-size:13px;margin-bottom:1em;}

#coluMain .inner .box h3{display:block;text-indent:-9999px;width:294px;height:19px;margin-bottom:10px;}
	#coluMain .inner .box h3#m01{background:url(../../item/img/ishin_ttl01.jpg) 0 0 no-repeat;}
	#coluMain .inner .box h3#m02{background:url(../../item/img/ishin_ttl02.jpg) 0 0 no-repeat;}
	#coluMain .inner .box h3#m03{background:url(../../item/img/ishin_ttl03.jpg) 0 0 no-repeat;}

#coluMain .inner .box .tx{width:200px;float:left;}
#coluMain .inner .box .ph{width:155px;float:right;text-align:right;}
#coluMain .inner .box .ph p{
	width:145px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:11px;
	float:right;
	text-align:left;
	line-height:1.4;
}

.ishin div.itemArea .line{display:block;text-indent:-9999px;background:url(../../item/img/ishin_line.jpg) 0 0 repeat-x;height:6px;border: 0px none;clear:both;margin:15px 0 0 0;}
.ishin div.itemArea #line01{width:380px;margin-bottom:15px;}
.ishin div.itemArea #line02{width:670px;margin-bottom:30px;}


.ishin .rightBox{position:relative;width:671px;}
.ishin .rightBox .itemAreaRight{margin-top:200px;width:235px;}
.ishin .rightBox .itemAreaRight .icoTxt{padding:0 0 0 80px;text-indent:-80px;line-height:1.3;}
.ishin .rightBox .itemAreaRight .txtMaterial{margin-bottom:15px;}

.ishin .rightBox #image{position:absolute;top:475px;right:30px;}


.mb15{margin-bottom:15px;}
.ishin .rightBox .inqArea{margin:100px 0 0 0;}


	/*--CLEAR--*/
	.box:after,
	.ph:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}



/*---------------------------------------------------------
　維新の風　特設ページ　150406
---------------------------------------------------------*/
.ishin-sp #conMain{width:860px;}
.ishin-sp .conBox{width:100%;border-bottom:5px solid #f7da74;padding-bottom:15px;}
.ishin-sp .conBox a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";}

/* conTop */
.ishin-sp #conTop-inner{
	width:100%;
	background:url(../img/ishin/is_main_b.jpg) 0 0 no-repeat;
	padding-top:230px;
	margin-bottom:20px;
	font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.ishin-sp #conTop-inner .set{width:810px;margin:0 auto;}
.isItem{width:250px;background:#fff;float:left;margin:0 10px;text-align:center;padding:13px 0 0 0;}
.isItem p{width:225px;margin:10px auto;text-align:left;font-size:12px;line-height:1.5;}

.isData{width:240px;position:relative;}
.isData img{float:left;}
.isData p{width:95px;float:right;font-size:12px;margin-top:30px;}
.isData .btn{position:absolute;right:0;bottom:0;}

/* conInfo */
.ishin-sp #conInfo{width:100%;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;padding:25px 0;}
.ishin-sp #conInfo .set{width:100%;}
.ishin-sp #conInfo .set .boxS{width:275px;float:left;margin:0 0;}
.ishin-sp #conInfo .set .boxS h2{display:block;text-indent:-9999px;width:199px;height:47px;margin-bottom:10px;position:relative;z-index:3;}
	.ishin-sp #conInfo #ist01 h2{background:url(../img/ishin/is_infott101.png) 0 0 no-repeat;}
	.ishin-sp #conInfo #ist02 h2{background:url(../img/ishin/is_infott102.png) 0 0 no-repeat;}

.ishin-sp #conInfo .set .boxS p{font-size:12px;line-height:1.5;position:relative;z-index:0;}
	.ishin-sp #conInfo #ist01 p{margin:10px 0;line-height:1.8;}


	.ishin-sp #conInfo #ist02 {width:537px;float:right;}
	.ishin-sp #conInfo #ist02 .setBox {}
	.ishin-sp #conInfo #ist02 .setBox .boxA {float:left;}
	.ishin-sp #conInfo #ist02 .setBox .boxA p {width:280px;}

	.ishin-sp #conInfo #ist02 .setBox .boxB {float:right;width:240px;}
	.ishin-sp #conInfo #ist02 .setBox .boxB img{margin:0 0 5px 0;}
	.ishin-sp #conInfo #ist02 p.cap{font-size:10px;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;letter-spacing:-0.05em;margin-bottom:5px;}


/*
	.ishin-sp #conInfo #ist03 h2{background:url(../img/ishin/is_infott103.png) 0 0 no-repeat;}
	.ishin-sp #conInfo #ist03 img{margin:-20px 0 15px;}
*/

/* spot */
.spot{width:100%;margin-bottom:30px;}
.spot h2{display:block;text-indent:-9999px;width:324pxheight:34px;margin:15px 0;padding-bottom:5px;}

	#pHagi h2{background:url(../img/ishin/hagi_ttl.jpg) 0 0 no-repeat;}
	#pFishi h2{background:url(../img/ishin/fushi_ttl.jpg) 0 0 no-repeat;}

.spot ul{width:590px;float:right;}
.spot ul li{display:block;float:left;margin:0 0 0 10px;}
.spot ul li:first-child{margin:0;}

.spot p{font-size:12px;line-height:1.6;width:260px;float:left;}
.spot img.map{clear:both;margin:20px 0 0 0;}


/* conStory */
.ishin-sp #conStory{width:100%;}
.ishin-sp #conStory .set{width:858px;margin:0 auto 20px;}

.stTop{background:url(../img/ishin/sto_waku1.jpg) 0 0 no-repeat;padding:50px 0 0 0;text-align:center;width:858px;padding-bottom:10px;}
	.stTop p{text-align:left;font-size:13px;line-height:1.6;width:610px;margin:10px auto;}
	.stTop .link{width:360px;float:right;margin-top:10px;}
	.stTop .link p{font-weight:bold;background:url(../img/ishin/z_arrow.jpg) 0 3px no-repeat;padding:0 0 0 20px;}
	.stTop .link a, .stTop .link a:link, .stTop .link a:visited, .stTop .link a:active{color:#000;text-decoration:none;}
	.stTop .link a:hover{color:#000;text-decoration:underline;}

.stBody{width:858px;background:url(../img/ishin/sto_waku2.jpg) 0 bottom no-repeat;padding:10px 0 30px;}
	.stBody ul{width:auto;margin:0 38px;}
	.stBody ul li{display:block;float:left;position:relative;text-align:center;margin:0 5px;}
	.stBody ul li a img{margin:10px 0 0 0;}


/* hako */
.hako{width:844px;background:#f08218;padding:8px;margin:20px 0 10px;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.hakoInner{width:100%;background:#fff;padding:6px 0 3px;}

.inL{width:235px;float:left;margin:0 0 0 10px;}
.inL img{margin-bottom:10px;}
.inL p{line-height:1.8;font-size:12px;margin:0 0 0 15px;letter-spacing:0.05em;}

.inR{width:589px;margin:0 10px 0 0;float:left;}
.inR img#hakoMain{float:left;}
.inR .price{width:120px;float:right;text-align:center;}
.inR .price ul{width:100%;margin-bottom:3px;text-align:left;}
.inR .price ul li{position:relative;margin:0 0 5px 0;}
.inR .price ul li span{position:absolute;right:0;}
.inR .price img{margin:3px 0 0 0;}
.inR .price p{margin:0 0 10px 1em;text-align:left;}
.inR .price a img{margin-bottom:2px;}


	/*--CLEAR--*/
	.ishin-sp .set:after, .isData:after,
	.spot ul:after,
	.stTop:after, .stBody ul:after,
	.hakoInner:after, .inR:after, .inR .price ul:after,
	.ishin-sp #conInfo #ist02 .setBox:after {
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}


/*---------------------------------------------------------
　塩ヴァッフェル 160225
---------------------------------------------------------*/
#sio {padding:15px 0 25px 0;border-top:1px solid #c8c5c4;}
#sio .inner {width:auto;background:#f8f8f0;padding:15px 0 10px;text-align:center;}
#sio .inner h3 {margin-bottom:15px;}
#sio .inner .set {text-align:left;width:630px;margin:0 auto;}
#sio .inner .set img {float:right;}
#sio .inner .set .txt {float:left;width:46%;}
#sio .inner .set p {font-size:13px;line-height:1.7;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin-bottom:0.8em;}

	/*--CLEAR--*/
	#sio .inner .set:after{
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}


/*---------------------------------------------------------
　醍醐の花 180416
---------------------------------------------------------*/
#col1 {padding-bottom:100px;}
#col1 .itemArea {width:100%;margin-bottom:60px;}
#col1 .itemData {}

/* メイン */
#col1 .itemArea .main {margin-bottom:50px;}
#col1 .itemArea .content {margin:0 auto;width:665px;}

#col1 .itemArea .content .box {margin:45px 0 0 0;}
#col1 .itemArea .content .box .txt {width:470px;float:left;}
#col1 .itemArea .content .box .txt p.fm {font-size:13px;line-height:1.7;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;margin-bottom:0.8em;letter-spacing:-0.05em;}
#col1 .itemArea .content .box .txt h3 {margin-bottom:20px;}
#col1 .itemArea .content .box .txt .att {background:#F4F4F3;padding:15px 45px 15px 40px;margin:0 10px 20px 0;font-size:13px;line-height:1.8;}
#col1 .itemArea .content .box .ph {float:right;}
#col1 .itemArea .content .box .supp {margin-bottom:20px;}

#col1 .itemArea ul.itemList {text-align:center;}
#col1 .itemArea ul.itemList li {display:inline-block;margin:0 6px;}


/* DATA */
#col1 .itemData .boxL {float:left;width:400px;margin:0 25px 0 87px;font-size: 0.9em;}
#col1 .itemData .boxR {float:right;width:235px;margin:0 87px 0 25px;}

#col1 .itemData .boxL ul.txtMaterial {margin-bottom:10px;}
#col1 .itemData .boxL p{margin: 0 0 10px 0;padding: 0;line-height: 1.6;}
#col1 .itemData .boxL p img {vertical-align: middle;}


.stop {width:500px;margin:0 auto 40px;background:#fef5f5;border:1px solid #de0a0a;padding:10px;text-align:center;}
.stop p {font-size:21px;line-height:1;font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;color:#de0a0a;}




	/*--CLEAR--*/
	#col1 .itemData:after,
	#col1 .itemArea .content .box:after {
		content: " ";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
	}