@charset "UTF-8";
/* ================================================ vw vh */
/* hover
=================================================================== */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/* =================================================================== hover */
/* ================================================ vw vh */
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ Top */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー main */
.activities article .sectionBlock a {
  display: inline;
}
.atMain__people {
  font-size: 16px;
  line-height: 1;
  margin-bottom: 20px; }

.atMain__date {
  font-size: 14px;
  line-height: 1; }
  .atMain__date .link__underLine {
    vertical-align: super;
    margin-left: 15px;
    pointer-events: all; }

.atMain {
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーー arrow */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーー current */ }
  .atMain .atMain__contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .atMain .atMain__contents .mainBg:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 60%;
      top: auto;
      bottom: 0;
      background: linear-gradient(rgba(0, 0, 0, 0), black); }
    .atMain .atMain__contents .mainBg span {
      transition-duration: 1s;
      transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      -ms-transition-duration: 1s;
      -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .atMain .atMain__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
  .atMain .atMain__detail {
    position: absolute;
    width: 100%;
    bottom: 130px;
    left: 0;
    z-index: 3;
    color: #fff;
    padding-left: 100px;
    padding-right: 100px;
    text-align: left;
    pointer-events: none; }
  .atMain .atMain__title {
    width: 85%;
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 20px;
    text-align: left; }
  .atMain .atMain__arrow {
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 80px;
    padding-left: 100px;
    padding-right: 100px;
    z-index: 5;
    display: flex; }
    .atMain .atMain__arrow > li {
      position: relative;
      width: 48px;
      cursor: pointer; }
      .atMain .atMain__arrow > li .btnArrow {
        width: 100%;
        right: auto;
        left: 0; }
      .atMain .atMain__arrow > li.atMain__arrow--prev {
        margin-right: 15px; }
        .atMain .atMain__arrow > li.atMain__arrow--prev .btnArrow {
          transform: rotate(180deg); }
  .atMain .mainCurrent {
    height: calc(100% - 120px); }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー contents */
.articleBgColor:after {
  border-radius: 0; }

.activities__inner {
  margin-bottom: 85px;
  top: 0; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー recipes */
.recipes__inner .activities__block--thum:after {
  display: none; }

.recipes__block--info {
  margin-top: 17px; }
  .recipes__block--info .recipes__title {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px; }
  .recipes__block--info .activities__date {
    font-size: 14px;
    line-height: 1;
    margin-bottom: 6px; }
  .recipes__block--info .recipes__relatedProducts {
    position: relative;
    margin-top: 20px;
    z-index: 2; }
    .recipes__block--info .recipes__relatedProducts > a {
      display: flex;
      flex-wrap: nowrap;
      justify-content: space-between; }
      .recipes__block--info .recipes__relatedProducts > a .blockImg--wrapper {
        width: 50px; }
        .recipes__block--info .recipes__relatedProducts > a .blockImg--wrapper .blockImg {
          border-radius: 50%; }
          .recipes__block--info .recipes__relatedProducts > a .blockImg--wrapper .blockImg:before {
            display: none; }
          .recipes__block--info .recipes__relatedProducts > a .blockImg--wrapper .blockImg:after {
            content: " ";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.3);
            transition-duration: 1.5s;
            transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            -ms-transition-duration: 1.5s;
            -ms-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            -webkit-transition-duration: 1.5s;
            -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            -moz-transition-duration: 1.5s;
            -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
            opacity: 0; }
      .recipes__block--info .recipes__relatedProducts > a dl {
        align-self: center;
        width: calc(100% - 60px); }
        .recipes__block--info .recipes__relatedProducts > a dl > dt {
          font-size: 12px;
          margin-bottom: 5px; }
        .recipes__block--info .recipes__relatedProducts > a dl > dd {
          font-size: 10px;
          line-height: 1; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー articlesList */
.articlesList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .articlesList .block {
    width: calc((100% - 135px) / 4);
    margin-right: 45px;
    margin-bottom: 55px; }
    .articlesList .block:nth-child(4n) {
      margin-right: 0; }

.articlesList__btn {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 35px; }
  .articlesList__btn > li {
    min-width: 130px;
    margin: 0 13px 15px; }
    .articlesList__btn > li > a {
      width: 100%; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ activities detail */
.activitiesDetail {
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー kv */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー title */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー adArticle */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー adRecommend */ }
  .activitiesDetail .atMain__date {
    margin-bottom: 35px; }
  .activitiesDetail .sectionBlock, .activitiesDetail .sectionBlock__title--wrapper {
    background-color: var(--color-gray-2); }
  .activitiesDetail .sectionBlock__title--wrapper {
    color: #fff; }
  .activitiesDetail .adArticle {
    padding-top: 0; }
    .activitiesDetail .adArticle .sectionBlock__contents {
      margin-bottom: 80px; }
    .activitiesDetail .adArticle .sectionBlock__h3 {
      font-size: 22px; }
    .activitiesDetail .adArticle .sectionBlock__footer {
      padding-top: 0;
      margin-bottom: 40px; }
      .activitiesDetail .adArticle .sectionBlock__footer:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
        background-color: rgba(255, 255, 255, 0.4); }
      .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__footer--credit, .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__share {
        position: relative;
        padding-top: 40px; }
        .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__footer--credit:after, .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__share:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.4); }
      .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__footer--credit {
        width: calc(100% - 325px); }
        .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__footer--credit > h4 {
          font-size: 19px;
          margin-bottom: 12px; }
        .activitiesDetail .adArticle .sectionBlock__footer .sectionBlock__footer--credit > p {
          font-size: 15px;
          font-weight: 400; }
  .activitiesDetail .adRecommend .grid--s {
    padding-left: 75px;
    padding-right: 75px; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ adRecipes */
.adRecipes {
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー main */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー adRecipes section */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー cookpad */
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー credit */ }
  .adRecipes .main .mainBg:after {
    display: none; }
  .adRecipes .adRecipes__section {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 130px; }
    .adRecipes .adRecipes__section .adRecipes__section--material {
      width: 305px; }
    .adRecipes .adRecipes__section .adRecipes__section--step {
      width: calc(100% - 330px); }
    .adRecipes .adRecipes__lead {
      font-size: 15px;
      line-height: 1.8;
      margin-top: -10px;
      margin-bottom: 30px; }
    .adRecipes .adRecipes__section .adRecipes__section--title {
      font-size: 14px;
      line-height: 1;
      font-weight: 400;
      padding-bottom: 20px;
      margin-bottom: 25px;
      border-bottom-width: 1px;
      border-bottom-style: solid;
      border-bottom-color: rgba(255, 255, 255, 0.4); }
    .adRecipes .adRecipes__section .material__list > li, .adRecipes .adRecipes__section .step__list > li {
      position: relative;
      font-size: 15px;
      font-weight: 400;
      text-align: left;
      margin-bottom: 4px; }
    .adRecipes .adRecipes__section .material__list > li {
      padding-left: 1em; }
      .adRecipes .adRecipes__section .material__list > li:after {
        position: absolute;
        content: "・";
        left: 0;
        top: 0; }
    .adRecipes .adRecipes__section .step__list > li {
      padding-left: 1em;
      text-indent: -1em; }
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 作り方（本文の工程ブロック） */
  .adRecipes .sectionBlock__contents .adRecipes__steps--title {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    padding-bottom: 20px;
    margin-bottom: 35px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .adRecipes .sectionBlock__contents .adRecipes__step {
    gap: 40px;
    align-items: flex-start;
    margin-bottom: 50px; }
    .adRecipes .sectionBlock__contents .adRecipes__step .adRecipes__step--img .wp-block-image {
      margin: 0 0 12px; }
    .adRecipes .sectionBlock__contents .adRecipes__step .adRecipes__step--img .wp-block-image:last-child {
      margin-bottom: 0; }
    .adRecipes .sectionBlock__contents .adRecipes__step .adRecipes__step--no {
      font-size: 28px;
      line-height: 1;
      font-weight: 400;
      margin-bottom: 16px; }
    .adRecipes .sectionBlock__contents .adRecipes__step .adRecipes__step--text {
      font-size: 15px;
      line-height: 1.9;
      font-weight: 400;
      margin-bottom: 0; }
  .adRecipes .sectionBlock__contents > p.adRecipes__point {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 15px;
    line-height: 1.9;
    padding: 18px 22px;
    margin-bottom: 40px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.06); }
    .adRecipes .sectionBlock__contents > p.adRecipes__point strong {
      flex-shrink: 0;
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      line-height: 1;
      letter-spacing: .12em;
      color: var(--color-gray-2);
      background-color: var(--color-key);
      padding: 6px 10px 5px;
      border-radius: 999px;
      margin-top: 5px; }
  /* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 締めの一言（著者プロフィールの前） */
  .adRecipes .sectionBlock__contents > p.adRecipes__closing {
    font-size: 16px;
    line-height: 2;
    font-weight: 400;
    padding: 4px 0 4px 24px;
    margin: 10px 0 70px !important; /* 846.css の p 共通 40px !important を上書き */
    border-left: 2px solid var(--color-key); }
  .adRecipes .sectionBlock__contents .adRecipes__caution {
    max-width: 640px;
    margin: 0 0 100px; }
    .adRecipes .sectionBlock__contents .adRecipes__caution img {
      width: 100%;
      height: auto; }
  .adRecipes .adRecipes__cookpad {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px; }
    .adRecipes .adRecipes__cookpad:after {
      content: " ";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.4); }
    .adRecipes .adRecipes__cookpad .cookpad__link {
      display: inline-block;
      position: relative;
      font-size: 14px;
      font-weight: 400;
      color: var(--color-key);
      text-align: left;
      padding-left: 52px;
      padding-right: 25px; }
      .adRecipes .adRecipes__cookpad .cookpad__link:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        width: 35px;
        height: 35px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        background-image: url("../img/common/icon--cookpad.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% auto; }
      .adRecipes .adRecipes__cookpad .cookpad__link .arrowBlank {
        width: 10px;
        height: 10px; }
  .adRecipes .sectionBlock__footer--credit .block {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 15px; }
    .adRecipes .sectionBlock__footer--credit .block .blockImg--wrapper {
      width: 220px; }
    .adRecipes .sectionBlock__footer--credit .block .blockInfo {
      align-self: center;
      width: calc(100% - 250px);
      margin-top: 0; }
      .adRecipes .sectionBlock__footer--credit .block .blockInfo .products__name {
        font-size: 16px;
        margin-bottom: 0; }
      .adRecipes .sectionBlock__footer--credit .block .blockInfo .link__underLine {
        margin-bottom: 14px; }
      .adRecipes .sectionBlock__footer--credit .block .blockInfo .product__desc {
        font-size: 15px; }
      .adRecipes .sectionBlock__footer--credit .block .blockInfo .btnShop {
        position: relative;
        z-index: 2; }

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ hover */
/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー pc */
@media (hover: hover) and (pointer: fine) {
  .atMain .atMain__link:hover ~ .mainBg span {
    transform: scale(1.05); }

  .atMain .atMain__arrow > li.atMain__arrow--prev:hover .btnArrow, .atMain .atMain__arrow > li.atMain__arrow--prev:active .btnArrow {
    transform: rotate(180deg) translateX(12%); }
  .atMain .atMain__arrow > li.atMain__arrow--prev:hover .btnArrow.keyColor .btnArrow--line:before, .atMain .atMain__arrow > li.atMain__arrow--prev:active .btnArrow.keyColor .btnArrow--line:before {
    transform: translateX(100%);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .atMain .atMain__arrow > li.atMain__arrow--prev:hover .btnArrow.keyColor .btnArrow--line:after, .atMain .atMain__arrow > li.atMain__arrow--prev:active .btnArrow.keyColor .btnArrow--line:after {
    transform: translateX(0);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s; }

  .atMain .atMain__arrow > li.atMain__arrow--next:hover .btnArrow, .atMain .atMain__arrow > li.atMain__arrow--next:active .btnArrow {
    transform: translateX(12%); }
  .atMain .atMain__arrow > li.atMain__arrow--next:hover .btnArrow.keyColor .btnArrow--line:before, .atMain .atMain__arrow > li.atMain__arrow--next:active .btnArrow.keyColor .btnArrow--line:before {
    transform: translateX(100%);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .atMain .atMain__arrow > li.atMain__arrow--next:hover .btnArrow.keyColor .btnArrow--line:after, .atMain .atMain__arrow > li.atMain__arrow--next:active .btnArrow.keyColor .btnArrow--line:after {
    transform: translateX(0);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-duration: 0.3s;
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s; }

  .recipes__block--info .recipes__relatedProducts > a:hover .blockImg:after, .recipes__block--info .recipes__relatedProducts > a:active .blockImg:after {
    opacity: 1; }
  .recipes__block--info .recipes__relatedProducts > a:hover .blockImg img, .recipes__block--info .recipes__relatedProducts > a:active .blockImg img {
    transform: scale(1.15); }
  .recipes__block--info .recipes__relatedProducts > a:hover dl > dt, .recipes__block--info .recipes__relatedProducts > a:active dl > dt {
    text-decoration: underline; }

  .adRecipes .adRecipes__cookpad .cookpad__link:hover, .adRecipes .adRecipes__cookpad .cookpad__link:active {
    text-decoration: underline; }
    .adRecipes .adRecipes__cookpad .cookpad__link:hover .arrowBlank:before, .adRecipes .adRecipes__cookpad .cookpad__link:active .arrowBlank:before {
      transition-duration: 0.6s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -ms-transition-duration: 0.6s;
      -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transition-duration: 0.6s;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-duration: 0.6s;
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transform: translate(100%, -100%); }
    .adRecipes .adRecipes__cookpad .cookpad__link:hover .arrowBlank:after, .adRecipes .adRecipes__cookpad .cookpad__link:active .arrowBlank:after {
      transform: translate(0, 0);
      transition-duration: 1s;
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -ms-transition-duration: 1s;
      -ms-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-delay: 0.3s;
      -webkit-transition-delay: 0.3s; } }

/* 読みもの（レシピ以外の activities 記事）。9ra10 Golden v2（/type-scale-audit）を記事タイトルと本文エリアに試験適用（2026-10-29）
   文字: タイトル 3xl（SP 32 → PC 48）・見出し xl（24 → 28）・本文 17px（SP も縮めない）。375〜1440px の間は clamp でなめらかに変える
   余白（フィボナッチ）: 段落の間 21・見出しの上 55／下 21・画像の上下 34・2 枚並びの間 21
   幅: 文字の列は 720px まで（タイトル・日付も同じ列にそろえる）。画像はエディタで付いた幅（style="width:640px"）に関係なく枠いっぱい
   846.css の .sectionBlock__contents > p { margin-bottom: 40px !important } より後に効かせるため一部 !important */
.adArticle--reading {
  --fs-base: 1.0625rem;
  --fs-xl: clamp(1.5rem, calc(1.5rem + 0.25 * ((100vw - 23.4375rem) / 66.5625)), 1.75rem);
  --fs-3xl: clamp(2rem, calc(2rem + 1 * ((100vw - 23.4375rem) / 66.5625)), 3rem);
  --fw-heading: 600;
  --sp-4: 21px;
  --sp-5: 34px;
  --sp-6: 55px;
  --content-w: 720px; }
.adArticle--reading .sectionBlock__title--wrapper > *,
.adArticle--reading .sectionBlock__contents > :not(figure):not(.wp-block-image):not(.wp-block-columns) {
  max-width: var(--content-w);
  margin-left: auto;
  margin-right: auto; }
.adArticle--reading .sectionBlock__title--wrapper .sectionBlock__title {
  font-size: var(--fs-3xl);
  line-height: 1.15;
  font-weight: var(--fw-heading);
  letter-spacing: -.01em; }
.adArticle--reading .sectionBlock__contents > p {
  font-size: var(--fs-base);
  line-height: 1.6;
  letter-spacing: 0;
  margin-bottom: var(--sp-4) !important; }
.adArticle--reading .sectionBlock__contents > h2.wp-block-heading {
  font-size: var(--fs-xl);
  line-height: 1.25;
  font-weight: var(--fw-heading);
  letter-spacing: .005em;
  margin-top: var(--sp-6);
  margin-bottom: var(--sp-4); }
  .adArticle--reading .sectionBlock__contents > h2.wp-block-heading strong {
    font-weight: inherit; }
.adArticle--reading .sectionBlock__contents > .wp-block-image,
.adArticle--reading .sectionBlock__contents > .wp-block-columns {
  margin-top: var(--sp-5);
  margin-bottom: var(--sp-5); }
.adArticle--reading .sectionBlock__contents > .wp-block-image img {
  width: 100% !important;
  height: auto !important; }
.adArticle--reading .sectionBlock__contents .wp-block-columns {
  gap: var(--sp-4); }
  .adArticle--reading .sectionBlock__contents .wp-block-columns .wp-block-image {
    margin: 0; }

/* 読みもの: 本文の画像に WITH のギャラリーと同じ透かし（spark ロゴ 100px・右下） */
.adArticle--reading .sectionBlock__contents .adPhoto {
  position: relative;
  display: block; }
  .adArticle--reading .sectionBlock__contents .adPhoto img {
    display: block; }
  .adArticle--reading .sectionBlock__contents .adPhoto::after {
    content: "";
    position: absolute;
    right: 16px;
    bottom: 14px;
    width: 100px;
    aspect-ratio: 354.83 / 119.76;
    background: url("../img/common/logo--spark--white.svg") center / contain no-repeat;
    opacity: .55;
    filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5)) drop-shadow(0 1px 4px rgba(0, 0, 0, .35));
    pointer-events: none; }

/* 読みもの: 本文のリンクに下線を付ける */
.adArticle--reading .sectionBlock__contents a {
  text-decoration: underline;
  text-underline-offset: .2em; }

/* 読みもの: 今回使用したアイテム（WITH の PRODUCTS IN USE と同じ正方形の製品カード。with.css は WITH のページでしか読まないので同じ指定をここにも持つ）。PC 4 列 */
.adItems {
  margin-bottom: 89px; }
  .adItems__title {
    font-size: var(--fs-xl, 28px);
    line-height: 1.25;
    font-weight: 600;
    color: #fff;
    margin-bottom: 34px; }
  .adItems .abCards {
    display: flex;
    flex-wrap: wrap;
    gap: 45px 30px; }
  .adItems .abCard {
    position: relative;
    width: calc((100% - 90px) / 4); }
    .adItems .abCard__thum {
      position: relative;
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      background-color: #fff;
      margin-bottom: 16px; }
      .adItems .abCard__thum img {
        display: block;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        object-fit: contain;
        padding: 8%;
        transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1); }
    .adItems .abCard .blockLink:hover ~ .abCard__thum img {
      transform: scale(1.04); }
    .adItems .abCard__title {
      font-size: 15px;
      line-height: 1.6;
      color: #fff;
      text-align: left; }

/* 読みもの: 日付の横のカテゴリー（読みもの）は下線なし・日付と同じ行の下端（ベースライン）にそろえる（元は vertical-align: super で浮いていた） */
.adArticle--reading .atMain__date a {
  vertical-align: baseline;
  margin-left: 1em; }
  .adArticle--reading .atMain__date a .link__underLine--target {
    display: none; }

/* 読みもの・PC: タイトルの箱がヒーロー画像に重なりすぎるので、箱を背景ごと 89px 下げる。
   箱は本文の上端に下端をそろえて置かれているので、本文の上の余白を増やすと箱も一緒に下がる */
@media only screen and (min-width: 768px) {
  .adArticle--reading .sectionBlock {
    padding-top: calc(50px + 89px); }
  /* 箱は元々 translateY(-100%) で本文の上に持ち上げていたが、箱の高さに端数（338.02px 等）が出ると、
     スクロール中に Chrome が箱の下端＝本文の上端に細い線を描いて残すことがあるので、transform を使わず位置で置く */
  .adArticle--reading .sectionBlock__title--wrapper {
    transform: none;
    top: auto;
    bottom: calc(100% - 50px - 89px);
    /* それでも箱の左右と下端（本文の上）に、スクロール中だけ 1px の明るい線がにじむことがある（2026-10-30 再発）。
       箱と同じ色の縁を 1px 外に足して、端のにじみの下に背景が透けないようにする */
    box-shadow: 0 0 0 1px #333; } }

/* 読みもの・PC: ヒーロー画像をヘッダーの下（120px 空け）からではなく、ページの一番上から敷く（半透明のヘッダー越しに画像が見える）。
   SP は顔などがヘッダーに隠れるので、ヘッダーの下からのまま（activities-sp.css の .adMain--reading） */
@media only screen and (min-width: 768px) {
.activities .main.adMain--reading .mainBg {
  height: 100%; } }

/* 読みもの・レシピ: 前後の記事ナビ（WITH の人物ナビ .abPeopleNav と同じ見た目。templates/single/adjacent-nav.php） */
.adjacentNav {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  margin-top: 55px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.15); }
  /* 直前のクレジット欄・レシピの使用アイテム欄（.sectionBlock__footer）は下に区切り線があるので、二重にしない */
  .sectionBlock__footer + .adjacentNav {
    padding-top: 0;
    border-top: 0; }
  .activities .adjacentNav .adjacentNav__item {
    display: flex;
    align-items: center;
    gap: 24px;
    flex: 1 1 0;
    min-width: 0;
    color: #fff;
    text-decoration: none; }
  .adjacentNav__item--next {
    flex-direction: row-reverse;
    text-align: right; }
  .adjacentNav__arrow {
    position: relative;
    display: block;
    flex-shrink: 0;
    width: 53px;
    height: 12px; }
    .adjacentNav__arrow .btnArrow {
      right: auto;
      left: 0; }
  .adjacentNav__item--prev .btnArrow {
    transform: rotate(180deg); }
  .adjacentNav__label {
    display: block;
    font-size: 12px;
    letter-spacing: .3em;
    color: var(--color-key);
    margin-bottom: 8px; }
  .adjacentNav__title {
    display: block;
    font-size: 20px;
    line-height: 1.3; }
  .adjacentNav__item:hover .adjacentNav__title {
    opacity: .7; }