@charset "utf-8";
/*
* index.css
*
* version --- 1.0
* updated --- 2013/09/17
*/

/* ショップガイドのみに使用するスタイルを記述
---------------------------------------------------------- */
/* ヘッダー */
header#headerArea {
	display: block;	
}

/* ページタイトル・BACKボタン */
#headWrapper {
	background: #4a3934;
	border-bottom: 1px solid #fff;
	height: 30px;
	width: 100%;
}
#headWrapper a {
	background: url(/sp/common/img/bd01.gif) repeat-y right;
	float: left;
	line-height: 30px;
	height: inherit;
	width: 70px;
}
#headWrapper a img {
	width: 48px;
	vertical-align: middle;
}
#headWrapper h2 {
	color: #fff;
	background: inherit;
	float: left;
	height: inherit;
	line-height: 30px;
	margin-left: 15px;
}

/* ローカルナビ */
#localNav {
	background: #4a3934;
	position: absolute;
	width: 100%;
}
#localNav ul {
	height: 60px;
	padding: 0px 10px 0px 6px;
}
#localNav ul li {
	list-style: none;
	float: left;
	width: 33.333%;
}
#localNav ul li p {
	margin: 5px 0px 0px 4px;
	font-size: 10px;
}
#localNav ul li p a {
	display: inline-block;
	background: #fff;
	border-radius: 4px;
	color: #321f19;
	text-decoration: none;
	height: 50px;
	width: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
#localNav ul li p a img {
	display: block;
	margin: 0 auto;
	width: 34px;
}
#localNav ul li p a span {
	display: block;
}
#localNav ul li:nth-child(1) p a span,
#localNav ul li:nth-child(2) p a span,
#localNav ul li:nth-child(3) p a span {
	padding-top: 6px;
}

/* ローカルナビ上部固定時のスタイル */
#localNav.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
#localNav.fixed ul {
	height: 104px;
}
#localNav.fixed ul li p a {
	height: 28px;
	padding: 8px 0px;
}
#localNav.fixed ul li p a img {
	display: none;
}


/* コンテンツ */
div#wrapper {
	background: #4a3934;
	padding-top: 120px;
}
div#container {
	background: #fff;
}

h3.h3Box {
	padding-top: 98px;
	margin-top: -98px;
}
h3.h3Box span {
	color: #54392c;
	background: #e0cdba;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	text-align: left;
	padding-left: 55px;
	display: block;
	text-align: left;
	background-size: contain;
	background-repeat: no-repeat;
}
	h3.h3Box span.category-1 {
		background-image: url(/sp/shopguide/img/icon01.png);
		background-position: 20px 0px;
	}
	h3.h3Box span.category-2 {
		background-image: url(/sp/shopguide/img/icon02.png);
		background-position: 15px 0px;
	}
	h3.h3Box span.category-3 {
		background-image: url(/sp/shopguide/img/icon03.png);
		background-position: 20px 0px;
	}
	h3.h3Box span.category-4 {
		background-image: url(/sp/shopguide/img/icon04.png);
		background-position: 10px 0px;
	}
	h3.h3Box span.category-5 {
		background-image: url(/sp/shopguide/img/icon05.png);
		background-position: 8px 0px;
	}

	h3.h3Box span.category-6 {
		background-image: url(/sp/shopguide/img/icon06.png);
		background-position: 8px 0px;
	}

/* 各ショップ */
ul.shopList li {
	border-bottom: 1px solid #ab9b94;
	/*padding: 15px 5px;*/
}
ul.shopList li:last-child {
	border-bottom: none;
}
ul.shopList li dl.shopInfo {
	width: 100%;
}
ul.shopList li dl.shopInfo dt,
ul.shopList li dl.shopInfo dd {
	float: left;
	display: inline-block;
}
ul.shopList li dl.shopInfo dt {
	width: 33%;
}
ul.shopList li dl.shopInfo dt img {
	display: block;
	margin: 0 auto;
	width: 85px;
}
ul.shopList li dl.shopInfo dd.name {
	text-align: left;
	width: 57%;
}
ul.shopList li dl.shopInfo dd.name p {
	font-size: 11px;
	padding: 0px 5px;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}
ul.shopList li dl.shopInfo dd.name span.txt_red {
	margin-left: 10px;
}
ul.shopList li dl.shopInfo dd.name span.type {
	font-size: 10px;
}
ul.shopList li dl.shopInfo dd.actionBtn {
	width: 10%;
}
ul.shopList li dl.shopInfo dd.actionBtn a {
	height: 40px;
	display: table-cell;
	vertical-align: middle;
}
ul.shopList li dl.shopInfo dd.actionBtn a img {
	width: 26px;
}

/* marche特別スタイル */
ul.shopList li.marcheShop01 dl.shopInfo,
ul.shopList li.marcheShop01 dl.shopInfo dt,
ul.shopList li.marcheShop01 dl.shopInfo dd.name p,
ul.shopList li.marcheShop01 dl.shopInfo dd.actionBtn a {
	height: 45px;
}
ul.shopList li.marcheShop02 dl.shopInfo,
ul.shopList li.marcheShop02 dl.shopInfo dt,
ul.shopList li.marcheShop02 dl.shopInfo dd.name p,
ul.shopList li.marcheShop02 dl.shopInfo dd.actionBtn a {
	height: 78px;
}
ul.shopList li.marcheShop03 dl.shopInfo,
ul.shopList li.marcheShop03 dl.shopInfo dt,
ul.shopList li.marcheShop03 dl.shopInfo dd.name p,
ul.shopList li.marcheShop03 dl.shopInfo dd.actionBtn a {
	height: 50px;
}


/* ショップ詳細 */
dl.shopDetail {
	color: #321f19;
	background: #f5f5f5;
	margin-top: 15px;
	padding: 11px;
	text-align: left;
	font-size: 12px;
	display: none;
}
dl.shopDetail dt.picBox {
	text-align: center;
}

dl.shopDetail dt.picBox img {
	border: 1px solid #fff;
	margin-bottom: 10px;
    width:250px;
}
dl.infoBox {
	/*max-width: 300px;*/
}
dl.infoBox dt,
dl.infoBox dd {
	float: left;
	line-height: 150%;
}
dl.infoBox dt {
	width: 30%;
	max-width: 80px;
}
dl.infoBox dd {
	width: 70%;
	word-wrap: break-word;
}
dl.infoBox dd a {
	text-decoration: none;
	color: #10bcf4;
}
dl.infoBoxInner dt {
	width: 100%;
	float: none;
}
dl.infoBoxInner dd {
	/*width: 75%;*/
	width: 100%;
	float: none;
}

/* ショップのTEL情報を非公開にしたい時は以下を有効にすること
---------------------------------------------------------- */

/*dl.infoBox dt:nth-child(3),
dl.infoBox dd:nth-child(4) {
	visibility: hidden;
	height: 0;
}
dl.infoBoxInner dt:nth-child(3),
dl.infoBoxInner dd:nth-child(4) {
	visibility: visible;
	height: auto;
}*/