@charset "utf-8";


/*-------------------------------------------------
冒頭キャプション
------------------------------------------------*/
#headCap {
	margin: 20px 0 30px;
}
#headCap h1 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #7e4800;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: #7e4800;
}
#headCap p {
	color: #7e4800;
	font-size: 18px; font-size: 1.8rem;
	line-height: 1.6;
}


/*-------------------------------------------------
ピックアップ
------------------------------------------------*/
#pickup {
	margin-bottom: 40px;
}
#pickup h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
}
#pickup h2 span {
	font-size: 14px; font-size: 1.4rem;
}

#pickup .bnr01 {
	position: relative;
	padding-top: 21.1%;
	/padding-top: 18.3%;/*for IE7*/
	padding-top: 21.2%\9;/*for IE8*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*for Safari*/
	::i-block-chrome, #pickup .bnr01 {
	padding-top: 21.2%;
	}
}
@-moz-document url-prefix() {/*for Firefox*/
	#pickup .bnr01 {
		padding-top: 21.2%;
	}
}
#pickup .bnr01 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#pickup .shop .box01 {
	padding: 15px 10px;
	border: 1px solid #d1c0a5;
	background: #fffcf8;
}
#pickup .shop .box01 .floatL {
	float: left;
	width: 391px;
	padding-right: 20px;
}
#pickup .shop .box01 .floatR {
	float: left;
	width: 277px;
}
#pickup .shop h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1c0a5;
	line-height: 20px;
}
#pickup .shop h3 .shopName {
	display: block;
	float: left;
	font-size: 16px; font-size: 1.6rem;
	color: #7e4800;
}
#pickup .shop h3 .shopName em {
	font-weight: bold;
}
#pickup .shop h3 .icoFavorite {
	display: block;
	float: right;
}
#pickup .shop h3 .icoFavorite img {
	width: 20px;
	cursor: pointer;
}
#pickup .shop .txt01 {
	margin-bottom: 5px;
	color: #888;
	line-height: 1.6;
}
#pickup .shop .txt02 {
	line-height: 1.6;
}
#pickup .shop .txt03 {
	margin-bottom: 8px;
	line-height: 1.6;
}

#pickup .shop .box01 .tag {
	float: left;
	width: 48px;
	margin-right: 10px;
}
#pickup .shop .box01 .tag li {
	float: left;
}
#pickup .shop .box01 .tag li#tagNight,
#pickup .shop .box01 .tag li#tagPrivate {
	margin-right: 6px;
}
#pickup .shop .box01 .tag li#tagNight,
#pickup .shop .box01 .tag li#tagPrivate,
#pickup .shop .box01 .tag li#tagCredit {
	margin-bottom: 4px;
}
#pickup .shop .box01 .tag li#tagTrip {
	margin-right: 4px;
}
#pickup .shop .box01 .tag li#tagNight img,
#pickup .shop .box01 .tag li#tagPrivate img,
#pickup .shop .box01 .tag li#tagCredit img {
	width: 12px;
}
#pickup .shop .box01 .tag li#tagTrip img,
#pickup .shop .box01 .tag li#tagSpeciality img {
	width: 22px;
}

#pickup .shop .box01 .list01 {
	float: left;
	width: 219px;
}
#pickup .shop .box01 .list01 li {
	float: left;
}

#pickup .shop .box01 .list01 .btnHP {
	margin-right: 10px;
}
#pickup .shop .box01 .list01 .btnHP a {
	display: block;
	width: 4em;
	padding: 8px;
	background-color: #eee;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #db8048;
  text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#pickup .shop .box01 .list01 .btnHP a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

#pickup .shop .box01 .list01 .tel span {
	display: block;
	width: 9em;
	padding: 8px;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #eee;
	text-align: center;
	font-weight: bold;
	color: #db8048;
}


/*-------------------------------------------------
新着情報
------------------------------------------------*/
#news {
	margin-bottom: 30px;
}

#news h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
}

#news li {
	margin-bottom: 15px;
	position: relative;
	padding: 0 0 10px 24em;
	border-bottom:1px solid #ddd;
	line-height: 1.6;
}
#news li:last-child {
	margin-bottom: 20px;
}
#news li span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 24em;
}


/*-------------------------------------------------
エリア・タグで絞り込む
------------------------------------------------*/
.filter {
	margin-bottom: 20px;
	padding: 15px 10px;
	border: 2px solid #d1c0a5;
	background: #fffcf8;
	color: #7e4800;
}

.filter h2 {
	margin-bottom: 10px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold;
}

.filter .box01 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d1c0a5;
}

.filter ul li {
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px solid #999;
	line-height: 1.8;
	white-space:nowrap;
}
.filter ul li:last-child {
	padding-right: 0;
	border-right: 0 none;
}

/* 並べ替えボタン追加部分 */
.filter .sorting {
	margin-bottom: 30px;
}
.filter .sorting .ttlSort {
	margin-bottom: 12px;
}
.filter .sorting .ttlSort span {
	margin-right: 6px;
	font-weight: bold;
	font-size: 16px; font-size: 1.6rem;
	line-height: 18px;
}
.filter .sorting .btnSort {
	font-size: 0;
}
.filter .sorting .btnSort a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 80px;
}
.filter .sorting .btnSort a + a {
	margin-left: 12px;
}
/* // 並べ替えボタン追加部分 */



/*-------------------------------------------------
店舗一覧A
------------------------------------------------*/
#shopListA h2 {
	margin-bottom: 15px;
	padding: 0 10px;
	min-height: 48px;
	line-height: 48px;
	background:#d1c0a5;
	color: #fff;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold;
}

#shopListA .shop {
	margin-bottom: 20px;
}

#shopListA .bnr01 {
	position: relative;
	padding-top: 21.1%;
	/padding-top: 18.3%;/*for IE7*/
	padding-top: 21.2%\9;/*for IE8*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*for Safari*/
	::i-block-chrome, #shopListA .bnr01 {
	padding-top: 21.2%;
	}
}
@-moz-document url-prefix() {/*for Firefox*/
	#shopListA .bnr01 {
		padding-top: 21.2%;
	}
}
#shopListA .bnr01 img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#shopListA .shop .box01 {
	padding: 15px 10px;
	border: 1px solid #d1c0a5;
	background: #fffcf8;
}
#shopListA .shop .box01 .floatL {
	float: left;
	width: 391px;
	padding-right: 20px;
}
#shopListA .shop .box01 .floatR {
	float: left;
	width: 277px;
}

#shopListA .shop h3 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1c0a5;
	line-height: 20px;
}
#shopListA .shop h3 .shopName {
	display: block;
	float: left;
	font-size: 16px; font-size: 1.6rem;
	color: #7e4800;
}
#shopListA .shop h3 .shopName em {
	font-weight: bold;
}
#shopListA .shop h3 .icoFavorite {
	display: block;
	float: right;
}
#shopListA .shop h3 .icoFavorite img {
	width: 20px;
	cursor: pointer;
}
#shopListA .shop .box01 .txt01 {
	margin-bottom: 10px;
	color: #888;
	line-height: 1.6;
}
#shopListA .shop .box01 .txt02 {
	line-height: 1.6;
}
#shopListA .shop .box01 .txt03 {
	margin-bottom: 8px;
	line-height: 1.6;
}

#shopListA .shop .box01 .tag {
	float: left;
	width: 48px;
	margin-right: 10px;
}
#shopListA .shop .box01 .tag li {
	float: left;
}
#shopListA .shop .box01 .tag li#tagNight,
#shopListA .shop .box01 .tag li#tagPrivate {
	margin-right: 6px;
}
#shopListA .shop .box01 .tag li#tagNight,
#shopListA .shop .box01 .tag li#tagPrivate,
#shopListA .shop .box01 .tag li#tagCredit {
	margin-bottom: 4px;
}
#shopListA .shop .box01 .tag li#tagTrip {
	margin-right: 4px;
}
#shopListA .shop .box01 .tag li#tagNight img,
#shopListA .shop .box01 .tag li#tagPrivate img,
#shopListA .shop .box01 .tag li#tagCredit img {
	width: 12px;
}
#shopListA .shop .box01 .tag li#tagTrip img,
#shopListA .shop .box01 .tag li#tagSpeciality img {
	width: 22px;
}

#shopListA .shop .box01 .list01 {
	float: left;
	width: 219px;
}
#shopListA .shop .box01 .list01 li {
	float: left;
}
#shopListA .shop .box01 .list01 .btnHP {
	margin-right: 10px;
}
#shopListA .shop .box01 .list01 .btnHP a {
	display: block;
	width: 4em;
	padding: 8px;
	background-color: #eee;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #db8048;
  text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#shopListA .shop .box01 .list01 .btnHP a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

#shopListA .shop .box01 .list01 .tel span {
	display: block;
	width: 9em;
	padding: 8px;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #eee;
	text-align: center;
	font-weight: bold;
	color: #db8048;
}


/*-------------------------------------------------
店舗一覧B
------------------------------------------------*/
#shopListB {
	margin-bottom: 20px;
}

#shopListB .shop {
	margin-bottom: 20px;
	padding: 15px 10px;
	border: 1px solid #d1c0a5;
	background: #fffcf8;
}
#shopListB .shop .floatL {
	float: left;
	width: 391px;
	padding-right: 20px;
}
#shopListB .shop .floatR {
	float: left;
	width: 277px;
}

#shopListB .shop h2 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #d1c0a5;
	line-height: 20px;
}
#shopListB .shop h2 .shopName {
	display: block;
	float: left;
	font-size: 16px; font-size: 1.6rem;
	color: #7e4800;
}
#shopListB .shop h2 .shopName em {
	font-weight: bold;
}
#shopListB .shop h2 .icoFavorite {
	display: block;
	float: right;
}
#shopListB .shop h2 .icoFavorite img {
	width: 20px;
	cursor: pointer;
}

#shopListB .shop .tag {
	float: left;
	width: 48px;
	margin-right: 10px;
}
#shopListB .shop .tag li {
	float: left;
}
#shopListB .shop .tag li#tagNight,
#shopListB .shop .tag li#tagPrivate {
	margin-right: 6px;
}
#shopListB .shop .tag li#tagNight,
#shopListB .shop .tag li#tagPrivate,
#shopListB .shop .tag li#tagCredit {
	margin-bottom: 4px;
}
#shopListB .shop .tag li#tagTrip {
	margin-right: 4px;
}
#shopListB .shop .tag li#tagNight img,
#shopListB .shop .tag li#tagPrivate img,
#shopListB .shop .tag li#tagCredit img {
	width: 12px;
}
#shopListB .shop .tag li#tagTrip img,
#shopListB .shop .tag li#tagSpeciality img {
	width: 22px;
}

#shopListC .shop .tel {
	float: left;
	width: 219px;
}

#shopListB .shop .list01 {
	float: left;
	width: 219px;
}
#shopListB .shop .list01 li {
	float: left;
}
#shopListB .shop .list01 .btnHP {
	margin-right: 10px;
}
#shopListB .shop .list01 .btnHP a {
	display: block;
	width: 4em;
	padding: 8px;
	background-color: #eee;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #db8048;
  text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#shopListB .shop .list01 .btnHP a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

#shopListB .shop .list01 .tel span {
	display: block;
	width: 9em;
	padding: 8px;
	border-radius: 3px;
	-webkit-border-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #eee;
	text-align: center;
	font-weight: bold;
	color: #db8048;
}

#shopListB .shop .txt01 {
	margin-bottom: 10px;
	color: #888;
	line-height: 1.6;
}
#shopListB .shop .txt02 {
	line-height: 1.6;
}
#shopListB .shop .txt03 {
	margin-bottom: 8px;
	line-height: 1.6;
}


/*-------------------------------------------------
SmartPhone
------------------------------------------------*/
@media screen and (max-width: 767px) {


/*タイトル*/
#headCap {
	width: auto;
	margin: 10px;
}
#headCap h1 {
	margin-bottom: 5px;
	padding-bottom: 2px;
	font-size: 18px; font-size: 1.8rem;
	text-align: center;
}
#headCap p {
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.4;
}


/*ピックアップ*/
#pickup {
	margin-bottom: 10px;
}
#pickup h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#pickup .shop {
	margin-bottom: 10px;
	padding: 0 10px;
}
#pickup .shop .box01 {
	padding: 5px;
}
#pickup .shop .box01 .floatL {
	float: none;
	width: auto;
	padding-right: 0;
}
#pickup .shop .box01 .floatR {
	float: none;
	width: auto;
}
#pickup .shop h3 {
	margin-bottom: 5px;
	line-height: 16px;
}
#pickup .shop h3 .shopName {
	font-size: 12px; font-size: 1.2rem;
}
#pickup .shop h3 .shopName em {
	font-size: 14px; font-size: 1.4rem;
}
#pickup .shop h3 .icoFavorite img {
	width: 16px;
}
#pickup .shop .txt01 {
	margin-bottom: 0;
	line-height: 1.4;
}
#pickup .shop .txt02 {
	margin-bottom: 0;
	line-height: 1.4;
}
#pickup .shop .txt03 {
	margin-bottom: 3px;
	line-height: 1.4;
}
#pickup .shop .box01 .list01 {
	width: auto;
}
#pickup .shop .box01 .list01 .btnHP a:hover {
	opacity: 1;
}
#pickup .shop .box01 .list01 .tel span {
	display: inline-block;
}


/*新着情報*/
#news {
	margin-bottom: 10px;
}
#news h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#news ul {
	padding: 0 10px;
}
#news li {
	margin-bottom: 5px;
	padding: 0 0 5px 0;
	position: static;
}
#news li:last-child {
	margin-bottom: 0;
}
#news li span {
	position: static;
	width: auto;
}


/*エリア・タグで絞り込む*/
.filter {
	margin-bottom: 10px;
	padding: 10px 10px 6px;
	border: 0 none;
	border-top: 1px solid #d1c0a5;
	border-bottom: 1px solid #d1c0a5;
}
.filter h2 {
	margin-bottom: 5px;
	font-size: 14px; font-size: 1.4rem;
}
.filter .box01 {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: 0 none;
}
/* 並べ替えボタン追加部分 */
.filter .sorting {
	margin-bottom: 20px;
}
.filter .sorting .ttlSort {
	margin-bottom: 10px;
}
.filter .sorting .ttlSort span {
	font-size: 14px; font-size: 1.4rem;
}
.filter .sorting .btnSort a + a {
	margin-left: 12px;
}
/* // 並べ替えボタン追加部分 */


/*店舗一覧A*/
#shopListA {
	margin-bottom: 10px;
}
#shopListA h2 {
	margin-bottom: 5px;
	min-height: 36px;
	line-height: 36px;
	font-size: 16px; font-size: 1.6rem;
}
#shopListA .shop {
	margin-bottom: 10px;
	padding: 0 10px;
}
#shopListA .shop .box01 {
	padding: 5px;
}
#shopListA .shop .box01 .floatL {
	float: none;
	width: auto;
	padding-right: 0;
}
#shopListA .shop .box01 .floatR {
	float: none;
	width: auto;
}
#shopListA .shop h3 {
	margin-bottom: 5px;
	line-height: 16px;
}
#shopListA .shop h3 .shopName {
	font-size: 12px; font-size: 1.2rem;
}
#shopListA .shop h3 .shopName em {
	font-size: 14px; font-size: 1.4rem;
}
#shopListA .shop h3 .icoFavorite img {
	width: 16px;
}
#shopListA .shop .box01 .txt01 {
	margin-bottom: 0;
	line-height: 1.4;
}
#shopListA .shop .box01 .txt02 {
	margin-bottom: 0;
	line-height: 1.4;
}
#shopListA .shop .box01 .txt03 {
	margin-bottom: 3px;
	line-height: 1.4;
}
#shopListA .shop .box01 .list01 {
	width: auto;
}
#shopListA .shop .box01 .list01 .btnHP a:hover {
	opacity: 1;
}
#shopListA .shop .box01 .list01 .tel span {
	display: inline-block;
}


/*店舗一覧B*/
#shopListB {
	margin-bottom: 10px;
}
#shopListB .shop {
	margin: 0 10px 10px;
	padding: 5px;
}
#shopListB .shop .floatL {
	float: none;
	width: auto;
	padding-right: 0;
}
#shopListB .shop .floatR {
	float: none;
	width: auto;
}
#shopListB .shop h2 {
	margin-bottom: 5px;
	line-height: 16px;
}
#shopListB .shop h2 .shopName {
	font-size: 12px; font-size: 1.2rem;
}
#shopListB .shop h2 .shopName em {
	font-size: 14px; font-size: 1.4rem;
}
#shopListB .shop h2 .icoFavorite img {
	width: 16px;
}
#shopListB .shop .txt01 {
	margin-bottom: 0;
	line-height: 1.4;
}
#shopListB .shop .txt02 {
	margin-bottom: 0;
	line-height: 1.4;
}
#shopListB .shop .txt03 {
	margin-bottom: 3px;
	line-height: 1.4;
}
#shopListB .shop .box01 .list01 {
	width: auto;
}
#shopListB .shop .tel span {
	display: inline-block;
}


}/*//@media screen*/