@charset "UTF-8";
.content-media-slider__stage{
  position:relative;
}
.content-media-slider__pagination{
  width:auto !important;
  position:absolute;
  left:10px !important;
  right:10px !important;
  bottom:18px;
  z-index:2;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-column-gap:6px;
     -moz-column-gap:6px;
          column-gap:6px;
}
.content-media-slider__bullet{
  -webkit-box-flex:1;
      -ms-flex:1 1 0px;
          flex:1 1 0;
  min-width:0;
  height:1px;
  border-radius:999px;
  background:rgba(0, 0, 0, 0.25);
  opacity:1;
  margin:0;
}
.content-media-slider__bullet--active{
  background:rgba(255, 255, 255, 0.4);
}

.content-media-slider__caption{
  margin-top:16px;
}

.content-media-slider__caption-text{
  color:#555;
  text-align:justify;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  letter-spacing:1.2px;
  position:relative;
  padding-left:36px;
}
.content-media-slider__caption-text::before{
  content:"";
  width:24px;
  height:1px;
  background-color:#A0A0A0;
  position:absolute;
  left:0;
  top:9px;
}

.content-media-slider__nav{
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  z-index:10;
  width:44px;
  height:44px;
  background:transparent;
  border:none;
  padding:0;
  cursor:pointer;
}

.content-media-slider__nav--prev{
  left:-33px;
}

.content-media-slider__nav--next{
  right:-33px;
}

.content-media-slider__nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  color:#5F5F5F;
}
.content-media-slider__nav-icon--sp{
  display:block;
}

.content-media-slider__nav-icon--pc{
  display:none;
}
.content-media-slider__nav--next .content-media-slider__nav-icon{
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
}
.articles{
  background-color:#ECEBE8;
  color:#O00;
  font-family:YakuHanMP, "Shippori Mincho", serif;
}

.articles__inner{
  max-width:1300px;
  margin:0 auto;
  padding:0 24px 80px;
  min-width:0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
.articles__header{
  padding:50px 0 50px;
  text-align:center;
}
.articles__title{
  margin:0;
  font-size:22px;
  font-style:normal;
  font-weight:600;
  line-height:155%;
  letter-spacing:1.5px;
}

.articles__titleLine{
  display:block;
  width:1px;
  height:36px;
  margin:20px auto 0;
  background-color:#D0D0D0;
}
.articles__lead{
  margin:20px 0 0;
  font-size:12px;
  letter-spacing:-0.03em;
  line-height:2.2;
}
.articles__section{
  padding-top:20px;
}

.articles__list{
  list-style:none;
  margin:0;
  padding:0;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns:repeat(2, minmax(0, 1fr));
  -webkit-column-gap:16px;
     -moz-column-gap:16px;
          column-gap:16px;
  row-gap:39px;
}
.articles__item{
  margin:0;
  min-width:0;
}
.article-card{
  display:block;
  color:inherit;
  text-decoration:none;
  min-width:0;
}

.article-card:focus-visible{
  outline:2px solid rgba(19, 19, 19, 0.5);
  outline-offset:4px;
}

.article-card__thumb{
  width:100%;
  aspect-ratio:310/360;
  background-color:rgba(0, 0, 0, 0.03);
  overflow:hidden;
}

.article-card__img{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  display:block;
}

.article-card__body{
  padding-top:12px;
}

.article-card__meta{
  margin:0 0 10px;
}
.article-card__category,
.article-card__date{
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  color:#666;
  display:block;
}
.article-card__category{
  letter-spacing:0.03em;
}

.article-card__date{
  letter-spacing:0.12em;
}

.article-card__title{
  margin:0;
  font-size:13px;
  font-style:normal;
  font-weight:600;
  line-height:170%;
  letter-spacing:-0.03em;
  color:#1D1C1C;
}
.article-card__titleSub{
  display:inline;
  font-weight:600;
}
.articles__pagination{
  margin-top:60px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.pagination{
  list-style:none;
  margin:0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:26px;
}

.pagination__item{
  margin:0;
}

.pagination__link,
.pagination__text{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:155%;
  letter-spacing:0.96px;
  <!-- text-decoration:none; -->
  color:#414141;
  height:25px;
}

.pagination__link{
  color:#AFAFAF;
}

.pagination__item--current .pagination__text{
  font-weight:600;
}

.pagination__link:focus-visible{
  outline:2px solid rgba(19, 19, 19, 0.5);
  outline-offset:3px;
}
.articles-detail{
  background-color:#ECEBE8;
  color:#000;
  font-family:YakuHanMP, "Shippori Mincho", serif;
  overflow-x:clip;
}
@supports not (overflow: clip){
  .articles-detail{
    overflow-x:hidden;
  }
}
.articles-detail__inner{
  max-width:880px;
  margin:0 auto;
  padding:0 clamp(24px, 5%, 40px) clamp(100px, 14%, 130px);
  min-width:0;
}
.articles-detail__hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

.articles-detail__hero-image{
  width:100%;
  height:auto;
  display:block;
}
.articles-detail__header{
  padding-top:50px;
}
.articles-detail__meta{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
  gap:12px;
}

.articles-detail__category{
  margin:0;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:0.03em;
  -webkit-box-flex:2;
      -ms-flex-positive:2;
          flex-grow:2;
}

.articles-detail__date{
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:0.12em;
}

.articles-detail__meta-dash{
  display:block;
  width:10px;
  height:1px;
  background-color:#A0A0A0;
  margin:20px 0 0 4px;
}
.articles-detail__title{
  margin:20px 0 0;
  font-size:22px;
  font-style:normal;
  font-weight:700;
  line-height:155%;
  letter-spacing:-0.03em;
}

.articles-detail__subtitle{
  margin:24px 0 0;
  font-size:18px;
  font-style:normal;
  font-weight:700;
  line-height:155%;
  letter-spacing:-0.03em;
}

.articles-detail__lead{
  margin:40px 0 0;
  font-size:15px;
  font-style:normal;
  font-weight:700;
  line-height:200%;
  letter-spacing:-0.03em;
}

.articles-detail__tags{
  list-style:none;
  margin:40px 0 0;
  padding:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:16px;
}
.articles-detail__tag-item{
  margin:0;
}

.articles-detail__tag{
  display:inline-block;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:-0.03em;
  text-decoration:none;
  color:#414141;
}

.articles-detail__divider{
  margin:28px 0 0;
  border:none;
  border-top:1px solid rgba(19, 19, 19, 0.1);
}
.articles-detail__profile{
  margin-top:50px;
}
.articles-detail__profile-card{
  border:1px solid #A0A0A0;
  background:transparent;
  padding:40px 26px;
}
.articles-detail__profile-inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:30px;
}

.articles-detail__profile-media{
  width:100%;
}

.articles-detail__profile-image{
  display:block;
  width:100%;
  height:auto;
}

.articles-detail__profile-body{
  min-width:0;
}

.articles-detail__profile-name{
  margin:0;
  color:#000;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:170%;
  letter-spacing:-0.03em;
}
.articles-detail__profile-text{
  margin-top:16px;
  color:#000;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
  text-overflow:ellipsis;
}

.articles-detail__profile-text p{
  margin:0;
}

.articles-detail__profile-text p + p{
  margin-top:14px;
}

.articles-detail__profile-link{
  text-decoration:none;
  word-break:break-word;
  font-family:"Libre Baskerville", serif;
  letter-spacing:-0.03em;
}
.articles-detail__section{
  margin-top:70px;
}
.articles-detail__section > :first-child{
  margin-top:0;
}

.articles-detail__section > * + *{
  margin-top:40px;
}
.articles-detail__section > * + .articles-detail__kicker{
  margin-top:40px;
}

.articles-detail__section > * + .articles-detail__heading{
  margin-top:40px;
}

.articles-detail__section > * + .articles-detail__text{
  margin-top:40px;
}

.articles-detail__section > * + .articles-detail__figure{
  margin-top:40px;
}

.articles-detail__section > * + .content-video{
  margin-top:40px;
}

.articles-detail__section > * + .content-timeline{
  margin-top:40px;
}

.articles-detail__section > * + .content-keyword-box{
  margin-top:70px;
}
.articles-detail__section > .articles-detail__text + *{
  margin-top:30px;
}

.articles-detail__section > .articles-detail__text + .articles-detail__kicker{
  margin-top:40px;
}

.articles-detail__section > .articles-detail__text + .content-callout{
  margin-top:70px;
}

.articles-detail__section > .articles-detail__text + .content-disclosure--panel{
  margin-top:40px;
}

.articles-detail__section > .articles-detail__text + .photo-credit{
  margin-top:70px;
}

.articles-detail__section > .articles-detail__text + .bgm__spotify{
  margin-top:40px;
}

.articles-detail__section > .articles-detail__text + .bgm__tracks{
  margin-top:40px;
}

.articles-detail__section > .articles-detail__text + .content-products{
  margin-top:40px;
}
.articles-detail__section > .articles-detail__kicker + .articles-detail__heading{
  margin-top:8px;
}
.articles-detail__heading{
  margin:0;
  color:#000;
  font-size:20px;
  font-style:normal;
  font-weight:600;
  line-height:155%;
  letter-spacing:-0.03em;
}

.articles-detail__kicker{
  margin:0;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:1.2px;
  color:#000;
}

.articles-detail__text{
  margin:0;
}

.articles-detail__text,
.articles-detail__text p{
  font-size:15px;
  font-style:normal;
  text-align:justify;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
}

.articles-detail__text p{
  margin-bottom:30px;
}

.articles-detail__text a{
  text-decoration:underline;
  -webkit-transition:opacity 0.3s ease;
  transition:opacity 0.3s ease;
}
.articles-detail__text a:hover{
  opacity:0.8;
}
.articles-detail__figure{
  margin:0;
}

.articles-detail__hero .articles-detail__figure{
  margin-top:0;
}

.content-chart{
  margin-bottom:40px;
}
.articles-detail__caption{
  margin:16px 0 0;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  letter-spacing:-0.03em;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:12px;
}

.articles-detail__caption-line{
  width:24px;
  height:1px;
  background-color:#A0A0A0;
  -webkit-box-flex:0;
      -ms-flex:0 0 24px;
          flex:0 0 24px;
  margin-top:10px;
}
.articles-detail__caption-text{
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  letter-spacing:-0.03em;
  color:#555;
}
.content-timeline{
  margin:0 auto;
  padding:0;
  position:relative;
  max-width:620px;
}

.content-timeline::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:56px;
  width:1px;
  background-image:radial-gradient(circle, #D0D0D0 1px, transparent 1px);
  background-size:1px 4px;
  background-repeat:repeat-y;
  background-position:center top;
}
.content-timeline__row{
  margin:0;
  padding:0 0 24px;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:36px 42px 1fr;
  grid-template-columns:36px 1fr;
  -webkit-column-gap:42px;
     -moz-column-gap:42px;
          column-gap:42px;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:start;
}
.content-timeline__row:last-child{
  padding-bottom:0;
}

.content-timeline__time{
  margin:0;
  padding:0;
  text-align:right;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:0.9px;
  white-space:nowrap;
}

.content-timeline__body{
  margin:0;
  padding:0;
  min-width:0;
}

.content-timeline__title{
  margin:0;
  padding:0;
  font-size:17px;
  font-style:normal;
  font-weight:700;
  line-height:200%;
  letter-spacing:0.54px;
  color:#000;
}

.content-timeline__text{
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
  color:#000;
}
.content-keyword-box{
  margin-top:70px;
  padding:55px 20px;
  background-color:#E6E4E0;
}
.content-keyword-box__title{
  margin:0;
  text-align:center;
  font-size:17px;
  font-style:normal;
  font-weight:700;
  line-height:155%;
  letter-spacing:-0.03em;
  color:#000;
}

.content-keyword-box__list{
  list-style:none;
  margin:30px 0 0;
  padding:0;
}
.content-keyword-box__item{
  margin:0;
}

.content-keyword-box__item + .content-keyword-box__item{
  margin-top:22px;
}
.content-keyword-box__head{
  margin:0;
  padding-left:26px;
  font-size:15px;
  font-style:normal;
  font-weight:700;
  line-height:200%;
  letter-spacing:-0.03em;
  color:#000;
  position:relative;
}
.content-keyword-box__head::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:26px;
  height:30px;
  background-image:radial-gradient(circle 2px, #000 99%, transparent 100%);
  background-repeat:no-repeat;
  background-position:center;
  background-size:4px 4px;
}

.content-keyword-box__text{
  margin:0;
  padding-left:26px;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
  color:#000;
}

.bgm__spotify{
  margin-top:40px;
}

.bgm__tracks{
  margin-top:40px;
}

.bgm__track{
  margin-bottom:20px;
}

.bgm__track-title,
.bgm__track-text{
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
}

.bgm__track-title{
  font-weight:700;
  letter-spacing:0.9px;
}
.content-products{
  min-width:0;
}

.content-products--single .content-products__grid{
  -ms-grid-columns:1fr;
  grid-template-columns:1fr;
  width:47.6608187135%;
  margin:40px auto 0 auto;
}
.articles-detail__section:has(.content-products){
  max-width:528px;
  margin-left:auto;
  margin-right:auto;
}
.articles-detail__section:has(.content-products):has(.content-products--3col){
  max-width:800px;
}
.articles-detail__section:has(.content-products) .articles-detail__heading{
  text-align:center;
  margin-top:60px;
}
.articles-detail__section:has(.content-products) .articles-detail__text{
  margin-top:40px;
}

.content-products--grid{
  max-width:528px;
  margin-left:auto;
  margin-right:auto;
}

.content-products__grid{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:minmax(0, 1fr) 16px minmax(0, 1fr);
  grid-template-columns:repeat(2, minmax(0, 1fr));
  -webkit-column-gap:16px;
     -moz-column-gap:16px;
          column-gap:16px;
  row-gap:30px;
}
.content-products--3col .content-products__grid > .content-product-card:last-child:nth-child(odd){
  grid-column:1/-1;
  -ms-grid-column-align:center;
      justify-self:center;
  width:calc(50% - 8px);
}
.content-product-card{
  min-width:0;
  position:relative;
  height:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
}
.content-product-card.js-card{
  -webkit-transition:all 500ms;
  transition:all 500ms;
  cursor:pointer;
}
.content-product-card.js-card:hover{
  opacity:0.8;
}

.content-product-card__link{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  text-decoration:none;
}
.content-product-card__favorite,
.content-product-card__cart{
  position:relative;
  z-index:2;
}
.content-product-card__link:focus-visible{
  outline:2px solid #B9B9B9;
  outline-offset:3px;
}

.content-product-card__media{
  position:relative;
  width:100%;
  aspect-ratio:254/315;
  overflow:hidden;
  background-color:rgba(0, 0, 0, 0.03);
}

.content-product-card__image{
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
}

.content-product-card__favorite{
  position:absolute;
  right:0;
  bottom:0;
  width:32px;
  height:32px;
  padding:0;
  display:-ms-grid;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.content-product-card__favorite:focus-visible{
  outline:2px solid rgba(19, 19, 19, 0.5);
  outline-offset:2px;
}

.content-product-card__favorite svg{
  display:block;
}

.content-product-card__favorite svg path{
  fill:#B9B9B9;
}

.content-product-card__favorite.is-favorited svg path{
  fill:#BF3B2D;
}

.content-product-card__info{
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  min-height:0;
}

.content-product-card__badges{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  gap:3px;
  margin-top:9px;
}

.content-product-card__badge{
  display:inline-block;
  padding:6px 6px;
  border-radius:12px;
  border:1px solid #7F7F7F;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:0.36px;
  height:26px;
  color:#000;
}

.content-product-card__name{
  margin:10px 0 0;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:-0.03em;
  color:#000;
}
.content-product-card__bottom{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 10px 40px;
  grid-template-columns:1fr 40px;
  -ms-grid-rows:auto 6px auto;
  grid-template-rows:auto auto;
  -webkit-column-gap:10px;
     -moz-column-gap:10px;
          column-gap:10px;
  row-gap:6px;
  -webkit-box-align:end;
      -ms-flex-align:end;
          align-items:end;
  padding-top:20px;
}
.content-product-card__bottom > *:nth-child(1){
  -ms-grid-row:1;
  -ms-grid-column:1;
}
.content-product-card__bottom > *:nth-child(2){
  -ms-grid-row:1;
  -ms-grid-column:3;
}
.content-product-card__bottom > *:nth-child(3){
  -ms-grid-row:3;
  -ms-grid-column:1;
}
.content-product-card__bottom > *:nth-child(4){
  -ms-grid-row:3;
  -ms-grid-column:3;
}
.content-product-card__rating{
  margin:0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:6px;
}
.content-product-card__stars{
  --star-size:14px;
  --rating:0;
  display:inline-block;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  width:calc(var(--star-size) * 5);
  height:var(--star-size);
  position:relative;
  line-height:1;
  background-image:url("/assets/images/common/stars-outline-5.svg");
  background-repeat:no-repeat;
  background-position:left center;
  background-size:calc(var(--star-size) * 5) var(--star-size);
}
.content-product-card__stars::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:calc(var(--rating) / 5 * 100%);
  background-image:url("/assets/images/common/stars-filled-5.svg");
  background-repeat:no-repeat;
  background-position:left center;
  background-size:calc(var(--star-size) * 5) var(--star-size);
}

.content-product-card__count{
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:150%;
  letter-spacing:0.33px;
}

.content-product-card__cart{
  margin:0;
  -ms-grid-column:2;
  grid-column:2;
  -ms-grid-row:1;
  -ms-grid-row-span:2;
  grid-row:1/3;
  width:40px;
  height:40px;
  padding:0;
  display:-ms-grid;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.content-product-card__cart:focus-visible{
  outline:2px solid rgba(19, 19, 19, 0.5);
  outline-offset:2px;
}

.content-product-card__cart img{
  -webkit-transition:opacity 0.25s ease;
  transition:opacity 0.25s ease;
}

.content-product-card__cart::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("/assets/images/common/btn-cart_ov.svg") center/contain no-repeat;
  opacity:0;
  -webkit-transition:opacity 0.25s ease;
  transition:opacity 0.25s ease;
}

.content-product-card__cart:hover img{
  opacity:0;
}

.content-product-card__cart:hover::after{
  opacity:1;
}

.content-product-card__price{
  margin:0;
  -ms-grid-column:1;
  grid-column:1;
  -ms-grid-row:2;
  grid-row:2;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:150%;
  letter-spacing:0.42px;
  color:#000;
}

.content-product-card__tax{
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:150%;
  letter-spacing:0.33px;
}
@supports (grid-template-rows: subgrid){
  :is(.content-products--grid, .content-products--3col) .content-products__grid{
    row-gap:0;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card{
    display:-ms-grid;
    display:grid;
    -ms-grid-rows:subgrid;
    grid-template-rows:subgrid;
    -ms-grid-row-span:4;
    grid-row:span 4;
    position:relative;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__media{
    -ms-grid-row:1;
    grid-row:1;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card:nth-child(n+3) .content-product-card__media{
    margin-top:30px;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__info{
    display:contents;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__badges{
    -ms-grid-row:2;
    grid-row:2;
    -ms-grid-row-align:start;
        align-self:start;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-column-gap:3px;
       -moz-column-gap:3px;
            column-gap:3px;
    row-gap:3px;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__name{
    -ms-grid-row:3;
    grid-row:3;
    -ms-grid-row-align:start;
        align-self:start;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__bottom{
    -ms-grid-row:4;
    grid-row:4;
    -ms-grid-row-align:end;
        align-self:end;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__link{
    position:absolute;
    inset:0;
    z-index:1;
    display:block;
  }
  :is(.content-products--grid, .content-products--3col) .content-product-card__favorite,
  :is(.content-products--grid, .content-products--3col) .content-product-card__cart{
    z-index:2;
  }
  @media only screen and (min-width: 768px){
    :is(.content-products--grid, .content-products--3col) .content-product-card:nth-child(n+3) .content-product-card__media{
      margin-top:35px;
    }
    :is(.content-products--3col) .content-product-card:nth-child(n+4) .content-product-card__media{
      margin-top:35px;
    }
    :is(.content-products--3col) .content-product-card:nth-child(3) .content-product-card__media{
      margin-top:0;
    }
    :is(.content-products--grid, .content-products--3col) .content-product-card__badges{
      row-gap:4px;
    }
  }
}
.content-video{
  margin:0;
}

.content-video__frame{
  position:relative;
  aspect-ratio:16/9;
  background-color:#000;
  overflow:hidden;
  cursor:pointer;
}
.content-video__frame--playing{
  cursor:default;
}
.content-video__frame--playing .content-video__thumbnail,
.content-video__frame--playing .content-video__play{
  display:none;
}

.content-video__thumbnail{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  -o-object-fit:cover;
     object-fit:cover;
  -webkit-transition:opacity 200ms;
  transition:opacity 200ms;
}
.content-video__frame:hover .content-video__thumbnail{
  opacity:0.8;
}

.content-video__play{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:60px;
  height:60px;
  background:rgba(255, 255, 255, 0.92);
  border:none;
  border-radius:50%;
  cursor:pointer;
  display:-ms-grid;
  display:grid;
  place-items:center;
  pointer-events:none;
}

.content-video__iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.content-video__player{
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  position:absolute;
  inset:0;
}

.content-video__caption{
  margin:16px 0 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:12px;
}

.content-video__caption-line{
  width:24px;
  height:1px;
  background-color:#A0A0A0;
  -webkit-box-flex:0;
      -ms-flex:0 0 24px;
          flex:0 0 24px;
  margin-top:10px;
}

.content-video__caption-text{
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  letter-spacing:-0.03em;
  color:#555;
}
.content-hr{
  margin:70px 0 0;
  border:0;
  border-top:1px solid #D0D0D0;
}
.content-step-list{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  border-top:1px solid rgba(0, 0, 0, 0.1);
}

.content-step-list__item{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  gap:18px;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  padding:18px 0;
  border-bottom:1px solid rgba(0, 0, 0, 0.1);
}

.content-step-list__num{
  width:44px;
  font-size:12px;
  font-weight:400;
  letter-spacing:1.2px;
  color:#000;
}

.content-step-list__title{
  font-size:16px;
  font-weight:700;
  line-height:1.6;
  letter-spacing:0.8px;
  color:#000;
}
.content-disclosure--panel{
  background-color:#E6E4E0;
  padding:16px;
  margin-top:40px;
}
.content-disclosure__summary{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:0;
  cursor:pointer;
}

.content-disclosure__label{
  font-size:15px;
  line-height:1.7;
  letter-spacing:-0.03em;
  font-weight:600;
}
.content-disclosure__icon{
  position:relative;
  width:14px;
  height:8px;
  -ms-flex-negative:0;
      flex-shrink:0;
}

.content-disclosure__icon::before{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  width:14px;
  height:8px;
  -webkit-transform:rotate(180deg);
          transform:rotate(180deg);
  background-image:url(/assets/images/common/accordion-arrow.svg);
  background-repeat:no-repeat;
  -webkit-transition:-webkit-transform 0.2s ease;
  transition:-webkit-transform 0.2s ease;
  transition:transform 0.2s ease;
  transition:transform 0.2s ease, -webkit-transform 0.2s ease;
}
details[open] .content-disclosure__icon::before{
  -webkit-transform:rotate(0deg);
          transform:rotate(0deg);
}

.content-disclosure__body{
  margin-top:14px;
  padding-top:21px;
  border-top:1px solid #D0D0D0;
}
.photo-credit{
  margin-top:70px;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:155%;
  letter-spacing:0.78px;
}
.photo-credit .text-en{
  font-family:"Libre Baskerville", serif;
  letter-spacing:0.65px;
  padding-right:10px;
}

.content-callout{
  padding:55px 20px;
  margin-top:70px;
}
.content-callout .articles-detail__text{
  margin-top:30px;
}
.content-callout .articles-detail__text p:last-child{
  margin-bottom:0;
}

.content-callout--beige{
  background-color:#E6E4E0;
}

.content-callout__head{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-column-gap:10px;
     -moz-column-gap:10px;
          column-gap:10px;
}

.content-callout__title{
  font-size:17px;
  font-style:normal;
  font-weight:700;
  line-height:155%;
  letter-spacing:2.04px;
}

.content-callout__icon{
  width:21px;
  height:21px;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  color:#5f5f5f;
}

.content-callout__icon svg{
  width:100%;
  height:100%;
  display:block;
}
.content-structured__section{
  padding-top:0;
}

.content-structured__section + .content-structured__section{
  margin-top:26px;
  padding-top:26px;
  border-top:1px solid rgba(19, 19, 19, 0.1);
}
.content-structured__section-title{
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:200%;
  letter-spacing:-0.03em;
  margin:0 0 20px;
}
.content-structured__section-body{
  min-width:0;
}
.content-structured__subhead{
  margin:20px 0 0 0;
  font-size:14px;
  font-style:normal;
  font-weight:600;
  line-height:200%;
  letter-spacing:1.68px;
}
.content-structured__dl{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  row-gap:0;
}
.content-structured__dl a{
  text-decoration:underline;
  text-decoration-color:#A0A0A0;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}

.content-structured__row{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:fit-content(70%) 6px 1fr 6px -webkit-max-content;
  -ms-grid-columns:fit-content(70%) 6px 1fr 6px max-content;
  grid-template-columns:fit-content(70%) 1fr -webkit-max-content;
  grid-template-columns:fit-content(70%) 1fr max-content;
  -webkit-column-gap:6px;
     -moz-column-gap:6px;
          column-gap:6px;
  -webkit-box-align:baseline;
      -ms-flex-align:baseline;
          align-items:baseline;
  background-image:url(/assets/images/common/dotline.png);
  background-repeat:repeat-x;
  background-position:center center;
}

.content-structured__term,
.content-structured__desc{
  background-color:#E6E4E0;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:200%;
  letter-spacing:-0.03em;
}

.content-structured__term{
  min-width:0;
  padding-right:10px;
  -ms-grid-column:1;
  grid-column:1;
}

.content-structured__desc{
  -ms-grid-column:3;
  grid-column:3;
  white-space:nowrap;
  text-align:right;
  padding-left:10px;
  letter-spacing:1.2px;
}
.content-structured__steps{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  row-gap:14px;
}

.content-structured__step{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-column-gap:12px;
     -moz-column-gap:12px;
          column-gap:12px;
}

.content-structured__step-num{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  letter-spacing:0.84px;
  -ms-flex-negative:0;
      flex-shrink:0;
  -webkit-transform:translateY(-1px);
          transform:translateY(-1px);
}

.content-structured__step-text{
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:180%;
  min-width:0;
  letter-spacing:-0.03em;
}

.articles-detail__grid-2{
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr 10px 1fr;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.content-actions{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:16px;
  margin-top:70px;
}
.content-actions__fav,
.content-actions__share{
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  border:none;
  background:transparent;
  padding:0;
  font:inherit;
  color:#5F5F5F;
  cursor:pointer;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:10px;
  line-height:1;
  vertical-align:middle;
  white-space:nowrap;
}

.content-actions__fav{
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:-0.03em;
  border-bottom:solid 1px #A0A0A0;
  padding-bottom:4px;
  gap:4px;
}

.content-actions__share{
  font-family:"Libre Baskerville", serif;
  color:#414141;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:0.45px;
}

.content-actions__fav .icon,
.content-actions__share span[aria-hidden=true]{
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-flex:0;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
}

.content-actions__fav svg,
.content-actions__share svg{
  display:block;
}

.content-actions__fav:focus-visible,
.content-actions__share:focus-visible{
  outline:2px solid #B9B9B9;
  outline-offset:3px;
}

.content-actions__fav:hover,
.content-actions__share:hover{
  opacity:0.8;
}
.content-actions__fav:disabled{
  opacity:1;
  cursor:default;
  color:#A0A0A0;
}
.content-actions__fav:disabled:hover{
  opacity:1;
}
.content-enquete{
  margin-top:70px;
  text-align:center;
}
.content-enquete__btn{
  display:block;
  width:100%;
  max-width:420px;
  margin:0 auto;
  padding:14px 0;
  border-radius:5px;
  border:1px solid #B4B4B4;
  background:transparent;
  color:#000;
  text-decoration:none;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:150%;
  letter-spacing:-0.03em;
}
.content-enquete__btn{
  -webkit-transition:background-color 0.3s ease;
  transition:background-color 0.3s ease;
}

.content-enquete__btn:hover{
  background-color:#D5D2CA;
}

.content-enquete__btn:focus-visible{
  outline:2px solid #B9B9B9;
  outline-offset:3px;
}

.content-enquete__note{
  margin:10px 0 0;
  font-size:15px;
  font-style:normal;
  font-weight:400;
  line-height:175%;
  letter-spacing:-0.03em;
  color:#000;
}
.content-share-modal{
  display:none;
}

.content-share-modal.is-open{
  display:block;
}

.content-share-modal__overlay{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.3);
  z-index:1000;
}

.content-share-modal__panel{
  position:fixed;
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
  width:342px;
  max-width:calc(100% - 32px);
  background:#fff;
  border-radius:8px;
  -webkit-box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow:1px 2px 4px 0 rgba(0, 0, 0, 0.25);
  z-index:1001;
  padding:20px 16px 24px 16px;
}

.content-share-modal__header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  gap:12px;
}

.content-share-modal__title{
  margin:0;
  font-size:14px;
  letter-spacing:1px;
}

.content-share-modal__close{
  width:16px;
  height:16px;
  background:#fff;
  border-radius:6px;
  line-height:1;
}

.content-share-modal__divider{
  border:0;
  border-top:1px solid #D4D3CE;
  margin:20px 0;
}

.content-share-modal__list{
  list-style:none;
  padding:0;
  margin:8px 0;
  display:-ms-grid;
  display:grid;
  gap:8px;
}

.content-share-modal__item{
  margin:0;
}

.content-share-modal__button{
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  gap:20px;
  padding:19px 19px;
  border:0;
  background:transparent;
  text-align:left;
  border-radius:5px;
  border:1px solid #E6E4E0;
  cursor:pointer;
  font-size:14px;
  font-family:"Libre Baskerville", serif, YakuHanMP, "Shippori Mincho", serif, serif;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:0.42px;
}

.content-share-modal__button:hover{
  background:#F4F4F4;
}

.content-share-modal__icon{
  width:24px;
  display:-webkit-inline-box;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}

.js-share-copy .content-share-modal__icon{
  width:18px;
}

.js-share-x .content-share-modal__icon{
  width:16px;
}

.js-share-line .content-share-modal__icon{
  width:18px;
}

.js-share-facebook .content-share-modal__icon{
  width:18px;
}
.articles-detail__latest{
  margin-top:70px;
  padding-top:27px;
  border-top:1px solid #D0D0D0;
}
.articles-detail__latest .articles-detail__heading{
  font-size:17px;
  font-style:normal;
  font-weight:600;
  line-height:150%;
}

.articles-detail__latest-list{
  list-style:none;
  margin:27px 0 0;
  padding:0;
  border-top:1px solid #D0D0D0;
}

.articles-detail__latest-item{
  border-bottom:1px solid #D0D0D0;
}

.articles-detail__latest-link{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  gap:13px;
  padding:13px 0;
  color:inherit;
  text-decoration:none;
  position:relative;
  -webkit-transition:opacity 0.25s ease;
  transition:opacity 0.25s ease;
}
.articles-detail__latest-stretched{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}

.articles-detail__latest-thumb{
  -webkit-box-flex:0;
      -ms-flex:0 0 98px;
          flex:0 0 98px;
  width:98px;
}

.articles-detail__latest-thumb .articles-detail__image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:98/114;
  -o-object-fit:cover;
     object-fit:cover;
}

.articles-detail__latest-body{
  min-width:0;
  -webkit-box-flex:1;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:10px;
}

.articles-detail__latest-title{
  margin:0;
  font-size:15px;
  font-style:normal;
  font-weight:600;
  line-height:150%;
  letter-spacing:-0.03em;
  color:#000;
}

.articles-detail__latest-meta{
  margin:0;
  font-size:11px;
  font-style:normal;
  font-weight:400;
  line-height:100%;
  letter-spacing:0px;
  color:#414141;
  position:relative;
  padding-left:16px;
}
.articles-detail__latest-meta::before{
  content:"";
  display:inline-block;
  width:11px;
  height:11px;
  position:absolute;
  left:0;
  top:0;
  background-repeat:no-repeat;
  background-size:11px 11px;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='11'%20viewBox='0%200%2011%2011'%20fill='none'%3E%3Cpath%20d='M4.45355%209.39564L8.01618%205.74089C8.07875%205.6767%208.11377%205.5906%208.11377%205.50095C8.11377%205.41131%208.07875%205.32521%208.01618%205.26102L4.45355%201.60489C4.42441%201.57496%204.38956%201.55116%204.35106%201.53492C4.31257%201.51867%204.27121%201.5103%204.22943%201.5103C4.18765%201.5103%204.14629%201.51867%204.10779%201.53492C4.0693%201.55116%204.03445%201.57496%204.0053%201.60489C3.94533%201.66628%203.91176%201.7487%203.91176%201.83452C3.91176%201.92034%203.94533%202.00275%204.0053%202.06414L7.35549%205.50095L4.0053%208.93708C3.94554%208.99844%203.91209%209.08071%203.91209%209.16636C3.91209%209.25202%203.94554%209.33428%204.0053%209.39564C4.03445%209.42558%204.0693%209.44937%204.10779%209.46562C4.14629%209.48187%204.18765%209.49024%204.22943%209.49024C4.27121%209.49024%204.31257%209.48187%204.35106%209.46562C4.38956%209.44937%204.42441%209.42558%204.45355%209.39564Z'%20fill='%231D1C1C'/%3E%3C/svg%3E");
}
.articles-detail__latest-meta a{
  position:relative;
  z-index:2;
  -webkit-transition:all 500ms;
  transition:all 500ms;
}

.articles-detail__latest-date{
  font-size:12px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:1.44px;
  color:#555;
  margin-top:auto;
}
.articles-detail__recommend{
  margin-top:70px;
}

.articles-detail__recommend-heading{
  text-align:center;
  margin:0;
}

.articles-detail__recommend-list{
  list-style:none;
  margin:40px 0 0;
  padding:0;
  display:-ms-grid;
  display:grid;
  -ms-grid-columns:1fr;
  grid-template-columns:1fr;
  row-gap:40px;
}

.articles-detail__recommend-item{
  min-width:0;
}

.articles-detail__recommend-link{
  display:block;
  color:inherit;
  text-decoration:none;
  -webkit-transition:opacity 0.25s ease;
  transition:opacity 0.25s ease;
}

.articles-detail__recommend-media{
  width:100%;
}

.articles-detail__recommend-image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  -o-object-fit:cover;
     object-fit:cover;
}

.articles-detail__recommend-body{
  margin-top:16px;
}

.articles-detail__recommend-category{
  margin:0;
  font-size:13px;
  font-style:normal;
  font-weight:400;
  line-height:150%;
  letter-spacing:-0.03em;
  color:#666;
}

.articles-detail__recommend-text{
  margin:8px 0 0;
  font-size:16px;
  font-style:normal;
  font-weight:600;
  line-height:155%;
  letter-spacing:-0.03em;
  color:#000;
}

.bg-light-beige{
  position:relative;
  z-index:0;
  padding-top:70px;
  padding-bottom:70px;
}

.bg-light-beige::before{
  content:"";
  position:absolute;
  top:0;
  right:auto;
  bottom:0;
  left:50%;
  width:100vw;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  background-color:#F3F2EE;
  z-index:-1;
}

@media only screen and (min-width: 768px){
  .content-media-slider__pagination{
    -webkit-column-gap:8px;
       -moz-column-gap:8px;
            column-gap:8px;
    left:30px !important;
    right:30px !important;
    bottom:19px !important;
  }
  .content-media-slider__bullet{
    height:2px;
  }
  .content-media-slider__bullet--active{
    background:rgb(255, 255, 255);
  }
  .content-media-slider__caption-text{
    padding-left:40px;
  }
  .content-media-slider__caption-text::before{
    width:29px;
  }
  .content-media-slider__nav--prev{
    left:-71px;
  }
  .content-media-slider__nav--next{
    right:-71px;
  }
  .content-media-slider__nav-icon--sp{
    display:none;
  }
  .content-media-slider__nav-icon--pc{
    display:block;
  }
  .articles__header{
    padding:100px 0 99px;
  }
  .articles__title{
    font-size:24px;
    line-height:150%;
  }
  .articles__titleLine{
    height:40px;
    margin-top:37px;
  }
  .articles__lead{
    font-size:13px;
    margin-top:37px;
  }
  .articles__list{
    -ms-grid-columns:minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr);
    grid-template-columns:repeat(3, minmax(0, 1fr));
    -webkit-column-gap:20px;
       -moz-column-gap:20px;
            column-gap:20px;
    row-gap:55px;
  }
  .article-card__meta{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:baseline;
        -ms-flex-align:baseline;
            align-items:baseline;
    gap:10px;
    margin-bottom:12px;
  }
  .article-card__date,
  .article-card__category{
    font-size:13px;
    display:inline;
  }
  .article-card__title{
    font-size:15px;
  }
  .article-card__body{
    padding-top:14px;
  }
  .article-card__title{
    font-size:14px;
    letter-spacing:-0.03em;
  }
  .article-card__titleSub{
    font-size:14px;
    letter-spacing:0.7px;
  }
  .articles__pagination{
    margin-top:124px;
  }
  .articles-detail__hero{
    width:100%;
    margin:90px 0 0 0;
  }
  .articles-detail__header{
    padding-top:70px;
  }
  .articles-detail__date{
    font-size:15px;
  }
  .articles-detail__meta-dash{
    margin:24px 0 0 0;
  }
  .articles-detail__title{
    margin-top:24px;
    font-size:28px;
  }
  .articles-detail__subtitle{
    margin:20px 0 0;
  }
  .articles-detail__lead{
    margin:50px 0 0;
  }
  .articles-detail__tags{
    margin:50px 0 0;
    gap:20px;
  }
  .articles-detail__tag:hover{
    opacity:0.8;
  }
  .articles-detail__profile{
    margin-top:64px;
  }
  .articles-detail__profile-card{
    padding:40px 46px;
  }
  .articles-detail__profile-name{
    margin:0;
  }
  .articles-detail__profile-inner{
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
        -ms-flex-direction:row;
            flex-direction:row;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:flex-start;
    gap:46px;
  }
  .articles-detail__profile-media{
    -webkit-box-flex:0;
        -ms-flex:0 0 184px;
            flex:0 0 184px;
    max-width:184px;
  }
  .articles-detail__profile-body{
    -webkit-box-flex:1;
        -ms-flex:1 1 auto;
            flex:1 1 auto;
  }
  .articles-detail__profile-text{
    margin-top:18px;
  }
  .articles-detail__profile-text p + p{
    margin-top:16px;
  }
  .articles-detail__section{
    margin-top:100px;
  }
  .articles-detail__section > * + *{
    margin-top:50px;
  }
  .articles-detail__section > * + .articles-detail__kicker{
    margin-top:50px;
  }
  .articles-detail__section > * + .articles-detail__heading{
    margin-top:50px;
  }
  .articles-detail__section > * + .articles-detail__text{
    margin-top:50px;
  }
  .articles-detail__section > * + .articles-detail__figure{
    margin-top:50px;
  }
  .articles-detail__section > * + .content-video{
    margin-top:50px;
  }
  .articles-detail__section > * + .content-timeline{
    margin-top:50px;
  }
  .articles-detail__section > * + .content-keyword-box{
    margin-top:100px;
  }
  .articles-detail__section > .articles-detail__text + .articles-detail__kicker{
    margin-top:50px;
  }
  .articles-detail__section > .articles-detail__text + .content-callout{
    margin-top:100px;
  }
  .articles-detail__section > .articles-detail__text + .content-disclosure--panel{
    margin-top:50px;
  }
  .articles-detail__section > .articles-detail__text + .photo-credit{
    margin-top:100px;
  }
  .articles-detail__section > .articles-detail__text + .bgm__spotify{
    margin-top:50px;
  }
  .articles-detail__section > .articles-detail__text + .bgm__tracks{
    margin-top:50px;
  }
  .articles-detail__section > .articles-detail__text + .content-products{
    margin-top:50px;
  }
  .articles-detail__section > .articles-detail__kicker + .articles-detail__heading{
    margin-top:14px;
  }
  .articles-detail__heading{
    font-size:22px;
  }
  .content-chart{
    margin-bottom:60px;
  }
  .articles-detail__caption-line{
    width:29px;
    -webkit-box-flex:0;
        -ms-flex:0 0 29px;
            flex:0 0 29px;
    margin-top:12px;
  }
  .articles-detail__caption-text{
    font-size:13px;
    line-height:200%;
  }
  .content-timeline::before{
    left:78px;
  }
  .content-timeline__row{
    margin:0;
    padding:0 0 36px;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:36px 80px 1fr;
    grid-template-columns:36px 1fr;
    -webkit-column-gap:80px;
       -moz-column-gap:80px;
            column-gap:80px;
    -webkit-box-align:start;
        -ms-flex-align:start;
            align-items:start;
  }
  .content-keyword-box{
    margin-top:100px;
    padding:55px 50px;
  }
  .content-keyword-box__list{
    margin-top:40px;
  }
  .content-keyword-box__item + .content-keyword-box__item{
    margin-top:26px;
  }
  .bgm__spotify{
    margin-top:50px;
  }
  .bgm__tracks{
    margin-top:50px;
  }
  .content-products--single .content-products__grid{
    row-gap:28px;
    width:254px;
    max-width:254px;
    margin-top:50px;
  }
  .articles-detail__section:has(.content-products) .articles-detail__heading{
    margin-top:80px;
  }
  .articles-detail__section:has(.content-products) .articles-detail__text{
    margin-top:50px;
    max-width:528px;
    margin-left:auto;
    margin-right:auto;
  }
  .content-products__grid{
    -webkit-column-gap:20px;
       -moz-column-gap:20px;
            column-gap:20px;
    row-gap:35px;
  }
  .content-products--3col .content-products__grid{
    -ms-grid-columns:minmax(0, 1fr) 19px minmax(0, 1fr) 19px minmax(0, 1fr);
    grid-template-columns:repeat(3, minmax(0, 1fr));
    -webkit-column-gap:19px;
       -moz-column-gap:19px;
            column-gap:19px;
  }
  .content-products--3col .content-products__grid > .content-product-card:last-child:nth-child(odd){
    grid-column:auto;
    -ms-grid-column-align:auto;
        justify-self:auto;
    width:auto;
  }
  .content-product-card__badges{
    gap:4px;
    margin-top:12px;
  }
  .content-product-card__badge{
    font-size:13px;
    padding:6px 9px;
    border-radius:100px;
  }
  .content-product-card__name{
    line-height:160%;
  }
  .content-product-card__bottom{
    padding-top:12px;
  }
  .content-product-card__count{
    font-size:10px;
    letter-spacing:0.3px;
  }
  .content-product-card__price{
    font-size:13px;
    letter-spacing:0.39px;
  }
  .content-product-card__tax{
    font-size:10px;
    letter-spacing:0.3px;
  }
  .content-video__play{
    width:72px;
    height:72px;
  }
  .content-video__caption-line{
    width:29px;
    -webkit-box-flex:0;
        -ms-flex:0 0 29px;
            flex:0 0 29px;
    margin-top:12px;
  }
  .content-video__caption-text{
    font-size:13px;
  }
  .content-hr{
    margin-top:100px;
  }
  .content-disclosure--panel{
    padding:31px 60px;
    margin-top:50px;
  }
  .content-disclosure__label{
    font-size:18px;
  }
  .content-disclosure__body{
    margin-top:29px;
  }
  .photo-credit{
    margin-top:100px;
  }
  .content-callout{
    padding:55px 50px;
    margin-top:100px;
  }
  .content-callout .articles-detail__text{
    margin-top:40px;
  }
  .content-structured__section{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:180px 64px 1fr;
    grid-template-columns:180px 1fr;
    -webkit-column-gap:64px;
       -moz-column-gap:64px;
            column-gap:64px;
  }
  .content-structured__section + .content-structured__section{
    margin-top:32px;
    padding-top:32px;
  }
  .content-structured__section-title{
    margin:0;
    font-size:16px;
    letter-spacing:1.92px;
  }
  .content-structured__subhead{
    margin-top:30px;
    font-size:13px;
  }
  .content-structured__term,
  .content-structured__desc{
    font-size:15px;
  }
  .content-structured__step-num{
    font-size:15px;
    line-height:190%;
    letter-spacing:0.9px;
  }
  .content-structured__step-text{
    font-size:15px;
    line-height:190%;
  }
  .articles-detail__grid-2{
    gap:20px;
  }
  .content-actions{
    gap:24px;
    margin-top:100px;
  }
  .content-enquete{
    margin-top:100px;
  }
  .content-enquete__btn{
    max-width:420px;
    padding:18px 0;
    letter-spacing:-0.05em;
  }
  .content-enquete__note{
    margin-top:14px;
  }
  .content-share-modal__overlay{
    background:rgba(0, 0, 0, 0);
  }
  .content-share-modal__panel{
    width:270px;
    padding:18px 16px 18px 16px;
  }
  .content-share-modal__divider{
    margin:10px 0;
  }
  .content-share-modal__list{
    gap:2px;
  }
  .content-share-modal__button{
    padding:10px 17px;
    border:none;
    gap:13px;
    font-size:12px;
    letter-spacing:0.36px;
  }
  .js-share-copy .content-share-modal__icon{
    width:16px;
  }
  .js-share-x .content-share-modal__icon{
    width:11px;
  }
  .js-share-line .content-share-modal__icon{
    width:15px;
  }
  .js-share-facebook .content-share-modal__icon{
    width:15px;
  }
  .articles-detail__latest{
    margin-top:100px;
    padding-top:30px;
  }
  .articles-detail__latest .articles-detail__heading{
    font-size:19px;
  }
  .articles-detail__latest-list{
    margin-top:30px;
  }
  .articles-detail__latest-link{
    padding:15px 0;
  }
  .articles-detail__latest-link:hover{
    opacity:0.8;
  }
  .articles-detail__latest-title{
    font-size:16px;
    line-height:180%;
  }
  .articles-detail__latest-meta a:hover{
    opacity:0.8;
  }
  .articles-detail__recommend{
    margin-top:80px;
  }
  .articles-detail__recommend-list{
    -ms-grid-columns:1fr 20px 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap:20px;
       -moz-column-gap:20px;
            column-gap:20px;
    row-gap:50px;
    margin-top:50px;
  }
  .articles-detail__recommend-link:hover{
    opacity:0.8;
  }
  .articles-detail__recommend-body{
    margin-top:17px;
  }
  .articles-detail__recommend-category{
    font-size:14px;
    color:#414141;
  }
  .articles-detail__recommend-text{
    font-size:17px;
    line-height:150%;
  }
  .bg-light-beige{
    padding-top:100px;
    padding-bottom:100px;
  }
}

@media only screen and (min-width: 1025px){
  .articles__list{
    -ms-grid-columns:(minmax(0, 1fr))[4];
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .article-card:hover .article-card__img{
    -webkit-transform:scale(1.02);
            transform:scale(1.02);
    -webkit-transition:-webkit-transform 0.3s ease;
    transition:-webkit-transform 0.3s ease;
    transition:transform 0.3s ease;
    transition:transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .pagination{
    gap:22px;
  }
  .pagination__link,
  .pagination__text{
    font-size:13px;
    letter-spacing:2.4px;
  }
}