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


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

========================================================================== */ 


.ttl_menu{
display: block;
padding-top: 3%;
padding-bottom: 1%;
font-size: 25px;
font-size: 2.5rem;
font-weight: bold;
color: #c7904a;
}

.subttl_menu{
display: block;
padding-top: 3%;
padding-bottom: 1%;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #c7904a;
}



.menus{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0%;
}
.menus:after{
	content:"";
	display:block;
	width: 31.1%;
	height:0;
}
.menu{
	width: 31.1%;
	margin-bottom: 3%;
}


.menu_img{
margin-bottom: 5%;
}
.menu img{
	width: 100%;
}

.txt_menu{
display: inline-block;
padding-top: 5%;
padding-bottom: 7%;
font-size: 14px;
font-size: 1.4rem;
line-height: 2em;
align-items: flex-end;
}

@media screen and (max-width: 768px) {
	
.menus{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.menus:after{
	content:"";
	display:block;
	width: 49%;
	height:0;
}
.menu{
	width: 100%;
	margin-bottom: 5%;
}


}




.section_ttl_news{
    display: block;
font-size: 25px;
font-size: 2.5rem;	
font-family: "Zen Old Mincho", serif;
letter-spacing: 0.01em;	
    margin-top: 0%;
	margin-bottom: 0%;
    font-weight: bold;
	justify-content: left;
}



.top_new_box{
	width: 100%;
	display: block;
}
.top_new_box dl{
margin-bottom: 3%;
padding-bottom: 3%;
border-bottom: #222222 1px dotted;
display: block;
  flex-wrap: wrap;
  align-items: baseline;
width: 100%;
}

.top_new_box dt{
	color: #c7904a;
	width: 100%;
	padding-bottom: 1%;
	font-weight: bold;
	float: left;
	font-size: 80%;
	text-align: left;display: block;
}

.top_new_box dd{

}

.top_new_box dd a{
color: #dddddd;
    text-decoration: none;
}
.top_new_box dd a:hover {
color: #c7904a;
}
.top_new_box dd a:visited {
color: #d3ae7b;
}

.top_new_box dd a:active {
color: #b68545;
}

@media screen and (max-width: 768px) {
.section_ttl_news{
    display: block;
letter-spacing: 0.01em;	
    margin-top: 0%;
	margin-bottom: 0%;
font-size: 21px;
font-size: 2.1rem;
    font-weight: bold;
	justify-content: left;
}	
}




/* ==========================================================================
   
shopinfo

========================================================================== */ 



.shopinfo_outline{
padding-top: 3% !important;	
}
.shopinfo_outline dt{
font-size: 98%;
font-weight: bold;
color: #c7904a;
padding-top: 3%;
}

.shopinfo_outline dd{

}




/* ==========================================================================
   
course

========================================================================== */ 




.course_img{
padding-top: 5%;
padding-bottom: 5%;
}


.course_ttl{
display: block;
padding-top: 5%;
font-size: 23px;
font-size: 2.3rem;
font-weight: bold;
color: #c7904a;
}
.course_price{
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.2em;
padding-bottom: 3%;
}

.course_price span{
font-size: 12px;
}


.course_txt{
}

.course{
padding-top: 3% !important;	
}
.course dt{
font-size: 95%;
font-weight: bold;
color: #c7904a;
padding-top: 2%;
}

.course dd{
padding-bottom: 2%;
}

.takeout_s_ttl{
    display: block;
    font-size: 23px;
    font-weight: bold;
	padding-top: 3%;
    padding-bottom: 1%;
}



/* ==========================================================================
   
takeout

========================================================================== */ 


.ttl_takeout{
display: block;
padding-top: 3%;
padding-bottom: 1%;
font-size: 25px;
font-size: 2.5rem;
font-weight: bold;
color: #c7904a;
}

.subttl_takeout{
display: block;
padding-top: 3%;
padding-bottom: 1%;
font-size: 16px;
font-size: 1.6rem;
font-weight: bold;
color: #c7904a;
}


.takeout_price{
font-weight: bold;
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 0.2em;
padding-bottom: 3%;
}

.takeout_price span{
font-size: 12px;
}


.takeouts{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-top: 0%;
	    border-bottom: 1px dotted #222222;
	margin-bottom: 3%;
}
.takeouts:after{
	content:"";
	display:block;
	width: 32.1%;
	height:0;
}
.takeout{
	width: 32.1%;
	margin-bottom: 3%;
}


.takeout_img{
margin-bottom: 5%;
}
.takeout img{
	width: 100%;
}

.txt_takeout{
display: inline-block;
padding-top: 5%;
padding-bottom: 7%;
font-size: 14px;
font-size: 1.4rem;
line-height: 2em;
align-items: flex-end;
}

@media screen and (max-width: 768px) {
	
.takeouts{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.takeouts:after{
	content:"";
	display:block;
	width: 49%;
	height:0;
}
.takeout{
	width: 100%;
	margin-bottom: 5%;
}


}