@charset "utf-8";
/* CSS Document */
.wpd_h2 h1{
  margin-bottom: -12px;
}
.wpd_heading-line{
  width: 6%;
  height: 5px;
}

.wpd_recepiwrap{
  max-width: 1200px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px clamp(0.75rem, 2vw, 1.5rem);/*12-24*/
}
.wpd_recepi{
  display: flex;
  gap: 8px clamp(8px,2vw,20px);
  border-top:solid 2px #F2D159;
  padding:24px 0;
}
.wpd_recepi_img{
  flex: 1 0 auto;
  max-width: 260px;
  margin-inline: auto;
}


.wpd_postinfo{
  display: flex;
}
p.wpd_post {
  flex: 1 1 auto;
  font-size: 0.75rem;
}
.wpd_recommend{
  display: block;
  font-size: 0.875rem;
  font-weight: bold;
  color: #E8546B;
}
.wpd_recommend-line{
  display: block;
  margin-top: -5px;
  width: 90%;
  height: 5px;
  margin-inline: auto;
  background-image: linear-gradient(#00000000 0%, transparent 60%, #FAD5DB 60%, #FAD5DB 100%, transparent 100%);
}
.wpd_post_info{
  font-size: 0.75rem;
  margin-top: 8px;
}
.wpd_post_info a{
  color:#000;
  text-decoration: underline;
}
.wpd_recepi dd{
  line-height:1.4;
}
.wan_post{
  margin-bottom: 8px;
  font-size: 0.75em;
}
.wan_titlegreen{
  margin-bottom:8px;
}
.wan_titlegreen a{
  font-size:clamp(1.125rem, 0.9872rem + 0.5128vw, 1.25rem);/* 18-20 430-820 */
  color: #047A39;
}
.wan_oishikulinkbtn{
  margin: 24px 0 16px;
}
.wan_oishikulinkbtn a{
  color:#000;
  text-decoration: underline;
}
.wan_oishiku_btmcom{
  font-size: 0.875rem;
  color: #E8546B;
  font-weight: bold;
  line-height: 1.4;
}
.wan_oishiku_btmcom a{
  display:block;
  width:fit-content;
  color:#E8546B;
  text-decoration:underline;
}
.wan_oishiku_hiroshimagas_insta p:last-of-type{
  font-size:0.75em;
  margin-top: 0.5em;
}
.wan_oishiku_hiroshimagas_insta p:last-of-type a{
  color:#000;
  text-decoration:underline;
}
.wan_oishiku_banner{
  border:solid 1px #CCC;
  max-width: 140px;
}
.wan_oishiku_banner a{
  display: block;
}


@media screen and (max-width:960px){
  .wpd_recepi{
    flex-direction: column;
  }
  .wpd_recepi_img{
    flex: none;
  }
}
@media screen and (max-width:690px){
  .wpd_recepiwrap{
    grid-template-columns: repeat(1, 1fr);
  }
}