@charset "UTF-8";
/* CSS Document */
@media all and  (max-width:1900px){
	

}

@media all and  (max-width:1800px){
	.menu_t .top-contact{
width: 25%;	
position: absolute;
top: 150px;
right: 5px;	

}	
.menu_t .m1 ul{
justify-content:space-around;
}
	
.greeting-box{
top: 15%;
left:15%;	
}	
.menu_t .m1 ul small{
font-size: 0.8em;
}
.menu_t .m1 ul .b1{
font-size:0.8em;
width: 20%;		
}
}

@media all and  (max-width:1150px){
	.menu_t .top-contact{
width: 25%;	
position: absolute;
top: 10px;
right: 5px;	

}
.menu_t .top-contact img{
width: 90%;		
}	
.menu_t .logo{
width: 100%;	
padding: 0;	
}
 .menu_t .logo img{
width:20%;	
display: block;
margin: 0 auto;
}
.menu_t .m1{
width: 100%;	
margin: 2% 0;	
}	
.greeting-box{
width:90%;
top: 1%;
left:5%;	
}
.page-box .p-box p{
font-size: 0.9em;
padding: 1% 0 1%;	
}	
.menu .menu-box1{
width: 49%;	
margin: 1% 0;	
}	
.menu .menu-text2{
height: 180px;
}	
.tel-text:before {
  left: 9.5em;
}

.tel-text:after {	
  left: 9.5em;
}	
	.menu_t .m1 ul{
justify-content:space-around;
	}
.menu_t .m1 ul small{
font-size: 0.6em;
}
.menu_t .m1 ul .b1{
font-size:0.6em;		
padding-bottom: 1%;		
}		
}

@media all and  (max-width:950px){




.greeting-box{
width:100%;
top: 2%;
left:0;	
}	
.g-box p{
font-size:0.9em;
}
.font-size_b{
font-size: 1em;
}
.contact-box .contact a{
font-size: 1.3em;	
}	
.page-box .p-box p{
font-size: 0.7em;	
}	
.menu-text1{
width: 50%;		
}	
.p_kodawari1{
width: 100%;		
}
.p_kodawari2{
width: 100%;		
}
.p_kodawari2 img{
margin: 3% auto ;
}	

.kodawari-text strong{
margin-top: 5%;	
}		
.kodawari-text{
width: 100%;	
}	
.p_kodawari1{
width: 50%;		
}
	.sp_size{
width: 30%!important;		
	}	
.foodtruck .place{
width: 30%;	
}	
.foodtruck .accessmap{
width: 40%;	
}	
.contact-text1{
font-size: 1em;	
text-align: left;
padding: 0 2%;	
}	
.tel-text{
font-size: 1.2em;
  width: 60%;
}
.tel-text:before {
}

.tel-text:after {	
}	
.mailform dt{
margin: 1% 0;	
}	
}

@media all and  (max-width:670px){

	.kaigyo{
	display: block!important;	
	}	
.midashi .center{
font-size: 1.2em;	
}
.midashi h2{
font-size: 1.2em!important;
}

 .menu_t .logo img{
width:50%;	
display: block;
margin: 1%;
}
	.m1,.footer-contact .menu,.pc,.menu_t .top-contact{
	display: none;	
	}
	.sp{
	display: block;	
	}
.greeting-photo div{
width: 100%;	
}
.greeting-box{
top: 22%;
	
}	
.g-box{
padding: 0 2%;
}	
.g-box p{
text-align: left;
}
.font-size_b{
font-size: 1.1em;
}	
.page-box .p-box{
width:49%;
margin-top: 2%;	
}	
.page-box .p-box p{
position: absolute;
bottom:0px;
left: 7px;	
width: 95%;
font-size: 0.7em;
padding: 1% 0 1%;	
}	
.footer-contact p{
font-size: 1em;
}

.contact-box .contact{
width: 90%;	
padding: 1%;
}
.f-logo img{
width: 50%;
}
.shop-table .table table th{
font-size:0.9em;	
}

.shop-table .table table td{
font-size:0.9em;	
}	
.map iframe{
height: 250px;
padding: 2%;	
}	
.menu .menu-box1{
width: 90%;	
margin: 1% auto;	
}	
.menu .menu-text2{
height:auto;
}
.menu-box .g_menu{
width:50%;	
}	
.menu-text1{
width: 90%;		
}	
.menu-text1 strong{
font-size: 1.1em;;
}
.menu-text1 small{
font-size: 0.8em;;
}	
.menu .menu-box2{
width: 100%;		
margin: 3% 0;	
padding: 2%;	
}	

.p_kodawari2 img{
width: 95%;	
display: block;
margin: 3% auto ;
}	
.p_kodawari1{
width: 70%;		
}
.kodawari-text p{
font-size:0.9em;		
}
.kodawari-text strong{
font-size: 1.3em;
margin-top: 5%;	
}	
.kodawari-text1{
font-size: 1.2em;
text-align: left;	
padding:2%;	
}
.kodawari-text2{
font-size: 0.9em;
text-align: left;	
}
.kodawari-text2 strong{
font-size: 1.2em;
text-align: left;
}	
	.sp_size{
width: 30%!important;		
	}
	
.truck{
width: 80%;
}	
.f-box .week{
width: 45%;	
display: block;	
}	
.foodtruck .day{
width: 30%;	
margin: 2%;	
}
.foodtruck .day img{
width: 80%;	
display: block;
margin: 0 auto;
}	

.foodtruck .place{
width: 50%;	
}
.foodtruck .place .place_n{
font-size: 1.2em;
color: #A64F03;	
}	
.foodtruck .accessmap{
width: 100%;	
}	
.banner1 a{
width: 80%;
display: block;
margin: 3% auto 0;
font-size: 1.5em;	
}
.contact-text1{
font-size:0.9em;	
text-align: left;
padding: 2%;	
}	
.tel-text{
font-size: 1em;
  width: 100%;
line-height: 1.5;	
}
.tel-text:before {

}

.tel-text:after {

}
	
.contact1 .c-tel img{	
width: 90%;	
margin:3% auto 5%;	
}	
.mail-text{
font-size: 1.2em;
margin-bottom: 5%;
}	
.mailform dt{
margin: 3% 0;
font-size: 0.9em;	
}
	
.fm-text p{
	font-size: 0.9em;
}	
.kojin h3{
font-size: 1em;
}
.kojin h4{
font-size: 0.9em;	
}
.kojin p{
font-size:0.8em;	
}	
	
	
.globalMenuSp {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    overflow: auto;
background-color:#F2B705;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    width: 100%;
    -webkit-overflow-scrolling: touch;
	text-align: center;
}
 
.globalMenuSp ul {
    background: #F2B705;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
.globalMenuSp ul li {
    font-size: 1rem;
    list-style-type: none;
    width: 100%;
    border-bottom: 1px dotted #292929;
}
 
 
.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
}
 
/* このクラスを、jQueryで付与・削除する */
.globalMenuSp.active {
    transform: translateX(0%);
}
 
/* メニュー内ヘッダ */
.globalMenuSp .menuHeader {
background-color: #F2B705;
 padding: 1.5em 0;	
}

 
/* メニューだけをスクロールさせる工夫 */
.overflowHidden {
    overflow: hidden;
}
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 5px;
    top: 5px;
    width: 52px;
    height: 52px;
    cursor: pointer;
    z-index: 9999;
    text-align: center;
	background: rgba(255,255,255,0.7);
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 40px;
    border-bottom: solid 1px #333;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
	
}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #333;
    font-size: 0.7em!important;
    top: 36px;
	font-family: futura-pt, sans-serif;
font-style: normal;
font-weight: 300;
}
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
	border-bottom: solid 1px #333;
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	border-bottom: solid 1px #333;
}	
	
.globalMenuSp, .navToggle{
	display:block;
	}

	.sp_otoi .tel_s{
width: 100%;
height: auto;
display: inline-block;
padding: 5% 0;	
	
	}
.tel_s a{
color: #fff;
font-weight: bold;
padding: 2%;
margin: 3% auto;
width: 60%;
border-radius: 10px;
display: block;	
transition: color .3s, text-decoration .3s;	
	background:#590202;	
	}
.tel_s a:hover{
	background: #A64F03;
color: #fff;
text-decoration: transparent;			
	}	
.tel_s small{
font-size: 0.7em;
display: block;	
margin: 3px 0;	
}	

}