@charset "utf-8";

/***** CSS Document ASAHIZUSHI *****/

@import url('sanitize.css');
@import url('font-awesome.min.css');

/***** Common ST *****/
html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
 font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', sans-serif;
	color:#fff;
	font-size:16px;
	background:#fff;
	line-height:1.8rem;
	letter-spacing:0.07rem;
}
* {
	word-wrap:break-word;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/***** typography *****/
body,
main .box_shadow .cont,
main .box_shadow .cont th,
main .box_shadow .cont td,
main .box_shadow .cont4,
#menu h4 {
 font-size: 3vw;
 line-height: 1.58;
}
main .box_shadow .cont2 {
 font-size: 4.8vw;
 line-height: 1.58;
}
main .box_shadow .cont3 {
 font-size: 5.2vw;
 line-height: 1.58;
 font-weight: 700;
}

main#contents {
 position: relative;
}
/*main#contents section {
 overflow: hidden;
}shibuya*/

.padding-box {
	margin:4rem 6% 3rem;
}

/***** link *****/
a {
	text-decoration:none;
 	color: #666;
}
a:hover {
	opacity:0.8;
}
a[href^='tel:'] {
	cursor:default;
	color:#393939;
}
a:hover {
	opacity:1 !important;
}

a.disabled{pointer-events: none;}

img {
	width:100%;
}

ul li hedaer logo.png {
	max-width:100%;
    margin:10px;
}

ul {
	margin:0;
	padding:0;
}
ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}
input, button, textarea, select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
input[type='text'], input[type='search'], input[type='tel'], input[type='url'], input[type='email'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='number'], input[type='file'], textarea, select {
	width:100%;
	height:2.8rem;
	font-size:16px;
	font-family:'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;
}
textarea {
	min-height:100px;
}


/***** sp pc *****/
.sp {
	display:block !important;
}
.pc,
.ipad {
	display:none !important;
}

.yoyaku a,
.yoyaku span {
 position: relative;
 display: block;
 cursor: default;
 margin: 30px auto 50px;
 background: #9A001A;
 height: 90px;
 font-size: 24px;
 font-weight: 700;
 line-height: 90px;
 color: #fff;
 text-align: center;
}
.yoyaku a:before{
 content: "";
 position: absolute;
 top: calc(63% - 20px);
 right: calc(50% - 110px);
 width: 20px;
 height: 20px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}

/***** header *****/
#h_fixed {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	color:#393939;
	background:#fff;
}
#h_fixed .navigation-box {
	min-height:80px;
	-webkit-transition:0.6s ease;
	transition:0.6s ease;
	width:100%;
}
#h_fixed .navigation-box .navigation {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}
#h_fixed .navigation-box .navigation .header {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row;
	height:80px;
	padding:1rem 0 1rem 0.5rem;
	position:relative;
}
#h_fixed .navigation-box .navigation .header #hamburger {
	position:relative;
	cursor:pointer;
	padding:39px 5%;
 background: #003365;
}
#h_fixed .navigation-box .navigation .header #hamburger span, #h_fixed .navigation-box .navigation .header #hamburger span::before, #h_fixed .navigation-box .navigation .header #hamburger span::after {
	display:block;
	background:#fff;
	height:2px;
	width:26px;
	-webkit-transition:0.6s ease;
	transition:0.6s ease;
}
#h_fixed .navigation-box .navigation .header #hamburger span::before {
	content:'';
	position:absolute;
	margin-top:-8px;
}
#h_fixed .navigation-box .navigation .header #hamburger span::after {
	content:'';
	position:absolute;
	margin-top:8px;
}
#h_fixed .navigation-box .navigation .header #hamburger p {
 position: fixed;
 top: :50px;
 right: 0;
 width: 13%;
 text-align: center;
 font-size: 2vw;
 color: #fff;
 line-height: 1.2rem;
 margin: 15px 0 0;
 padding: 0;
 box-sizing: border-box;
}

#h_fixed .hamburger-checkbox:checked ~ .navigation-box .header #hamburger p:before {
 content: "閉じる";
 display: block;
}
#h_fixed .hamburger-checkbox:not(:checked) ~ .navigation-box .header #hamburger p:before,
#h_fixed .hamburger-checkbox .navigation-box.checked .header #hamburger p:before {
 content: "メニュー";
 display: block;
}

#h_fixed .navigation-box .navigation .header .logo {
	width:25%;
}
#h_fixed .navigation-box .navigation .header .logo img {
	max-width:368px;
 	width: 100%;
  min-width: 195px;
  margin: 0 0 0 15%;
}
#h_fixed .navigation-box .navigation .header .logo a {
	display:block;
}
#h_fixed .navigation-box .navigation .header + .header-item {
	margin-top: 4.5%;
}
/*#h_fixed .navigation-box .navigation .header-item {
	font-size:14px;
}*/
#h_fixed .navigation-box .navigation .header-item a,
#h_fixed .navigation-box .navigation .header-item{
 width: 77%;
 margin: 0 auto;
 padding: 0.5vh 0;
 font-size: 3vw;
 box-sizing: border-box;
 display: block;
}
#h_fixed .navigation-box .navigation .header-item a:hover{
	color:#FFF41F;
}
#h_fixed .navigation-box .navigation .header-item {
 	line-height: 4vh;
}
#h_fixed .navigation-box.checked {
	-webkit-transition:0.6s ease !important;
	transition:0.6s ease !important;
	height:80px !important;
	overflow:hidden !important;
}
#h_fixed .hamburger-checkbox {
	display:none;
}
#h_fixed .hamburger-checkbox:checked ~ .navigation-box li .hamburger-doublespin span {
	background:transparent !important;
}
#h_fixed .hamburger-checkbox:checked ~ .navigation-box li .hamburger-doublespin span::before {
	-webkit-transform:rotate(225deg);
	-ms-transform:rotate(225deg);
	transform:rotate(225deg);
	margin-top:0 !important;
}
#h_fixed .hamburger-checkbox:checked ~ .navigation-box li .hamburger-doublespin span::after {
	-webkit-transform:rotate(-225deg);
	-ms-transform:rotate(-225deg);
	transform:rotate(-225deg);
	margin-top:0 !important;
}
#h_fixed .hamburger-checkbox:checked ~ .navigation-box {
	-webkit-transition:height 0.6s ease;
	transition:height 0.6s ease;
	height:100vh;
	overflow:auto;
}
#h_fixed .hamburger-checkbox:not(:checked) ~ .navigation-box, #h_fixed .hamburger-checkbox .navigation-box.checked {
	overflow:hidden;
	height:60px;
}

.menu .header-item a {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: flex-start;
 font-size: 1vw;
 color: #003365;
}

.menu span.number {
 width: 13%;
 margin-right: 5%;
 background-color: #003365;
 display: inline-block;
 letter-spacing: -1px;
 color: #fff;
 text-align: center;
 line-height: 4.5vh;
}
.menu span.shopname {
 display: inline-block;
 padding: 1vh 0;
 width: calc(95% - 13%);
 line-height: 3vh;
}

.menu a[href="#floor-1"] span.shopname{
 padding: .5vh 0;
 line-height: 1.75vh;
}

.menu a[href="#floor-b1"] span.shopname{
 padding: .5vh 0;
 line-height: 3vh;
}

.menu span.topmenu {
 width: 100%;
 display: inline-block;
 background-color: #003365;
 color: #fff;
 text-align: center;
}

.menu-txt {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: flex-start;
 font-size: 1vw;
 color: #003365;
}

#h_fixed .navigation-box .navigation .header-item a:hover span.topmenu,
header li a:hover span.number {
 color: #FFF41F;
}
header li a.current span.topmenu,
header li a.current span.number {
 background: #FFF41F;
 color: #000;
}

/***** main *****/
/*main {
	position:relative;
}shibuya*/
main .pagetop {
position: absolute;
bottom: 50px;
right: 10px; 
transform: rotateX(90deg);
-moz-transform: rotateX(90deg);
-webkit-transform: rotateX(90deg);
-o-transform: rotateX(90deg);
-ms-transform: rotateX(90deg);
}
main .box-inner {
	max-width:1180px;
	margin:0 auto;
}
main .main_img, main .c_title {
	position:relative;
}
main .main_img:before,
main .c_title:before {
	content:'';
	text-align:center;
	background-position:50% 50%;
	display:block;
	position:fixed;
	height:100vh;
	top:0;
	left:0;
	width:100%;
	z-index:-2;
}
#maincatch .main_img:before {
	background:url(../images/main-bg.png) center/cover no-repeat;
}
#information .c_title {
 background:url(../images/information-bg.png) center/cover no-repeat;
}
#campaign .c_title {
 background:url(../images/campaign-bg.png) center/cover no-repeat;
}

#floor-8 .c_title {
 background:url(../images/menu-08-bg.png) center/cover no-repeat;
}
#floor-7 .c_title {
 background:url(../images/menu-07-bg.png) center/cover no-repeat;
}
#floor-6 .c_title {
 background:url(../images/menu-06-bg.png) center/cover no-repeat;
}
#floor-5 .c_title {
 background:url(../images/menu-05-bg.png) center/cover no-repeat;
}
#floor-4 .c_title {
 background:url(../images/menu-04-bg.png) center/cover no-repeat;
}
#floor-3 .c_title {
 background:url(../images/menu-03-bg.png) center/cover no-repeat;
}
#floor-2 .c_title {
 background:url(../images/menu-02-bg.png) center/cover no-repeat;
}
#floor-1 .c_title {
 background:url(../images/menu-01-bg.png) center/cover no-repeat;
}
#floor-b1 .c_title {
 background:url(../images/menu-b01-bg.png) center/cover no-repeat;
}

/*main .box_shadow {
	background:rgba(0, 0, 0, 0.3);
}*/
main #menu .box_shadow {
 padding: 1% 0 0;
 border-bottom: 10px solid #fff;
}
main #menu section:last-of-type .box_shadow {
 border-bottom: none;
}

main .box_shadow .stitle {
	margin:1rem auto;
	padding-bottom:1rem;
}
main .box_shadow .stitle2 {
	font-size:55px;
	margin:-1rem 0 1rem;
	padding-bottom:1rem;
 font-family: 'Crimson Text', serif;
 line-height: 55px;
}
main .box_shadow .stitle3 {
	font-size:30px;
	margin:1rem 0;
	font-weight:bold;
 line-height: 43px;
}
main h2 {
	text-align:center;
}
main h2.title-box {
 padding: 11% 0 8%;
	background:#003365;
 	color: #fff;
	text-align:center;
 	font-family: 'Crimson Text', serif;
 	font-size:10vw;
 	font-weight:400;
 	letter-spacing: 0.2rem;
 	line-height: 1rem;
}
main h2 img {
	width:60%;
	max-width:300px;
	display:block;
	margin:0 auto;
}
main h2 span {
	display:block;
 margin: 5% auto 0;
	font-size:3vw;
 font-weight:700;
	letter-spacing:0.2rem;
 font-family: '游明朝' , 'Yu Mincho' , YuMincho , 'Hiragino Mincho ProN' , 'HGS明朝E' , 'メイリオ' , Meiryo , serif;
}

main .arrow {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	width:60%;
	max-width:230px;
	text-align:center;
	margin:1rem auto 2rem auto;
	border-radius:25px;
	padding:0.5rem 1rem;
	font-size:14px;
	color:#fff;
	border:1px solid #fff;
	text-transform:uppercase;
	letter-spacing:0.15rem;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	position:relative;
	overflow:hidden;
	z-index:1;
}
main .arrow:after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border-radius:10rem;
	z-index:-2;
}
main .arrow:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:0;
	height:100%;
	background:#fff;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	border-radius:10rem;
	z-index:-1;
}
main .arrow:hover {
	opacity:1;
	color:#393939;
	background:#fff;
}
main .arrow:hover:before {
	width:100%;
}
main .arrow span {
	margin:0 auto;
}

/***** maincatch *****/
#maincatch {
 height: 100vh;
}
#maincatch .main_img .box-inner {
	position:absolute;
	width:100%;
	height:100vh;
	/*top: 0;*/
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:space-evenly;
	-ms-flex-pack:space-evenly;
	justify-content:space-evenly;
}
#maincatch .main_img .box-inner .mainimg {
 width: 77%;
 max-width: 580px;
 display: block;
 margin: 0 auto 7%;
}
#maincatch .main_img .box-inner .mainimg img {
 width: 100%;
 margin: 0 auto;
 display: block;
}

#maincatch .bnr.box {
 max-width: 430px;
 padding-bottom: 10%;
 width: 65%;
 box-sizing: border-box;
 position: absolute;
 bottom: 0;
 margin: 0 auto;
 left: 0;
 right: 0;
}
@media all and (-ms-high-contrast: none){
 #maincatch .bnr.box {
  padding-bottom: 30%;
  width: 65%;
 }
}

#maincatch .bnr.box a {
 display: block;
 margin: 0 0 -3% 0;
}

/***** information *****/
#information h3 {
 margin: 2rem auto 0;
}
#information h3 + .box.reverse .photo-box {
 padding-top: 0;
 margin-top: 1rem;
}
#information iframe {
 width: 100%;
 height: 670px;
 max-height: 670px;
 border: none;
}
#information .box-white {
 margin: 30px 0 0;
 background: rgba(0,0,0,0.4);
 padding: 2rem;
}
#information .box-white .menu-title-s {
 margin: 0 0 1rem;
 text-align: center;
}
#information .box-white .menu-txt {
 margin: 0;
 font-size: 20px;
 line-height: 29px;
}
#information .box-white h4 {
 font-size: 3.6vw;
}
#information .box-white p + h4 {
 margin: 30px 0 0;
}
#information .box-white p {
 margin: 5px 0 0;
 line-height: 1.4;
}

/***** photo-section *****/
.photo-section .box {
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
}
.photo-section .photo-box {
	margin:4rem 6% 3rem;
}
.photo-section .box-inner {
	padding-bottom:2rem;
}


/***** menu *****/
#menu {
	background:#fff;
	color:#393939;
}
#menu h3 {
 position: relative;
 color: #fff;
	text-align:center;
 font-size:23px;
 font-weight:700;
 padding: 1rem 0 5%;
 margin: 70px 0 15px;
 line-height: 1.2;
}
#menu h3 span {
 font-size:24px;
 display: block;
}
/*#menu h3:before {
 position: absolute;
 top: -30px;
 left: 0;
 right: 0;
 margin: 0 auto;
 content:"";
 background: url(../images/menu-title-bg.svg) no-repeat 0 0;
 background-size: contain;
 width: 50px;
 height: 32px;
}*/
#menu h4 {
 margin: 0 0 0.4rem;
 font-weight: 400;
}

#menu .menu-area {
	margin:0 6%;
 color: #fff;
}
#menu .menu-area .info + .info,
#menu .menu-area h4 + .info {
 padding: 40px 0 0;
}
#menu .menu-area .info + .box-white {
 margin: 30px 0 0;
}
#menu .menu-area .info .name {
 font-size: 26px;
 margin: 1rem 0;
 padding: 1rem 0;
 font-weight:700;
 line-height: 2.3rem;
	text-align:left;
}
#menu .menu-area .info .tag {
	margin:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}
#menu .menu-area .info .tag span {
	background:#9A001A;
	color:#fff;
	text-align:center;
 border-radius: 24px;
 padding: 0.1% 5% 0;
 margin: 0 1% 3% 0;
 white-space: nowrap;
}
#menu .menu-area .info .tag span:nth-of-type(odd) {
	margin-right:0.3rem;
}
#menu .menu-area .info .price {
	margin:0 0 .8rem;
}
#menu .menu-area .info .basic {
	margin:1.5rem 0 0;
}
#menu .menu-area .info .basic > .mtitle {
	padding:0.5rem 1rem 3rem;
}
#menu .menu-area .info .basic .box-iiner > div {
	padding:0.5rem 0 3rem;
}
#menu .menu-area .info .basic .mtitle {
	background:#393939;
	color:#fff;
	padding:0 0 0 1rem;
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
 margin: 20px 0 0;
 font-size: 20px;
 font-weight: 700;
 line-height: 1.2;
 width: 100%;
 text-align: left;
 background-color: #393939;
 color: #fff;
}

#menu .menu-area .info .mtitle .fa {
	padding:1rem;
}
#menu .menu-area .info .basic .box-iiner {
	display:none;
}
#menu .menu-area .info .arrow {
	margin:2rem auto;
	border:2px solid #393939;
	color:#393939;
}
#menu .menu-area .info .arrow:before {
	background:#393939;
}
#menu .menu-area .info .arrow:hover {
	color:#fff;
	background:#393939;
}
#menu .menu-area > .menu :last-of-type {
	margin-bottom:2rem;
}
#menu .box-white {
 background: rgba(255,255,255,0.2);
 padding: 2rem;
}
#menu .box-white .menu-title-s {
 margin: 0 0 1rem;
 text-align: center;
}
#menu .box-white .menu-txt {
 margin: 0;
 font-size: 20px;
 line-height: 29px;
}
#menu .menu-nav {
 margin: 2rem auto;
 display: -webkit-flex;
 display: -ms-flex;
 display: flex;
 webkit-flex-direction: row;
 flex-direction: row;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}
#menu .menu-nav a {
 position: relative;
 display: block;
 margin: 2% 1%;
 padding: 3%;
 width: 48%;
 border-radius: 44px;
 text-align: center;
 background: #fff;
 color: #393939;
 font-size: 2.8vw;
 line-height: 1.58;
}
#menu .menu-nav.top a {
 background: #3D31C4;
 color: #fff;
}
#menu .menu-nav.top a:last-of-type {
 width: 98%;
}
#menu .menu-nav a:before {
 content: "\f107";
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 top: 66%;
 left: 0;
 right: 0;
 position: absolute;
}
#menu .menu-nav a:hover {
 background: #9A001A;
 color: #fff;
}

/***** table *****/
table {
 width: 100%;
 max-width: 100%;
 background: #fff;
 color: #393939;
}
table td,
table th {
 padding: .9rem .4rem .9rem .8rem;
 text-align: left;
 vertical-align: top;
 border: #ddd 1px solid;
}
table th {
 width: 30%;
}
.table-striped tbody tr/*:nth-of-type(odd)*/ th {
 background-color: rgba(0,0,0,.03);
}
/*.table-striped tbody tr:nth-of-type(even) th {
 background-color: rgba(0,0,0,.09);
}
.table-striped tbody tr:nth-of-type(even) {
 background-color: rgba(0,0,0,.05);
}
.table-hover tbody tr:hover {
 background-color: rgba(0,0,0,.075);
}*/


/***** footer *****/
footer {
	background:#000;
	font-size:14px;
 /*padding-bottom: 22%;*/
}
footer .copyright {
	text-align:center;
	padding:1rem 0;
}



/* #information iframe */
@media screen and (max-width:480px) { 
 #h_fixed .navigation-box .navigation .header #hamburger p {
  width: 15%;
 }
 #information iframe { height: 430px; }
}
@media screen and (max-width:375px) { #information iframe { height: 325px; }}
@media screen and (max-width:320px) { #information iframe { height: 270px; }}

/* iphone678 */
@media screen and (max-width:375px) {
 
 h1,h2,h3,h4,h5,
 main h2.title-box { letter-spacing: 0; }
 
 #menu h4 {
  font-size:34px;
 }
 table th { letter-spacing: -0.1px; }
 table td { padding: .9rem .3rem .9rem .5rem;letter-spacing: -0.1px; }
 #menu .box-white {
   background: rgba(255,255,255,0.2);
   padding: 1.4rem;
 }
 #menu .box-white .menu-txt {
   font-size: 16px;
 }
 #menu .menu-nav a {
   padding: 3% 1%;
 }
 #maincatch .bnr.box {
   padding-bottom: 20%;
 }
}

/* iphone5 */
@media screen and (max-width:360px) {
 
 #menu h3 {
  font-size:38px;
 }
 #menu h3 span {
  font-size:22px;
 }
 #menu h4 {
  font-size:30px;
 }
}
@media screen and (max-width:330px) {
 
 h1,h2,h3,h4,h5,
 main h2.title-box { letter-spacing: -0.05px; }
 
 #menu .menu-nav a {
  letter-spacing: -0.1px;
 }
}

/***** ハック edge *****/
_:-ms-lang(x)::backdrop, #maincatch .main_img .box-inner .mainimg {
	margin:22% auto 7% auto !important;
	/*max-width:400px !important;*/
}

/***** ハック ie10～ *****/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#maincatch .main_img {
		top:80px;
	}
	#maincatch .main_img .box-inner .mainimg {
   padding-bottom: 12%;
	}
}

/***** ハック ie10～ *****/
@media all and (-ms-high-contrast: none) {
	*::-ms-backdrop, #maincatch .main_img .box-inner .mainimg {
		/*margin: 10% auto 2% auto;*/
		margin:15% auto 2% auto;
	}
	*::-ms-backdrop, #style .out_box {
		background-position:50% -6rem;
	}
}

/* campaign */
 #campaign h3 {
 	margin: 0 auto 2rem;
}
.foods {
	display: flex;
	padding: 8% 0 0 0;
}
.foods .img,
.foods img {
 width: 100%;
}
#menu h3 span {
	margin: 0 auto 10%;
 font-size: 32px;
 font-family: '游明朝' , 'Yu Mincho' , YuMincho , 'Hiragino Mincho ProN' , 'HGS明朝E' , 'メイリオ' , Meiryo , serif;
 background-color: yellow;
 color: #393939;
 width: 34%;
 text-align: center;
 display: block;
 padding: 1% 0 0.3%;
}
.info .left img {
	width: 34%;
	display: block;
	margin: 0 auto;
}
.foods .img:first-of-type {
    padding-right: 4%;
}
.foods .img:last-of-type {
    padding-left: 4%;
}
.info .left p {
    font-size: 18px;
}

.bnr.box.flex {
 flex-flow: row;
 flex-wrap: wrap;
 width: 100%;
 max-width: none;
 display: flex;
 margin:10px 0;    
}
.bnr.box.flex a {
   margin: 0 6% 6% 0;
   width: 47%;
}
.bnr.box.flex a:nth-of-type(2n) {
   margin-right: 0;
}