@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(reset.css);
@import url(common.css);
/* @import url(../libs/fontawesome/css/all.min.css); */
@import url(../libs/aos/aos.css);
/* @import url(../libs/OwlCarousel/assets/owl.carousel.min.css); @import url(../libs/OwlCarousel/assets/owl.theme.default.min.css); */
/* @import url(../libs/lightGallery/css/lightgallery.min.css); */
/* @import url(../libs/Remodal/remodal.css); @import url(../libs/Remodal/remodal-default-theme.css); */


/*
 menu
==============================*/

/* mvp ----------*/
#mvp { width: 100%; max-height: 80rem; aspect-ratio: 192 / 80; background-image: url(../img/menu/mv.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; }
#mvp h2 { opacity: 0; }

/* fee ----------*/
#fee {}
#fee h2 { margin-bottom: 6rem; text-align: center; line-height: 1.3; }
#fee h2 .w { position: relative; display: inline-block; padding-bottom: 1rem; border-bottom: solid 2px #333; }
#fee h2 .h { display: block; font-size: 4rem; }
#fee h2 .h .red { color: #C30D23; vertical-align: baseline; }
#fee h2 .h .l { font-size: 5rem; font-weight: 900; vertical-align: baseline; }
#fee h2 .h .ll { font-size: 6rem; font-weight: 900; vertical-align: baseline; }
@media screen and (max-width:480px) { /* s */
	#fee h2 .h { font-size: 7vw; }
	#fee h2 .h .l { font-size: 8vw; }
	#fee h2 .h .ll { font-size: 9vw; }
}


/* menu ----------*/
#menu { background-image: url(../img/common/detailed_bg.png); background-position: center top; }
#menu .w { padding: 4rem 6rem; border-radius: 1rem; background-color: #FFF; margin-top: 3rem; }
#menu .w h3 { display: flex; gap: 2rem; justify-content: center; align-items: center; }
#menu .w h3 .c { font-size: 1.6rem; line-height: 1; display: inline-block; padding: 1rem; border-radius: 0.5rem; background-color: #C30D23; color: #FFF; }
#menu .w h3 .t { display: flex; font-family: "Noto Serif JP", serif; font-weight: bold; font-size: 3.6rem; align-items: center; gap: 1rem; }
#menu .w h3 .t small { font-size: 2.8rem; }
#menu .w .osusume { display: inline-flex; margin-top: 2rem; padding: 1rem; border: solid 1px #000; text-align: left; border-radius: 0.5rem; background-color: #FFF; font-size: 1.6rem; font-weight: bold; line-height: 1.2; align-items: center; gap: 0.5rem; }
#menu .w .osusume .material-symbols-outlined { color: #999; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
#menu .menu_list { margin-top: 3rem; }
#menu .menu_list .pw { display: block; }
#menu .menu_list .pw img { border-radius: 1rem; }
#menu .menu_list .tw { display: block; margin-top: 1rem; }
#menu .menu_list .tw h4 { text-align: center; font-family: "Noto Serif JP", serif; font-size: 2rem; }
#menu .menu_list .tw .dlist { margin-top: 1rem; }
#menu .menu_list .tw .dlist li { list-style: disc; margin-top: 0.5rem; list-style-position: outside; font-size: 1.8rem; font-weight: normal; margin-left: 2em; line-height: 1.2; }
#menu .cap { font-size: 1.6rem; }
@media screen and (max-width:480px) { /* s */
	#menu .w { padding: 3rem 2rem; }
	#menu .w h3 { flex-direction: column; }
	#menu .w h3 .t { flex-direction: column; font-size: 3.2rem; }
	#menu .w h3 .t small { font-size: 2.4rem; }
	#menu .menu_list .tw .dlist li { font-size: 1.6rem; }
}

/* drink ----------*/
#drink {}
#drink .fee_drinks li { border-color: rgba(0, 0, 0, 0.5); color: #333; }
#drink .fee_drinks li .ptw .tw .pr { color: #333; background-color: #EEEEEE; }