@charset "UTF-8";
/* CSS Document */
/*---------------------------------------

2025 フードコラム　人気店の仕掛け人たち~おいしさの舞台裏に迫る

---------------------------------------*/
figure.foodcolumn-trendsetter-title {
  width: 90%;
  margin: 0 auto;
}
/*段落調整*/
@media screen and (min-width: 769px), print {
    .l-main.r-type02 .foodcolumn .c-sec__box {
        margin-top: 24px;
    }
    .l-main.r-type02 .foodcolumn .c-sec__block {
        margin-top: 40px;
    }
    .l-main.r-type02 .foodcolumn .c-sec__block.recipe {
      margin-top:56px;
    }
}
@media screen and (max-width: 768px) {
    .l-main.r-type02 .foodcolumn .c-sec__box {
        margin-top: 6.4vw;
    }
    .l-main.r-type02 .foodcolumn .c-sec__block {
        margin-top: 8.5333333vw;
    }
    .l-main.r-type02 .foodcolumn .c-sec__block.recipe {
      margin-top:14.9333333vw;
    }
}
.foodcolumn h1 {
	color:#554640;
	font-weight: bolder;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.foodcolumn h1 .main_ttl {
	text-align: center;
}

.collaborator {
  display: flex;
  margin-bottom: 30px;
}
.collaborator figure {
  width: 40%;
  margin-right: 30px;
  text-align: right;
}
.collaborator .collaborator-txt {
  width: 60%;
}
.collaborator .collaborator-txt dd {
  line-height: 2;
}
.collaborator .collaborator-txt dt {
  margin-bottom:8px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}
.signature-dish {
  display: flex;
}
.signature-dish figure {
	width: 60%;
  margin-right: 30px;
}
.signature-dish figcaption {
  margin-top:8px;
  font-size:12px;
  line-height: 1.4;
}

.signature-dish div.menu-value-txt {
  width: 40%;
}
.standard {
  display: flex;
}
.standard figure {
  width: 35%;
  margin-left: 16px;
  font-size: 14px;
}
.standard figure.lt {
  margin-right: 16px;
  margin-left:0;
}

.standard div.standard-txt {
  width: 65%;
}
.recipe-block {
  background: #fff4e7;
  margin-bottom: 3em;
  padding-top: 40px;
}
.recipe-block h2 {
  text-align: center !important;
  color: #000;
  margin-bottom: 1em !important;
}
h3.recipe-hd {
  text-align: center;
  color: #e4002b;
  font-size: 1.46667rem;
  margin-bottom: 1em;
}
.recipe-box {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  width: 90%;
  margin: 0 auto 3em;
}
.recipe-img-box, .recipe-txt-box {
  width: 50%;
}
.recipe-step-box {
  width: 100%;
  padding-top: 1em;
}
.recipe-img-box {
  padding-right: 30px;
}
.recipe-img-box .photo_bg {
  background: #FFF;
  padding: 10px;
}
.recipe-img-box ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recipe-img-box ul.colver li {
  width: 100%;
 margin-bottom: 1em;
}
.recipe-img-box ul.colver li:last-child {
  margin-bottom: 0;
}
.recipe-note {
  line-height: 1.4;
}
.recipe-point {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 3em !important;
  padding-top: 2em;
  border-top: #ddd 1px solid;
}
.recipe-txt-hd {
  font-weight: bold;
}
.recipe-txt-box ul {
  margin-bottom: 2em;
}
.recipe-txt-box ul a {
  text-decoration: underline;
}
.recipe-step-box ul.recipe-step {
  margin-bottom: 0;
}
.recipe-step-box ul.recipe-step li {
  text-indent: -1em;
  padding-left: 1em;
}
.howto-img {
  display:flex;
  justify-content: center;
  width:80%;
  margin: 16px auto 0;
}
.howto-img li{
  width:48%;
  background:#fff;
}

.howto-img figure{
  padding:10px;
}

@media screen and (max-width: 768px) {
  .foodcolumn h1 .main_ttl{
      width: 95%;
      display: block;
  }
  figure.foodcolumn-trendsetter-title {
    width: 100%;
    margin: 0 auto;
  }
  .l-main.r-type02 .c-hdg--lv1, .l-main.r-type02 .c-hdg--lv2-em {
    font-size: 6.4vw;
    text-align: center;
    margin: 0;
  }
  .collaborator {
    font-size: 3.73333vw;
    flex-direction: column;
    margin-bottom: 6vw;
  }
  .collaborator figure {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
  }
  .collaborator .collaborator-txt {
    width: 100%;
    margin-bottom: 1em;
  }
  .collaborator .collaborator-txt dt {
    font-size: 4.373333vw;
  }
  .menu-value {
    flex-direction: column-reverse;
  }
  .signature-dish {
  display: block;
  }
  .signature-dish figure {
    width: 100%;
    margin-right: 0;
    margin-bottom:4.266666vw;
  }
  .signature-dish figcaption {
    margin-top:2.1333333vw;
    font-size:3.2vw;
  }
  .signature-dish div.menu-value-txt {
    width: 100%;
  }
  .standard {
    flex-direction: column;
  }
  .standard figure {
    width: 100%;
    margin-left: 0;
    font-size: 3.73333vw;
  }
  .standard figure {
    width: 85%;
    margin: 0 auto;
  }
  .standard div.standard-txt {
    width: 100%;
    margin-bottom: 6vw;
  }
  .standard figure.lt {
    order:2;
    margin:0 auto;
  }
  .recipe-block {
    padding-top: 6vw;
  }
  .recipe-block h2 {
    text-align: center !important;
    color: #000;
    margin-bottom: 1em !important;
  }
  h3.recipe-hd {
    text-align: center;
    color: #e4002b;
    font-size: 1.26667rem;
    margin-bottom: 1em;
  }
  .recipe-box {
    display: flex;
    flex-direction: column;
    font-size: 3.43333vw;
    width: 90%;
    margin: 0 auto 3em;
  }
  .recipe-img-box, .recipe-txt-box {
    width: 100%;
  }
  .recipe-img-box {
    padding-right: 0;
	margin-bottom: 2em;
  }
  .recipe-img-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .recipe-txt-box ul {
    margin-bottom: 2em;
  }
  .recipe-txt-box ul.recipe-step {
    margin-bottom: 2em;
  }
  .recipe-txt-box ul.recipe-step li {
    text-indent: -1em;
    padding-left: 1em;
  }
  .recipe-img-box .photo_bg {
    padding:2.13333vw;
  }
  .howto-img {
    width:100%;
    margin: 4.266666vw auto 0;
    flex-direction: column;
  }
  .howto-img li{
    width:100%;
  }
  .howto-img figure{
    padding:2.13333vw;
  }
}
