@charset "UTF-8";



@media  print, screen and (min-width: 641px){

#wrapper {
width: 100%;
text-align: left;
background: #fff;
position: relative;
z-index: 120;}

.contents {
padding: 30px 50px 50px 50px;}

.contents p {
padding-bottom: 3em;
line-height: 180%;}




/*=========================各コンテンツタイトル部分============================*/

#about,
#greeting,
#company,
#access,
#contact{
margin-top:-110px;padding-top:110px;}

.image_box01{
background-image:url(../images/back01.jpg);}

.image_box02{
background-image:url(../images/back02.jpg);}

.image_box03{
background-image:url(../images/back03.jpg);}

.image_box01,
.image_box02,
.image_box03{
background-position:center;
background-repeat:no-repeat;
background-size: cover;
-webkit-background-size:cover; 
-moz-background-size:cover;
-o-background-size:cover;
width:100%;
height:250px;}






/*=========================ごあいさつ============================*/

.main_box02{
width:960px;
margin: auto;
padding: 50px 0 100px;}
.main_box02 dl {}
.main_box02 dl dt {font-size: 24px;line-height: 34px;margin}
.main_box02 dl dd {padding: 50px 0 0;}
.main_box02 dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.main_box02 dl dd ul li {width: 30%;margin: 0 3% 0 0;}
.main_box02 dl dd ul li:nth-child(3n) {margin: 0;}
.main_box02 dl dd ul li dl {}
.main_box02 dl dd ul li dl dt {font-size: 18px;line-height: 28px;font-weight: 700; color: #00913a;padding: 0 5%; display: inline-block; background: linear-gradient(transparent 60%, #ffff66 60%);}
.main_box02 dl dd ul li dl dd { font-size: 14px;line-height: 20px;text-align: left;padding:20px 0 0;}
.main_box02 dl dd p {font-size: 18px;line-height:1.2em;font-weight: 700;background: rgba(0,145,58,0.3);display: inline-block;padding:2% 5%;}


.mb2_01{
text-align:left;
font-size:13px;
line-height:35px;
margin-bottom:30px;}

.mb2_02{
text-align:right;
font-size:13px;
line-height:35px;}

.mb2_02 span{
font-size:22px;}

/*=========================会社案内============================*/

.main_box03{
width:1000px;
margin:0 auto ;padding: 50px 0 100px;}

.main_box03 table{
text-align:left;
font-size:13px;
letter-spacing:0.1em;
line-height:20px;
width:1000px;}

.main_box03 table th{
width:110px;
border-bottom:1px dotted #333;
font-weight:100!important;
padding:12px 0 12px 0;}

.main_box03 table td{
border-bottom:1px dotted #333;
padding:12px 0 12px 0;}

.access_box{
width:1000px;
margin:0 0 0;}

.com_map{
float:left;
width:470px;
height:300px;}

.com_map .map{
width:470px;
height:300px;}

.access{
float:right;
width:520px;
margin:0 0 0 0;}

.access ul li{
list-style-type:none;
text-align:left;
margin-left:30px;
margin-bottom:20px;}

.train{
width:470px;
font-size:15px!important;
font-weight:bold;
text-align:left;
background-image:url(../images/train.gif) ;
background-repeat:no-repeat;
background-position:left;
padding:10px 35px 10px;}

.car{
width:470px;
font-size:15px!important;
font-weight:bold;
text-align:left;
background-image:url(../images/car.gif) ;
background-repeat:no-repeat;
background-position:left;
padding:10px 35px 10px;}


.bunjyo_list{
margin:0;}

.access ul li .detail{
font-size: 13px;
line-height: 20px;
border-top:1px solid #333;
padding-top:10px;}

/*---------------お問い合わせここから---------------*/

.main_box05 {
width:1000px;
margin:100px auto;
text-align:left;
float:none;
clear:both;}

.main_box05 table,
.main_box05 .pp{
font-size: 13px;}

.normal{
width:1000px;}

.normal tr{}

.normal th{
line-height:40px;
width:160px;
font-weight:100;}

.normal td{}

.normal td span{}

.form_title {font-size: 18px;line-height: 28px;font-weight: 700;padding: 20px 0 0 ;}
.asterisk{
margin:20px 0 20px 0;
color:#D93600;}

.pp{
margin:20px 0 0 0;
text-align:center;
line-height:20px;}

.baikyaku{
margin:30px 0 30px 0;}

.submit{
text-align:center;
margin:30px 0 0 0;}

form .yoko1{width:150px;}
form .yoko2{width:580px;}
form .yoko3{width:250px;}

form input[type="text"]{
padding:5px;
font-size:1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 20px;}

input[type="button"]{
border:solid 1px #ccc;
padding:5px 10px;
margin:0 0 5px;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
color:#555;
cursor:pointer;}

textarea{
text-align:13px;
line-height:18px;
padding:5px;
width:100%;
height:100px;
border:solid 1px #ccc;}

.main_box05 #tab{overflow:hidden;}

.main_box05 #tab li{
width:180px;
float:left;
margin:0 15px 10px 0;
cursor:pointer;}

.main_box05 #tab li span{
font-size:13px;
font-weight:bold;
display:inline-block;
width: 180px;
height: 40px;
text-align: center;
text-decoration: none;
outline: none;
background-color: #777;
border: 2px solid #777;
border-radius:3px;
color: #fff;
line-height: 40px;}

.main_box05 #tab li span:hover {
background-color: #999;
border: 2px solid #999;}

.main_box05 .disnon{
display:none;}

/*form button{
border:solid 1px #ccc;
padding:5px 10px;
margin:0 0 5px;
font-family:Arial, sans-serif;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
color:#555;
cursor:pointer;
}*/

.pp_list{
width:1000px;
height:250px;
border:1px solid #eee;
margin:50px auto 20px;
text-align:left;}

.pp_list dl{
width:960px;
height:210px;
overflow:auto;
margin:20px;
padding:10px;}

.pp_list dl dt{
font-size:13px;
font-weight:bold;
margin-bottom:5px;}

.pp_list dl dd{
font-size:11px;
line-height:19px;
letter-spacing:0.05em;
margin-bottom:15px;}


}



/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

/* Wrapper
--------------------------- */
#wrapper {
width: 100%;
text-align: left;
background: #fff;
position: relative;
z-index: 120;}

.contents {
padding: 30px 50px 50px 50px;}

.contents p {
padding-bottom: 3em;
line-height: 180%;}

/* =======================================
ClearFixElements
======================================= */
.fullSlideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;}

.fullSlideShow ul {
display: inline-block;
overflow: hidden;}

/*=========================各コンテンツタイトル部分============================*/

#about,
#greeting,
#company,
#access,
#contact{
margin-top:-120px;padding-top:120px;}
#about2,
#greeting2,
#company2,
#access2,
#contact2{}

.image_box01{
background-image:url(../images/back01.jpg);}

.image_box02{
background-image:url(../images/back02.jpg);}

.image_box03{
background-image:url(../images/back03.jpg);}

.image_box01,
.image_box02,
.image_box03{
background-position:center;
background-repeat:no-repeat;
background-size: cover;
-webkit-background-size:cover; 
-moz-background-size:cover;
-o-background-size:cover;
width:100%;
height:120px;}






/*=========================ごあいさつ============================*/

.main_box02{
width:90%;
margin:0 auto;padding: 5% 0;}


.main_box02 dl {}
.main_box02 dl dt {font-size: 18px;line-height: 28px;}
.main_box02 dl dd {padding: 5% 0 0;}
.main_box02 dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.main_box02 dl dd ul li {width: 100%;margin: 0 0 5%;}
.main_box02 dl dd ul li:nth-child(3n) {margin: 0;}
.main_box02 dl dd ul li dl {}
.main_box02 dl dd ul li dl dt {font-size: 18px;line-height: 28px;font-weight: 700; color: #00913a;padding: 0 5%; display: inline-block; background: linear-gradient(transparent 60%, #ffff66 60%);}
.main_box02 dl dd ul li dl dd { font-size: 12px;line-height: 18px;text-align: left;padding:5% 0 0;}
.main_box02 dl dd p {font-size: 14px;line-height:1.2em;font-weight: 700;background: rgba(0,145,58,0.3);display: inline-block;padding:2% 5%;}



.mb2_01{
text-align:left;
font-size:11px;
line-height:17px;
margin-bottom:30px;}

.mb2_02{
text-align:right;
font-size:11px;
line-height:17px;}

.mb2_02 span{
font-size:17px;}

/*=========================会社案内============================*/

.main_box03{
width:90%;
margin:0 auto;padding: 5% 0;}

.main_box03 table{
width:100%;
text-align:left;
font-size:11px;
line-height:17px;}

.main_box03 table th{
width:30%;
border-bottom:1px dotted #333;
font-weight:100!important;
padding:5px 0 5px 0;}

.main_box03 table td{
border-bottom:1px dotted #333;
padding:5px 0 5px 0;}

.access_box{
width:100%;
margin:0 0 10px;}

.com_map{
margin-bottom:10px;}

.access{
width:100%;
margin:0 0 0 0;}

.access ul li{
list-style-type:none;
text-align:left;
margin-bottom:10px;}

.train{
width:90%;
font-size:13px!important;
font-weight:bold;
text-align:left;
background-image:url(../images/train.gif) ;
background-repeat:no-repeat;
background-position:left;
padding:10px 0 10px 10%;}

.car{
width:90%;
font-size:13px!important;
font-weight:bold;
text-align:left;
background-image:url(../images/car.gif) ;
background-repeat:no-repeat;
background-position:left;
padding:10px 0 10px 10%;}


.bunjyo_list{
margin:0;}

.access ul li .detail{
font-size:11px;
line-height:16px;
border-top:1px solid #333;
padding-top:10px;}

/*---------------お問い合わせここから---------------*/

.topspace{
margin:10px 0 0 0;}

.main_box05 {
width:100%;
margin:0 0 30px;
text-align:left;
float:none;
clear:both;}

.normal{
width:100%;
border-collapse:collapse;}

.normal span{
display:block;}

.normal tr{
border-top:1px solid #ddd;}

.normal th{
border-bottom:1px solid #ddd;
background-color:#ddd;
display:block;
line-height:20px;
padding:5px 0 4px 2%;}

.normal td{
border:1px solid #ddd;
display:block;
padding:10px 0 8px 5px;}
.form_title {font-size: 12px;line-height: 18px;font-weight: 700;padding: 5% 0 0;}
.asterisk{
display:inline!important;
margin:20px 0 20px 0;
color:#D93600;}

.baikyaku{
margin:30px 0 30px 0;}

.submit{
text-align:center;
margin:30px 0 0 0;}

form input[type="text"]{
padding:5px;
font-size:1em;
font-family:Arial, sans-serif;
color:#333;
border:solid 1px #ccc;
margin:0 0 5px;}

form .yoko1{width:30%;}
form .yoko2{width:95%;}
form .yoko3{width:50%;}

input[type="button"]{
border:solid 1px #ccc;
padding:5px 10px;
margin:0 0 5px;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
color:#555;
cursor:pointer;}

form textarea{
width:98%;
height:100px;
border:solid 1px #ccc;}

.main_box05 #tab{
text-align:center;
overflow:hidden;}

.main_box05 #tab li{
width:42%;
display:inline-block;
margin:0 2% 10px;
cursor:pointer;}

.main_box05 #tab li span{
font-size:11px;
font-weight:bold;
display:inline-block;
width: 100%;
height: 30px;
text-align: center;
text-decoration: none;
outline: none;
background-color: #777;
border: 2px solid #777;
border-radius:3px;
color: #fff;
line-height: 30px;}

.main_box05 #tab li span:hover {
background-color: #999;
border: 2px solid #999;}

.main_box05 .disnon{
display:none;}

/*form button{
border:solid 1px #ccc;
padding:5px 10px;
margin:0 0 5px;
font-family:Arial, sans-serif;
font-size:0.8em;
text-transform:uppercase;
font-weight:bold;
color:#555;
cursor:pointer;
}*/

.pp{
margin:20px 0 0 0;
text-align:center;
font-size:12px;}

.pp span{
display:block;
margin-bottom:5px;}

.pp_list{
width:94%;
height:130px;
border:1px solid #eee;
margin:20px 3% 20px;
text-align:left;}

.pp_list dl{
width:94%;
height:120px;
overflow:auto;
margin:10px;}

.pp_list dl dt{
font-size:12px;
font-weight:bold;
margin-bottom:5px;}

.pp_list dl dd{
font-size:10px;
line-height:16px;
letter-spacing:0.05em;
margin-bottom:15px;}


}


.pic {padding: 50px 0 ;}
.pic ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.pic ul li {width: 48%;margin: 0 4% 0 0;}
.pic ul li img {width: 100%;}
.pic ul li:nth-child(2n) {margin: 0;}

.pic1 {width: 100%;}
.pic1 img {width: 100%;}


.map {}
.map iframe {width: 100%;height: 600px;}

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

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

.pic {padding: 5% 0 ;}
.pic ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.pic ul li {width: 48%;margin: 0 4% 0 0;}
.pic ul li img {width: 100%;}
.pic ul li:nth-child(2n) {margin: 0;}

.pic1 {width: 100%;}
.pic1 img {width: 100%;}
.map {position: relative;z-index: 0;}
.map iframe {width: 100%;height: 320px;}
}




.contents_title_box {position: relative;vertical-align: bottom;}
.contents_title_box img {width: 100%;}
.contents_title_box dl {width: 100%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color: #000000;text-shadow: #ffffff 1px 1px 6px, #ffffff -1px 1px 6px,#ffffff 1px -1px 6px, #ffffff -1px -1px 6px;}
.contents_title_box dl dt {font-size:23px;font-weight:bold;margin-bottom:25px;letter-spacing:0.1em;}
.contents_title_box dl dd {font-size:13px;letter-spacing:0.3em;}

.contents_title_box h2 {font-size: 44px;line-height: 1.8em;font-style: italic; width: 100%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color: #ffffff;text-shadow: #231815 1px 1px 6px, #231815 -1px 1px 6px,#231815 1px -1px 6px, #231815 -1px -1px 6px;}

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

}
@media screen and (max-width:640px){
.contents_title_box {position: relative;}
.contents_title_box dl {width: 100%; position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color: #000000;text-shadow: #ffffff 1px 1px 6px, #ffffff -1px 1px 6px,#ffffff 1px -1px 6px, #ffffff -1px -1px 6px;}
.contents_title_box dl dt {font-size:17px;font-weight:bold;margin-bottom:10px;letter-spacing:0.1em;}
.contents_title_box dl dd {font-size:10px;letter-spacing:0.3em;}


.contents_title_box h2 {font-size: 24px;line-height: 1.8em;font-style: italic; width: 100%;position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);color: #ffffff;text-shadow: #231815 1px 1px 6px, #231815 -1px 1px 6px,#231815 1px -1px 6px, #231815 -1px -1px 6px;}


}





.main {position: relative;text-align: center;}
.main img {width: 100%;}
.logo {
width: 20%; position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;}
.logo img {width: 100%;}

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

}
@media screen and (max-width:640px){
.main {position: relative;text-align: center;}
.main img {width: 100%;}
.logo {
width: 40%; position: absolute;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
text-align: center;}
.logo img {width: 100%;}
}



.menu {text-align: center;}
.menu ul {display: table;margin: auto;padding: 20px 0 ;}
.menu ul li {display: table-cell;vertical-align: middle;font-size: 14px;line-height: 1.8em;font-style: italic;}
.menu ul li span {border-left: 1px solid #231815;padding: 0 30px;}
.menu ul li span.last {border-left: 1px solid #231815;border-right: 1px solid #231815;padding: 0 30px;}
.menu ul li a {color: #231815;font-weight: 700;}
.menu ul li a:hover {text-decoration: none;}
.menu ul li.logo2 {padding: 0 30px;}
.menu ul li.logo2 img {height: 60px;}
.menu ul li.facebook {padding: 0 30px;}
.menu ul li.facebook img {height: 40px;}

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

}
@media screen and (max-width:640px){
.menu {text-align: center;}
.menu ul {display: inherit;margin: auto;padding: 5% 0 ;position: relative;}
.menu ul li {display: inline;vertical-align: middle;font-size: 14px;line-height: 1.8em;font-style: italic;}
.menu ul li span {border-left: 1px solid #231815;padding: 0 5%;}
.menu ul li span.last {border-left: 1px solid #231815;border-right: 1px solid #231815;padding: 0 5%;}
.menu ul li a {color: #231815;font-weight: 700;}
.menu ul li a:hover {text-decoration: none;}
.menu ul li.logo2 {width: 100%!important; display: block; padding: 0;text-align: left;}
.menu ul li.logo2 img {height: 40px;margin: 0 0 0 5%;}
.menu ul li.facebook {padding: 0;position: absolute;right: 5%;top: 15px;}
.menu ul li.facebook img {height: 40px;}

}




.block1 {width: 1080px;margin:0 auto 40px;position: relative;}
.block1 img {position: absolute;left: 0;top: 0; width: 50%;}
.block1 dl {width: 55%;margin:0 0 0 auto;}
.block1 dl dt {font-size:28px;line-height: 1.8em;font-style: italic; padding: 40px 0 20px;}
.block1 dl dd {background: #e5e5e5;padding:0 20px 20px;}
.block1 dl dd p {font-size:16px;line-height: 1.8em;padding: 20px 0 0;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width:640px){
.block1 {width: 90%;margin:0 auto 5%;position: relative;}
.block1 img {position: inherit;left: inherit;top: inherit; width: 100%;}
.block1 dl {width: 100%;margin:0 0 0 auto;}
.block1 dl dt {font-size:18px;line-height: 1.8em;font-style: italic; padding: 5% 0 2%;}
.block1 dl dd {background: #e5e5e5;padding:3% 5% 5%;}
.block1 dl dd p {font-size:12px;line-height: 1.8em;padding: 2% 0 0;text-align: left;}

}



.feene {width: 1080px;margin: auto;padding: 0 0 40px;}
.feene dl {}
.feene dl dt {font-size:28px;line-height: 1.8em;font-style: italic;}
.feene dl dd {}
.feene dl dd p {font-size:16px;line-height: 1.8em;padding: 20px 0 0;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width:640px){
.feene {width: 90%;margin:0 auto;padding: 0 0 10%;}
.feene dl {}
.feene dl dt {font-size:18px;line-height: 1.8em;font-style: italic;}
.feene dl dd {}
.feene dl dd p {font-size:12px;line-height: 1.8em;padding: 2% 0 0;text-align: left;}

}



.cafe {width: 1080px;margin: auto;padding: 0 0 40px;}
.cafe {position: relative;}
.cafe::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 300px;/*画像の幅*/
height: 300px;/*画像の高さ*/
background-image: url(../images/member.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: -60px; top: -180px;
}
.cafe h3 {font-size:18px;line-height: 1.8em;font-weight: 700;padding: 40px 0 0;}
.cafe h4 {font-size:28px;line-height: 1.2em;font-style: italic;padding: 40px 0 20px;}
.cafe h4 span {font-size:16px;line-height: 1.2em;}
.cafemenu {width: 48%;display: inline-block;vertical-align: top;}
.cafemenu table {width: 90%;margin: 0 auto;}
.cafemenu table th {font-size:16px;line-height: 1.8em;text-align: left;}
.cafemenu table td {font-size:16px;line-height: 1.8em;text-align: right;}
.cafemenu p {font-size:14px;line-height: 1.8em;text-align: left;width: 90%;margin: 0 auto;}

.lunch {position: relative;}
.lunch::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 140px;/*画像の幅*/
height: 140px;/*画像の高さ*/
background-image: url(../images/menu_pic3.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: 100px; top: 10px;
}
.drink {position: relative;}
.drink::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 100px;/*画像の幅*/
height: 100px;/*画像の高さ*/
background-image: url(../images/menu_pic2.png);
background-size: contain;
vertical-align: middle;
position: absolute;left:0; top: 0;
}
.desert {position: relative;}
.desert::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 110px;/*画像の幅*/
height: 110px;/*画像の高さ*/
background-image: url(../images/menu_pic1.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: 0; top: -20px;
}

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

}
@media screen and (max-width:640px){
.cafe {width: 90%;margin:0 auto;padding: 0 0 10%;}
.cafe {position: relative;}
.cafe::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 140px;/*画像の幅*/
height: 140px;/*画像の高さ*/
background-image: url(../images/member.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: -20px; top: -125px;
}
.cafe h3 {font-size:14px;line-height: 1.8em;font-weight: 700;padding: 5% 0 0;text-align: left;}
.cafe h4 {font-size:18px;line-height: 1.8em;font-style: italic;padding: 5% 0 5%;}
.cafe h4 span {font-size:12px;}
.cafemenu {width: 100%;display: block;vertical-align: top;}
.cafemenu table {width: 100%;margin: 0 auto;}
.cafemenu table th {font-size:12px;line-height: 1.8em;text-align: left;}
.cafemenu table td {font-size:12px;line-height: 1.8em;text-align: right;}
.cafemenu p {font-size:10px;line-height: 1.8em;text-align: left;width: 100%;margin: 0 auto;}

.lunch {position: relative;}
.lunch::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 70px;/*画像の幅*/
height: 70px;/*画像の高さ*/
background-image: url(../images/menu_pic3.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: -2%; top: 0;
}
.drink {position: relative;}
.drink::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
background-image: url(../images/menu_pic2.png);
background-size: contain;
vertical-align: middle;
position: absolute;left:0; top: 5px;
}
.desert {position: relative;}
.desert::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width:60px;/*画像の幅*/
height: 60px;/*画像の高さ*/
background-image: url(../images/menu_pic1.png);
background-size: contain;
vertical-align: middle;
position: absolute;right: 0; top: 0;
}

}



.gallery {width: 1080px;margin: auto;padding: 0 0 40px;}
.gallery p {font-size:16px;line-height: 1.8em;padding: 20px 0 0;}
.gallery ul {
padding: 20px 0 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.gallery ul li {width: 32%; margin: 0 2% 0 0;}
.gallery ul li:nth-child(3n) {margin: 0;}
.gallery ul li img {width: 100%;}

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

}
@media screen and (max-width:640px){
.gallery {width: 90%;margin:0 auto;padding: 0 0 10%;}
.gallery p {font-size:12px;line-height: 1.8em;padding: 2% 0 0;text-align: left;}
.gallery ul {
padding: 20px 0 0;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.gallery ul li {width: 32%; margin: 0 2% 0 0;}
.gallery ul li:nth-child(3n) {margin: 0;}
.gallery ul li img {width: 100%;}

}


.workshop {width: 1080px;margin: auto;padding: 0 0 40px;}
.workshop p {font-size:16px;line-height: 1.8em;padding: 20px 0 0;}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width:640px){
.workshop {width: 90%;margin:0 auto;padding: 0 0 10%;}
.workshop p {font-size:12px;line-height: 1.8em;padding: 2% 0 0;text-align: left;}

}



.shop {width: 1080px;margin: auto;padding: 40px 0 80px;}
.shop dl {}
.shop dl dt {position: relative;
display: inline-block;
padding: 0 120px;font-size:28px;line-height: 1.8em;font-style: italic;margin: 0 0 20px;}
.shop dl dt:before, .shop dl dt:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 100px;
height: 1px;
background-color: black;}
.shop dl dt:before {left:0;}
.shop dl dt:after {right: 0;}
.shop dl dd {}
.shop dl dd img {width: 600px;}

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

}
@media screen and (max-width:640px){
.shop {width: 90%;margin:0 auto;padding: 0 0 10%;}
.shop dl {}
.shop dl dt {position: relative;
display: inline-block;
padding: 0 60px;font-size:18px;line-height: 1.8em;font-style: italic;margin: 0 0 20px;}
.shop dl dt:before, .shop dl dt:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 40px;
height: 1px;
background-color: black;}
.shop dl dt:before {left:0;}
.shop dl dt:after {right: 0;}
.shop dl dd {}
.shop dl dd img {width: 100%;}

}





.footer {}
.footer dl {}
.footer dl dt {margin: 0 0 20px;}
.footer dl dt img {height: 60px;}
.footer dl dd {background: #eeeeee; padding: 20px 0;}
.footer dl dd p {font-size:16px;line-height: 1.8em;margin: 0 0 20px;}
.footer dl dd img {height: 40px;}

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

}
@media screen and (max-width:640px){
.footer {}
.footer dl {}
.footer dl dt {margin: 0 0 5%;}
.footer dl dt img {height: 40px;}
.footer dl dd {background: #eeeeee; padding: 10% 0;}
.footer dl dd p {font-size:12px;line-height: 1.8em;margin: 0 0 2%;}
.footer dl dd img {height: 40px;}

}







.btn {
text-align: center;
position: relative;
display: inline-block;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 14px;
font-weight: 100;
line-height: 24px;
height: 24px;
background-color: #231815;
padding:10px 20px;
text-decoration: none;
margin: 20px 0 0;
}
.btn:hover {
background-color: #331008;
text-decoration: none;
}
@media screen and (max-width: 1200px) {

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

.btn {
text-align: center;
position: relative;
display: block;
-webkit-border-radius: 6px!important;
-moz-border-radius: 6px!important;
border-radius: 6px!important;
color: #ffffff;
font-size: 14px;
font-weight: 100;
line-height: 24px;
height: 24px;
background-color: #231815;
padding:10px 20px;
text-decoration: none;
margin: 5% 0 0;
}
.btn:hover {
background-color: #331008;
text-decoration: none;
}
}




.pc {display: block;}
.sph {display: none;}

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

}
@media screen and (max-width:640px){
.pc {display: none;}
.sph {display: block;}

}