@charset "utf-8";

/*-------------------------------------------------
全体
------------------------------------------------*/
html {
	font-size: 62.5%;
}

body {
	background: #fff;
	font-size: 13px; font-size: 1.3em;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
	line-height: 1;
	color: #333;
	-webkit-text-size-adjust: 100%; /* 文字の拡大縮小を防ぐ */
	min-width: 980px;
}

a:link, a:visited {
	color: #db8048;
	text-decoration: none;
}
a:hover, a:active {
	color: #db8048;
	text-decoration: underline;
}


/*-------------------------------------------------
共通ボタン
------------------------------------------------*/
/*掲載店舗募集中*/
.btnRecruit {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}
.btnRecruit img {
	width: 440px;
}


/*-------------------------------------------------
ヘッダ
------------------------------------------------*/
header {
	margin-bottom: 20px;
	padding: 30px 0;
	border-bottom: 4px solid #d1c0a5;
	background: #fffcf8;
	z-index: 9999;
}

header #inner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

header #logo img {
	width: 300px;
}

header #btnMenu,
header nav,
header #btnFavorite {
	display: none;
}

.headerFixedTop {
	position: fixed;
	width: 100%;
}
.ie7 .headerFixedTop {
	position: static;
}
/*headroom.js*/
.headroom {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: all .2s ease-in-out;
}
.headroom--unpinned {
	top: -100px;
}
.headroom--pinned {
	top: 0;
}


/*-------------------------------------------------
コンテンツレイアウト
------------------------------------------------*/
#container {
	width: 960px;
	/*margin: 20px auto 50px;*/
	margin: 0 auto 50px;
	padding: 120px 10px 0;
}

#container #mainCol {
	float: left;
	width: 710px;
	padding-right: 30px;
}

#container #subCol {
	float: left;
	width: 220px;
}


/*-------------------------------------------------
パンくずリスト
------------------------------------------------*/
.breadcrumb {
	padding: 8px 10px;
	background: #f6f6f6;
	line-height: 1.4;
}
.breadcrumb p {
	display: inline;
	font-size: 13px; font-size: 1.3rem;
}


/*-------------------------------------------------
右カラム ／ ナビ
------------------------------------------------*/
#sidenav {
	margin-bottom: 20px;
}

#sidenav ul.accordion {
	border-top: 1px solid #d2c1a4;
	border-right: 1px solid #d2c1a4;
	border-left: 1px solid #d2c1a4;
}

#sidenav ul.accordion p.areaTtl {
	background-color: #f3e9e1;
	cursor:pointer;
}
#sidenav ul.accordion p.areaTtl span {
	display:block;
	min-height: 44px;
	line-height: 44px;
	padding:0 10px 0 36px;
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:url(../imgs/common/sidenav_ico_close_pc.png);
	color: #7e4800;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
}
#sidenav ul.accordion p.areaTtl span.open {
	background-image:url(../imgs/common/sidenav_ico_open_pc.png);
}
#sidenav ul.accordion ul {
	display:none;
	padding: 4px;
	background: #fff;
}
#sidenav ul.accordion > li {
	border-bottom: 1px solid #d2c1a4;
}
#sidenav ul.accordion ul li {
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px solid #999;
	line-height: 1.8;
	white-space:nowrap;
}
#sidenav ul.accordion ul li:last-child {
	padding-right: 0;
	border-right: none;
}


/*-------------------------------------------------
右カラム ／ お気に入り店舗ボタン
------------------------------------------------*/
#sideBtnFavorite {
	margin-bottom: 20px;
	cursor: pointer;
}
#sideBtnFavorite img: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;
}


/*-------------------------------------------------
ページトップボタン
------------------------------------------------*/
.scrollup {
	margin-bottom: 10px;
	text-align: center;
}

.scrollup img {
	width: 70px;
}


/*-------------------------------------------------
フッター
------------------------------------------------*/
footer {
	padding: 30px 0;
	border-top: 2px solid #ddd;
	text-align: center;
}

footer .inner {
	width: 960px;
	margin: 0 auto;
}

footer ul {
	text-align: center;
}
footer li {
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #999;
	line-height: 1.8;
	white-space:nowrap;
}
footer li:last-child {
	padding-right: 0;
	border-right: none;
}

footer ul#fLink {
	margin-bottom: 10px;
}
footer ul#rLink {
	margin-bottom: 20px;
}


footer small {
	font-size: 12px; font-size: 1.2rem;
}
footer small span {
	font-family: verdana,arial,sans-serif;
}


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

/*全体*/
body {
	min-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}

/*掲載店舗募集中ボタン*/
.btnRecruit {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 10px;
}

/*ヘッダ*/
header {
	box-sizing: border-box;
	min-height: 55px;
	margin-bottom: 0;
	padding: 18px 0 5px;
	border-bottom: 2px solid #d1c0a5;
}
header #inner {
	width: auto;
}
header #logo img {
	width: 50%;
}
header #btnMenu {
	display: block;
	text-align: left;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 36px;
}
header #btnMenu img {
	width: 36px;
}
header nav {
	position: absolute;
	top: 48px;
	width: 100%;
	margin-bottom: 20px;
	text-align: left;
		z-index: 9699;
}
header nav ul.accordion p.areaTtl {
	background-color: #7e4800;
	cursor:pointer;
}
header nav ul.accordion p.areaTtl span {
	display:block;
	min-height: 44px;
	line-height: 44px;
	padding:0 10px 0 36px;
	background-position:10px center;
	background-repeat:no-repeat;
	background-image:url(../imgs/common/headernav_ico_close_sp.png);
	color: #fff;
	font-size: 13px; font-size: 1.3rem;
	font-weight: bold;
}
header nav ul.accordion p.areaTtl span.open {
	background-image:url(../imgs/common/headernav_ico_open_sp.png);
}
header nav ul.accordion ul {
	display:none;
	padding: 4px;
	background: #fffcf8;
}
header nav ul.accordion > li {
	border-bottom: 1px solid #fffcf8;
}
header nav ul.accordion > li:last-child {
	border-bottom: 0 none;
}
header nav ul.accordion ul li {
	display: inline;
	padding: 0 10px 0 5px;
	border-right: 1px solid #999;
	line-height: 1.8;
	white-space:nowrap;
}
header nav ul.accordion ul li:last-child {
	padding-right: 0;
	border-right: none;
}
header #btnFavorite {
	display: block;
	text-align: right;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 36px;
}
header #btnFavorite img {
	width: 36px;
}


/*コンテンツレイアウト*/
#container {
	width: 100%;
	margin: 0 0 10px;
	padding: 60px 0 0;
}
#container #mainCol {
	float: none;
	width: 100%;
	padding-right: 0;
}
#container #subCol {
	display: none;
	float: none;
	width: 0;
}


/*パンくずリスト*/
.breadcrumb {
	padding: 2px 10px;
}
.breadcrumb p {
	font-size: 12px; font-size: 1.2rem;
}


/*ページトップボタン*/
.scrollup img {
	width: 15%;
}


/*フッター*/
footer {
	padding: 10px 0;
	border-top: 1px solid #ddd;
}
footer .inner {
	width: 100%;
}
footer ul {
	padding: 0 10px;
}
footer li {
	padding: 0 6px;
font-size: 12px; font-size: 1.2rem;
}
footer ul#fLink {
	margin-bottom: 0;
}
footer ul#rLink {
	margin-bottom: 10px;

}

}/*//@media screen*/