@charset "UTF-8";

article {
    background-color: #f6efe2;
    background-image: radial-gradient(#fff 1px, transparent 1px), radial-gradient(#fff 2px, #f6efe2 2px);
 }

@media screen and (min-width: 760px) {  /*PC*/

#title{
	width:100%;
	background:#F7F3EA;
	text-align:center;
    display: flex;
    align-items: center;
    height: auto;
}
#title h1{
margin:0 auto;
padding:0;
max-width: 970px;
width: 100%;
}
#title h1 img{
margin:0;
padding:0 0;
max-width: 970px;
width: 100%;
}

.main_img {
text-align: center;
}
.sub_img {
display: flex;
justify-content: space-between;
padding: 0px;
margin: 0px;
}
.sub_img ul {
padding: 0px;
margin: 0px;
}
.sub_img li {
padding: 0px;
margin: 0px;
}
.sub_img .txt {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	padding: 0px;
	margin: 0px;
}
.line table {
width: 100%;
border: 2px solid #333;
border-collapse: collapse;
}
.line td,
.line th {
padding: 10px;
text-align: center;
border: 2px solid #333;
vertical-align: middle;
}
.line td {
text-align: left;
}
.line table .day {
text-align: center;
}

.dinner {
border: 3px solid #0E0F3F;
padding: 10px;
}
.tit_dinner {
background-color: #0E0F3F;
font-size: 1.2em;
text-align: center;
font-weight: bold;
color: #fff;
padding: 5px;
margin: 0px 0px 15px 0px;
}
.dinner div {
display: flex;
justify-content:center;
align-items:center;
gap: 0px 50px;
margin-bottom: 15px;
}
.menu {
padding: 10px 50px;
border: double #000 ;
}
.menu dt {
text-align: center;
}

.green_s {
text-align: center;
font-size: 1.2em;
}

.picture_box {
    position: relative;
	padding-bottom: 60px !important;
}
.picture_box .picture{
    position: absolute;
    width: 250px;
    top: 20px;
    right: 10px;
    font-size: 13px;
    text-align: right;
}
.picture_box .picture img {
    width: 100%;
}

}



@media screen and (max-width: 759.9px) {  /*SP*/

.main_img {
width: 100%;
text-align: center;
margin-bottom: 10px;
}
.main_img img {
width: 100%;
height: auto;
}
.sub_img {
padding: 0px;
margin: 0px;
}
.sub_img ul {
padding: 0px;
margin: 0px;
}
.sub_img li {
text-align: center;
padding: 0px;
margin: 0px;
}
.sub_img .txt {	
	font-size: 12px;
	line-height: 12px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.line th{
    text-align: center;
    background: #eee;
}
.line th,
.line td {
display: block;
padding: 10px;
vertical-align: middle;
}
.line td {
    margin-bottom: 10px;
}
.line tr:last-child td {
    margin-bottom: 0;
}

.dinner {
/*border: 3px solid #0E0F3F;*/
padding: 10px;
}
.tit_dinner {
background-color: #0E0F3F;
text-align: center;
font-size: 1.2em;
font-weight: bold;
color: #fff;
padding: 5px 0px;
margin: 0px 0px 10px 0px;
}
.dinner div {
margin-bottom: 10px;
}
.menu {
padding: 10px 15px;
margin-bottom: 10px;
/*border: double #000 ;*/
}
.menu dt {
text-align: center;
}
.dinner img {
width: 100%;
height: auto;
}

.green_s {
text-align: center;
font-size: 0.8em;
padding-top: 15px;
}

.picture_box .picture{
    margin: 15px 0;
    font-size: 13px;
    text-align: right;
}
.picture_box .picture img {
    width: 100%;
}

}