@charset "utf-8";
/*.design-bg{ width: 1360px; height: 7025px; background: url('../design_img/top02.jpg') 0 0 no-repeat; position: absolute; top: 6925px; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1360px; }*/


@-webkit-keyframes scroll {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	51% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
}


@keyframes scroll {
	0% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	50% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
	}
	51% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
	100% {
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
	}
}


@media print, screen and (min-width: 751px) {
#mv{ height: 765px; position: relative; overflow: hidden; }
#mv video{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: auto; height: auto; min-width: calc(100% + 2px); min-height: calc(100% + 2px); z-index: -1; }
#mv .logo{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.scroll { position: absolute; left: 50%; bottom: 45px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); color: #fff; font-size: 1.2rem; }
.scroll:before { -webkit-animation: scroll 2s infinite; animation: scroll 2s infinite; background-color: #fff; bottom: -45px; content: ''; height: 36px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; }

#pride{ background: url('../img/bg01.png') 0 0 repeat; background-size: 465px; }
#pride .master{ width: 100%; max-width: 1360px; margin: 0 auto; }
#pride .top{ padding: 113px 4% 121px; background: url('../img/eel-ilust.svg') 50% 50% no-repeat; }
#pride .top h2{ margin-bottom: 28px; text-align: center; font-size: 2.4rem; letter-spacing: -.05em; color: #464646; line-height: 1.5; }
#pride .top p{ text-align: center; line-height: 2.45; letter-spacing: .03em; color: #464646; }
#pride .pride{  }
#pride .pride .box{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#pride .pride .box:nth-of-type(n+2){ margin-top: 60px; }
#pride .pride .box>figure{ width: 47.059%; }
#pride .pride .box>div{ width: 45.5%; margin-left: auto; padding-right: 120px; }
#pride .pride .box>div h3{ margin-bottom: 23px; font-size: 2.4rem; color: #ac2d00; line-height: 1.5; }
#pride .pride .box>div p{ letter-spacing: -.06em; line-height: 1.8; }

#pride .pride .box:nth-of-type(even){  }
#pride .pride .box:nth-of-type(even)>figure{ margin-left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#pride .pride .box:nth-of-type(even)>box{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#pride .pride .box:nth-of-type(even)>div{ width: 45.5%; margin-left: 0; padding-right: 0; padding-left: 120px; }

#pride:after{ content: ''; width: 100%; height: 360px; margin-top: 125px; display: block; background: url('../img/pride-wide.jpg') 50% 50% no-repeat; background-size: cover; }

#menu{ background: url('../img/bg-y.png') 0 0 repeat; background-size: 250px; position: relative; overflow: hidden; }
#menu .dec{ padding: 70px 0 104px; background: url('../img/menu-decoration01.png') 0 0 no-repeat,url('../img/menu-decoration02.png') 100% 0 no-repeat; background-size: 540px; position: relative; z-index: 1 }
#menu h2{ margin: 0 auto; padding: 80px 20px 0; font-size: 3.2rem; background: url('../img/menu-icon.svg') 50% 0 no-repeat; letter-spacing: .2em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
#menu .menu{ margin-top: 83px; }
#menu .menu ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .menu ul>li{ width: 46.847%; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .menu ul>li:nth-of-type(2n){ margin-left: auto; }
#menu .menu ul>li:nth-of-type(n+3){ margin-top: 68px; }
#menu .menu ul>li div{ min-height: 248px; padding: 33px 40px 10px; }
#menu .menu ul>li div .name{ font-size: 2.4rem; }
#menu .menu ul>li div .detail{ margin-top: 5px; font-size: 1.5rem; }
#menu .menu ul>li div .price{ margin-top: 30px; font-size: 1.8rem; }
#menu .menu ul>li div .price>span{ float: right; margin-top: 5px; font-size: 1.6rem; display: inline-block; }
#menu .menu ul>li div .text{ margin-top: 79px; font-size: 1.3rem; line-height: 1.8; }
#menu .menu ul>li:nth-of-type(6) div .price{ margin-top: 15px; }
#menu .menu ul>li:nth-of-type(6) div .price>span{ float: none; }
#menu .menu ul>li:nth-of-type(6) div .text{ margin-top: 10px; }

#menu h3{ padding: 7px 0; text-align: center; font-size: 2.6rem; background-color: #000; color: #fff; letter-spacing: .12em; }

#menu .course{ margin-top: 80px; }
#menu .course .planImageBox{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .planImageBox>figure{ width: 46.847%; }
#menu .course .planImageBox>div{ width: 53.153%; padding: 35px 30px 40px 50px; }
#menu .course .name{ font-size: 2.4rem; }
#menu .course .price{ margin-top: -6px; text-align: right; font-size: 1.4rem; }
#menu .course .price>span{ margin-left: 10px; font-size: 2.0rem; }
#menu .course .detail{ margin-top: 18px; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#menu .course .detail p{ font-size: 1.4rem; letter-spacing: -.13em; line-height: 1.85; }
#menu .course .as{ margin-top: 15px; text-align: right; font-size: 1.2rem; letter-spacing: -.075em; }

#menu .course .planTextBox{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .course .planTextBox>div{ width: 48.199%; padding: 25px 30px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .planTextBox>div:nth-of-type(2n){ margin-left: auto; }

#menu .course .bottomBox{ width: 92%; max-width: 910px; margin: 38px auto 0; padding: 16px 20px 25px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .bottomBox p{ font-size: 1.4rem; text-align: center; line-height: 1.8; }
#menu .course .bottomBox p:nth-of-type(1){ margin-bottom: 4px; font-size: 2.4rem; }

#menu .pot{ margin-top: 80px; }
#menu .pot .planImageBox{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .pot .planImageBox>figure{ width: 46.847%; }
#menu .pot .planImageBox>div{ width: 53.153%; padding: 35px 30px 40px 50px; }
#menu .pot .name{ font-size: 2.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
#menu .pot .name>span{ margin: 4px 0 0 9px; padding: 4px 6px; font-size: 1.2rem; display: inline-block; background-color: #e50012; color: #fff; line-height: 1; -ms-flex-item-align: center; align-self: center; white-space: nowrap; }
#menu .pot .price{ margin-top: -6px; text-align: right; font-size: 1.4rem; }
#menu .pot .price>span{ font-size: 2.0rem; }
#menu .pot .detail{ margin: 18px 0 15px; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#menu .pot .planImageBox .detail{ margin-bottom: 50px; }
#menu .pot .detail p{ font-size: 1.4rem; letter-spacing: -.13em; line-height: 1.85; }
#menu .pot .as{ text-align: right; font-size: 1.2rem; letter-spacing: -.075em; }

#menu .pot .planTextBox{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .pot .planTextBox>div{ width: 48.199%; padding: 25px 30px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .pot .planTextBox>div:nth-of-type(2n){ margin-left: auto; }

#menu .oneDish{ margin-top: 80px; }
#menu .oneDish>p{ margin: 30px 0 0; text-align: center; }
#menu .oneDish ul.imageList{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .oneDish ul.imageList>li{ width: 31.532%; margin-right: 2.702%; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .oneDish ul.imageList>li:nth-of-type(3n){ margin-right: 0; }
#menu .oneDish ul.imageList>li:nth-of-type(n+4){ margin-top: 26px; }
#menu .oneDish ul.imageList>li div{ min-height: 140px; padding: 17px 30px 10px; }
#menu .oneDish ul.imageList>li div .name{ margin-bottom: 5px; font-size: 2.0rem; }
#menu .oneDish ul.imageList>li div .price{ font-size: 1.8rem; }
#menu .oneDish ul.imageList>li div .cy:before{ content: '● '; color: #ac2d00; }
#menu .oneDish ul.imageList>li div .price>span{ float: right; margin-top: 5px; font-size: 1.6rem; display: inline-block; }
#menu .oneDish ul.imageList>li div .priceL>span{ margin-top: 5px; font-size: 1.6rem; display: inline-block; }

#menu .oneDish ul.textList{ margin-top: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .oneDish ul.textList>li{ width: 31.532%; margin-right: 2.702%; padding: 15px 32px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .oneDish ul.textList>li:nth-of-type(3n){ margin-right: 0; }
#menu .oneDish ul.textList>li:nth-of-type(n+4){ margin-top: 18px; }
#menu .oneDish ul.textList>li .name{ font-size: 1.8rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#menu .oneDish ul.textList>li .price{ font-size: 1.6rem; }
#menu .oneDish .as{ margin-top: 45px; }
#menu .oneDish .as p{ text-align: center; line-height: 1.8; }

#menu h4{ margin: 18px 0 -13px; font-size: 2.4rem; }

#menu .drink{ margin-top: 74px; }
#menu .drink h3{ margin-bottom: 29px; }
#menu .drink ul.textList{ margin-top: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .drink ul.textList>li{ width: 31.532%; margin-right: 2.702%; padding: 15px 32px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; position: relative; }
#menu .drink ul.textList>li:nth-of-type(3n){ margin-right: 0; }
#menu .drink ul.textList>li:nth-of-type(n+4){ margin-top: 18px; }
#menu .drink ul.textList>li .name{ font-size: 1.8rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#menu .drink ul.textList>li .price{ font-size: 1.6rem; }
#menu .drink ul.textList>li h4{ position: absolute; top: -70px; left: 0; }

#menu .takeout{ margin-top: 73px; }
#menu .takeout>p{ margin: 30px 0 0; text-align: center; }
#menu .takeout ul.imageList{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .takeout ul.imageList>li{ width: 31.532%; margin-right: 2.702%; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; -ms-flex-item-align: start; align-self: flex-start; }
#menu .takeout ul.imageList>li:nth-of-type(3n){ margin-right: 0; }
#menu .takeout ul.imageList>li:nth-of-type(n+4){ margin-top: 30px; }
#menu .takeout ul.imageList>li div{ min-height: 110px; padding: 17px 30px 30px; }
#menu .takeout ul.imageList>li div .name{ margin-bottom: 5px; font-size: 2.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
#menu .takeout ul.imageList>li div .name>span{ margin: 4px 0 0 9px; padding: 4px 6px; font-size: 1.2rem; display: inline-block; background-color: #e50012; color: #fff; line-height: 1; -ms-flex-item-align: center; align-self: center; }
#menu .takeout ul.imageList>li div .price{ font-size: 1.8rem; }
#menu .takeout ul.imageList>li div .cy:before{ content: '● '; color: #ac2d00; }
#menu .takeout ul.imageList>li div .price>span{ float: right; margin-top: 5px; font-size: 1.6rem; display: inline-block; }

#menu .contactArea{ width: 92%; max-width: 910px; margin: 40px auto 0; padding: 22px 10px 25px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .contactArea p{ text-align: center; line-height: 1.7; }
#menu .contactArea p:nth-of-type(1){ margin-bottom: 8px; font-size: 2.4rem; line-height: 1.5; }
#menu .contactArea p:nth-of-type(2){ font-size: 1.4rem; }
#menu .contactArea p:nth-of-type(3){ font-size: 1.4rem; }
#menu .contactArea p:nth-of-type(4){ margin-top: 10px; font-size: 5.216rem; letter-spacing: -.03em; line-height: 1; color: #bf1920; }
#menu .contactArea p:nth-of-type(4)>a{ padding-left: 42px; background: url('../img/tel-icon-r.svg') 0 60% no-repeat; }
#menu .contactArea p:nth-of-type(5){ margin-top: 5px; font-size: 1.3rem; }

#menu .cloud .cloud01{ width: 420px; position: absolute; left: 0; z-index: 0; }
#menu .cloud .cloud02{ width: 420px; position: absolute; right: 0; z-index: 0; }
#menu .cloud .parallax01{ top: 400px; }
#menu .cloud .parallax02{ top: 1100px; }
#menu .cloud .parallax03{ top: 1800px; }
#menu .cloud .parallax04{ top: 2500px; }
#menu .cloud .parallax05{ top: 3200px; }
#menu .cloud .parallax06{ top: 3900px; }
#menu .cloud .parallax07{ top: 4600px; }
#menu .cloud .parallax08{ top: 5300px; }
#menu .cloud .parallax09{ top: 6000px; }

.swiperInf { overflow: hidden; }
.swiperInf .swiper-wrapper{-webkit-transition-timing-function: linear;transition-timing-function: linear; }
.swiper-slide{ width: 641px!important; }

#instagram{ max-width: 750px; padding: 73px 0; }
#instagram h2{ text-align: center; font-size: 2.6rem; letter-spacing: .05em; }
#instagram ul{ margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#instagram ul li{ width: 24%; margin-right: 1.3333%; position: relative; overflow: hidden; }
#instagram ul li:before{ content: ''; padding-top: 100%; display: block; }
#instagram ul li img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; }
#instagram ul li:nth-of-type(n+5){ margin-top: 10px; }
#instagram ul li:nth-of-type(4n){ margin-right: 0; }
#instagram a.btn{ width: 248px; height: 55px; line-height: 55px; margin: 60px auto 0; background-color: #ac2d00; display: block; text-align: center; font-size: 1.5rem; letter-spacing: .04em; color: #fff; border-radius: calc(1px * infinity); }


#access{ max-width: 960px; padding: 30px 0; }
#access h2{ text-align: center; font-size: 3.2rem; letter-spacing: .07em; }
#access h2>span{ display: block; letter-spacing: .02em; font-size: 1.6rem; color: #ac2d00; }
#access .googlemap{ margin-top: 47px; }
#access .googlemap iframe{ width: 100%; height: 420px; }

#access .infoBox{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#access .infoBox>figure{ width: 39.584%; margin-top: 8px; }
#access .infoBox>div{ width: 55.8%; margin-left: auto; }
#access .infoBox>div h3{ margin-bottom: 13px; font-size: 2.4rem; letter-spacing: -.05em; }
#access .infoBox>div p{ font-size: 1.5rem; line-height: 1.9; }
#access .infoBox>div p.tel{ margin-top: 2px; font-size: 2.6rem; color: #ac2d00; }
#access .infoBox>div p.tel>a{ padding-left: 25px; background: url(../img/tel-icon-r.svg) 0 60% no-repeat; background-size: 22px; letter-spacing: .04em; }
}


@media screen and (max-width: 1000px) and (min-width: 751px) {
#pride .pride .box>div{ width: 48%; padding-right: 50px; }
#pride .pride .box:nth-of-type(even)>div{ width: 48%; padding-left: 50px; }

#menu .dec{ background-size: 400px; }
}


@media screen and (max-width: 750px) {
#mv{ height: 100vh; position: relative; overflow: hidden; }
#mv video{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; height: 100vh; z-index: -1; }
#mv .logo{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.scroll { position: absolute; left: 50%; bottom: 45px; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); color: #fff; font-size: 1.2rem; }
.scroll:before { -webkit-animation: scroll 2s infinite; animation: scroll 2s infinite; background-color: #fff; bottom: -45px; content: ''; height: 36px; left: 0; margin: auto; position: absolute; right: 0; width: 1px; }

#pride{ background: url('../img/bg01.png') 0 0 repeat; background-size: 465px; }
#pride .master{ width: 100%; max-width: 1360px; margin: 0 auto; }
#pride .top{ padding: 60px 4% 60px; background: url('../img/eel-ilust.svg') 50% 50% no-repeat; background-size: 250px; }
#pride .top h2{ margin-bottom: 25px; text-align: center; font-size: 2.2rem; letter-spacing: -.05em; color: #464646; line-height: 1.5; }
#pride .top p{ text-align: left; line-height: 2.2; letter-spacing: .03em; color: #464646; }
#pride .pride{  }
#pride .pride .box{ padding: 0 4%; }
#pride .pride .box:nth-of-type(n+2){ margin-top: 60px; }
#pride .pride .box>figure{ margin-bottom: 20px; }
#pride .pride .box>div{  }
#pride .pride .box>div h3{ margin-bottom: 13px; font-size: 2.2rem; color: #ac2d00; line-height: 1.5; }
#pride .pride .box>div p{ letter-spacing: -.06em; line-height: 2; }

/*#pride .pride .box:nth-of-type(even){  }
#pride .pride .box:nth-of-type(even)>figure{ margin-left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#pride .pride .box:nth-of-type(even)>box{ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#pride .pride .box:nth-of-type(even)>div{ width: 45.5%; margin-left: 0; padding-right: 0; padding-left: 120px; }*/

#pride:after{ content: ''; width: 100%; height: 130px; margin-top: 100px; display: block; background: url('../img/pride-wide.jpg') 20% 50% no-repeat; background-size: cover; }

#menu{ background: url('../img/bg-y.png') 0 0 repeat; background-size: 250px; position: relative; overflow: hidden; }
#menu .dec{ padding: 70px 0 80px; background: url('../img/menu-decoration01.png') 0 0 no-repeat,url('../img/menu-decoration02.png') 100% 0 no-repeat; background-size: 180px; position: relative; z-index: 1 }
#menu h2{ margin: 0 auto; padding: 55px 20px 0; font-size: 2.6rem; background: url('../img/menu-icon.svg') 50% 0 no-repeat; letter-spacing: .2em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; background-size: 40px; }
#menu .menu{ margin-top: 50px; }
#menu .menu ul{  }
#menu .menu ul>li{ width: 100%; padding-bottom: 20px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .menu ul>li:nth-of-type(2n){  }
#menu .menu ul>li:nth-of-type(n+2){ margin-top: 40px; }
#menu .menu ul>li div{ padding: 20px 15px 0; }
#menu .menu ul>li div .name{ font-size: 2.0rem; }
#menu .menu ul>li div .detail{ margin-top: 5px; font-size: 1.4rem; }
#menu .menu ul>li div .price{ margin-top: 30px; font-size: 1.6rem; }
#menu .menu ul>li div .price>span{ float: right; margin-top: 5px; font-size: 1.4rem; display: inline-block; }
#menu .menu ul>li div .price.spL{  }
#menu .menu ul>li div .price.spL>span{ float: none; }
#menu .menu ul>li div .text{ margin-top: 10px; font-size: 1.3rem; line-height: 1.8; }
#menu .menu ul>li:nth-of-type(6) div .price{ margin-top: 15px; }
#menu .menu ul>li:nth-of-type(6) div .price>span{ float: none; }
#menu .menu ul>li:nth-of-type(6) div .text{ margin-top: 10px; }

#menu h3{ padding: 7px 0; text-align: center; font-size: 2.2rem; background-color: #000; color: #fff; letter-spacing: .12em; }

#menu .course{ margin-top: 80px; }
#menu .course .planImageBox{ margin-top: 40px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .planImageBox>figure{  }
#menu .course .planImageBox>div{ padding: 30px 15px 30px; }
#menu .course .name{ font-size: 2.0rem; }
#menu .course .price{ margin-top: 5px; text-align: right; font-size: 1.4rem; }
#menu .course .price>span{ margin-left: 10px; font-size: 1.8rem; }
#menu .course .detail{ margin-top: 18px; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#menu .course .detail p{ font-size: 1.4rem; letter-spacing: -.13em; line-height: 1.85; }
#menu .course .as{ margin-top: 15px; font-size: 1.2rem; letter-spacing: -.075em; }

#menu .course .planTextBox{ margin-top: 30px; }
#menu .course .planTextBox>div{ padding: 30px 15px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .planTextBox>div:nth-of-type(2n){ margin-top: 30px; }

#menu .course .bottomBox{ width: 100%; max-width: 910px; margin: 35px auto 0; padding: 16px 20px 25px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .course .bottomBox p{ font-size: 1.4rem; line-height: 1.8; }
#menu .course .bottomBox p:nth-of-type(1){ margin-bottom: 4px; font-size: 2.2rem; text-align: center; }

#menu .pot{ margin-top: 80px; }
#menu .pot .planImageBox{ margin-top: 40px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .pot .planImageBox>figure{  }
#menu .pot .planImageBox>div{ padding: 30px 15px; }
#menu .pot .name{ font-size: 2.0rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
#menu .pot .name>span{ margin: 4px 0 0 9px; padding: 4px 6px; font-size: 1.2rem; display: inline-block; background-color: #e50012; color: #fff; line-height: 1; -ms-flex-item-align: center; align-self: center; white-space: nowrap; }
#menu .pot .price{ margin-top: 5px; text-align: right; font-size: 1.4rem; }
#menu .pot .price>span{ margin-left: 10px; font-size: 1.8rem; }
#menu .pot .detail{ margin: 18px 0 15px; padding: 10px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
#menu .pot .planImageBox .detail{ margin-bottom: 15px; }
#menu .pot .detail p{ font-size: 1.4rem; letter-spacing: -.13em; line-height: 1.85; }
#menu .pot .as{ font-size: 1.2rem; letter-spacing: -.075em; }

#menu .pot .planTextBox{ margin-top: 30px; }
#menu .pot .planTextBox>div{ padding: 30px 15px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .pot .planTextBox>div:nth-of-type(2n){ margin-top: 30px; }

#menu .oneDish{ margin-top: 80px; }
#menu .oneDish>p{ margin: 30px 0 0; text-align: center; line-height: 1.8; }
#menu .oneDish ul.imageList{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .oneDish ul.imageList>li{ width: 48%; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .oneDish ul.imageList>li:nth-of-type(2n){ margin-left: auto; }
#menu .oneDish ul.imageList>li:nth-of-type(n+3){ margin-top: 15px; }
#menu .oneDish ul.imageList>li div{ padding: 20px 15px; }
#menu .oneDish ul.imageList>li div .name{ margin-bottom: 5px; font-size: 1.6rem; }
#menu .oneDish ul.imageList>li div .price{ margin-top: 10px; font-size: 1.6rem; }
#menu .oneDish ul.imageList>li div .cy:before{ content: '● '; color: #ac2d00; }
#menu .oneDish ul.imageList>li div .price>span{ margin-top: 5px; font-size: 1.4rem; display: block; }
#menu .oneDish ul.imageList>li div .priceL>span{ margin-top: 5px; font-size: 1.5rem; display: inline-block; }

#menu .oneDish ul.textList{ margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .oneDish ul.textList>li{ width: 48%; padding: 15px 15px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .oneDish ul.textList>li.child{ width: 100%; }
#menu .oneDish ul.textList>li:nth-of-type(2n){ margin-left: auto; }
#menu .oneDish ul.textList>li:nth-of-type(n+3){ margin-top: 15px; }
#menu .oneDish ul.textList>li .name{ font-size: 1.6rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#menu .oneDish ul.textList>li .price{ margin-top: 5px; font-size: 1.5rem; }
#menu .oneDish .as{ margin-top: 30px; }
#menu .oneDish .as p{ line-height: 1.8; }

#menu h4{ margin: 18px 0 -13px; font-size: 2.0rem; }

#menu .drink{ margin-top: 75px; }
#menu .drink h3{ margin-bottom: 29px; }
#menu .drink ul.textList{ margin-top: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .drink ul.textList>li{ width: 100%; padding: 15px 15px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; position: relative; }
#menu .drink ul.textList>li.kaku{ margin-top: 65px!important; }
#menu .drink ul.textList>li:nth-of-type(n+2){ margin-top: 15px; }
#menu .drink ul.textList>li:nth-of-type(n+4){  }
#menu .drink ul.textList>li .name{ font-size: 1.6rem; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#menu .drink ul.textList>li .price{ margin-top: 5px; font-size: 1.5rem; }
#menu .drink ul.textList>li h4{ position: absolute; top: -63px; left: 0; }

#menu .takeout{ margin-top: 80px; }
#menu .takeout>p{ margin: 30px 0 0; text-align: center; }
#menu .takeout ul.imageList{ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#menu .takeout ul.imageList>li{ width: 48%; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .takeout ul.imageList>li:nth-of-type(n+2){ margin-left: auto; }
#menu .takeout ul.imageList>li:nth-of-type(n+3){ margin-top: 15px; }
#menu .takeout ul.imageList>li div{ padding: 20px 15px; }
#menu .takeout ul.imageList>li div .name{ margin-bottom: 5px; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; }
#menu .takeout ul.imageList>li div .name>span{ margin: 4px 0 0 9px; padding: 4px 6px; font-size: 1.2rem; display: inline-block; background-color: #e50012; color: #fff; line-height: 1; -ms-flex-item-align: center; align-self: center; }
#menu .takeout ul.imageList>li div .price{ margin-top: 10px; font-size: 1.5rem; }
#menu .takeout ul.imageList>li div .cy:before{ content: '● '; color: #ac2d00; }
#menu .takeout ul.imageList>li div .price>span{ margin-top: 5px; font-size: 1.6rem; display: block; }

#menu .contactArea{ width: 100%; max-width: 910px; margin: 40px auto 0; padding: 16px 15px 25px; background: url('../img/bg-w.png') 0 0 repeat; background-size: 250px; }
#menu .contactArea p{ text-align: center; line-height: 1.7; }
#menu .contactArea p:nth-of-type(1){ margin-bottom: 8px; font-size: 2.2rem; line-height: 1.5; }
#menu .contactArea p:nth-of-type(2){ font-size: 1.4rem; text-align: left; }
#menu .contactArea p:nth-of-type(3){ font-size: 1.4rem; text-align: left; }
#menu .contactArea p:nth-of-type(4){ margin-top: 10px; font-size: 4.5rem; letter-spacing: -.03em; line-height: 1; color: #bf1920; }
#menu .contactArea p:nth-of-type(4)>a{ padding-left: 42px; background: url('../img/tel-icon-r.svg') 0 60% no-repeat; }
#menu .contactArea p:nth-of-type(5){ margin-top: 5px; font-size: 1.3rem; }

/*#menu .cloud .cloud01{ width: 420px; position: absolute; left: 0; z-index: 0; }
#menu .cloud .cloud02{ width: 420px; position: absolute; right: 0; z-index: 0; }
#menu .cloud .parallax01{ top: 400px; }
#menu .cloud .parallax02{ top: 1100px; }
#menu .cloud .parallax03{ top: 1800px; }
#menu .cloud .parallax04{ top: 2500px; }
#menu .cloud .parallax05{ top: 3200px; }
#menu .cloud .parallax06{ top: 3900px; }
#menu .cloud .parallax07{ top: 4600px; }
#menu .cloud .parallax08{ top: 5300px; }
#menu .cloud .parallax09{ top: 6000px; }*/

.swiperInf { overflow: hidden; }
.swiperInf .swiper-wrapper{-webkit-transition-timing-function: linear;transition-timing-function: linear; }
.swiper-slide{ width: 300px!important; }

#instagram{ max-width: 750px; padding: 60px 0; }
#instagram h2{ text-align: center; font-size: 2.6rem; letter-spacing: .05em; }
#instagram ul{ margin-top: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#instagram ul li{ width: 48.5%; position: relative; overflow: hidden; }
#instagram ul li:before{ content: ''; padding-top: 100%; display: block; }
#instagram ul li img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; }
#instagram ul li:nth-of-type(2n){ margin-left: auto; }
#instagram ul li:nth-of-type(n+3){ margin-top: 12px; }
#instagram a.btn{ width: 240px; height: 50px; line-height: 50px; margin: 50px auto 0; background-color: #ac2d00; display: block; text-align: center; font-size: 1.5rem; letter-spacing: .04em; color: #fff; border-radius: calc(1px * infinity); }

#access{ max-width: 960px; padding: 10px 0; }
#access h2{ text-align: center; font-size: 3.0rem; letter-spacing: .07em; }
#access h2>span{ margin-top: -5px; display: block; letter-spacing: .02em; font-size: 1.6rem; color: #ac2d00; }
#access .googlemap{ margin-top: 40px; }
#access .googlemap iframe{ width: 100%; height: 300px; }

#access .infoBox{ margin-top: 30px; }
#access .infoBox>figure{  }
#access .infoBox>div{ margin-top: 20px; }
#access .infoBox>div h3{ margin-bottom: 10px; font-size: 2.2rem; letter-spacing: -.05em; }
#access .infoBox>div p{ font-size: 1.4rem; line-height: 1.9; }
#access .infoBox>div p.tel{ margin-top: 10px; font-size: 2.6rem; color: #ac2d00; text-align: center }
#access .infoBox>div p.tel>a{ padding-left: 25px; background: url(../img/tel-icon-r.svg) 0 60% no-repeat; background-size: 22px; letter-spacing: .04em; }
}