@charset "utf-8";
.page-title {background-image: url(/img/menu/menu-mv.jpg);}

.menu-course h2.common-ttl01,
.menu-ala h2.common-ttl01,
.menu-drink h2.common-ttl01 {font-size: 7rem;margin-top: 1em;}

.modal-menu-contents {display: none !important; }
.modal-menu-wrap {background: #fff; color: #000; padding: 1em;display: flex;flex-wrap: wrap;gap:4em 2em;}
.modal-menu-box {width: calc((100% - 2em) / 2);}
.modal-menu-box h3 {font-size: 1.6rem !important;text-align: center;margin-bottom: 10px;}
.modal-menu-box h3 span {display: block;font-size: 2.4rem;}
.modal-menu-box dl {display: flex;flex-wrap: wrap;font-size: 1.5rem;max-width: 380px;margin: 0 auto;}
.modal-menu-box dt {width: calc(100% - 8em); text-align: left;}
.modal-menu-box dd {width: 8em;white-space: nowrap; text-align: right;}
.modal-menu-box dt,
.modal-menu-box dd {border-bottom: 1px solid #ddd;padding: .5em 0;}
.modal-menu-box dt.w100 {width: 100%;}
.modal-menu-box dt.w100 + dd {width: 0;}
.modal-menu-box dt.w100-dd {width: 0;}
.modal-menu-box dt.w100-dd + dd {width: 100%;}
.modal-menu-box p {max-width: 380px;margin: 0 auto;font-size: 1.3rem;margin-top: 10px;}


#block-menu .img {display: flex;gap:18px;}
#block-menu .img .item {flex: 1;}
#block-menu .img .item figure {position: relative;margin-bottom: 18px;}
#block-menu .img .item figure + figure {margin-bottom: 0;}
#block-menu .img .item figure figcaption{position: absolute;right: -1px;bottom: -1px;background: #000;color: #fff;padding: .4em 1em ;}
#block-menu .btn {text-align: center;margin-top: 50px;}
#block-menu .btn a {background: #fff;border: 1px solid #fff; color: #000;padding: 1em; max-width: 400px;margin: 0 auto;transition: .2s;position: relative;display: block;}
#block-menu .btn a:after {content: '+';position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;}
#block-menu .btn a:hover {opacity: 1;background: #000;color: #fff;}
#block-menu .btn a span {display: block;font-size: 2.6rem;}

/* menu-box01 */
.menu-box01 .d-flex {gap:40px;align-items: center;}
.menu-box01 .text2 {text-align: center;font-size: 3.6rem;margin: 2em 0;}

/* menu-anc */
.menu-anc ul {display: flex;gap:2em;justify-content: center;border-top: 1px solid #fff;border-bottom:  1px solid #fff;}
.menu-anc ul a {display: block;padding: 1.5em;}
.menu-anc ul a::after {content: '';width: .5em;height: .5em;border-top: 1px solid #fff;border-right: 1px solid #fff;display: block;margin: 0 auto;transform: rotate(135deg);transition: .2s;}
.menu-anc ul a:hover::after {transform: rotate(135deg) translate(2px,-2px) }

/* menu-course */
.menu-course .box-wrap {display: flex;gap:20px;margin-bottom: 50px;}
.menu-course .box-wrap .box {flex: 1;text-align: center;background: #fff;}
.menu-course .box-wrap .box .name {font-size: 2.6rem;border: 1px solid #fff;background: #000;padding: 1em;}
.menu-course .box-wrap .box .name span {font-size: 3rem;}
.menu-course .box-wrap .box .name small {font-size: 1.4rem;display: block;line-height: 1.6;margin-top: 1em;}
.menu-course .box-wrap .box .list { color: #000;padding: 1em;padding-bottom: 3em;font-size: 1.5rem;}
.menu-course .box-wrap .box .list p {font-size: 2rem;margin-top: 1em;}
.menu-course .box-wrap .box .list p::before,
.menu-course .box-wrap .box .list p::after {content: '-';margin: 0 5px}
.menu-course .box-wrap .box .list dt {padding-top: 1em;}
.menu-course .box-wrap .box .list dd {border-bottom: 1px solid #ddd;padding-bottom: 1em;}

/* menu-ala */
.menu-ala h3 {border: 1px solid #fff;font-size: 2.6rem;text-align: center;padding: .5em;margin-bottom: 18px;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1400px){
}
@media screen and (min-width:1px) and (max-width:999px){
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:767px){
	.modaal-content-container {padding: 10px;}
	.modal-menu-wrap {display: block;}
	.modal-menu-box {width: 100%;}
	.modal-menu-box + .modal-menu-box {margin-top: 30px;}
	
	
	.menu-course h2.common-ttl01,
	.menu-ala h2.common-ttl01,
	.menu-drink h2.common-ttl01 {font-size: 4rem;}
	
	#block-menu .img {display: block;}
	#block-menu .img + .img {margin-top: 18px;}
	
	/* menu-box01 */
	.menu-box01 .d-flex {display: block;}
	.menu-box01 .d-flex .text {margin-bottom: 30px;}
	.menu-box01 .text2 {font-size: 2.2rem;}
	
	/* menu-anc */
	.menu-anc ul {gap:.5em;}
	.menu-anc ul a {font-size: 1.4rem;}
	
	/* menu-course */
	.menu-course .ttl p {text-align: left;}
	.menu-course .box-wrap {display: block;}
	.menu-course .box-wrap .box + .box {margin-top: 30px;}

	/* menu-ala */
	.menu-ala h3 {font-size: 2rem;}
	.menu-ala .ttl p {text-align: left;}

	/* menu-drink */
	.menu-drink .ttl p {text-align: left;}
}