@charset "UTF-8";
/* CSS Document */

.dinner_header{
text-align: center;
padding-bottom: 5%;
}

.section_menu_ttl{
    display: block;
    margin-top: 0%;
	margin-bottom: 2%;
    font-size: 21px;
    font-weight: bold;
	justify-content: center; /* 水平中心 */
	line-height: 1.8;
}

.section_ttl_menu_cap{
    font-style: italic;
    font-size: 14px;
    letter-spacing: .1em;
    line-height: 1.8;
	font-weight: bold;
	margin-top: 0%;
	margin-bottom: 0%;
	padding-left: 0%;
	justify-content: center;
}


@media only screen and (max-width: 768px){
	
.section_ttl_menu_cap{
    font-size: .75rem;
    letter-spacing: .1em;
    line-height: 1.8;
	margin-top: 0%;
	margin-bottom: 5%;
}	
	
}


.menu_name{
    font-size: 110%;
    font-weight: bold;
	color: 111111!important;
	display: block;
}

.name_en{
    font-size: 80%;
    font-weight: 800;
	color: 777777!important;
	display: block;
	font-family: 'EB Garamond', serif!important;
	
}

.menu_cap{
font-size: 80%;
	color: 111111!important;
	display: block;
padding-top: 5px;
font-weight: normal;
}



.menu_cap2{
font-size: 80%;
	color: 111111!important;
font-weight: normal;
}

.price{
    font-weight: bold;
	float: right;
	
	
}


.pairing_plan{

}


.pairing_plan li{
list-style: none;
font-size: 15px;
padding-bottom: 5px;
}

.name_plan_cap{
font-size: 13px;
vertical-align: baseline;
padding-left: 2%;
}

.plan_price{
font-weight: bold;
float: right;
font-size: 14px;
}


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

	

	
	
.name_plan_cap{
font-size: 10px;
display: block;
padding-left: 2%;
}	
	
	
.plan_price{
font-weight: bold;
float: left;
font-size: 12px;
display: block;
width: 100%;
padding-bottom: 5%;
}


}


.dinner_menu{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
/*    border-bottom: #cccccc 1px dotted;*/
    letter-spacing: 0.1em;
}

.dinner_menu > dt {
    width: 70%;
	font-size: 110%;
	padding-bottom: 2%;
	margin-bottom: 3%;
}


.dinner_menu > dd {
    -webkit-box-flex: 1;
    flex: 1;
	padding-bottom: 2%;
	margin-bottom: 3%;
	 width: 30%;
	text-align: right;
}



.dinner_box .dinner_menu:first-child{
	border-top: #dedede 1px solid;
}

.dinner_box .dinner_menu{
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
border-bottom: #dedede 1px solid;
    letter-spacing: 0.1em;
}

.dinner_box .dinner_menu > dt {
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
}


.dinner_box .dinner_menu > dd {
    -webkit-box-flex: 1;
    flex: 1;
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
}

dl {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.ttl_menu_sub{
padding-top: 3%;
padding-bottom: 3%;
font-size: 15px;
}

.dinner_menu_txt{
font-size: 90%;
padding-top: 3%;
}


.dinner_sp_img{
width: 100%;
margin-bottom: 3%;
margin-top: 5%;
}



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

.dinner_box .dinner_menu:first-child{
	border-top: #dedede 1px solid;
	margin-top: 15%;
}	
	
.dinner_box .dinner_menu > dt {
    width: 100%;
	padding-bottom: 1%;
	margin-bottom: 3%;
	padding-top: 4%;
	padding-right: 5%;
}	
	


.dinner_box .dinner_menu > dd {
    -webkit-box-flex: 1;
    flex: 1;
	padding-bottom: 2%;
	margin-bottom: 3%;
	 width: 100%;
	text-align: left;
}	
	
	
}


.dinner_copy{
font-weight: bold;
padding-top: 5%;
padding-bottom: 3%;
}

#dinner_menu_b dl{
border-bottom: #dedede 1px solid;
padding-bottom: 3%;
margin-bottom: 5%;
}

#dinner_menu_b dt{
font-weight: bold;
padding-bottom: 1%;	
}	

#dinner_menu_b dd{
font-size: 90%;
}	





.img_menu_contents_box{
	width: 100%;
    margin-top: 0%;
    margin-bottom: 0%;
    padding-top: 0%;
    padding-bottom: 7%;
    display: inline-block;
}


.img_menu_contents_box_L{
    width: 50%;
    float: left;
	display: block;
    padding-right: 0%;
padding-bottom: 0%;
}

.img_menu_contents_box_R{
    width: 50%;
    float: right;
display: block;
padding-left: 0%;
padding-bottom: 0%;
}


@media screen and (max-width: 738px) {
	
.img_menu_contents_box_L{
    width: 100%;
    float: left;
	display: block;
    padding-right: 0%;
padding-bottom: 0%;
}

.img_menu_contents_box_R{
    width: 100%;
    float: right;
display: block;
padding-left: 0%;
padding-bottom: 0%;
}	
	
}