@charset "UTF-8";
/* ===================================================================

Common Style

======================================================================*/
/*--------------------------------------------------------------------
 Reset
----------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body, div, span,
h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd {
	padding: 0;
	margin: 0;
	word-break: break-all;
}
html, body {
	height: 100%;
}
img {
	border: 0;
	vertical-align: top;
}
ul, ol {
	list-style: none;
}
* {
	word-break: break-all;
}
/*--------------------------------------------------------------------
 Common
----------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	font-size: 14px;
	font-family: "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	line-height: 1.2;
	color: #383836;
	-webkit-text-size-adjust: none;
}
body a {
	color: #000000;
}
a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
}
.wrapper {
	overflow: hidden;
}
.linkRecruitGroup {
	margin: 0 !important;
	padding: 8px 10px !important;
}
.footerSubLink {
	text-align: center;
}
.footerSubLink li {
	display: inline-block;
	line-height: 1.5;
}
.footerSubLink li + li {
	margin-left: 5px;
}
.footerSubLink li a {
	color: #3B92C8;
}
.footerSubLink li a:link,.footerSubLink li a:active {
	display: block;
	text-decoration: none;
}
/*--------------------------------------------------------------------
 General
----------------------------------------------------------------------*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.fs10 {
	font-size: 10px;
}
.pb2 {
	padding-bottom: 2px;
}
/* Clearfix
------------------------------------------------------------*/
.cf {
	*zoom: 1;
}
.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/*--------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/
.headerWrap {
	padding-left: 10px;
	background: #F7F7F7;
	border-top: 3px solid #240900;
	border-bottom: 1px solid #240900;
}
.headerLogoArea {
	padding: 5px 0;
}
.headerPageInfo {
	padding: 3px;
	text-align: right;
	font-size: 10px;
	color: #666666;
}
/*--------------------------------------------------------------------
 Footer_Old
----------------------------------------------------------------------*/
#footer {
	margin-top: 40px;
	background-color: #FFFFFF;
	color: #333333;
	line-height: 1;
}
.footerLink {
	background: #FFFFFF;
	border-top: 2px solid #999999;
}
.footerLink li {
	position: relative;
	border-bottom: 1px solid #CDCDCD;
}
.footerLink li a {
	display: block;
	padding: 15px 25px 15px 10px;
	font-size: 14px;
	color: #767676;
}
.footerLink li:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -5px;
	background-color: transparent;
	border-top: solid 3px #808080;
	border-right: solid 3px #808080;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* ===================================================================

common.css

======================================================================*/

/* ▼ keyVisual ▼
----------------------*/
.mainContent {
	margin: 0 auto;
	background-color: #EDEDED;
	border-bottom: 1px solid #DBDBDB;
}
.keyVisual {
	margin: 0 auto;
}
.keyVisual>img {
	width: 100%;
}

/* ▼ Navi ▼
----------------------*/
.contentNavWrap {
	padding: 20px 0;
	border-bottom: 1px solid #E2E2E2;
}

.contentNav {
	width: 298px;
	margin: 0 auto;
	border-top: 2px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.contentNav>li {
	float: left;
	width: 149px;
	height: 45px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
}

.contentNav a {
	display: block;
	width: 148px;
	margin: 0 auto;
}

/* ▼ ShopList ▼
----------------------*/
.shopListContent {
	margin-top: 30px;
}
.shopList {
	width: 300px;
	margin: 0 auto;
}
.shopList>li {
	position: relative;
	background-color: #FFFFFF;
}
.shopList>li+li {
	margin-top: 35px;
}

.shopCategoryAndNameWrap {
	border-top: 2px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
}
.shopCategoryAndName {
	margin: 1px 0;
	padding: 10px 0;
	border-top: 1px solid #9d9d9d;
	border-bottom: 1px solid #9d9d9d;
	font-size: 0;
	text-align: center;
}
.shopCategory {
	display: inline-block;
	padding-right: 15px;
	font-size: 14px;
}
.shopName {
	display: inline-block;
}
.shopName>img,
.shopCategory>img {
	vertical-align: middle;
}
.shopImg {
	margin-top: 15px;
	padding: 1px;
	border: 1px solid #D6D5D1;
}
.shopInfo {
	margin-top: 20px;
}
.detailAboutFood,
.detailAboutFoodTwoLine,
.detailAboutFoodThreeLine,
.detailAboutFoodFourLine {
	font-size: 0;
}
.detailAboutFood>dt,
.detailAboutFoodTwoLine>dt,
.detailAboutFoodThreeLine>dt,
.detailAboutFoodFourLine>dt {
	display: inline-block;
	width: 101px;
	padding: 7px 10px;
	background-color: #ED6434;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
}
.detailAboutFood>dd,
.detailAboutFoodTwoLine>dd,
.detailAboutFoodThreeLine>dd,
.detailAboutFoodFourLine>dd {
	display: inline-block;
	width: 180px;
	margin-left: 10px;
	background-color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.detailAboutFood>dt {
	padding: 7px 10px;
}
.detailAboutFoodTwoLine>dt {
	padding: 12px 10px;
}
.detailAboutFoodThreeLine>dt {
	padding: 21px 10px;
}
.detailAboutFoodFourLine>dt {
	padding: 30px 10px;
}
.shopBudgetAndAccess {
	margin-top: 15px;
	font-size: 0;
}
.shopBudget {
	margin-top: 5px;
}
.shopAccess>dt,
.shopAccessMultiline>dt,
.shopBudget>dt {
	display: inline-block;
	width: 75px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #666666;
	text-align: center;
	box-sizing: border-box;
}
.shopAccess>dd,
.shopAccessMultiline>dd,
.shopBudget>dd {
	display: inline-block;
	width: 209px;
	margin-left: 10px;
	font-size: 10px;
	line-height: 1.5;
}
.shopAccess>dt,
.shopAccess>dd,
.shopBudget>dt,
.shopBudget>dd {
	vertical-align: middle;
}
.shopAccessMultiline>dt,
.shopAccessMultiline>dd {
	vertical-align: top;
}
.shopIntroduction {
	margin-top: 25px;
}
.shopIntroductionTtl,
.shopDetailTtl {
	padding-left: 10px;
	border-left: 4px solid #ED6434;
}
.shopIntroductionTtl>img {
	vertical-align: text-top;
}
.shopIntroductionTxt {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.5;
}
.shopDetailWrap {
	margin-top: 25px;
}
.shopDetail {
	display: inline-block;
	vertical-align: top;
	width: 183px;
}
.shopDetailImg,
.shopDetailTxt {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 1.5;
}
.shopDetailTtl>img {
	vertical-align: text-top;
}
.shopDetailFoodName,
.shopDetailFoodNameTwoLine,
.shopDetailFoodNameThreeLine,
.shopDetailFoodNameFourLine {
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
.shopDetailFoodName {
	margin-top: 36px;
}
.shopDetailFoodNameTwoLine {
	margin-top: 28px;
}
.shopDetailFoodNameThreeLine {
	margin-top: 21px;
}
.shopDetailFoodNameFourLine {
	margin-top: 15px;
}
.shopDetailImg {
	width: 102px;
	margin-left: 8px;
	padding: 1px;
	border: 1px solid #D6D5D1;
	box-sizing: border-box;
}
.shopDetailTxt {
	margin-top: 10px;
}
.shopLink {
	margin-top: 20px;
}
.shopLink a {
	display: block;
	width: 250px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/
.footerBtnArea {
	width: 320px;
	margin: 50px auto 0;
}
.footerBtnPrev {
	position: relative;
	display: block;
	background: #BDBDBD;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	margin-left: 10px;
}
.footerBtnPrev:after {
	content: "";
	width: 6px;
	height: 6px;
	background: transparent;
	border-bottom: solid 3px #FFFFFF;
	border-left: solid 3px #FFFFFF;
	margin-top: -5px;
	position: absolute;
	right: 10px;
	top: 16px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.footerBtnTop {
	position: relative;
	display: block;
	background: #E3E3E3;
	width: 32px;
	height: 32px;
	border-radius: 3px;
	margin-right: 10px;
}
.footerBtnTop:after {
	content: "";
	width: 6px;
	height: 6px;
	background: transparent;
	border-top: solid 3px #808080;
	border-right: solid 3px #808080;
	margin-top: -5px;
	position: absolute;
	right: 11px;
	top: 18px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}