.p-coldtea img {
  max-width: 100%;
  height: auto;
}
.p-coldtea-inner {
  margin: 0 auto;
  max-width: 1200px;
}
.p-coldtea .u-visuallyHidden {
  position: absolute;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
}

/* Hero
=============================== */
.p-coldtea-hero {
  position: relative;
}
.p-coldtea-hero-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: 0 auto;
  padding: min(calc(90 / 1920 * 100vw), 90px) 60px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  transform: translate(-50%, -50%);
}
.p-coldtea-hero-ttl {
  margin: 0;
  position: relative;
  right: min(calc(-60 / 1920 * 100vw), -60px);
}
.p-coldtea-hero-lead {
  display: flex;
  align-items: flex-end;
  position: relative;
  left: min(calc(-260 / 1920 * 100vw), -260px);
}
@media screen and (min-width: 769px) {
  .p-coldtea-hero-inner {
    width: 100%;
    max-width: 1160px;
  }
  .p-coldtea-hero-ttl {
    width: min(calc(124 / 1920 * 100vw), 124px);
    min-width: 75px;
  }
  .p-coldtea-hero-lead {
    width: min(calc(469 / 1920 * 100vw), 469px);
    min-width: 290px;
  }
  .p-coldtea-hero-img img {
    width: 100%;
  }
}
@media screen and (min-width: 1920px) {
  .p-coldtea-hero-inner {
    width: calc(1160 / 1920 * 100vw);
    max-width: initial;
  }
}
@media screen and (min-width: 769px) and (max-width: 1590px) {
  .p-coldtea-hero-inner {
    padding: 60px 0;
    max-width: initial;
  }
  .p-coldtea-hero-ttl {
    right: 15%;
  }
  .p-coldtea-hero-lead {
    left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-coldtea-hero-inner {
    top: 0;
    left: 0;
    padding: 40px 20px 35px;
    flex-direction: column;
    transform: none;
  }
  .p-coldtea-hero-ttl {
    right: 0;
    text-align: center;
  }
  .p-coldtea-hero-ttl img,
  .p-coldtea-hero-lead img {
    width: min(calc(345 / 414 * 100vw), 345px);
  }
  .p-coldtea-hero-lead {
    display: block;
    left: 0;
    text-align: center;
  }
}

/* Intro
=============================== */
.p-coldtea-intro {
  padding: 136px 20px 163px;
}
.p-coldtea-intro-lead {
  font-size: 20px;
  font-weight: 500;
  line-height: calc(36/18);
  letter-spacing: .06em;
  text-align: center;
}
.p-coldtea-intro-qa {
  margin: 85px 0 0;
  display: flex;
  align-items: center;
  gap: 14px;
}
.p-coldtea-intro-qaBlock {
  flex: 1;
}
.p-coldtea-intro-qaBlock-ttl,
.p-coldtea-intro-qaBlock-desc ._que {
  font-size: 32px;
  font-weight: 900;
  letter-spacing: .02em;
  line-height: calc(46/32);
}
.p-coldtea-intro-qaBlock-ttl,
.p-coldtea-intro-qaBlock-desc {
  display: flex;
  gap: 5px;
}
.p-coldtea-intro-qaBlock-desc {
  margin-top: 16px;
}
.p-coldtea-intro-qaBlock-ttl ._txt,
.p-coldtea-intro-qaBlock-desc ._txt {
  flex: 1;
}
.p-coldtea-intro-qaBlock-desc ._txt {
  padding-top: 10px;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: calc(36/18);
}
.p-coldtea-intro-qaImg {
  width: 476px;
}
@media screen and (max-width: 768px) {
  .p-coldtea-intro {
    padding: 50px 20px 80px;
  }
  .p-coldtea-intro-lead {
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
    text-align: left;
  }
  .p-coldtea-intro-qa {
    margin: 30px 0 0;
    flex-direction: column-reverse;
    gap: 27px;
  }
  .p-coldtea-intro-qaBlock-ttl,
  .p-coldtea-intro-qaBlock-desc ._que {
    font-size: min(calc(18 / 414 * 100vw), 18px);
  }
  .p-coldtea-intro-qaBlock-desc {
    margin-top: 20px;
  }
  .p-coldtea-intro-qaBlock-desc ._txt {
    padding-top: 0;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
  }
  .p-coldtea-intro-qaImg {
    width: min(calc(210 / 414 * 100vw), 210px);
  }
}

/* 表 */
.p-coldtea-intro-detail {
  margin-top: 26px;
}
.p-coldtea-intro-detailSec {
  border: 1px solid #ccc;
}
.p-coldtea-intro-detailHdg {
  margin: 0;
  padding: 20px 14px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: .02em;
  text-align: center;
  color: #000;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}
.p-coldtea-intro-detailItemTtl,
.p-coldtea-intro-detailItemDesc {
  padding: 10px 14px;
  font-size: 18px;
  letter-spacing: .02em;
  line-height: calc(36/18);
  color: #000;
  border-bottom: 1px solid #ccc;
}
.p-coldtea-intro-detailItemDesc p {
  font-size: 18px;
}
.p-coldtea-intro-detailItemTtl {
  font-weight: 500;
  background-color: #FAFAFA;
}
.p-coldtea-intro-detailItemDesc {
  background-color: #fff;
}
.p-coldtea-intro-detailLink {
  padding: 20px 14px;
  background-color: #fff;
}
.p-coldtea-listDisc li,
.p-coldtea-note {
  margin-left: 1em;
  text-indent: -1em;
}
.p-coldtea-listDisc li::before {
  content: "\30FB";
}
.p-coldtea-intro-detail .p-coldtea-listDisc li + li {
  margin-top: 12px;
}
.p-coldtea-intro-detail .p-coldtea-note {
  margin-top: 10px;
  font-size: 16px;
}
.p-coldtea-intro-detailLink-inner {
  margin: 0 auto;
  padding: 5px 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 200px;
  min-height: 39px;
  font-size: 16px;
  border: 1px solid #C1C1C1;
  border-radius: 999px;
  background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="7.857" height="5.235" viewBox="0 0 7.857 5.235"><path d="M0,0 L3.226,4.032 L6.452,0" transform="translate(0.703 0.602)" fill="none" stroke="%23000" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 20px / 8px auto;
}
@media screen and (min-width: 769px) {
  .p-coldtea-intro-detail {
    display: grid;
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: auto 1fr 1fr 1fr;
    margin-top: 26px;
    border: 1px solid #ccc;
    border-right: none;
  }
  .p-coldtea-intro-side-header {
    width: 207px;
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1 / -1;
    border-right: 1px solid #ccc;
  }
  .p-coldtea-intro-detailSec {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: 1 / -1;
    margin-top: 0;
    border: none;
    border-right: 1px solid #ccc;
  }
  .p-coldtea-intro-detailItems,
  .p-coldtea-intro-detailItem,
  .p-coldtea-intro-side-header .p-coldtea-intro-detailItem {
    display: contents;
  }
  .p-coldtea-intro-detailItemTtl,
  .p-coldtea-intro-detailLink-spacer,
  .p-coldtea-intro-detailHdg,
  .p-coldtea-intro-detailItemDesc,
  .p-coldtea-intro-detailLink {
    min-height: 0;
    display: flex;
    flex-direction: column;
  }
  .p-coldtea-intro-detailLink-spacer {
    background-color: #FAFAFA;
  }
  .p-coldtea-intro-detailSec .p-coldtea-intro-detailItemTtl {
    display: none;
  }
  .p-coldtea-intro-detailItemDesc._alC {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .p-coldtea-intro-detail {
    margin-top: 50px;
  }
  .p-coldtea-intro-side-header {
    display: none;
  }
  .p-coldtea-intro-detailSec + .p-coldtea-intro-detailSec {
    margin-top: 20px;
  }
  .p-coldtea-intro-detailHdg {
    padding: 13px 20px;
    font-size: min(calc(22 / 414 * 100vw), 22px);
    text-align: left;
  }
  .p-coldtea-intro-detailSec::before {
    content: "\62BD\51FA\65B9\6CD5"; /* 抽出方法 */
    display: block;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: calc(36/18);
    border-bottom: 1px solid #ccc;
    background-color: #FAFAFA;
  }
  .p-coldtea-intro-detailSec::before,
  .p-coldtea-intro-detailItemTtl {
    padding: 10px 20px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-intro-detailItemDesc {
    padding: 20px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
    letter-spacing: .06em;
  }
  .p-coldtea-intro-detailItemDesc p {
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-intro-detailLink {
    text-align: center;
  }
  .p-coldtea-intro-detailLink-inner {
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-intro-detail .p-coldtea-note {
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
}

/* Main
=============================== */
.p-coldtea-main {
  padding: 150px 20px 200px;
  background: url(../../../../img/usr/pages/coldtea/bg_base.png);
  position: relative;
  z-index: 0;
}
.p-coldtea-main-sec {
  padding: 50px 40px 52px;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 12px rgba(46,86,96,.2);
  position: relative;
  z-index: 1;
}
.p-coldtea-main-sec ~ .p-coldtea-main-sec {
  margin-top: 150px;
}
.p-coldtea-main-head {
  position: relative;
}
.p-coldtea-main-headHdg {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin: 0;
  transform: translateY(-50%);
}
.p-coldtea-main-headFeature {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  display: flex;
  gap: 10px;
}
.p-coldtea-main-headFeature > li {
  padding-top: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  font-size: 16px;
  font-weight: 500;
  line-height: calc(24/16);
  text-align: center;
  letter-spacing: .012em;
  color: #498f7a;
  border-radius: 50%;
  background-color: #fff;
}
.p-coldtea-main-lead {
  margin-top: 33px;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: calc(36/18);
  color: #000;
}

/* STEP */
.p-coldtea-main-stepWrap {
  margin-top: 44px;
}
.p-coldtea-main-step {
  display: flex;
  justify-content: center;
  gap: 85px;
  list-style: none;
}
.p-coldtea-main-stepItem {
  width: 100%;
  max-width: 280px;
  flex-shrink: inherit;
  color: #000;
}
.p-coldtea-main-stepItem ._step {
  display: block;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.p-coldtea-main-stepItem ._step > b {
  font-size: 26px;
  font-weight: normal;
}
.p-coldtea-main-stepItem ._img {
  margin-top: 8px;
  display: block;
  text-align: center;
  position: relative;
}
.p-coldtea-main-stepItem + .p-coldtea-main-stepItem ._img::before {
  position: absolute;
  content: "";
  top: 50%;
  left: -70px;
  z-index: 1;
  width: 50px;
  height: 12px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="53.312" height="14.414" viewBox="0 0 53.312 14.414"><path d="M766.09,2254.488h50l-11.274-12" transform="translate(-765.09 -2241.075)" fill="none" stroke="%23999" stroke-linecap="round" stroke-width="2"/></svg>') no-repeat center / contain;
  transform: translateY(-50%);
}
.p-coldtea-main-stepItem ._txt {
  margin-top: 15px;
  padding: 0 8px;
  display: block;
  font-size: 18px;
  font-weight: 500;
  line-height: calc(28/18);
}

/* おすすめ商品 */
.p-coldtea-main-recommend {
  margin-top: 43px;
}
.p-coldtea-main-recommendHdg {
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  color: #000;
  border: none;
}
.p-coldtea-main-plusOneLead {
  margin-top: 6px;
  font-size: 18px;
  line-height: calc(28/18);
  letter-spacing: .02em;
  text-align: center;
  color: #000;
}
.p-coldtea-main-recommendItems {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px 14px;
}
.p-coldtea-main-recommendItem {
  width: calc((100% - 14px) / 2);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 14px;
}
.p-coldtea-main-recommendItemDetail {
  flex: 1;
  letter-spacing: .02em;
  color: #000;
}
.p-coldtea-main-recommendItemDetail ._name {
  font-size: 17px;
  font-weight: 500;
  line-height: calc(28/17);
}
.p-coldtea-main-recommendItemDetail ._name b {
  margin-bottom: 20px;
  display: block;
  font-size: 18px;
  font-weight: 900;
}
.p-coldtea-main-recommendItemDetail ._desc {
  margin-top: 20px;
  font-weight: 500;
}
.p-coldtea-main-recommendItemDetail ._price {
  display: block;
  font-size: 16px;
  line-height: 1;
}
.p-coldtea-main-recommendItemDetail ._link {
  margin-top: 20px;
  padding: 5px 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 174px;
  min-height: 39px;
  font-size: 16px;
  color: #fff;
  border-radius: 999px;
  background: #498F7A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.235" height="7.857" viewBox="0 0 5.235 7.857"><path d="M0,6.452,4.032,3.226,0,0" transform="translate(0.703 0.703)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 16px / 6px auto;
}
.p-coldtea-main-recommendItemImg {
  width: 240px;
  height: 240px;
}

/* 新商品 */
.p-coldtea-main-recommendNew {
  margin-top: 30px;
  padding: 45px 20px;
  border-radius: 10px;
  background: url(../../../../img/usr/pages/coldtea/bg_new.png);
}
.p-coldtea-main-recommendNew-inner {
  margin: 0 auto;
  max-width: 785px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 30px;
  position: relative;
}
.p-coldtea-main-recommendNew-detail {
  flex: 1;
  letter-spacing: .02em;
  color: #000;
}
.p-coldtea-main-recommendNew-detail ._icon {
  position: absolute;
  top: -20px;
  left: -70px;
  z-index: 1;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 900;
  border-radius: 50%;
  background: url(../../../../img/usr/pages/coldtea/bg_new_ttl.png) no-repeat center / contain;
}
.p-coldtea-main-recommendNew-detail ._ttl {
  font-size: 17px;
  font-weight: 500;
  line-height: calc(28/17);
}
.p-coldtea-main-recommendNew-detail ._ttl b {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
  font-weight: 900;
}
.p-coldtea-main-recommendNew-detail ._desc {
  margin-top: 20px;
}
.p-coldtea-main-recommendNew-detail ._price {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.p-coldtea-main-recommendNew-detail ._txt {
  margin-top: 20px;
  font-size: 16px;
  line-height: calc(26/14);
}
.p-coldtea-main-recommendNew-detail ._link {
  margin-top: 20px;
  padding: 5px 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 174px;
  min-height: 39px;
  font-size: 16px;
  color: #fff;
  border-radius: 999px;
  background: #498F7A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.235" height="7.857" viewBox="0 0 5.235 7.857"><path d="M0,6.452,4.032,3.226,0,0" transform="translate(0.703 0.703)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 16px / 6px auto;
}
.p-coldtea-main-recommendNew-img {
  width: 260px;
}

/* プラスワン */
.p-coldtea-main-plusOne {
  margin-top: 22px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 26px;
}
.p-coldtea-main-plusOneItem {
  width: 240px;
  display: flex;
  flex-direction: column-reverse;
  gap: 14px;
}
.p-coldtea-main-plusOneDetail {
  color: #000;
}
.p-coldtea-main-plusOneDetail ._ttl {
  font-size: 18px;
  font-weight: 900;
}
.p-coldtea-main-plusOneDetail ._desc {
  margin-top: 10px;
}
.p-coldtea-main-plusOneDetail ._price {
  font-size: 16px;
  font-weight: 500;
}
.p-coldtea-main-plusOneDetail ._link {
  margin: 20px auto 0;
  padding: 5px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 174px;
  min-height: 39px;
  font-size: 16px;
  color: #fff;
  border-radius: 999px;
  background: #498F7A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.235" height="7.857" viewBox="0 0 5.235 7.857"><path d="M0,6.452,4.032,3.226,0,0" transform="translate(0.703 0.703)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 16px / 6px auto;
}
.p-coldtea-main::before,
.p-coldtea-main::after,
.p-coldtea-main-sec._cold::before,
.p-coldtea-main-sec._cold::after,
.p-coldtea-main-sec._hot::before,
.p-coldtea-main-sec._hot::after {
  position: absolute;
  content: "";
  background: no-repeat center / contain;
}
.p-coldtea-main::before,
.p-coldtea-main::after {
  z-index: 0;
}
@media screen and (min-width: 769px) {
  /* STEP */
  .p-coldtea-main-step:has(li:nth-child(4)) {
    gap: 56px;
  }
  .p-coldtea-main-step:has(li:nth-child(4)) .p-coldtea-main-stepItem + .p-coldtea-main-stepItem ._img::before {
    left: -45px;
    width: 32px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="35.269" height="14.413" viewBox="0 0 35.269 14.413"><g transform="translate(1 1.413)"><path d="M783.09,2254.488h32l-10.97-12" transform="translate(-783.09 -2242.488)" fill="none" stroke="%23999" stroke-linecap="round" stroke-width="2"/></g></svg>');
  }
  /* 装飾 */
  .p-coldtea-main-gara {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    position: relative;
  }
  .p-coldtea-main-gara::before,
  .p-coldtea-main-sec._ice::before,
  .p-coldtea-main-sec._ice::after {
    position: absolute;
    content: "";
    background: no-repeat center / contain;
  }
  .p-coldtea-main-gara,
  .p-coldtea-main-sec::before,
  .p-coldtea-main-sec::after {
    z-index: -1;
  }
  .p-coldtea-main::before {
    top: -140px;
    left: -40px;
    width: 511px;
    height: 665px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu1.png);
  }
  .p-coldtea-main::after {
    right: -160px;
    bottom: -160px;
    width: 590px;
    height: 605px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu8.png);
  }
  .p-coldtea-main-sec._cold::before {
    top: 830px;
    right: -480px;
    width: 579px;
    height: 514px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu2.png);
  }
  .p-coldtea-main-sec._cold::after {
    left: -326px;
    bottom: 530px;
    width: 481px;
    height: 431px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu3.png);
  }
  .p-coldtea-main-gara._1::before {
    top: -310px;
    right: -135px;
    width: 729px;
    height: 713px;
    background-image: url(../../../../img/usr/pages/coldtea/gara1.png);
  }
  .p-coldtea-main-gara._2::before {
    top: -50px;
    left: -145px;
    width: 610px;
    height: 750px;
    background-image: url(../../../../img/usr/pages/coldtea/gara2.png);
  }
  .p-coldtea-main-sec._ice::before {
    top: 180px;
    left: -450px;
    width: 435px;
    height: 584px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu4.png);
  }
  .p-coldtea-main-sec._ice::after {
    right: -380px;
    bottom: 90px;
    width: 555px;
    height: 569px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu5.png);
  }
  .p-coldtea-main-sec._hot::before {
    top: 690px;
    right: -530px;
    width: 588px;
    height: 467px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu6.png);
  }
  .p-coldtea-main-sec._hot::after {
    left: -430px;
    bottom: 640px;
    width: 413px;
    height: 371px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu7.png);
  }
}
@media screen and (max-width: 768px) {
  .p-coldtea-main {
    padding: 60px 20px;
  }
  .p-coldtea-main-sec._cold::before,
  .p-coldtea-main-sec._cold::after,
  .p-coldtea-main-sec._hot::before,
  .p-coldtea-main-sec._hot::after {
    z-index: 1;
  }
  .p-coldtea-main::before {
    top: -60px;
    left: -40px;
    width: 225px;
    height: 258px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu1_sp.png);
  }
  .p-coldtea-main::after {
    right: -90px;
    bottom: -47px;
    width: 272px;
    height: 208px;
    background-image: url(../../../../img/usr/pages/coldtea/uzu2_sp.png);
  }
  .p-coldtea-main-sec._cold::before {
    top: -100px;
    left: -40px;
    width: 170px;
    height: 162px;
    background-image: url(../../../../img/usr/pages/coldtea/momiji1_sp.png);
  }
  .p-coldtea-main-sec._cold::after {
    right: -114px;
    bottom: -60px;
    width: 240px;
    height: 217px;
    background-image: url(../../../../img/usr/pages/coldtea/asagao1.png);
  }
  .p-coldtea-main-sec._hot::before {
    top: -110px;
    left: -62px;
    width: 180px;
    height: 154px;
    background-image: url(../../../../img/usr/pages/coldtea/asagao2.png);
  }
  .p-coldtea-main-sec._hot::after {
    right: -65px;
    bottom: -140px;
    width: 218px;
    height: 218px;
    background-image: url(../../../../img/usr/pages/coldtea/momiji2_sp.png);
  }
  .p-coldtea-main-sec {
    padding: 10px 10px 70px;
  }
  .p-coldtea-main-sec ~ .p-coldtea-main-sec {
    margin-top: 50px;
  }
  .p-coldtea-main-headFeature {
    top: 9px;
    right: 9px;
    bottom: auto;
    gap: 6px;
  }
  .p-coldtea-main-headFeature > li {
    padding-top: 3px;
    width: min(calc(80 / 414 * 100vw), 80px);
    height: min(calc(80 / 414 * 100vw), 80px);
    font-size: min(calc(10 / 414 * 100vw), 12px);
    line-height: calc(36/24);
  }
  .p-coldtea-main-lead {
    margin-top: 30px;
    padding: 0 15px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
    text-align: left;
  }

  /* STEP */
  .p-coldtea-main-stepWrap {
    margin: 40px -10px 0;
    padding: 0 min(calc(35 / 414 * 100vw), 35px);
    position: relative;
  }
  .p-coldtea-main-stepWrap.swiper-initialized::before,
  .p-coldtea-main-stepWrap.swiper-initialized::after {
    position: absolute;
    content: "";
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #fff;
  }
  .p-coldtea-main-stepWrap.swiper-initialized::before {
    left: calc(-50% - min(calc(140 / 414 * 100vw), 140px));
  }
  .p-coldtea-main-stepWrap.swiper-initialized::after {
    right: calc(-50% - min(calc(140 / 414 * 100vw), 140px));
  }
  .p-coldtea-main-step {
    justify-content: flex-start;
    gap: 0;
  }
  .p-coldtea-main-stepWrap:not(.swiper-initialized) .p-coldtea-main-step {
    overflow-x: auto;
  }
  .p-coldtea-main-stepItem {
    flex: 0 0 auto;
    max-width: initial;
  }
  .swiper-initialized .p-coldtea-main-stepItem > * {
    margin-left: auto;
    margin-right: auto;
    max-width: min(calc(280 / 414 * 100vw), 280px);
  }
  .p-coldtea-main-stepItem ._step {
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-main-stepItem ._step > b {
    font-size: min(calc(26 / 414 * 100vw), 26px);
  }
  .p-coldtea-main-stepItem + .p-coldtea-main-stepItem ._img::before {
    content: none;
  }
  .p-coldtea-main-stepItem ._txt {
    padding: 0 6px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
    letter-spacing: .06em;
  }
  .swiper-initialized .p-coldtea-main-step-prev,
  .swiper-initialized .p-coldtea-main-step-next {
    position: absolute;
    top: min(calc(198 / 414 * 100vw), 198px);
    z-index: 3;
    width: min(calc(35 / 414 * 100vw), 35px);
    height: min(calc(35 / 414 * 100vw), 35px);
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25.312" height="8.414" viewBox="0 0 25.312 8.414"><path d="M769.09,2248.488h22l-5.637-6" transform="translate(-768.09 -2241.075)" fill="none" stroke="%23999" stroke-linecap="round" stroke-width="2"/></svg>') no-repeat center right / 22px auto;
    cursor: pointer;
    z-index: 10;
  }
  .swiper-initialized .p-coldtea-main-step-prev {
    left: 10px;
    transform: scaleX(-1);
  }
  .swiper-initialized .p-coldtea-main-step-next {
    right: 10px;
  }
  .p-coldtea-main-step-prev.swiper-button-disabled,
  .p-coldtea-main-step-next.swiper-button-disabled {
    opacity: 0;
  }

  /* おすすめ商品 */
  .p-coldtea-main-recommend {
    margin-top: 46px;
    padding: 0 7px;
  }
  .p-coldtea-main-recommendHdg {
    font-size: min(calc(18 / 414 * 100vw), 18px);
  }
  .p-coldtea-main-plusOneLead {
    margin-top: 23px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
    letter-spacing: .06em;
    text-align: left;
  }
  .p-coldtea-main-recommendItems {
    margin-top: 22px;
    gap: 50px 12px;
  }
  .p-coldtea-main-recommendItem {
    width: calc((100% - 12px) / 2);
    flex-direction: column-reverse;
    gap: 15px;
  }
  .p-coldtea-main-recommendItemDetail {
    display: flex;
    flex-direction: column;
    letter-spacing: .06em;
  }
  .p-coldtea-main-recommendItemDetail ._name {
    flex: 1;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(24/16);
  }
  .p-coldtea-main-recommendItemDetail ._name b {
    margin-bottom: 13px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-main-recommendItemDetail ._desc {
    margin-top: 13px;
  }
  .p-coldtea-main-recommendItemDetail ._price {
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
  .p-coldtea-main-recommendItemDetail ._link {
    margin-top: 10px;
    padding: 5px 26px;
    min-width: min(calc(154 / 414 * 100vw), 154px);
    min-height: 34px;
    font-size: min(calc(14 / 414 * 100vw), 14px);
    background: #498F7A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.235" height="7.857" viewBox="0 0 5.235 7.857"><path d="M0,6.452,4.032,3.226,0,0" transform="translate(0.703 0.703)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 16px / 6px auto;
  }
  .p-coldtea-main-recommendItemImg {
    width: min(calc(164 / 414 * 100vw), 164px);
    height: min(calc(164 / 414 * 100vw), 164px);
  }

  /* 新商品 */
  .p-coldtea-main-recommendNew {
    margin-top: 43px;
    padding: 20px 20px 22px;
  }
  .p-coldtea-main-recommendNew-inner {
    max-width: initial;
    flex-direction: column-reverse;
    gap: 20px;
  }
  .p-coldtea-main-recommendNew-detail {
    letter-spacing: .06em;
  }
  .p-coldtea-main-recommendNew-detail ._icon {
    position: absolute;
    top: -10px;
    left: -10px;
    width: min(calc(78 / 414 * 100vw), 78px);
    height: min(calc(78 / 414 * 100vw), 78px);
    font-size: min(calc(14 / 414 * 100vw), 14px);
    letter-spacing: .02em;
  }
  .p-coldtea-main-recommendNew-detail ._ttl {
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(24/16);
  }
  .p-coldtea-main-recommendNew-detail ._ttl b {
    margin-bottom: 13px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-main-recommendNew-detail ._desc {
    margin-top: 13px;
  }
  .p-coldtea-main-recommendNew-detail ._price {
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
  .p-coldtea-main-recommendNew-detail ._txt {
    margin-top: 13px;
    font-size: min(calc(16 / 414 * 100vw), 16px);
    line-height: calc(30/16);
  }
  .p-coldtea-main-recommendNew-detail ._link {
    margin-top: 13px;
    padding: 5px 26px;
    display: flex;
    width: 100%;
    min-width: initial;
    min-height: 34px;
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
  .p-coldtea-main-recommendNew-img {
    width: min(calc(300 / 414 * 100vw), 300px);
    text-align: center;
  }

  /* プラスワン */
  .p-coldtea-main-recommend:has(.p-coldtea-main-plusOne) {
    margin-top: 40px;
  }
  .p-coldtea-main-plusOne {
    margin-top: 23px;
    justify-content: flex-start;
    gap: 50px 12px;
  }
  .p-coldtea-main-plusOneItem {
    width: calc((100% - 12px) / 2);
    gap: 15px;
  }
  .p-coldtea-main-plusOneDetail ._ttl {
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-main-plusOneDetail ._desc {
    margin-top: 10px;
  }
  .p-coldtea-main-plusOneDetail ._price {
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
  .p-coldtea-main-plusOneDetail ._link {
    margin: 10px auto 0;
    padding: 5px 26px;
    min-width: min(calc(154 / 414 * 100vw), 154px);
    min-height: 34px;
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
}

/* Add
=============================== */
.p-coldtea-add {
  padding: 150px 20px;
}
.p-coldtea-addHdg {
  margin: 0;
  font-size: 26px;
  font-weight: 900;
  line-height: 1;
  text-align: center;
}
.p-coldtea-addHdg ._sub {
  margin-bottom: 10px;
  display: block;
  font-size: 18px;
  font-weight: 500;
}
.p-coldtea-addSlide {
  margin-top: 26px;
  position: relative;
}
.p-coldtea-addSlide:not(.swiper-initialized) .p-coldtea-addSlide-wrapper {
  padding-bottom: 5px;
  display: flex;
  justify-content: center;
  gap: 26px;
  overflow-x: auto;
}
.p-coldtea-addSlide:not(.swiper-initialized) .p-coldtea-addSlide-slide {
  flex: 0 0 auto;
}
.p-coldtea-addSlide .p-coldtea-addSlide-link {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-coldtea-addSlide-desc {
  margin-top: 9px;
  flex: 1;
  display: flex;
  flex-direction: column;
  letter-spacing: .02em;
  color: #000;
}
.p-coldtea-addSlide-desc ._ttl {
  font-size: 18px;
  font-weight: 900;
}
.p-coldtea-addSlide-desc ._desc {
  margin-top: auto;
  padding-top: 20px;
}
.p-coldtea-addSlide-desc ._price {
  font-size: 16px;
  font-weight: 500;
}
.p-coldtea-addSlide-desc ._link {
  margin: 20px auto 0;
  padding: 5px 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: 174px;
  min-height: 39px;
  font-size: 16px;
  color: #fff;
  border-radius: 999px;
  background: #498F7A url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="5.235" height="7.857" viewBox="0 0 5.235 7.857"><path d="M0,6.452,4.032,3.226,0,0" transform="translate(0.703 0.703)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/></svg>') no-repeat center right 16px / 6px auto;
}
@media screen and (min-width: 769px) {
  .p-coldtea-addSlide:not(.swiper-initialized) .p-coldtea-addSlide-slide {
    width: 240px;
  }
  .p-coldtea-addSlide.swiper-initialized {
    margin-left: auto;
    margin-right: auto;
    max-width: 1038px;
    position: relative;
    z-index: 0;
    overflow: visible;
  }
  .p-coldtea-addSlide.swiper-initialized::before,
  .p-coldtea-addSlide.swiper-initialized::after {
    position: absolute;
    content: "";
    top: -2px;
    z-index: 2;
    width: 100%;
    height: calc(100% + 4px);
    background-color: #fff;
  }
  .p-coldtea-addSlide.swiper-initialized::before {
    left: -100%;
  }
  .p-coldtea-addSlide.swiper-initialized::after {
    right: -100%;
  }
  .p-coldtea-addSlide.swiper-initialized .p-coldtea-btnPrev,
  .p-coldtea-addSlide.swiper-initialized .p-coldtea-btnNext {
    position: absolute;
    top: 90px;
    z-index: 3;
    width: 40px;
    height: 60px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="41.133" height="60.801" viewBox="0 0 41.133 60.801"><path d="M272.819,4155.257l-40,30,40,30" transform="translate(-231.985 -4154.856)" fill="none" stroke="%23707070" stroke-width="1"/></svg>') no-repeat center / contain;
    cursor: pointer;
  }
  .p-coldtea-addSlide.swiper-initialized .p-coldtea-btnPrev {
    left: -60px;
  }
  .p-coldtea-addSlide.swiper-initialized .p-coldtea-btnNext {
    right: -60px;
    transform: scale(-1, -1);
  }
}
@media screen and (max-width: 768px) {
  .p-coldtea-add {
    padding: 70px 0;
  }
  .p-coldtea-addHdg {
    font-size: min(calc(18 / 414 * 100vw), 18px);
    line-height: calc(28/18);
  }
  .p-coldtea-addHdg ._sub {
    margin-bottom: 0;
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-addSlide {
    margin-top: 15px;
  }
  .p-coldtea-addSlide.swiper-initialized {
    padding: 0 20px 5px 24px;
  }
  .p-coldtea-addSlide:not(.swiper-initialized) .p-coldtea-addSlide-wrapper {
    gap: 15px;
  }
  .p-coldtea-addSlide .p-coldtea-addSlide-slide {
    width: min(calc(164 / 414 * 100vw), 164px);
    height: auto;
  }
  .p-coldtea-addSlide.swiper-initialized .p-coldtea-addSlide-slide {
    margin: 0 8px;
  }
  .p-coldtea-addSlide-desc {
    margin-top: 15px;
  }
  .p-coldtea-addSlide-desc ._ttl {
    font-size: min(calc(16 / 414 * 100vw), 16px);
  }
  .p-coldtea-addSlide-desc ._desc {
    padding-top: 13px;
  }
  .p-coldtea-addSlide-desc ._price {
    font-size: min(calc(14 / 414 * 100vw), 14px);
  }
  .p-coldtea-addSlide-desc ._link {
    margin: 10px auto 0;
    padding: 5px 20px;
    min-width: min(calc(154 / 414 * 100vw), 154px);
    min-height: 34px;
    font-size: min(calc(14 / 414 * 100vw), 14px);
    background-position: center right 14px;
  }
}

/* Animation
=============================== */
.p-coldtea .js-fade,
.p-coldtea .p-coldtea-hero-img,
.p-coldtea .p-coldtea-hero-ttl,
.p-coldtea .p-coldtea-hero-lead {
  opacity: 0;
}
.p-coldtea.is-loaded .p-coldtea-hero-img {
  animation: fadeIn 1s ease-out 0.1s both;
}
.p-coldtea.is-loaded .p-coldtea-hero-ttl,
.p-coldtea.is-loaded .p-coldtea-hero-lead {
  animation: fadeIn 1.2s ease-out .6s both;
  /* animation: revealFromLeft 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.8s both; */
}
/* @media screen and (min-width: 769px) {
  .p-coldtea .p-coldtea-hero-ttl {
    animation: revealFromTop 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.3s both;
  }
}
@media screen and (max-width: 768px) {
  .p-coldtea .p-coldtea-hero-ttl {
    animation: revealFromLeft 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.3s both;
  }
} */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes revealFromLeft {
  from {
    clip-path: inset(0 100% 0 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes revealFromTop {
  from {
    clip-path: inset(0 0 100% 0);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}