@charset "UTF-8";



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

INTRODUCTION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.smp{
display:none;
}
.tablet{
display:none;
}
p{
font-size:14px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#banner{
margin-top:-120px;
padding-top:120px;
}
.pdf{
text-align:center;
margin-top:1em;
}
.tax{
font-size:1.3em;
text-align:center;
margin:2em 0;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
p{
font-size:13px;
line-height:1.5em;
text-align:justify;
}
img.grow{
-webkit-transition:0.2s ease-in-out;
-moz-transition:0.2s ease-in-out;
-ms-transition:0.2s ease-in-out;
-o-transition:0.2s ease-in-out;
transition:0.2s ease-in-out;
}
img.grow:hover{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
#banner{
margin-top:-100px;
padding-top:100px;
}
.pdf{
text-align:center;
margin-top:0.5em;
}
.tax{
font-size:1.2em;
text-align:center;
margin:2em 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.pc{
display:none;
}
.tablet{
display:none;
}
p{
font-size:14px;
line-height:1.35em;
text-align:justify;
}
#banner{
margin-top:-30px;
padding-top:30px;
}
.pdf{
text-align:center;
margin:0em auto 2em;
}
.tax{
font-size:1.2em;
text-align:center;
margin:2em 0;
}
}


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

ALART

==================================================================*/
@media screen and (min-width:1024px) {
.alart{
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h6{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.alart a{
color:#C11823;
text-decoration:underline;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.alart{
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h6{
font-size:15px;
text-align:center;
line-height:1.5em;
}
.alart a{
color:#C11823;
text-decoration:underline;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.alart{
border:4px solid #C11823;
position:relative;
margin:3em auto 2em;
padding:2em;
}
.alart h6{
font-size:15px;
text-align:justify;
line-height:1.5em;
}
.alart a{
color:#C11823;
text-decoration:underline;
}
}









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

INFORMATION_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.information_area{
width:1000px;
margin:0 auto;
padding:60px 0 30px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:28px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h2{
width:24%;
margin:30px auto;
}
.information_area h4{
font-size:20px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.3em;
line-height:1.4em;
}
.information_area p{
font-size:15px;
text-align:center;
line-height:1.8em;
border:1px solid #C05F1F;
padding:2em 0;
margin-top:2em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.information_area{
width:98%;
margin:0 auto;
padding:40px 0 20px;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:24px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
}
.information_area h2{
width:28%;
margin:20px auto;
}
.information_area h4{
font-size:18px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:18px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1.3em;
line-height:1.4em;
}
.information_area p{
font-size:14px;
text-align:center;
line-height:1.8em;
border:1px solid #C05F1F;
padding:2em 0;
margin-top:2em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.information_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.information_area h3{
font-family: "Sawarabi Mincho";
font-size:20px;
font-weight:500;
letter-spacing:0.15em;
text-align:center;
line-height:1.35em;
}
.information_area h2{
width:54%;
margin:20px auto;
}
.information_area h4{
font-size:16px;
font-weight:500;
letter-spacing:0.2em;
text-align:center;
background-color:#C11823;
color:#FFF;
border-radius:50px;
width:6em;
margin:1em auto 0;
padding:0.5em 2em;
}
.information_area h5{
font-size:16px;
font-weight:600;
text-align:center;
letter-spacing:0.05em;
word-spacing:0.5em;
margin-top:1em;
line-height:1.4em;
}
.information_area p{
font-size:13px;
border:1px solid #C05F1F;
padding:1em;
margin-top:2em;
}
}









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

MENU01_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.menu01_area{
width:1000px;
margin:0 auto;
padding:30px 0;
}
.menu01_area h3{
width:30%;
margin:0 auto 10px;
}
.fukufuku{
width:80%;
margin:50px auto 0;
border:3px solid #C11823;
padding:30px;
}
.seasonal_menu{
width:70%;
height:auto;
margin:30px auto 0;
}
.fukufuku dl{
}
.fukufuku dl dt{
width:55%;
height:auto;
display:inline-block;
position:relative;
margin-right:1%;
float:left;
}
.fukufuku dl dd{
width:44%;
float:left;
}
.fukufuku dl dd h4{
width:80%;
margin-left:20%;
}
.fukufuku dl dd h5{
font-size:20px;
font-weight:600;
text-align:center;
line-height:1.5em;
margin-top:1em;
}
.fukufuku dl dd h6{
font-size:16px;
font-weight:500;
text-align:center;
margin-top:2.5em;
line-height:1.5em;
}
.fukufuku dl dd h6 span{
font-size:1.2em;
font-weight:600;
color:#C11823;
}
.menu01_area ol{
}
/*.menu01_area ol li{
position:relative;
width:40%;
margin:30px 5%;
float:left;
}*/
.menu01_area ol li{
position:relative;
width:40%;
margin:30px 30%;
float:left;
}
.menu01_area ol li img{
width:100%;
}
.menu01_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:70%;
top:80%;
right:15%;
text-align:center;
}
.menu01_area ol li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu01_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.menu01_area{
width:98%;
margin:0 auto;
padding:20px 0;
}
.menu01_area h3{
width:30%;
margin:0 auto 10px;
}
.seasonal_menu{
width:80%;
height:auto;
margin:20px auto 0;
}
.fukufuku{
width:90%;
margin:30px auto 0;
border:3px solid #C11823;
padding:30px;
}
.fukufuku dl{
}
.fukufuku dl dt{
width:55%;
height:auto;
margin-right:1%;
float:left;
}
.fukufuku dl dd{
width:44%;
float:left;
}
.fukufuku dl dd h4{
width:80%;
margin-left:20%;
}
.fukufuku dl dd h5{
font-size:18px;
font-weight:600;
text-align:center;
line-height:1.5em;
margin-top:1em;
}
.fukufuku dl dd h6{
font-size:15px;
font-weight:500;
text-align:center;
margin-top:2em;
line-height:1.5em;
}
.fukufuku dl dd h6 span{
font-size:1.2em;
font-weight:600;
color:#C11823;
}
.menu01_area ol{
}
/*.menu01_area ol li{
position:relative;
width:44%;
margin:30px 3%;
float:left;
}*/
.menu01_area ol li{
position:relative;
width:44%;
margin:30px 28%;
float:left;
}
.menu01_area ol li img{
width:100%;
}
.menu01_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu01_area ol li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu01_area ol li h6{
font-size:17px;
font-weight:600;
margin-top:0.6em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.menu01_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.menu01_area h3{
width:80%;
margin:0 auto 20px;
}
.seasonal_menu{
width:100%;
height:auto;
margin:0px auto 20px;
}
.fukufuku{
width:90%;
margin:0px auto 0;
border:3px solid #C11823;
padding:10px;
}
.fukufuku dl{
}
.fukufuku dl dt{
width:100%;
height:auto;
}
.fukufuku dl dd{
width:100%;
}
.fukufuku dl dd h4{
width:80%;
margin:5px auto 0;
}
.fukufuku dl dd h5{
font-size:20px;
font-weight:600;
text-align:center;
line-height:1.5em;
margin-top:1em;
}
.fukufuku dl dd h6{
font-size:18px;
font-weight:500;
text-align:center;
margin-top:1.5em;
line-height:1.5em;
}
.fukufuku dl dd h6 span{
font-size:1.2em;
font-weight:600;
color:#C11823;
}
.menu01_area ol{
}
.menu01_area ol li{
position:relative;
width:90%;
margin:12% auto;
}
.menu01_area ol li img{
width:100%;
}
.menu01_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:3px 3px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu01_area ol li h5{
font-size:18px;
font-weight:600;
line-height:1.4em;
}
.menu01_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:0.6em;
}
}









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

MENU02_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.menu02_area{
width:1000px;
margin:0 auto;
padding:80px 0;
}
.menu02_area h3{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:60%;
margin:0 15% 0.5em;
padding:0 5%;
text-align:center;
color:#000;
}
.menu02_area h3::before,
.menu02_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:20%;
height:3px;
border-top:1px solid #000;
}
.menu02_area h3::before{
left:0;
}
.menu02_area h3::after{
right:0;
}
.menu02_area ol{
}
.menu02_area ol li{
position:relative;
width:40%;
margin:30px 5%;
float:left;
}
.menu02_area ol li.udon{
position:relative;
width:40%;
margin:30px 30%;
float:left;
}
.menu02_area ol li img{
width:100%;
}
.menu02_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:70%;
top:80%;
right:15%;
text-align:center;
}
.menu02_area ol li p{
position:relative;
max-width:400px;
margin:0 auto 10px;
padding:1em calc(1.5em + 9px);
border-top:1px solid #C11823;
border-bottom:1px solid #C11823;
color:#333;
}
.menu02_area ol li p::before,
.menu02_area ol li p::after{
position:absolute;
width:1px;
top:50%;
transform:translateY(-50%);
height:calc(100% + 20px);
background-color:#C11823;
content:'';
}
.menu02_area ol li p::before{
left:9px;
}
.menu02_area ol li p::after{
right:9px;
}
.menu02_area ol li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ol li h5 span{
font-size:0.7em;
}
.menu02_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
.menu02_area ul{
margin-top:30px;
}
.menu02_area ul li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu02_area ul.menu02_row{
margin-top:30px;
}
.menu02_area ul.menu02_row li:first-child{
position:relative;
width:30%;
margin:30px 1.5% 30px 18%;
float:left;
}
.menu02_area ul.menu02_row li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu02_area ul li img{
width:100%;
}
.menu02_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:80%;
right:10%;
text-align:center;
margin-bottom:30px;
}
.menu02_area ul li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ul li h5 span{
font-size:0.7em;
}
.menu02_area ul li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
.menu02_area dl.text_menu{
margin-top:40px;
}
.menu02_area dl.text_menu dt{
width:38%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 2%;
text-align:left;
}
.menu02_area dl.text_menu dd{
width:8%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 2% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.menu02_area{
width:98%;
margin:0 auto;
padding:50px 0;
}
.menu02_area h3{
font-family: 'Noto Serif JP', serif;
font-size:24px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:70%;
margin:0 10%;
padding:0 5%;
text-align:center;
color:#000;
}
.menu02_area h3::before,
.menu02_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:20%;
height:3px;
border-top:1px solid #000;
}
.menu02_area h3::before{
left:0;
}
.menu02_area h3::after{
right:0;
}
.menu02_area ol{
}
.menu02_area ol li{
position:relative;
width:44%;
margin:50px 3% 0;
float:left;
}
.menu02_area ol li.udon{
position:relative;
width:44%;
margin:50px 28% 0;
float:left;
}
.menu02_area ol li img{
width:100%;
}
.menu02_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu02_area ol li p{
position:relative;
max-width:400px;
margin:0 auto 10px;
padding:1em calc(1.5em + 9px);
border-top:1px solid #C11823;
border-bottom:1px solid #C11823;
color:#333;
}
.menu02_area ol li p::before,
.menu02_area ol li p::after{
position:absolute;
width:1px;
top:50%;
transform:translateY(-50%);
height:calc(100% + 20px);
background-color:#C11823;
content:'';
}
.menu02_area ol li p::before{
left:9px;
}
.menu02_area ol li p::after{
right:9px;
}
.menu02_area ol li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ol li h5 span{
font-size:0.7em;
}
.menu02_area ol li h6{
font-size:17px;
font-weight:600;
margin-top:0.6em;
}
.menu02_area ul{
margin-top:30px;
}
.menu02_area ul li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu02_area ul.menu02_row{
margin-top:30px;
}
.menu02_area ul.menu02_row li:first-child{
position:relative;
width:30%;
margin:30px 1.5% 30px 18%;
float:left;
}
.menu02_area ul.menu02_row li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu02_area ul li img{
width:100%;
}
.menu02_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:90%;
top:80%;
right:5%;
text-align:center;
}
.menu02_area ul li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ul li h5 span{
font-size:0.7em;
}
.menu02_area ul li h6{
font-size:17px;
font-weight:600;
margin-top:0.5em;
}
.menu02_area dl.text_menu{
margin-top:30px;
}
.menu02_area dl.text_menu dt{
width:40%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 1%;
text-align:left;
}
.menu02_area dl.text_menu dd{
width:8%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 1% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.menu02_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.menu02_area h3{
font-family: 'Noto Serif JP', serif;
font-size:20px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:80%;
margin:0 5% 20px;
padding:0 5%;
text-align:center;
color:#000;
}
.menu02_area h3::before,
.menu02_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:10%;
height:3px;
border-top:1px solid #000;
}
.menu02_area h3::before{
left:0;
}
.menu02_area h3::after{
right:0;
}
.menu02_area ol{
}
.menu02_area ol li{
position:relative;
width:90%;
margin:6% auto 24%;
}
.menu02_area ol li img{
width:100%;
display:inline-block;
position:relative;
}
.menu02_area ol li img:after{
position:absolute;
content:"";
box-shadow:0 15px 10px rgba(0,0,0, .5);
transform:rotate(3deg);
right:5px;
left:auto;
top:auto;
bottom:15px;
z-index:-1;
width:50%;
height:20%;
}
.menu02_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:3px 3px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu02_area ol li p{
position:relative;
max-width:400px;
margin:0 auto 10px;
padding:1em calc(1.5em + 9px);
border-top:1px solid #C11823;
border-bottom:1px solid #C11823;
color:#333;
}
.menu02_area ol li p::before,
.menu02_area ol li p::after{
position:absolute;
width:1px;
top:50%;
transform:translateY(-50%);
height:calc(100% + 20px);
background-color:#C11823;
content:'';
}
.menu02_area ol li p::before{
left:9px;
}
.menu02_area ol li p::after{
right:9px;
}
.menu02_area ol li h5{
font-size:18px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ol li h5 span{
font-size:0.7em;
}
.menu02_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:0.6em;
}
.menu02_area ul{
}
.menu02_area ul li{
position:relative;
width:90%;
margin:6% auto 20%;
}
.menu02_area ul li img{
width:100%;
display:inline-block;
position:relative;
}
.menu02_area ul li img:after{
position:absolute;
content:"";
box-shadow:0 15px 10px rgba(0,0,0, .5);
transform:rotate(3deg);
right:5px;
left:auto;
top:auto;
bottom:15px;
z-index:-1;
width:50%;
height:20%;
}
.menu02_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:3px 3px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu02_area ul li h5{
font-size:18px;
font-weight:600;
line-height:1.4em;
}
.menu02_area ul li h5 span{
font-size:0.7em;
}

.menu02_area ul li h6{
font-size:18px;
font-weight:600;
margin-top:0.6em;
}
.menu02_area dl.text_menu{
margin-top:15px;
}
.menu02_area dl.text_menu dt{
font-size:15px;
line-height:1.1em;
padding:0.8em 0 0.3em 1%;
text-align:left;
}
.menu02_area dl.text_menu dt span{
font-size:0.8em;
}
.menu02_area dl.text_menu dd{
font-size:15px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 1% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}









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

MENU03_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.menu03_area{
width:1000px;
margin:0 auto;
padding:50px 0;
}
.menu03_area h3{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:60%;
margin:0 15% 0.5em;
padding:0 5%;
text-align:center;
color:#000;
}
.menu03_area h3::before,
.menu03_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:20%;
height:3px;
border-top:1px solid #000;
}
.menu03_area h3::before{
left:0;
}
.menu03_area h3::after{
right:0;
}
.menu03_area ul{
margin-top:30px;
}
.menu03_area ul li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu03_area ul li img{
width:100%;
}
.menu03_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:80%;
right:10%;
text-align:center;
}
.menu03_area ul li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ul li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
.menu03_area ol{
margin-top:30px;
}
.menu03_area ol li{
position:relative;
width:30%;
margin:30px 1.5%;
float:left;
}
.menu03_area ol li:first-child{
position:relative;
width:30%;
margin:30px 1.5% 30px 18%;
float:left;
}
.menu03_area ol li img{
width:100%;
}
.menu03_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:80%;
right:10%;
text-align:center;
}
.menu03_area ol li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.menu03_area{
width:98%;
margin:0 auto;
padding:40px 0;
}
.menu03_area h3{
font-family: 'Noto Serif JP', serif;
font-size:24px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:60%;
margin:0 15%;
padding:0 5%;
text-align:center;
color:#000;
}
.menu03_area h3::before,
.menu03_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:20%;
height:3px;
border-top:1px solid #000;
}
.menu03_area h3::before{
left:0;
}
.menu03_area h3::after{
right:0;
}
.menu03_area ul{
margin-top:30px;
}
.menu03_area ul li{
position:relative;
width:30%;
margin:20px 1.5%;
float:left;
}
.menu03_area ul li img{
width:100%;
}
.menu03_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:90%;
top:80%;
right:5%;
text-align:center;
}
.menu03_area ul li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ul li h6{
font-size:17px;
font-weight:600;
margin-top:0.5em;
}
.menu03_area ol{
margin-top:30px;
}
.menu03_area ol li{
position:relative;
width:30%;
margin:20px 1.5%;
float:left;
}
.menu03_area ol li:first-child{
position:relative;
width:30%;
margin:20px 1.5% 30px 18%;
float:left;
}
.menu03_area ol li img{
width:100%;
}
.menu03_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:90%;
top:80%;
right:5%;
text-align:center;
}
.menu03_area ol li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ol li h6{
font-size:17px;
font-weight:600;
margin-top:0.5em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.menu03_area{
width:94%;
margin:0 auto;
padding:20px 0 0;
}
.menu03_area h3{
font-family: 'Noto Serif JP', serif;
font-size:20px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:80%;
margin:0 5% 20px;
padding:0 5%;
text-align:center;
color:#000;
}
.menu03_area h3::before,
.menu03_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:10%;
height:3px;
border-top:1px solid #000;
}
.menu03_area h3::before{
left:0;
}
.menu03_area h3::after{
right:0;
}
.menu03_area ul{
margin-top:30px;
}
.menu03_area ul li{
position:relative;
width:90%;
margin:0% auto 24%;
}
.menu03_area ul li img{
width:100%;
display:inline-block;
position:relative;
}
.menu03_area ul li img:after{
position:absolute;
content:"";
box-shadow:0 15px 10px rgba(0,0,0, .5);
transform:rotate(3deg);
right:5px;
left:auto;
top:auto;
bottom:15px;
z-index:-1;
width:50%;
height:20%;
}
.menu03_area ul li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:3px 3px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu03_area ul li h5{
font-size:18px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ul li h6{
font-size:18px;
font-weight:600;
margin-top:0.6em;
}
.menu03_area ol{
margin-top:30px;
}
.menu03_area ol li{
position:relative;
width:90%;
margin:0% auto 24%;
}
.menu03_area ol li img{
width:100%;
display:inline-block;
position:relative;
}
.menu03_area ol li img:after{
position:absolute;
content:"";
box-shadow:0 15px 10px rgba(0,0,0, .5);
transform:rotate(3deg);
right:5px;
left:auto;
top:auto;
bottom:15px;
z-index:-1;
width:50%;
height:20%;
}
.menu03_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:3px 3px 0px rgba(144,71,23,0.6);
padding:0.5em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu03_area ol li h5{
font-size:18px;
font-weight:600;
line-height:1.4em;
}
.menu03_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:0.6em;
}
}









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

MENU04_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.menu04_area{
width:960px;
margin:0 auto;
margin:50px auto 0;
border:3px solid #C11823;
padding:10px 0 50px 0;
}
.menu04_area ol{
}
.menu04_area ol li{
position:relative;
width:40%;
margin:30px 5%;
float:left;
}
.menu04_area ol li img{
width:100%;
}
.menu04_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:70%;
top:80%;
right:15%;
text-align:center;
}
.menu04_area ol li h5{
font-size:16px;
font-weight:600;
line-height:1.4em;
}
.menu04_area ol li h6{
font-size:18px;
font-weight:600;
margin-top:1em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.menu04_area{
width:98%;
margin:30px auto 0;
border:3px solid #C11823;
padding:10px 0 80px 0;
}
.menu04_area ol{
}
.menu04_area ol li{
position:relative;
width:44%;
margin:30px 3% 0;
float:left;
}
.menu04_area ol li img{
width:100%;
}
.menu04_area ol li div{
position:absolute;
color:#FFF;
border:1px solid #EEE;
background:rgba(192,95,31,0.9);
box-shadow:5px 5px 0px rgba(144,71,23,0.6);
padding:1em 0;
width:80%;
top:78%;
right:10%;
text-align:center;
}
.menu04_area ol li h5{
font-size:15px;
font-weight:600;
line-height:1.4em;
}
.menu04_area ol li h6{
font-size:17px;
font-weight:600;
margin-top:0.6em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.menu04_area{
width:95%;
margin:20px auto;
border:3px solid #C11823;
padding:10px 0;
}


}









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

DRINK_AREA

==================================================================*/
@media screen and (min-width:1024px) {
.drink_area{
width:1000px;
margin:0 auto;
padding:50px 0 0;
}
.drink_area h3{
font-family: 'Noto Serif JP', serif;
font-size:30px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:60%;
margin:0 15% 0.5em;
padding:0 5%;
text-align:center;
color:#000;
}
.drink_area h3::before,
.drink_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:30%;
height:3px;
border-top:1px solid #000;
}
.drink_area h3::before{
left:0;
}
.drink_area h3::after{
right:0;
}
.drink_area h4{
font-size:20px;
font-weight:500;
letter-spacing:0.05em;
color:#FFF;
text-align:center;
margin:1em auto;
}
.drink_area h4 span{
background-color:#C11823;
padding:0.1em 1em;
}
.drink01{
margin-bottom:50px;
}
.drink01 dl{
}
.drink01 dl dt{
width:38%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 2%;
text-align:left;
}
.drink01 dl dd{
width:8%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 2% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
.drink02{
margin-bottom:70px;
}
.drink02 dl{
}
.drink02 dl dt{
width:76%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 2%;
text-align:left;
}
.drink02 dl dd{
width:20%;
float:left;
font-size:18px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 2% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.drink_area{
width:98%;
margin:0 auto;
padding:40px 0;
}
.drink_area h3{
font-family: 'Noto Serif JP', serif;
font-size:24px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:60%;
margin:0 15%;
padding:0 5%;
text-align:center;
color:#000;
}
.drink_area h3::before,
.drink_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:30%;
height:3px;
border-top:1px solid #000;
}
.drink_area h3::before{
left:0;
}
.drink_area h3::after{
right:0;
}
.drink_area h4{
font-size:18px;
font-weight:500;
letter-spacing:0.05em;
color:#FFF;
text-align:center;
margin:1em auto;
}
.drink_area h4 span{
background-color:#C11823;
padding:0.1em 1em;
}
.drink01{
margin-bottom:50px;
}
.drink01 dl{
}
.drink01 dl dt{
width:40%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 1%;
text-align:left;
}
.drink01 dl dd{
width:8%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 1% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
.drink02{
margin-bottom:70px;
}
.drink02 dl{
}
.drink02 dl dt{
width:76%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 0 0.3em 2%;
text-align:left;
}
.drink02 dl dd{
width:20%;
float:left;
font-size:14px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 2% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.drink_area{
width:94%;
margin:0 auto;
padding:50px 0 0;
}
.drink_area h3{
font-family: 'Noto Serif JP', serif;
font-size:20px;
font-weight:500;
letter-spacing:0.3em;
position:relative;
display:inline-block;
width:80%;
margin:0 5% 5px;
padding:0 5%;
text-align:center;
color:#000;
}
.drink_area h3::before,
.drink_area h3::after{
content:'';
position:absolute;
top:50%;
display:inline-block;
width:15%;
height:3px;
border-top:1px solid #000;
}
.drink_area h3::before{
left:0;
}
.drink_area h3::after{
right:0;
}
.drink_area h4{
font-size:16px;
font-weight:500;
letter-spacing:0.05em;
color:#FFF;
text-align:center;
margin:1em auto;
}
.drink_area h4 span{
background-color:#C11823;
padding:0.1em 1em;
}
.drink01{
margin-bottom:50px;
}
.drink01 dl{
}
.drink01 dl dt{
font-size:15px;
line-height:1.1em;
padding:0.8em 0 0.3em 1%;
text-align:left;
}
.drink01 dl dt span{
font-size:0.8em;
}
.drink01 dl dd{
font-size:15px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 1% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
.drink02{
margin-bottom:70px;
}
.drink02 dl{
}
.drink02 dl dt{
font-size:15px;
line-height:1.1em;
padding:0.8em 0 0.3em 1%;
text-align:left;
}
.drink02 dl dd{
font-size:15px;
line-height:1em;
border-bottom:1px solid #999;
padding:0.8em 1% 0.3em 0;
text-align:right;
letter-spacing:0.05em;
}
}