@charset "UTF-8";

/*-----------------------------------

	lunch_block

-----------------------------------*/
/*#lunch {
    padding: 70px 0;
}*/
#lunch .text {
    text-align: center;
    margin-bottom: 50px;
}
#lunch .lunch_wrap {
	margin-top:50px;
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
#lunch .lunch_wrap .lunch_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: center;
    margin-bottom: 50px;
	background: #f9f9f9;
	}
#lunch .lunch_wrap .lunch_box:nth-child(2n){
    -webkit-box-orient: horizontal;
  	-webkit-box-direction: reverse;
  	-ms-flex-direction: row-reverse;
  	flex-direction: row-reverse;
}
#lunch .lunch_wrap .lunch_box .image{
    max-width: 384px;
    width: 40%;
		overflow: hidden;
}
#lunch .lunch_wrap .lunch_box .image img{
    width: 100%;
    /* height: 14.5vw; */
    object-fit: cover;
    /*border: 1px solid #a8a8a8;*/
}
#lunch .lunch_wrap .lunch_box .details {
    width: 60%;
	padding: 0 20px 0 0;
	
}
#lunch .lunch_wrap .lunch_box .blank {
    padding: 0 0 0 20px;
}
#lunch .lunch_wrap .lunch_box .details h4{
    font-size: 24px;
    line-height: 1;
}
#lunch .lunch_wrap .lunch_box .details h4 span{
	color:#ff9e3e;	
	padding-right: 5px;
}
#lunch .lunch_wrap .lunch_box .details .copy{
    display: block;
    margin-top: 10px;
}
#lunch .lunch_wrap .lunch_box .details .price{
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}
#lunch .lunch_wrap .lunch_box .details .price span{
	font-size: 24px;
    font-weight: bold;
    color: #d31616;
}
#lunch .lunch_wrap .lunch_box .details a{
    display: block;
    margin: 0 0 0 auto;
    border: 1px solid #ff5e04;
    border-radius: 10px;
    padding: 8px;
    width: 10em;
    text-align: center;
    position: relative;
}
#lunch .lunch_wrap .lunch_box .details a::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5%;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 6px;
    border-color: transparent transparent transparent #ff5e04;
}

/*special_menu*/
.special_menu {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding:20px 0 40px 0;
}
.special_menu .menu_img{
	width:50%;
}
.special_menu .txt_box {
	width:50%;
	margin-left: 30px;
    /*background: #fff4d2;
    border-radius: 30px;
    padding: 30px;*/
}
.special_menu .material_box {
	margin-top:10px;	
}
.special_menu .line_box {
    border: 1px solid #000;
    padding: 10px 20px;
}
.special_menu .line_box ul {
    overflow: hidden;
    margin-top: 5px;
}
.special_menu .line_box li{
	float:left;
	width:49%;
}
.special_menu .tax {
	 text-align: right;
    font-size: 14px;
    margin-top: 10px;	
}
.special_menu .tax span {
    font-size: 25px;
	font-weight: bold;
	text-align: right;
    margin-top: 10px;
    color: red;
    padding-left: 10px;
}
.special_menu .red_txt {
	font-size: 20px;
	margin-bottom:5px;	
}

@media only screen and (max-width: 840px) {
    #lunch .lunch_wrap .lunch_box .image img{
        height: 20vw;
    }
	#lunch .lunch_wrap .lunch_box .details h4 {
		font-size: 16px;
	}
	#lunch .lunch_wrap .lunch_box .details {
		padding: 0 20px;
	}
}
@media only screen and (max-width: 640px) {
    #lunch {
        padding: 30px 0;
    }
	
    #lunch .text {
        text-align: center;
        margin-bottom: 30px;
    }
    #lunch .lunch_wrap .lunch_box{
        -webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-ms-flex-direction: column;
      	flex-direction: column;
				margin-bottom: 30px;
    		padding: 20px;
    }
    #lunch .lunch_wrap .lunch_box:nth-child(2n){
        -webkit-box-orient: vertical;
      	-webkit-box-direction: normal;
      	-ms-flex-direction: column;
      	flex-direction: column;
    }
    #lunch .lunch_wrap .lunch_box .image{
        width: 100%;
        margin:0 auto 10px;
    }
    #lunch .lunch_wrap .lunch_box .image img{
        width: 100%;
        height: auto;
    }
    #lunch .lunch_wrap .lunch_box .details{
        width: 100%;
		padding: 0;
    }
	
	
	/*special_menu*/
	.special_menu {
		flex-wrap: wrap;	
	}
	.special_menu .menu_img{
		width:100%;
		margin-bottom:40px;
	}
	.special_menu .txt_box {
		width:100%;
		margin-left: 0;
	}
	
}

.order_box {
    padding: 30px 0 0 0 ;
}
.order_box p {
	margin-bottom: 5px;
}
.order_box .tel, .order_box .fax {
    font-size: 16px;
    color: #ff9e3e;
}

.fas {
	padding-right: 10px;	
}



@media only screen and (max-width: 640px) {
	
	#lunch .lunch_wrap {
    	margin-top: 30px;
	}
	.order_box {
		padding: 20px 0 0 0 ;
	}	
	
}


.lunch_list_wrap {
	padding: 30px 0 60px 0;
}
.lunch_list {
	margin-top:30px;
}
.lunch_list li {
	float:left;
	width:32%;
	background: #f9f9f9;
	margin-right:2%;
	margin-bottom:30px;	
	padding: 20px;	
}
.lunch_list li:nth-child(3),
.lunch_list li:nth-child(6) {
	margin-right:0;	
}
.lunch_list li .image {
    /*max-width: 149px;*/
    /*width: 100%;
    overflow: hidden;*/
	position: relative;
	overflow: hidden;
	padding-top: 65%;
}
.lunch_list li .image img {
   /* width: 100%;
	height: 8vw; 
    object-fit: cover;*/
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lunch_list_wrap h4{
	font-size: 16px;
	padding-top:10px;
}
.lunch_list_wrap h4 span{
	font-size:11px;
	padding-left:5px;
}
.lunch_list_wrap .copy{
	padding-top:10px;
}
.lunch_list_wrap .price {
    text-align: right;
    font-size: 11px;
    margin-top: 10px;
}
.lunch_list_wrap .price span {
    font-size: 18px;
    font-weight: bold;
    color: #d31616;
}
.lunch_list_wrap .txt{
	font-size:12px;
	line-height: 1.5;
	margin-top:10px;
}
.lunch_list_wrap .txt span{
	color: #d31616;
	font-size:14px;
}
.lunch_list_wrap .line_box{
	border:1px solid #000;
	padding:10px;
	margin-top:5px;
	text-align:center;
}

@media only screen and (max-width: 640px) {
	
	.lunch_list_wrap {
		padding: 20px 0;
	}
	.lunch_list li {
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:30px;	
	}
	.lunch_list li:last-child {
		margin-bottom:0;	
	}
	.lunch_list li .image {
		padding-top: 50%;
	}
	.lunch_list li .image img { 
		width:60%;
	}
			
}