@charset "UTF-8";
.flex-recipe {
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 830px;
  width: 94%;
}

.flex-recipe a {
  text-decoration: none;
  color: #333333;
}

.flex-recipe > * {
  min-width: 16%;
  flex-basis: calc(100% / 3 - 15px);
  background: #fff4e6;
  text-align: center;
  margin: 5px 5px 20px 5px !important;
  border-radius: 12px;
  margin: 10px 5px;
}

.c-box_workshop_img {
  width: 100%;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.recipe-list a:hover .c-box_workshop_img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flex-recipe .recipe-list > img {
  border-radius: 8px 8px 0 0;
}
.recipe-list {
  position: relative;
  min-height: 380px;
  display: block;
}
.recipe-list div.torecipebtn {
  position: absolute;
    width: 100%;
    bottom: 0;
}
.recipe-list a.recipelink {
  display: block;
  margin:1em auto 0.25em auto;
  text-decoration: underline;
}

.recipe-list a.link_pdf {
  display: inline-flex;
  margin:0em auto 1em auto;
  text-decoration: underline;
  background-color: #EBA800;
  color:#ffffff;
  text-decoration: none;
  padding:0.25em 1em;
  justify-content: center;
  align-items: center;

}
.recipe-list a.link_pdf span.pdf-ic {
  background-color: #ffffff;
  padding:0.25em;
  margin-left:0.5em;
  display: flex;
}
.recipe-list a:hover.recipelink,
.recipe-list a:hover.link_pdf {
  text-decoration: none;
}
.recipe-label {
  display: block;
  width: 100%;
  background-color: #fff4e6;
  position: relative;
  margin-top: -20px;
  padding-top: 12px;
}
.recipe-label span {
  font-size: 1.2rem;
  color: #000000;
  display: block;
  padding: 2px 0;
  font-weight: normal;
}

.recipe-list h3 {
  padding: 1em 10px 10px 10px;
  text-decoration: none;
}
/*コンビニレシピページ*/
.recipe-cv-prize {
text-align:center;
}
.recipe-cv-prize img.prizeimg {
  margin:3% auto;
}
.recipe-cv-prize .prize-recipe-detail {
display:flex;
-webkit-box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
align-items: center;
justify-content: flex-start;
border-radius: 8px;
box-sizing: border-box;
margin-bottom:1.5em;
}


.recipe-cv-prize .prize-recipe-detail .recipe-detail-mm {
  width:50%
  }
.recipe-cv-prize .prize-recipe-detail a.recipeimg picture{
display: block;
    overflow: hidden;
    border-radius: 8px 0px 0px 8px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;}
    .recipe-cv-prize .prize-recipe-detail a.recipeimg picture img {
      transition: all 0.3s;
    }
    
    .recipe-cv-prize .prize-recipe-detail a.recipeimg:hover picture img {
      transform: scale(1.1);
    }
  .recipe-cv-prize .prize-recipe-detail .recipe-detail-mm {
    text-align: left;

    width:100%;
    
    }
.recipe-detail-title {
  font-weight:bold;
  padding:0 30px;
}
.recipe-detail-posted {
  font-weight:bold;
  font-size:0.85em;
  margin:0.5em 0 1em 0;
  padding:0 30px;
}
a.recipe-detail-link {
  color:#EBA800;
  text-decoration: underline;
  font-size:0.85em;
  padding:0 30px;
}

@media screen and (max-width: 768px) {
  .flex-recipe {
    width: 96%;
}
.recipe-list {
  position: relative;
  min-height: 380px;
  display: block;
}
.flex-recipe > * {
  min-width: 46.5%;
  flex-basis: calc(100% / 2 - 15px);
}
.recipe-list h3 {
  font-size: 1.3rem;
}
.recipe-list a.recipelink {
  font-size: 1.2rem;
}
.recipe-list a.link_pdf {
  font-size: 1.2rem;
}
.recipe-cv-prize .prize-recipe-detail {
  display:block;
  }
  .recipe-cv-prize .prize-recipe-detail a.recipeimg picture {
    border-radius: 8px 8px 0px 0px;
}
.recipe-cv-prize .prize-recipe-detail .recipe-detail-mm {
  padding:3% 0;
  text-align: center;
}
}
@media screen and (max-width: 630px) {
  .recipe-list {
    position: relative;
    min-height: 320px;
    display: block;
  }
}