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


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;	
}
body {
font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;

}
.sp,.tb{
display: none;
}	


a{
	text-decoration: none;	
}
li{
	list-style: none;
}
h1,h2,p,.copyright{
color:#636363;
font-weight: normal;
padding: 0;
margin: 0;	
}
.midashi{
width: 100%;
height: auto;
display: inline-block;
}
.midashi h2{
font-size: 1.5em;
color: #333;	
text-align: left;
letter-spacing: 4px;
padding-bottom: 1%;	
font-weight:300;	
}
.midashi .center{
font-size: 1.5em;
color: #333;	
text-align: center;	
width: 100%;
letter-spacing: 4px;
padding-bottom: 1%;	
padding-top: 3%;	
}
.midashi .center small{
display: block;
font-size: 0.7em;
text-align: center;	
color:#590202;
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
width: 100%;	
letter-spacing: 2px;
padding-bottom: 1%;		
}
.midashi small{
display: block;
font-size: 0.7em;	
text-align: left;	
color:#590202;	
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
letter-spacing: 2px;
padding-bottom: 1%;	
}
.container {
max-width: 1170px;
width: 100%;
margin: 0 auto;
text-align: center;	
padding: 0 2%;	
}


.sp1,.sp2{
display: none;
}

.box-back{
width: 100%;
height: auto;
background-color:rgba(255,255,255,0.7);		
padding: 5% 0;	
border-radius: 80px 80px 0 0;
}

.top_wrapper{
	width: 100%;
	height: auto;
	position: relative;
	
}

.globalMenuSp, .navToggle{
	display: none;
}

.menu_t{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;	
background:rgba(255,255,255,0.7)!important;	
position: absolute;
top: 0;
left: 0;	
z-index: 999;	
}

.menu_t .logo{
width: 20%;	
padding: 0;	
margin: 1% 0;	
}
 .menu_t .logo img{
width:70%;	
display: block;
margin: 0 auto;
}
	.menu_t .top-contact{
width: 15%;	
position: absolute;
top: 220px;
right: 5px;	
	z-index: 998;	
}	

.menu_t .top-contact img{
width:90%;	
transition: all 0.5s;		
}
.menu_t .top-contact img:hover{
opacity: 0.8;
text-decoration: transparent;	
}
.menu_t a{
color: #590202;
width: 100%;
display: block;	
transition: color .3s, text-decoration .3s;		
font-size: 1.3em;
letter-spacing: 4px;	
}

.menu_t .m1{
width: 80%;	
}
.menu_t .m1 ul{
width: 100%;		
display: flex;
align-items:center;
justify-content:flex-end;
padding-right: 1%;	
margin: 0 auto;
}
.menu_t .m1 ul small{
display: block;
font-size: 0.8em;
padding-bottom: 5px;
color: #F2B705;	
transition: all 0.5s;
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;	
}
.menu_t .m1 ul .b1{
font-size:0.8em;	
position: relative;
  display: inline-block;
  text-decoration: none;
text-align: center;	
transition: all 0.5s;
width: 10%;	
}

.menu_t a:hover{
color:#A64F03!important;
text-decoration: transparent;	
}


/*====ご挨拶===*/
.greeting-wrap{
width: 100%;
height: auto;
display: inline-block;
position: relative;	
}
.greeting-photo{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;	
}
.greeting-photo div{
width: 50%;	
}
.greeting-photo div img{
width: 100%;	
margin-top: -2%;	
}
.greeting-box{
width:50%;
height: auto;
display: inline-block;
padding: 3% 0;
background-color: rgba(255,255,255,0.9);	
position: absolute;
top: 23%;
left:25%;	
display: block;
margin:0 auto;
}

.g-box{
width: 100%;
margin: 2% 0;		
}

.g-box img{
width:100%;
display: block;
margin: 0 auto;	
}

.g-box p{
font-size:1em;
text-align: center;
line-height: 1.75;
width:100%;
color: #333;	
}
.font-size_b{
font-size: 1.2em;
color:#A64F03;	
display: block;	
text-align: center;	
line-height: 1.5;
padding-bottom: 0.5%;	
}
.greeting-text{
padding-top: 2px;	
}
.background-img{
width: 100%;
height: auto;
display: inline-block;
}
/*====スライダー===*/
.gallery{
	
	height: auto;
	 background-image: url("../img/background3.jpg");
 background-size: 50%;
background-position: center;	
		padding: 5% 0 3%;
	margin-top: -3%;
}
.multiple { 
width: 100%;
padding-top: 3%;	
}
.multiple img { width: 100%;}
.multiple div { margin: 0 5px;}
.multiple .slick-next { right: 17px;　z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;}



/*====Instagram===*/
.banner{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0 5%;	
}
.banner img{
width: 100%;
transition: all 0.5s;	
box-shadow: 2px 2px 5px #333;	
}
.banner img:hover{
opacity: 0.9;	
text-decoration: transparent;
box-shadow: 1px 1px 2px #000;		
}

/*====コンテンツ===*/
.page{
width: 97%;
height: auto;
position: relative!important;		
background:#eee;	
padding:5% 0;	
display: block;
margin: 0 auto 3%;
}
.page-box{
width: 100%;
height: auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
padding: 2% 0 1%;	
	
}
.page-box .p-box{
width:23%;
height: auto;	
overflow: hidden;
display: block;	
z-index: 990;	
position: relative;
}
.page-box .p-box img{
width: 100%;
opacity: 0.8;
 transition-duration: 0.5s;	
border-radius: 30px;	
}

.page-box .p-box img:hover{
opacity: 1.0;
  transform: scale(1.2);
  transition-duration: 0.5s;
}
.page-box .p-box p{
position: absolute;
bottom:0px;
left: 7px;	
width: 95%;
text-align: center;
color: #590202;
font-size: 1.1em;
pointer-events:none;
background:#F2B705;	
padding: 2% 0 1%;	
z-index: 990;
border-radius: 30px;	
}
/*====全ページ共通フッターメニュー===*/
.footer-contact{
width: 100%;
height: auto;
display: block;
background-color:#eee;
padding: 2% 0;
background-image: url("../img/background1.jpg");
background-size: cover;
background-position: center ;	
}
.margin{
width: 100%;
height: auto!important;
display: block;
background-color:#eee;
margin: 0 auto 0!important;
}
.f-logo{
width: 100%;
height: auto;
display: inline-block;
}
.f-logo img{
width: 30%;
display: block;
margin: 2% auto 3%;
}
.contact-box{
width: 100%;
height: auto;
display: flex;	
flex-wrap:wrap;
justify-content:space-around;
align-items:center;
padding: 2% 0 5%;	
background-image: url("../img/background7.png");
background-size: contain;
background-position: center;
	
}


.footer-contact p{
font-size: 1.5em;	
padding: 1% 0;
color: #590202;
width: 100%;	
font-weight: bold;
border-bottom: dotted 3px #F2B705;	
border-top: dotted 3px #F2B705;		
}
.contact-border{
padding: 1%;
}
.contact-box .contact{
width: 40%;	
padding-top: 1%;	
margin-top: 2%;	
}
.contact-box .contact a{
font-size: 2em;
color: #333;
padding:1% 0 3%;
border-radius: 20px;	
width: 100%;
display: block;
transition: all 0.5s;	
font-weight: bold;
margin: 0 auto;
font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;	
}
.contact-box .white{
background: #fff;
border-radius: 50px;	
}
.contact-box .yallow{
background: #F2B705;
border-radius: 50px;		
}
.contact-box .contact a:hover{
opacity: 0.6;
text-decoration: transparent;	
}
.contact-box .contact small{
display: block;
font-size: 0.6em;	
line-height: 1.75;
}
.footer-contact .menu{
width: 100%;	
text-align: center;		
}
.footer-contact .menu ul{	
display: flex;
justify-content: center;		
}
.footer-contact .menu li{	
padding:1% 1.2em;
font-size: 0.8em;	
}

.footer-contact .menu a{
color: #590202;	
transition: all 0.5s;	
font-weight: bold;	
}

.footer-contact .menu a:hover{
color:#A64F03;
padding-top:2%;	
text-decoration-color: transparent;	
 }

footer{
width: 100%;
height: auto;
display: inline-block;
text-align: center;	
}

footer .copyright {
text-align: center;	
color: #fff;
padding: 1% 0;
display: block;	
background:#F2B705; 	
}

/*===========当店について=============*/
.shop-box{
width: 97%;
height: auto;	
 background-image: url("../img/background3.jpg");
 background-size: 30%;
background-position: center;	
padding:5% 0;	
display: block;
margin: 3% auto;
border-radius: 80px 80px 0 0;	
}

.shop-table{
width: 100%;
}
.turu{
width: 90%;
display: block;
margin: 0 auto;
}

.shop-table .table{
width: 100%;			
}

.shop-table table{
width: 100%;	
padding: 2%;	
}
.shop-table .table table th{
width: 25%;	
border-bottom:solid 2px #590202;
text-align: center;
padding: 1%;
color:#590202;
font-size: 1em;	
}

.shop-table .table table td{
width: 75%;	
border-bottom:dotted 1px #D1D1D1;
text-align: left;
padding: 1%;
line-height: 1.75;	
font-size: 1em;	
color:#333;
}
.shop-table .table table iframe{
height: 500px;	
}
.map{
width: 100%;
height: auto;
display: inline-block;
margin: 2% 0;	
background-color:rgba(255,255,255,0.7);	
padding: 1% 0;
}
.map iframe{
height: 500px;
padding: 2%;	
}
/*===========メニュー===========*/
.menu-box{
width: 97%;
height: auto;
position: relative!important;		
 background-image: url("../img/background3.jpg");
background-size: 30%;
background-position: center;	
padding:5% 0;	
display: block;
margin: 3% auto;
border-radius: 80px 80px 0 0;		
}
.menu-box .g_menu{
width:20%;	
display: block;
margin: 0 auto;
}
.menu-box .illust{
width:55%;	
padding-top: 3%;
}

.menu-text{
font-size: 1.2em;
border-left:#590202 5px solid;
margin-top: 3%;	
margin-left: 3%;
padding-left: 1%;
text-align: left;
color: #590202;	
}
.menu-text1{
font-size: 1em;
background-image: url("../img/background4.jpg");
background-size: contain;
background-position: center;
color: #590202;	
padding: 2% 0;
width: 35%;	
margin: 1% auto;
border-radius: 10px;	
}
.menu-text1 strong{
font-size: 1.5em;;
}
.fa-weight{
font-size: 2em;	
}
.menu-text1 small{
font-size: 1em;;
}
.menu{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-around;
align-items:flex-start;	
}
.menu .menu-box1{
width: 23%;		
margin: 3% 0;	
background-image: url("../img/background6.png");
background-size: contain;
background-position: center;	
padding: 2%;
box-shadow: 1px 1px 10px #dddddd;	
}
.m-center{
width: 97%;	
align-items:center!important;
background-image: url("../img/background6.png");
background-size: contain;
background-position: center;	
box-shadow: 1px 1px 10px #dddddd;	
margin: 2% auto 0;
}
.menu .menu-box2{
width: 48%;		
margin: 3% 0;	
padding: 2%;	
}
.menu div img{
width:100%;	
	
}

.menu p{
font-size: 1em;
}
.menu .menu-text2{
text-align: left;
padding-top: 5%;	
line-height: 1.75;
height: 220px;
}
.menu .menu-text3{
text-align: left;
padding-top: 5%;	
line-height: 1.75;
}
.menu strong{
font-size: 1.2em;
text-align:center!important;
background-image: url("../img/background5.png");
background-size: contain;
background-position: center;
color: #590202;
padding: 1% ;
display: block;
width: 100%;
top: 10px;
}
/*===========こだわり===========*/
.kodawari-box{
width: 97%;
height: auto;
position: relative!important;		
 background-image: url("../img/background3.jpg");
background-size: 30%;
background-position: center;	
padding:5% 0;	
display: block;
margin: 3% auto;
border-radius: 80px 80px 0 0;	
}
.kodawari{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;	
padding: 2% 2% 10%;	
}
.p_kodawari1{
width: 40%;		
}
.p_kodawari2{
width: 59%;		
}
.p_kodawari2 img{
width: 95%;	
display: block;
margin: 0 auto;
}
.p_kodawari3{
width: 95%;	
display: block;
margin: 0 auto;
border-radius: 30px;	
}
.kodawari-text{
width: 39%;	
}
.kodawari-text p{
font-size: 1em;
text-align: left;
line-height: 2;	
width: 100%;	
display: block;
margin: 0 auto;		
}
.kodawari-text strong{
font-size: 1.3em;
display: block;	
color: #590202;	
}
.kodawari-text1{
font-size: 1.2em;
text-align: center;	
color: #D98E04;	
padding: 2% 0;
}
.kodawari-text2{
font-size: 1em;
text-align:left;		
padding: 2% 0;
line-height: 1.75;	
width: 95%;	
display: block;
margin: 0 auto;	
text-align: center;	
}
.kodawari-text2 strong{
font-size: 1.3em;
display: block;	
color: #590202;	
text-align: center;
}
.marker-yellow {
  background: linear-gradient(transparent 60%, #F2B705 60%);
  color: #590202;	
}
/*===========移動販売日===========*/
.foodtruck-box{
width: 97%;
height: auto;
position: relative!important;		
 background-image: url("../img/background3.jpg");
background-size: 30%;
background-position: center;	
padding:5% 0;	
display: block;
margin: 3% auto;
border-radius: 80px 80px 0 0;		
}
.truck{
width: 50%;
display: block;
margin: 0 auto;
}
.f-box{
width: 95%;
height: auto;
display: inline-block;
background-image: url("../img/background6.png");
background-size: contain;
background-position: center;	
margin-top: 5%;		
}
.f-box .week{
width: 20%;	
display: block;	
}
.foodtruck{
width: 100%;
display: flex;
flex-wrap:wrap;
justify-content:space-around;
align-items:center;	
padding: 3%;	
background-image: url("../img/background6.png");
background-size: contain;
background-position: center;	
border-bottom: 5px solid #ffeaab;

}
.border-top{
border-top: 5px solid #ffeaab!important;	
}
.foodtruck .day{
width: 10%;	
}
.foodtruck .day img{
width: 100%;	
float: left;	
}
.foodtruck .place{
width: 20%;	
float: left;
}
.foodtruck .place .place_n{
font-size: 1.5em;
color: #A64F03;	
}
.foodtruck .accessmap .ac_n{
font-size: 1em;
margin-bottom: 1%;
background-image: url("../img/background5.png");
background-size: contain;
background-position: center;
padding: 1% 0;
color: #590202;	
}
.foodtruck .accessmap{
width: 50%;	
}
.foodtruck .accessmap iframe{
height: 200px;
margin-top: -1%;	
}
.foodtruck .accessmap img{
width: 100%;	
}
.banner1{
width: 100%;
margin-top: 5%;	
}
.banner1 img{
width: 100%;	
}
.banner1 a{
background: #D98E04;
padding: 1%;
border-radius: 30px;
color: #590202;
width: 50%;
display: block;
margin: 0 auto;
font-size: 2em;	
transition: all 0.5s;
margin-top: 5%;
box-shadow: 2px 2px 10px #333;	
}
.banner1 small{
display: block;
font-size: 0.5em;	
}
.banner1 a:hover{
background: #F2B705;
text-decoration: transparent;
box-shadow: 1px 1px 5px #333;		
}
/*===========コンタクト===========*/
.contact-box1{
width: 97%;
height: auto;
position: relative!important;		
 background-image: url("../img/background3.jpg");
 background-size: 30%;
background-position: center;	
padding:5% 0;	
display: block;
margin: 3% auto;
border-radius: 80px 80px 0 0;		
}

.contact-text1{
font-size: 1.1em;
color: #333;
line-height: 1.75;	
text-align: center;
padding: 2% 0;	
}
.contact1{
width: 100%;
height: auto;
display: inline-block;
padding: 2% 5%;	
}
.contact1 .c-tel img{	
margin:2% auto 5%;
width: 40%;	
transition: all 0.5s;	
}
.contact1 .c-tel img:hover{
opacity: 0.7;
text-decoration: transparent;	
}
.contact1 small{
display: block;
font-size: 0.8em;
font-weight: bold;
padding-bottom: 0.5%;	
}
form{
	width: 100%;
	text-align: center;
}
.checkbox_text{
line-height: 1.75;
color: #333;	
}
.tel-text{
font-size: 1.3em;
text-align: center;
color:#fff;	
margin: 1% auto;		
 position: relative;
  padding: 1.5rem 2rem;
  border: 3px solid #F2B705;
  border-radius: 50px;
  background:#F2B705;
  width: 50%;
   display: block;
	
}
.tel-text:before {
  position: absolute;
  bottom: -14px;
  left: 11em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #F2B705 transparent transparent transparent;
}

.tel-text:after {
  position: absolute;
  bottom: -10px;	
  left: 11em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: rgba(255,255,255,0.0) transparent transparent transparent;
}

.mail-text{
font-size: 1.3em;
text-align: center;
color:#9C7272;	
margin-top: 3%;		
margin-bottom: 1%;	
border-bottom: dotted 3px #F2B705;
border-top: dotted 3px #F2B705;	
padding: 1% 0;	
}
.mailform span{
	background-color:#9b3131;
	color:#fff;
	font-size: 1em;
	padding: 3px;
	margin: 1%;
}

.mailform dt{
	padding: 2% 0 0;
	font-size: 1em;
	text-align: left;
	width: 100%;
	color:#333;
}

.mailform dt p{
	font-size: 1em;
	color:#333;
}
.mailform dd{
	padding: 1% 0;
	font-size: 1em;
	text-align: left;	
	color:#333;
}

.textareatablearea{
width:100%;
}


textarea{
width:100%;
height: 400px;

}
.mailform dd p{
	margin-top: 1%;
	font-size: 1em;
	color:#333;
}

.single p{
	text-align: center;
	color:#333;
}


.fm-text p{
	padding-bottom: 30px;
	font-size: 1em;
	text-align: left;
	color:#333;
	line-height: 1.75;
}
.form-button
{
	margin: 5% 0;
	text-align: center;
}


button[type="submit"]{
	font-size: 1em;
	padding: 10px;
	
}

input[type="text"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
}
input[type="tel"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
}
input[type="email"]{
	width: 100%;
	height: 40px;
	font-size: 1em;
	padding: 10px;
}
textarea[type="text"]{
font-size: 1em;	
}

.kojin{
width: 100%;
height: auto;
display: inline-block;	
}
.kojin h3{
font-size: 1.2em;
color:#590202;	
background-image: url("../img/background5.png");
background-size: contain;
background-position: center;
text-align: left;
margin-bottom: 1%;	
line-height: 1.5;	
padding: 1%;	
}
.kojin h4{
font-size: 1.1em;
color:#590202;	
padding-left: 5px;	
border-bottom: solid 1px #590202;
background: #fff;
padding: 5px 2%;	
}
.kojin p{
font-size:0.9em;
line-height: 2;	
text-align: left;
font-weight: normal;
color:#333;	
padding: 2%;	
background: #fff;	
}



#mailform .in_box, #mailform textarea{
	border: 1px solid #adadad;
  	padding: 5px;
  	width: 100% !important;
  	border-radius: 0;
	-webkit-appearance: none;
	margin-bottom: 5px;
	background: #fff;
}