@charset 'UTF-8';

.contents .contents_inner{
padding-top: 8%;
}

@media screen and (max-width:767px){
.contents .contents_inner{
padding-top: 0;
}
}

/*===========================================
h1Block
===========================================*/
.h1Block{
padding: 0 20px;
}
.h1Block .h1Block_wrap{
max-width: 1000px;
margin: auto;
}
.h1Block .h1Block_inner{
padding: 3% 0;
}

@media screen and (max-width:767px){
.h1Block .h1Block_inner{
padding: 7.5% 0;
}
}

/*===========================================
mv
===========================================*/
@media screen and (max-width:767px){
.mv{
display: none;
}
}

/*===========================================
infoTxt
===========================================*/
.infoTxt .ttl{
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.infoTxt .ttl > *{
display: inline-block;
text-align: left;
}
.infoTxt .txt{
margin-top: 1em;
text-align: center;
}

@media screen and (max-width:767px){
.infoTxt .txt{
text-align: left;
}
}

/*===========================================
lunchFeature
===========================================*/
.lunchFeature .list{
margin-top: 2em;
}
.lunchFeature a{
display: block;
}
.lunchFeature .img{
position: relative;
}
.lunchFeature .new{
position: absolute;
top: 0;
left: 0;
}
.lunchFeature .btn{
max-width: 300px;
margin: 3em auto 0 auto;
}

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

/*===========================================
lunchRecipe
===========================================*/
.lunchRecipe .box{
margin-top: 2em;
padding: 20px 20px 20px 20px;
}
.lunchRecipe .box .flex{
position: relative;
padding-bottom: 10px;
}
.lunchRecipe .box .flex:after{
content: '';
display: block;
position: absolute;
width: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-right: 1px solid #F1DDE1;
}
.lunchRecipe .ttl > *{
margin-top: 0.5em;
color: #E30934;
font-size: 2rem;
font-weight: bold;
text-align: center;
}
.lunchRecipe .list{
margin-top: 1.5em;
}
.lunchRecipe .list li{
background: #fff;
}
.lunchRecipe .list li + li{
margin-top: 10px;
}
.lunchRecipe .list .btn{
max-width: none;
margin: 0;
}
.lunchRecipe .list .btn a{
background: #fff;
}
.lunchRecipe .btn{
max-width: 300px;
margin: 8% auto 0 auto;
}

@media screen and (max-width:767px){
.lunchRecipe .box .flex:after{
content: normal;
}
.lunchRecipe .box .flex > * + *{
margin-top: 40px;
border-top: 1px solid #F1DDE1;
padding-top: 20px;
}
}