@charset "utf-8";

/*  SmartPhone
================================================= */

@media only screen and (max-width: 640px) {


/*   Common
================================================= */

h1.common { font-size: 18px;}
h1.common span { padding: 0 10px;}
h2.common {
	margin: 0 15px 15px 15px;
}
h2.common:before {
	position: absolute;
	top: 20px;
}
body {
    line-height:1.7;
	font-size:15px;
	min-width:inherit;
	width:100%;
}
.inner {
	width:100%;
}
.onlyPC {
	display:none;
}
.onlySP {
	display:block;
}

.footExpand {
	padding-bottom:110px;
}

/*   Header
================= */

#siteHeader .siteLogo {
	width:56%;
	float:none;
	margin-left:5%;
	margin-top:5%;
	margin-bottom:4%;
	min-width:200px;
}
#siteHeader .gNavi {
	border-top:1px solid #D5CABD;
	clear:both;
	width:100%;
	float: none;
	overflow:hidden;
}


#siteHeader .gNavi li {
	width:50%;
	/*padding-top:60px;*/
}

/*20160212追加*/
#siteHeader .gNavi_top {
	border-top:1px solid #D5CABD;
	clear:both;
	width:100%;
	float: none;
	overflow:hidden;
}


#siteHeader .gNavi_top li {
	width:50%;
	/*padding-top:60px;*/
}

#siteHeader .gNavi_top li {
	width: 32.5%;
	/* padding: 20px; */
}
#siteHeader .gNavi_top li.event_sales {
	/* width: 24%; */
	/* padding-top: 20px; */
}

/*20160212追加　end*/

	@media only screen and (max-width: 360px) {
		#siteHeader .gNavi li {
			/*padding-top:50px;*/
		}
	}

#siteHeader .gNavi li a {
	padding:30px;
	display:block;
	text-indent: -9999px;
}

#siteHeader .gNavi li {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}

#siteHeader .gNavi li.menu,
#siteHeader .gNavi li.menu.current,
#siteHeader .gNavi li.menu:hover {
	background:url(../img/common/header/gnavi_menu_sp.png) no-repeat center center #D69203;
	background-size:contain;
	border-right:1px solid #D5CABD;
}
#siteHeader .gNavi li.store,
#siteHeader .gNavi li.store.current,
#siteHeader .gNavi li.store:hover {
	background:url(../img/common/header/gnavi_store_sp.png) no-repeat center center #79AB37;
	background-size:contain;
}


/*20160212追加*/
#siteHeader .gNavi_top li a {
	/* padding:30px; */
	display:block;
	text-indent: -9999px;
}

#siteHeader .gNavi_top li {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	float: left;
}
#siteHeader .gNavi_top li.menu,
#siteHeader .gNavi_top li.menu.current,
#siteHeader .gNavi_top li.menu:hover {
	background: url(../img/common/header/gnavi_menu_sp_160303.png) no-repeat center center #D69203;
	background-size:contain;
	border-right:1px solid #D5CABD;
}
#siteHeader .gNavi_top li.store,
#siteHeader .gNavi_top li.store.current,
#siteHeader .gNavi_top li.store:hover {
	background: url(../img/common/header/gnavi_store_sp_160303.png) no-repeat center center #79AB37;
	background-size:contain;
	margin:0 1%;
}
#siteHeader .gNavi_top li.event_sales,
#siteHeader .gNavi_top li.event_sales.current,
#siteHeader .gNavi_top li.event_sales:hover {
	background: url(../img/common/header/gnavi_event_sales_sp_160303.png) no-repeat center center #ea5c7f;
	background-size:contain;
}
/*追加　end*/

#topSitemapBtn {
	position:absolute;
	width: 12.5%;
	top: 7%;
	right: 3%;
}
.topSitemapWrap {
	background-color:rgba(0,0,0,0.8);
	opacity:0;
	filter: alpha(opacity=0);
	visibility:hidden;
	transition:.3s;
	position:absolute;
	top:-4px;
	width:100%;
	z-index:9999;
}
.topSitemapWrap.open {
	opacity:1;
	filter: alpha(opacity=100);
	visibility:visible;
}
.topSitemap .closeArea {
    padding: 15px 15px 10px;
    text-align: right;
}
.topSitemap #closeBtn {
	width:22px;
	height:22px;
	display:inline-block;
}
.topSitemap li a {
	display:block;
	border-top:1px solid rgba(204,204,204,0.3);
	color:#FFF;
	font-weight:bold;
	position:relative;
	padding: 9px 15px 9px 20px;
}
.topSitemap li a:after {
	content: "\f054";
	font-family: FontAwesome;
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-12px;
}
.topSitemap li .text {
	border-left:5px solid #ED6B00;
	padding:2px 0 1px 10px;
}
.topSitemap li.menu,
.topSitemap li.store {
	width:50%;
	float:left;
}
	@media only screen and (max-width: 360px) {
		.topSitemap li.menu,
		.topSitemap li.store {
			width:100%;
			float:none;
		}
	}
#mainWrap {
	margin-top:14px;
}

/*   background
================= */
.bgDiagonal.pc {
	background-image:none;
}
.bgDiagonal.sp {
	background-image:url(../img/common/bg_pattern01.png);
}

/*   Footer
================= */
.footLogo {
	width: 120px;
	margin-left: -60px;
	top: -75px;
}
#siteFooter .pagetop {
	margin-left:0;
	right:15px;
}
#siteFooter .pagetop a {
	width:32px;
	height:32px;
}
#siteFooter .footerLink,
#siteFooter .copyright {
	font-size:12px;
}
#siteFooter .footerLink li a {
	padding:0 5px;
}
#siteFooter .footerWrap .changeView {
	text-align: center;
}
#siteFooter .footerWrap .changeView a {
    border: 1px solid #ddd;
    color: #333;
    display: inherit;
    font-size: 14px;
    line-height: 24px;
    padding: 11px 15px 11px 25px;
    text-decoration: none;
    position: relative;
}
#siteFooter .changeView a:before {
	content: "\f054";
	font-family: FontAwesome;
	position: absolute;
	left: 20px;
}

	@media only screen and (max-width: 360px) {
		#siteFooter .footerLink,
		#siteFooter .copyright {
			font-size:10px;
		}
	}



/*   MENU
================================================= */

/*   メニュー一覧表示
======================= */


#newMenuList > li { padding: 10px;}
.menuStyle .menuName {
	line-height:1.5;
	font-size: 13px;
	margin-top: 10px;
	min-height: 0;
}
.menuStyle .menuPrice {
	line-height:1.4;
	font-size: 65%;
}
.menuStyle .menuInfo { margin-top: 10px;}
.menuStyle .menuInfo li {
	margin-bottom:5px;
	font-size: 56%;
	padding: 1% 2%;
}
.menuStyle .menuInfo li:nth-child(2n+1) {
	margin-right: 4%;
}
.menuStyle .menuPrice .tax {
	font-size: 10px;
}
/* 一覧表示レイアウト */

.menuList > li {
	width:50%;
	padding:10px;
}
.menuList > li:nth-child(2n+1) {
	border-left:1px solid #D5CABD;
}
.menuList > li:nth-child(3),
.menuList > li:nth-child(4) {
	border-top:none;
}


/*   Area - Index
=================== */

.menuHeadline {
    padding: 8px 3%;
}
.menuHeadline .menuArea {
	float:none;
}
.menuHeadline .menuArea .img {
	vertical-align:bottom;
	width:36.8%;
	min-width:166px;
}
.menuHeadline .menuArea .areaName {
	font-size:18px;
	margin-left: 10px;
    padding-bottom: 2px;
}
#menuAreaIndex .language {
	position:static;
	text-align:right;
	margin-top:8px;
}
#menuAreaIndex .language li {
	margin-left:0;
	margin-right:10px;
	width:100px;
	float:none;
}
#menuAreaIndex .language li a {
	padding:0;
	font-size:14px;
}
#menuAreaIndex .language .fa {
	margin-left:6px;
}

.areaSliderWrap {
	margin-top:10px;
}
.areaSliderWrap .bx-controls-direction {
	display:none;
}

#areaRecommend .title {
	font-size:18px;
	background-size:contain;
}
.recommendBnrWrap {
	margin:10px 50px 0;
	overflow:visible;
}
.recommendBnrWrap li {
	width:auto;
	float:none;
	margin:0;
	padding:0 10px;
}
.recommendBnrWrap li:first-child {
	margin-left:0;
}
.recommendBnrWrap .bx-wrapper .bx-controls-direction a {
	width:30px;
	height:30px;
	margin-top:-15px;
}
.recommendBnrWrap .bx-wrapper .bx-prev {
	left:-38px;
}
.recommendBnrWrap .bx-wrapper .bx-next {
	right:-38px;
}

#menuAreaIndex #menuFilter {
	margin-top:0;
	padding-top:6%;
}
#menuFilter .inner {
	width:92%;
	margin:0 auto;
}
.accordionWrap .filterBtn {
	margin-top:4%;
	padding-left: 15px;
}
.accordionWrap .filterBtn .text {
    font-size: 16px;
    letter-spacing: normal;
}
.menuType .fliterContents .selectWrap li {
    width: 50%;
    min-width: 140px;
}
.allergy .fliterContents .selectWrap li {
	min-width:33%;
}
.fliterContents .buttons .enter {
    float: none;
    width: 100%;
    max-width: 360px;
    margin: 5% auto 0;
}
.fliterContents .buttons .enter input {
	height:0;
	padding-top:15%;
}
.fliterContents .buttons .reset {
    float: none;
    margin: 4% auto 0;
}
.fliterContents .buttons .reset input,
.fliterContents .buttons .reset button {
}
.fliterContents .addtext {
	font-size:14px;
}

/* 新メニュー */
/* 期間限定メニュー */
/* 検索結果 */

#limitedMenu,
#searchMenu {
	padding-top:30px;
	padding-bottom:110px;
}
#searchMenu {
	margin-top:6%;
}
.newHeadline .text,
.limitedHeadline .text,
.searchHeadline .text,
.recHeadline .text {
	font-size:18px;
	line-height:1.2;
}
#limitedMenu .addition li,
#searchMenu .addition li {
	font-size:13px;
	margin-left:3%;
	margin-right:3%;
	line-height:1.5;
}
.newMenuWrap .bx-wrapper .bx-prev,
.newMenuWrap .bx-wrapper .bx-next {
	display:none;
}
.searchMenuWrap,
.limitedMenuWrap {
	margin-bottom:15px;
}
.message {text-align: left; font-size: 11px;padding: 5px;}



/* モバイル会員募集 */

.mobile_member_wrap{
	background-color:#f8ecd5;
}
#mobile_member_recruiting div.pc{
	display:none;	
}
#mobile_member_recruiting div.mobile{
	display:inherit;

}
#mobile_member_recruiting div.mobile div{
	width:90%;
	margin:0 auto;
}
#mobile_member_recruiting div.mobile a:first-child img{
	margin:30px auto;	
}
#mobile_member_recruiting div.mobile a:nth-child(2) img{
	margin-bottom:15px;	
}



}