@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 3em 0;
}
}

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

/*===========================================
recommend
===========================================*/
.recommend .ttl{
margin-top: 0;
}
.recommend .txtBlock{
margin-top: 2em;
}
.recommend .table{
margin-top: 2em;
}
.recommend .table{
flex-basis: 100%;
}
.recommend .table li + li p{
padding-top: 1.5em;
}
.recommend .table .date{
color: #888;
white-space: nowrap;
}
.recommend .table .txt{
padding-left: 1em;
}

.recommend .list{
margin-top: 10%;
}
.recommend .img{
position: relative;
height: 0;
padding-top: 48%;
margin-bottom: 0.5em;
overflow: hidden;
}
.recommend .img img{
transform: translateY(-50%);
position: absolute;
top: 50%;
left: 0;
}
.recommend .btn > *{
font-size: 2rem;
}
@media screen and (max-width:767px){
.kazriRecipeList + .recommend{
margin-top: 25%;
}
.recommend .list{
margin-top: 15%;
}
.recommend .table ul{
display: block;
}
.recommend .table li{
display: flex;
flex-wrap: wrap;
margin-top: 2em;
}
.recommend .table li + li p{
padding: 0;
}
.recommend .table .txt{
flex-basis: 100%;
padding: 0;
}
.recommend .list.mod_itemList_2_1 > .mod_flex > *:nth-of-type(n + 2) {
margin-top: 15%;
}
.recommend .list.mod_itemList_2_1 .mod_itemList_2_1{
padding-left: 1em;
padding-right: 1em;
}
.recommend .mod_itemList_2_1 .mod_flex > *:nth-of-type(n + 2){
margin: 0;
}
.recommend .list.mod_itemList_3_1 > .mod_flex > *:nth-of-type(n + 2) {
margin-top: 15%;
}
.recommend .list.mod_itemList_3_1 .mod_itemList_3_1{
padding-left: 1em;
padding-right: 1em;
}
.recommend .mod_itemList_3_1 .mod_flex > *:nth-of-type(n + 2){
margin: 0;
}
.recommend .data{
padding: 0 0.5em;
}
}

/*===========================================
kazriRecipeList
===========================================*/
.kazriRecipeList{
margin-top: 7%;
}
.kazriRecipeList .mod_box_02{
padding: 30px;
}
.kazriRecipeList .kazriRecipeList_ttl p{
color: #E30934;
font-size: 2.8rem;
font-weight: bold;
text-align: center;
}
.kazriRecipeList .kazriRecipeList_ttl small{
font-size: 2rem;
}
.kazriRecipeList .mod_box_03{
margin-top: 2.5em;
border-color: #E30934;
border-radius: 10px;
padding: 30px;
}
.kazriRecipeList .ttl{
color: #E30934;
font-size: 2.4rem;
font-weight: bold;
}
.kazriRecipeList .accordion .ttl{
margin-top: 1.5em;
}
.kazriRecipeList .list dt{
margin-top: 1em;
font-weight: bold;
}
.kazriRecipeList .list dd + dt{
margin-top: 1.5em;
}
.kazriRecipeList .list ul{
display: flex;
flex-wrap: wrap;
}
.kazriRecipeList .list li{
min-width: 25%;
margin-top: 0.5em;
padding: 0;
text-indent: 0;
}
.kazriRecipeList .list li a{
margin-right: 1em;
}
.kazriRecipeList .list li span{
display: inline-block;
margin-top: -0.25em;
margin-left: 0.75em;
border: 1px solid #E30934;
padding: 3px 0.33em;
color: #E30934;
vertical-align: middle;
line-height: 1;
font-size: 1.2rem;
}
.kazriRecipeList .btn{
margin-top: 30px;
border-top: 1px solid #ddd;
padding: 30px 0 0 0;
}
.kazriRecipeList .btn > *{
max-width: 300px;
margin: auto;
}
.kazriRecipeList .btn a:after{
transform: none;
content: '';
display: block;
position: absolute;
width: 12px;
height: 12px;
top: 0;
bottom: 0;
right: 15px;
margin: auto;
border: none;
background: url(/shared/image/icon_plus_red.svg) center no-repeat;
background-size: contain;
}
.kazriRecipeList .btn a.open:after{
background-image: url(/shared/image/icon_minus_red.svg);
}

@media screen and (max-width:767px){
.kazriRecipeList{
margin-top: 15%;
}
.kazriRecipeList .mod_box_02{
padding: 30px 15px;
}
.kazriRecipeList .mod_box_03{
padding: 30px 15px;
}
.kazriRecipeList .list li{
min-width: 50%;
}
.kazriRecipeList .list li a{
margin-right: 0.5em;
}
.kazriRecipeList .list li span{
margin-left: 1.5em;
}
}