/** Shopify CDN: Minification failed

Line 7301:69 The "+" operator only works if there is whitespace on both sides

**/
/* 旧ヘッダー高さ変数（※コレクション専用に限定） */
/*:root {
  --header-height: 15rem;
}*/


/* ■■■■■■■■　共通設定　■■■■■■■■ */
body {
  -webkit-font-smoothing: antialiased;
}

img {
  width: 100%;
}

.header-wrapper--border-bottom {
  border: none;
}

.fv-swiper-container .swiper-wrapper {
  height: 100vh;
}

.common__title {
  margin-bottom: 6vh;
  text-align: center;
}

.common__mainTitle {
  font-size: 33px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin-bottom: 1rem;
}

.common__subTitle {
  font-size: 1.3rem;
  line-height: 1.75em;
  letter-spacing: 0.12em;
}

.font-red {
  color: red;
}

/*   .price{
    line-height:1.7!important;
    font-size:13px!important;
  }
 */
.fadeUp {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  transition: 1s;
}

.fadeUp.scrollUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.dBnlQt.dBnlQt.dBnlQt:checked + .sc-dlVyqM::before {
  background: rgba(var(--color-button), var(--alpha-button-background)) !important;
}


.common__detail__circleLink {
  font-family: "Lato", sans-serif;
  width: 145px;
  height: 145px;
  font-size: 15px;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.common__detail__circleLink:before {
  position: absolute;
  left: 0;
  top: 10px;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(110, 107, 104, 0.2);
  border-radius: 50%;
  background-color: transparent;
  transform: scale(1);
  transition: 0.4s;
}

.common__detail__circleLink:hover:before {
  transform: scale(0.88);
}

.common__detail__circleArrow {
  transform: translate(-50%, 0);
  position: absolute;
  left: 54%;
  right: 0;
  bottom: 17%;
  display: block;
  width: 3rem;
  height: 2.5rem;
  overflow: hidden;
}

.common__detail__circleArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 20px;
  height: 17px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
  background-repeat: no-repeat;
  background-size: cover;
}

.common__detail__circleLink:hover .common__detail__circleArrow:after {
  animation-name: circleLink_arrowAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes circleLink_arrowAnimation {
  0% {
    transform: translate(0%);
  }
  10% {
    transform: translate(0%);
  }
  49% {
    transform: translate(200%, 0%);
  }
  50% {
    transform: translate(0%, 200%);
  }
  51% {
    transform: translate(-200%, 0%);
  }
  90% {
    transform: translate(0%);
  }
  100% {
    transform: translate(0%);
  }
}

.sp-block {
  display: none;
}


.letter,
.letter2 {
  display: inline-block;
  letter-spacing: 0.22em;
  text-indent: 0;
}

.js-animation,
.js-animation2 {
  overflow: hidden;
}

.header__icon--cart > svg {
  display: none;
}

/* ローディング前 */

.gradient {
  background: #fff;
}

.gradient.is-gradientLoading {
  -webkit-transition: all 1s;
  transition: all 1s;
  background: rgb(var(--color-background));
  background: var(--gradient-background);
  background-attachment: fixed;
}

.header {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;

}

.header.is-headerLoading {
  opacity: 1;
}

main {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
}

main.is-mainLoading {
  opacity: 1;
}

/* ローディング画面 */
.u-loading {
  width: 100vw;
  height: 100vh;
  -webkit-transition: all 1s;
  transition: all 1s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  background: #fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  visibility: hidden;
}

.u-loading.is-active {
  opacity: 1;
  visibility: visible;
}

.u-loading.is-close {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes SlideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes SlideIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeLeft {
  -webkit-animation: 5s SlideIn infinite;
  animation: 5s SlideIn infinite;
  overflow: hidden;
}

.u-loading__text {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.u-loading__gradation {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  content: "";
}


.u-loading__gradation img {
  width: 180%;
  height: auto;
  -webkit-animation: 6s gradationOP;
  animation: 6s gradationOP linear;
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a");
}

@-webkit-keyframes gradationOP {
  0% {
    transform: translate(-33%, -12%) rotate(0deg);
  }
  100% {
    transform: translate(-28%, -10%) rotate(5deg);
  }
}

@keyframes gradationOP {
  0% {
    transform: translate(-40%, -12%) rotate(0deg);
  }
  40% {
    transform: translate(-25%, -7%) rotate(3deg);
  }
  70% {
    transform: translate(-10%, -7%) rotate(3deg);
  }
  100% {
    transform: translate(-1%, -3%) rotate(10deg);
  }
}

.u-loading__gradation--sp {
  display: none;
}

.u-loading__color {
  width: 140%;
  height: 100%;
  background: linear-gradient(110deg, rgba(220,68,34,.9),rgba(220,68,34,0) 39%), linear-gradient(110deg, rgba(220, 68, 34, 0.9), rgba(239, 148, 66, 0) 60.71%), linear-gradient(105deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 92.71%), linear-gradient(122deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 20.71%), linear-gradient(124deg, rgba(255, 200, 0, 0.8), rgba(239, 148, 66, 0) 50.71%), linear-gradient(270deg, rgb(18, 90, 168), rgba(24, 95, 172, 0) 93%), linear-gradient(270deg, rgba(0, 38, 153, 1), rgba(24, 95, 172, 0.5) 100%)
}

/* 追従カート追加ボタンセクション */
.product-form__submit:after {
  content: "";
  position: absolute;
  border: none;
  left: unset;
  top: 50%;
  right: 1.5rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("//daytune.jp/cdn/shop/files/icon_cart--top.svg?v=16273163651676861207");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: none;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.product-form__submit {
  transition: all 0.4s;
}
.product-form__submit:hover {
  opacity: 0.7;
}
/*   .product-form__buttons{
    max-width:44rem;
  }
   */
.p-target {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(217, 217, 217, 0.8);
  position: fixed;
  z-index: 999;
  padding: 20px;
}
.p-productinfo_item__image {
  width: 4%;
}
.p-productinfo_container {
  text-align: left;
  width: 25%;
  font-size: 1.6rem;
  line-height: 1.5;
}
.p-buybutton_container {
  margin-left: 5px;
  width: 25%;
}

.p-target .product-form__buttons {
  margin: 0 auto;
  background-color: #fff;
  /* padding:10px;*/
}

.p-target .product-form__submit {
  margin-bottom: 0;
  position: relative;
}


/* ■■■■■■■■　ヘッダー（整理版）■■■■■■■■ */


/* ヘッダー固定は section に一本化 */
#shopify-section-header{
  position: fixed !important;
  top: var(--dt-announcement-h, 0px) !important;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1100 !important;
}


/* グローバルナビの下に余白を追加 */
.header__inline-menu {
  margin-bottom: 0.3rem !important;
}

/* または、ナビを含むヘッダー全体の下部余白 */
.header {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}


header-drawer {
  justify-self: start;
  margin-left: -1.2rem;
  order: 2;
}

.header__heading-logo {
  max-width: px;
}

.header__menu-item {
  padding: 0 1.2vw !important;
  position: relative;
}

.header__menu-item span {
  color: #fff;
  font-family: 'Lato', sans-serif;
}

.header__menu-item:hover span {
  text-decoration: none;
}

.header__menu-item:hover:after {
  opacity: 1;
}

.header__menu-item:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  transform: translate(-50%, 0.5rem);
  border-radius: 100%;
  background-color: #ffffff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.header.change-color .header__menu-item:after {
  background-color: #6E6B68;
}
.list-menu__item--active:after {
  opacity: 1;
}

.header__icons svg path {
  fill: #fff;
}

.header__icons {
  width: 28vw;
  position: absolute;
  right: 24vw;
  padding-right: 5vw;
  height: 100%;
}

.header.change-color {
  z-index: 100;
  background-color: rgba(var(--color-background), 0.85);
  backdrop-filter: blur(10px);
  transition: 0.2s;
}

.header.change-color .header__menu-item span {
  color: #6E6B68;
  line-height: 1.7vw;
}

@media screen and (max-width: 989px) {
  .header__heading {
    width: 14rem;
    height: 3rem;
  }
}
@media screen and (min-width: 550px) {
  .header__icons {
    right: 14vw;
    width: 20vw;
    max-width: 150px;
  }
}
@media screen and (min-width: 990px) {
  .header__heading {
    width: 17vw;
    height: 5vw;
  }
  .header__icons {
    width: 5.7vw;
    position: unset;
    padding-right: 0;
  }

  .header--middle-left .header__inline-menu {
    margin-left: -7vw;
  }
}

.header__icon--menu span {
  color: #fff;
}


.header.change-color .header__icon--menu span {
  color: #6E6B68;
}

.header.change-color .menu-opening .header__icon--menu span {
  color: #fff;
}


.header__heading-link {
  background-image: url("//daytune.jp/cdn/shop/files/l-header__logo--top.svg?v=10188520623763140248");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30vw;
  width: 100%;
  height: inherit;
}

.header.change-color .header__heading-link {
  background-image: url("//daytune.jp/cdn/shop/files/l-header__logo.svg?v=16732415022668378059");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30vw;
}

.header__icon--account {
  background-image: url("//daytune.jp/cdn/shop/files/icon_mypage--top.svg?v=6799057942599682412");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.09vw;
}

.header.change-color .header__icon--account {
  background-image: url("//daytune.jp/cdn/shop/files/icon_mypage.svg?v=13158163714081119944");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.09vw;
}

.header__icon--cart {
  background-image: url("//daytune.jp/cdn/shop/files/icon_cart--top.svg?v=16273163651676861207");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.09vw;
}

.header.change-color .header__icon--cart {
  background-image: url("//daytune.jp/cdn/shop/files/icon_cart.svg?v=14647249714179533261");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 4.09vw;
}

@media screen and (min-width: 990px) {

  .header__heading-link {
    background-image: url("//daytune.jp/cdn/shop/files/l-header__logo--top.svg?v=10188520623763140248");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9vw;
    width: 100%;
    height: inherit;
  }

  .header.change-color .header__heading-link {
    background-image: url("//daytune.jp/cdn/shop/files/l-header__logo.svg?v=16732415022668378059");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9vw;
  }

  .header__icon--account {
    background-image: url("//daytune.jp/cdn/shop/files/icon_mypage--top.svg?v=6799057942599682412");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.09vw;
  }

  .header.change-color .header__icon--account {
    background-image: url("//daytune.jp/cdn/shop/files/icon_mypage.svg?v=13158163714081119944");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.09vw;
  }

  .header__icon--cart {
    background-image: url("//daytune.jp/cdn/shop/files/icon_cart--top.svg?v=16273163651676861207");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.09vw;
  }

  .header.change-color .header__icon--cart {
    background-image: url("//daytune.jp/cdn/shop/files/icon_cart.svg?v=14647249714179533261");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.09vw;
  }
}



/* トップページのみ: FVをヘッダーに重ねる */
/*body:has(.p-top__eyecatchWrap) .p-top__eyecatchWrap {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}*/

/* トップページのみ: FV以降のコンテンツを下に配置 */
/*body:has(.p-top__eyecatchWrap) #shopify-section-template--19117432930406__166157126595050602 {
  margin-top: 100vh;
}*/









/* FV スライダー */
.swiper-slide-active .slide-img01,
.swiper-slide-duplicate-active .slide-img01,
.swiper-slide-prev .slide-img01 {
  animation: slideUp 20s linear 0s 1 normal both;
}

@keyframes slideUp {
  0% {
    transform: translateY(0) scale(1.1);
  }
  44% {
    transform: translateY(-8%) scale(1.1);
  }
  100% {
    transform: translateY(-12%) scale(1.1);
  }
}

.swiper-slide-active .slide-img02,
.swiper-slide-duplicate-active .slide-img02,
.swiper-slide-prev .slide-img02 {
  animation: slideZoom 20s linear 0s 1 normal both;
}

@keyframes slideZoom {
  0% {
    transform: translateY(-4%) scale(1);
  }
  /*     75% {
      transform: translateY(-4%) scale(1.2);
    } */
  100% {
    transform: translateY(-4%) scale(1.3);
  }
}

.swiper-slide-active .slide-img03,
.swiper-slide-duplicate-active .slide-img03,
.swiper-slide-prev .slide-img03 {
  animation: slideRight 20s linear 0s 1 normal both;
}

@keyframes slideRight {
  0% {
    transform: translateX(0) translateY(-9.3%) scale(1.13);
  }
  /*     75% {
      transform: translateX(10%) translateY(-7.3%) scale(1.13);
    } */
  100% {
    transform: translateX(15%) translateY(-9.3%) scale(1.13);
  }
}

.swiper-slide img {
  width: 100%;

}
.slide-img img {
  display: block;
}

.l-pageContents {
  position: relative;
}

.p-top__eyecatchWrap {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  /*     height:100vh; */
}

.p-top__eyecatch {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fadeUp {
  opacity: 0;
  transform: translate(0, 50px);
  -webkit-transform: translate(0, 50px);
  transition: 2s;
}

.fadeUp.scrollUp {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}

.p-top__eyecatch__logo {
  opacity: 0;
  width: 20vw;
  transition: all 1s;
  margin-bottom: 4rem;
  margin-left: auto;
  margin-right: auto;
}
.p-top__eyecatch__logo.is-show {
  opacity: 1;
}

.p-top__eyecatch__logo img {
  width: 100%;
}


.p-top__eyecatch__copy {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', sans-serif;
  opacity: 0;
  text-align: center;
  color: #fff;
}

.p-top__eyecatch__copy__ja {
  font-size: 1.2vw;
  letter-spacing: 0.22em;
  text-indent: 1em;
}

.p-top__eyecatch__copy__en {
  font-size: 1vw;
  margin-top: 1rem;
  letter-spacing: 0.084em;
}



/* ■■■■■■■■ コンセプト ■■■■■■■■ */
.concept__section {
  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1200px;
  position: relative;
  z-index: 1;
}

.concept__section p {
  margin: 0;
}

.concept__box {
  padding-top: 0;
  padding-bottom: 5%;
  display: flex;
  justify-content: space-between;
}

.concept__box__window {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 10%;
  width: 27%;
  height: 635px;
  display: block;
  overflow: hidden;
  content: "";
  z-index: 0;
  clip: rect(auto, auto, auto, auto);
}

.concept__box__gradation {
  /*     position: fixed; */
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*   background: linear-gradient(217deg, rgba(220,68,34,.8), rgba(220,68,34,0) 70.71%),
                  linear-gradient(180deg, rgba(220,68,34,.8), rgba(239,148,66,0) 70.71%),
                  linear-gradient(208deg, rgba(239,148,66,.8), rgba(239,148,66,0) 70.71%),
                  linear-gradient(360deg, rgba(24,95,172,.8), rgba(24,95,172,0) 100%); */
}

.concept__box__gradation canvas {
  height: 100vh;
  min-height: 1250px;
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a");
}
/*   @media screen and (min-width:1440px){
  .concept__box__gradation canvas {
    height: 150vh;
  }
  }
 */

.concept__box__color {
  width: 500%;
  height: 100%;
  background: linear-gradient(182deg, rgba(220,68,34,.9),rgba(220,68,34,0) 53%), linear-gradient(195deg, rgba(220, 68, 34, 0.9), rgba(239, 148, 66, 0) 67.71%), linear-gradient(195deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 75.71%), linear-gradient(180deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 99.71%), linear-gradient(180deg, rgb(255 200 0 / 80%), rgba(239, 148, 66, 0) 88.71%), linear-gradient(360deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 93%), linear-gradient(360deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 100%)
}

.gradationFadeUp {
  opacity: 0;
  top: 50px;
  transition: 2s;
}

.gradationFadeUp.gradationScrollUp {
  opacity: 1;
  top: 0;
}

.concept__box__detail {
  width: 50%;
  margin-left: 50%;
}

.concept__detail__mainTitle {
  font-size: 33px;
  line-height: 2;
  letter-spacing: 0.05em;
  margin: 0 !important;
}

.concept__detail__subTitle {
  font-size: 12px;
  line-height: 1.75em;
  letter-spacing: 0.12em;
}

.concept__detail__text {
  margin-top: 20px;
}
.concept__detail__text p {
  font-size: 15px;
  line-height: 2.35;
  letter-spacing: 0.1em;
}

.concept__detail__mainText {
  font-size: 12px;
  line-height: 2.35;
  letter-spacing: 0.1em;
}

.concept__detail__circle {
  margin-top: 10px;
}

/* シーン */

.scene__section p {
  margin: 0;
}
.scene__section {
  margin-top: 150px;
}


/* シーンスライダー */

.scene__slider__list {
  padding-left: 0;
}

.scene__slider__item {
  width: 68vw;
  margin-left: 20px;
}
.slick-dots {
  text-align: center;
  margin: 25px 0 0;
  padding: 0;
}
.slick-dots li {
  display: inline-block;
  margin: 0 1%;
}
.slick-dots button {
  color: transparent;
  outline: none;
  width: 5px; /*ドットボタンのサイズ*/
  height: 5px; /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #ccc; /*ドットボタンの色*/
  padding: 0;
  border: 0;
}
.slick-dots .slick-active button {
  background: #6E6B68; /*ドットボタンの現在地表示の色*/
}
.slide-arrow {
  bottom: 0;
  cursor: pointer;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}
.prev-arrow {
  left: 33%;
  top: 38.5vw;
  transform: rotate(180deg);
}
.next-arrow {
  right: 33%;
  top: 38.5vw;
}


.scene__slider__link {
  display: block;
  position: relative;
  transition: 0.2s;
}

.scene__slider__body {
  height: 95%;
  width: 30%;
  position: absolute;
  top: 0;
  right: 3.9%;
  z-index: 2;
  display: flex;
  background-color: rgba(110, 107, 104, 0.79);
  backdrop-filter: blur(18px);
  text-align: left;
}

.scene__slider__body__detail {
  height: 95%;
  width: 95%;
  display: flex;
  flex-direction: column;
}

.scene__slider__body__detail__title {
  padding: 25% 10% 10%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.scene__slider__body__detail__title__en {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  letter-spacing: 0.052em;
  color: rgba(255, 255, 255, 0.5);
  margin-bottom: 0;
}

.scene__slider__body__detail__title__jp {
  margin-top: 10px !important;
  font-size: 24px;
  line-height: 1.4;
  color: #fff;
  letter-spacing: 0.08em;
}

.scene__slider__body__detail__text {
  padding: 15% 10% 0 12%;
  font-size: 12px;
  color: #fff;
  line-height: 1.8;
  margin: 0;
}

.scene__slider__body__detail__link {
  font-family: "Lato", sans-serif;
  display: inline-block;
  font-size: 15px;
  letter-spacing: 0.02em;
  color: white;
  margin: auto auto 0 11%;
  padding: 10px 10px 30px 0;
  position: relative;
}

.scene__slider__body__detail__link__arrow {
  position: absolute;
  top: 27%;
  right: -35%;
  display: block;
  width: 17px;
  height: 14px;
  transform: translate(-50%, 0);
  overflow: hidden;
}

.scene__slider__body__detail__link__arrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 17px;
  height: 14px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next_white.svg?v=18058907336890223147");
  background-repeat: no-repeat;
  background-size: cover;
}

.scene__slider__link:hover .scene__slider__body__detail__link__arrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}

@keyframes sceneCard__body__detail__linkAnimation {
  0% {
    transform: translate(0%);
  }
  40% {
    transform: translate(200%, 0%);
  }
  45% {
    transform: translate(0%, 200%);
  }
  46% {
    transform: translate(-200%, 0%);
  }
  60% {
    transform: translate(0%);
  }
  100% {
    transform: translate(0%);
  }
}

.scene__slider__body__tag {
  width: 5%;
  padding: 20px 15px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.scene__slider__body__tag__text {
  font-family: "Lato", sans-serif;
  font-size: 10px;
  white-space: nowrap;
  color: white;
  transform: rotate(90deg);
}
.slick-slide img {
  width: 100%
}



/* ■■■■■■■■ 商品スライダー ■■■■■■■■*/

/* 商品 */

.product__section {
  margin-top: 120px;
}

/* 商品スライダー */

.product__section .swiper-container {
  height: 100%;
}

.product__section .product-swiper-wrapper {
  width: 100%;
  box-sizing: border-box;
}

.product__section .product__slider__item {
  ;
  /*     width: 20%!important; */
  /*     margin-left: 7px;
    margin-top: 7px; */
}

.product__section .product__slider__link {
  transition: 0.2s;
}

.product__section .product__slider__visual {
  position: relative;
}

.product__section .product__item__blend {
  padding: 15px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 99%;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  transition: all 0.4s;
  font-size: 1.6rem;
}

.product__section .product__item__photo,
.product__section .product__item__photo02 {
  aspect-ratio: 3 / 4;
}

.product__section .product__item__photoImage,
.product__section .product__item__photoImage02 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product__section .product__item__photo02 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}

.product__section .product__slider__link:hover .product__item__photo02 {
  opacity: 1;
}


.product__section .product__item__container {
  padding: 12px 0;
  font-size: 13px;
  line-height: 1.7;
}

.product__section .product__item__stock {
  color: #E9451F;
}

.product__section .product__detail__circleLink {
  margin: 0 auto;
}

/* ■■■■■■■■ サブスクリプション ■■■■■■■■*/

.subscription__section {
  margin-top: 150px;
  margin-bottom: 220px;
}

.subscription__section p {
  margin: 0;
}

.subscription__link {
  width: 85%;
  max-width: 1200px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.subscription__container {
  position: relative;
}

.subscription__body {
  position: absolute;
  top: 0;
  right: 7%;
  align-items: center;
  width: 40%;
  height: 100%;
  z-index: 2;
  display: flex;
}

.subscription__detail__title {
  margin-bottom: 10%;
  padding-bottom: 10%;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.subscription__detail__title .common__mainTitle {
  margin-top: 0;
  font-size: 28px;
  margin-bottom: 8px;
}

.subscription__detail__info .product__item__name {
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.6;
  text-indent: -0.5em;
}
.subscription__detail__info .product__item__etc {
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.subscription__detail__info .price__container {
  margin-top: 1rem;
  font-size: 1.5rem;
}
.subscription__detail__info .subscription__info__text {
  margin-top: 2rem;
}

.subscription__detail__info {
  margin-right: 10%;
}



.subscription__info__name {
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.subscription__info__price {
  margin-top: 5%;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.subscription__info__text {
  margin-top: 5%;
  font-size: 13px;
  letter-spacing: 0.11em;
  line-height: 1.6;
}

.subscription__info__link {
  margin-top: 10%;
}

.subscription__link__zone {
  font-family: "Lato", sans-serif;
  display: inline-block;
  font-size: 15px;
  background-repeat: no-repeat;
  background-size: 3.021rem;
  background-position: right center;
  letter-spacing: 0.02em;
  position: relative;
}

.subscription__link__zoneArrow {
  transform: translate(-50%, 0%);
  position: absolute;
  top: 23%;
  right: -63%;
  display: block;
  width: 20px;
  height: 30px;
  overflow: hidden;
}

.subscription__link__zoneArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 18px;
  height: 15px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next_darkgray.svg?v=1542499517535152852");
  background-repeat: no-repeat;
  background-size: cover;
  animation-name: circleLink_arrowAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* .subscription__link:hover .subscription__link__zoneArrow:after {
    animation-name: circleLink_arrowAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
  } */

.subscriptionCard__body__tag {
  width: 10%;
  height: 100%;
  padding-top: 7%;
  padding-left: 0;
  border-left: 1px solid rgba(110, 107, 104, 0.2);
}

.subscriptionCard__tag__text {
  transform: rotate(90deg);
  white-space: nowrap;
  font-family: "Lato", sans-serif;
  font-size: 1.2rem;
}

.subscription__photo {
  line-height: 0;
}

.subscription__photo:after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #66666680;
  opacity: 0;
  transition: all 0.4s;
}

.subscription__link:hover .subscription__photo:after {
  opacity: 1;
}

.subscription__photo img {
  width: 100%;
}



/* ■■■■■■■■ ピックアップニュース ■■■■■■■■*/
.p-pickupNewsList {
  display: flex;
  align-items: center;
}

.p-pickupNews {
  display: inline-flex;
  padding: 30px 40px;
  font-family: "Lato", sans-serif;
  transition: 0.2s;
}

.p-pickupNews:hover {
  opacity: 0.6;
}

.p-pickupNews__title {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 20px;
  font-size: 16px;
  letter-spacing: 0.06em;
  padding-right: 20px;
  border-right: 1px solid rgba(110, 107, 104, 0.2);
}

.p-pickupNewsList__item {
  display: flex;
  line-height: 25px;
}

.p-pickupNewsCard__date {
  font-size: 11px;
  letter-spacing: 0.06em;
  color: rgba(110, 107, 104, 0.5);
}

.p-pickupNewsCard__title {
  margin-left: 12px;
  font-size: 11px;
  letter-spacing: 0.075em;
}



/* ■■■■■■■■ チューニング ■■■■■■■■ */

.tuning__section {
  position: relative;
  width: 100%;
  height: 67vh;
  z-index: 1;
  margin-top: 20rem;
}

.tuning__section__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 500px;
  clip: rect(auto, auto, auto, auto);
}

.tuning__section__image {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100vh;
  background-image: url("//daytune.jp/cdn/shop/files/tuning_bg.jpg?v=2235644549012388450");
  background-size: cover;
  background-position: center;
}

.tuning__section__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  padding: 32px;
}

.tuning__section__text {
  font-size: 22px;
  color: #fff;
  z-index: 2;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  transform: translate(-50%, -50%);
}

/* ■■■■■■■■ SNS ■■■■■■■■ */
#insta-feed {
  max-width: 1200px;
}

.sns__section {
  margin-top: 70px;
  text-align: center;
}
/*   .sns__section .common__mainTitle{
    margin:0;
  }
 */
.sns__section .instagram__container {
  max-width: 1200px;
  margin: 0 auto;
}

.sns__section li {
  list-style: none;
}

.instagram__icon {
  width: 18px;
  margin: 0 auto;
}

.sns__list {
  margin: 30px auto 0;
  display: flex;
  justify-content: center;
}

.sns__item {
  margin-left: 40px;
  margin-right: 40px;
}

.sns__item__link {
  display: flex;
  align-items: center;
  line-height: 1;
}

.sns__icon {
  justify-content: center;
  align-items: center;
}

.sns__icon__facebook {
  width: 10px;
}

.sns__name {
  margin-left: 16px;
  font-size: 15px;
  letter-spacing: 0.04em;
  font-family: "Lato", sans-serif;
}

.sns__icon__twitter {
  width: 18px;
}

/* ■■■■■■■■ Share on ■■■■■■■■ */
.share__on__option {
  margin-top: 60px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
}

.share__on__option__container {
  display: flex;
}

.share__on__title {
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 4rem;
  font-size: 16px;
  letter-spacing: 0;
  padding-right: 4rem;
  border-right: 1px solid rgba(110, 107, 104, 0.2);
}

.share__on__sns__list {
  display: flex;
  align-items: center;
}

.share__on__sns__item {
  /*       width: 6rem; */
  margin-right: 4rem;
}

.share__on__sns__item:first-child {
  margin-left: 0;
}

.share__on__sns__link {
  width: auto;
  height: 1.5rem;
  display: flex;
  transition: 0.2s;
  justify-content: start;
}

.share__on__sns__item.twitter .share__on__sns__link {
  height: 1.2rem;
}

.share__on__sns__item.line .share__on__sns__link {
  height: 1rem;
}

.share__on__sns__link:hover {
  opacity: 0.6;
}

.share__on__sns__link img {
  width: unset;
}



/* ■■■■■■■■ Collectionページ ■■■■■■■■ */
/*   .section__container{
    margin-top:15rem;
  } */

.p-itemColumn .collection__section__title {
  line-height: 1;
  font-size: 2.8rem;
}
.p-itemColumn .collection__section__subtitle {
  margin-top: 1.5rem;
  line-height: 1.75;
  font-size: 1.3rem;
}

.collection__section__separate {
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  margin-top: 0;
  margin-bottom: 1rem;
}

.collection_subscription_block {
  margin-bottom: 4rem;
}

.nav__item__title__icon.close {
  transform: rotate(180deg);
}

.products__nav {
  display: none;
}

.products__nav__list {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  flex-wrap: wrap;
}

.products__item__title {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  letter-spacing: 0.05em;
  line-height: 2;
  color: rgba(255, 255, 255, 0.5);
}

.products__item__list {
  margin-right: 38px;
  margin-bottom: 20px;
}

.products__item__subItem {
  font-size: 11px;
  line-height: 1.8;
  color: #fff;
}

.products__item__subList {
  transition: 0.2s;
}

.products__item__subList:hover {
  opacity: 0.6;
}

.products__item__container {
  display: flex;
  justify-content: space-between;
}

.p-itemColumn {
  width: 90%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  max-width: 1200px;
}

.p-itemColumn__items {
  width: 75%;
  height: auto;
  content: "";
  display: inline-block;
}

.p-itemColumn__queries {
  width: 20%;
}

.p-itemQueries {
  position: relative;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  z-index: 1;
  margin: 0 0 4rem;
}

.p-itemQueries__item__title {
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
  position: relative;
  cursor: pointer;
}

.p-itemQueries__item__title p {
  font-size: 2rem;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.4;
  /*     color:#6E6B68; */
}

.p-itemQueries__item__title span {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 0;
  right: 0;
  display: block;
  content: "";
  margin-top: 0;
  background-image: url("//daytune.jp/cdn/shop/files/icon_nav02.png?v=16119236407663007350");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 9px 7px;
}

.p-itemQueries__item__list {
  padding-top: 10px;
  padding-bottom: 45px;
}

.p-itemQueries__item__list__item {
  padding-right: 20px;
}

.p-itemQueries__item__list__item a {
  position: relative;
  display: block;
  padding-left: 10px;
  font-size: 1.3rem;
  line-height: 2;
  transition: all 0.2s;
}

.p-itemQueries__item__list__item a:after {
  background-color: #6E6B68;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  margin-left: 0;
  border-radius: 100%;
  opacity: 0;
  transition: all 0.2s;
}

/*
.p-itemQueries__item__list__item a:hover {
  color: #B6B5B3;
  font-weight: bold;
}
.p-itemQueries__item__list__item a:hover:after {
  opacity: 1;
  
}

.p-itemQueries__item__list__item--top,
.p-itemQueries__item__list__item.is-current {
  color: #B6B5B3;
  font-weight: bold;
}

.p-itemQueries__item__list__item--top a:after,
.p-itemQueries__item__list__item.is-current a:after {
  opacity: 1;
}
*/


/* ホバー時：文字色＋ドット（既存のままでもOK） */
.p-itemQueries__item__list__item a:hover {
  font-weight: 600;
}
.p-itemQueries__item__list__item a:hover:after {
  opacity: 1;
}

/* ★ここが要件の本体：選択中だけドット常時表示＋太字 */
.p-itemQueries__item__list__item a.is-active {
  font-weight: 600;
}
.p-itemQueries__item__list__item a.is-active:after {
  opacity: 1;
}

/* 左側メニューアコーディオン */
/*
.p-itemQueries__item__list {
  display: none;
}
*/
.p-itemQueries__item__title.open {
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.p-itemQueries__item__title.open span {
  transform: rotate(180deg);
}


.itemQueriesFadeUp {
  animation-name: itemQueriesFadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes itemQueriesFadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.itemQueriesFadeUpDelay-time02 {
  animation-delay: 0.2s;
}

.itemQueriesFadeUpDelay-time03 {
  animation-delay: 0.3s;
}

.itemQueriesFadeUpDelay-time04 {
  animation-delay: 0.4s;
}

.itemQueriesFadeUpDelay-time05 {
  animation-delay: 0.5s;
}

.itemQueriesFadeUpDelay-time06 {
  animation-delay: 0.6s;
}

.itemQueriesFadeUpDelay-time07 {
  animation-delay: 0.7s;
}

.itemQueriesFadeUpDelay-time08 {
  animation-delay: 0.75s;
}


/* コレクション画面の商品一覧 */

/* コレクション画面の商品一覧
   - #product-grid がある通常表示/フィルター後
   - products-all の複数グリッド（#product-grid が無い/複数になる）両対応
*/
:is(#product-grid, .template-collection .p-itemColumn__items) .product__section p {
  margin: 0;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__section {
  margin-top: 150px;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__list {
  padding-left: 0;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__item {
  width: 32%;
  margin-left: 0;
  margin-bottom: 20px;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__item .price {
  line-height: 2 !important;
  font-size: 13px !important;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__link {
  transition: 0.2s;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__visual {
  position: relative;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__blend {
  padding: 15px;
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 99%;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  transition: all 0.4s;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__photo,
:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__photo02 {
  aspect-ratio: 3 / 4;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__photoImage,
:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__photoImage02 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__photo02 {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all 0.4s;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__slider__link:hover .product__item__photo02 {
  opacity: 1;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__container {
  padding: 12px 0;
  font-size: 13px;
  line-height: 190%;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__stock {
  color: #E9451F;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__detail__circleLink {
  margin: 0 auto;
}

:is(#product-grid, .template-collection .p-itemColumn__items) .product__section .price {
  font-size: 1em;
  line-height: 2;
}


/*****************/
/* 商品詳細ページ */
/*****************/

/* 商品画像 */
.product_media_section {
  justify-content: center;
  max-width: 1200px;
}

.product_container {
  width: 60%;
}
.slider_outer2 {
  width: 100%;
  height: auto;
  /*   margin: 1vw auto; */
  position: relative;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-start;
  -ms-flex-line-pack: center;
  align-content: center;
}
.slider_outer2 .slider1_2 {
  width: 85%;
  height: auto;
  /*   margin: 0 auto; */
  margin-right: 2px;
  padding: 0;
}
.slider_outer2 .slick-track {
  height: 100%;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: center;
  align-content: center;
}
.slider_outer2 .slide-item img {
  width: 100%;
  height: 100%;
}
.slider_outer2 .thumb1_2 {
  width: 13%;
  height: auto;
  /*   margin: 0 auto; */
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2px;
}
.slider_outer2 .thumbnail-item {
  box-sizing: border-box;
  position: relative;
}
.slider_outer2 .thumbnail-item:after {
  content: '';
  /*   background-color: rgba(0, 0, 0, 0.5); */
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s opacity linear;
}
.slider_outer2 .thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.slider_outer2 .thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}


.product__info-container > *:first-child {
  margin-bottom: 3rem;
  border-bottom: 0.2rem solid rgba(110, 107, 104, 0.2);
}
.product__info-container > *:nth-child(2) {
  letter-spacing: 3px;
}
.product__title {
  margin: 0 !important;
  line-height: 1.8;
  font-size: 2.5rem;
}
.price-block {
  margin-top: 2rem !important;
  margin-bottom: 0 !important;
}
.price__container {
  margin-bottom: 0 !important;
}
.price-item.price-item--regular.tax_included {
  font-size: 2rem;
  margin-top: 4rem;
}
.price-item.price-item--regular.tax_excluded,
.product__slider__container .price .price__sale .price-item.price-item--sale.price-item--last {
  font-size: 1.3rem;
}
.product .price--show-badge .price__sale .price-item.price-item--regular.tax_excluded {
  text-decoration: none;
  font-size: 1.3rem;
}
.product__slider__container .price .price__sale .price-item.price-item--regular.tax_excluded,
.product-grid-container .price .price__sale .price-item.price-item--regular.tax_excluded {
  display: none;
}
.product__slider__container .text_tax,
.product-grid-container .text_tax {
  display: none;
}
.product .price--show-badge .price__sale .price-item {
  margin-right: 0;
}
.price_carriage_info {
  font-size: 1.8rem;
  margin: 0 !important;
}
.price_carriage_link {
  font-size: 1.3rem;
  margin: 0 !important;
}

.price_carriage_link .price_carriage_link_text {
  text-decoration: underline;
}

.product-form__input {
  margin: 4rem 0 1.5rem !important;
}


/* テキストとスライド */

.about__section {
  margin-top: 100px;
  position: relative;
}

.about__container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1200px;
}

.about__container--pcReverse {
  flex-direction: row-reverse;
  margin-bottom: 10%;
}

.about__container:last-child {
  margin-bottom: 12%;
}

.about__swiper {
  width: 50%;
}

.detail-swiper-container {
  overflow: visible;
}

.detail-swiper-button-prev,
.detail-swiper-button-next {
  position: absolute;
  bottom: -2.5vw;
  z-index: 1;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next_darkgray.svg?v=1542499517535152852");
  opacity: 0.6;
  background-repeat: no-repeat;
  background-size: cover;
  height: 12px;
  width: 14px;
}

.detail-swiper-button-prev {
  left: 0;
}

.detail-swiper-button-next {
  right: 0;
}

.detail-swiper-button-prev {
  transform: rotate(180deg);
}

.detail-swiper-slide img {
  height: auto;
  width: 100%;
}

.detail-swiper-pagination {
  position: absolute;
  z-index: 1;
  bottom: -3vw !important;
  text-align: center;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2%;
}

.swiper-pagination-bullet {
  background-color: #6E6B68;
  height: 5px;
  width: 5px;
}

.about__sideTitleBox {
  width: 50%;
  position: relative;
}
.about__sideTitleBox--left {
  padding-right: 9%;
}
.about__sideTitleBox--right {
  padding-left: 9%;
}

.about__sideTitleBox__en {
  position: absolute;
  top: 0;
  display: block;
  writing-mode: vertical-rl;
  font-size: 12px;
}
.about__sideTitleBox__en--left {
  margin-left: -6%;
  left: 0;
}
.about__sideTitleBox__en--right {
  margin-right: -6%;
  right: 0;
}

.about__sideTitleBox__inner {
  width: 100%;
  height: 100%;
}
.about__sideTitleBox__inner--left {
  border-left: 1px solid rgba(110, 107, 104, 0.2);
}
.about__sideTitleBox__inner--right {
  border-right: 1px solid rgba(110, 107, 104, 0.2);
}

.about__sideTitleBox__title {
  font-size: 1.4vw;
  line-height: 1.6;
  letter-spacing: 0.14em;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}
.about__sideTitleBox__title--left {
  padding: 7% 0 7% 6%;
}
.about__sideTitleBox__title--right {
  padding: 7% 6% 7% 0;
}

.about__sideTitleBox__text {
  text-align: justify;
  line-height: 2.07;
  font-size: 14px;
  letter-spacing: 0.07em;
}
.about__sideTitleBox__text--left {
  padding: 7% 0 4% 6%;
}
.about__sideTitleBox__text--right {
  padding: 7% 6% 4% 0;
}
.about__sideTitleBox__text--right.offer {
  padding: 0 6% 4% 0;
}
.about__sideTitleBox__text--right.offer.ptb0 {
  padding: 0 6% 0 0;
}
.about__sideTitleBox__text--right a {
  color: #6E6B68;
}
.about__sideTitleBox__text--right a:hover {
  color: #000000;
}
.about__product__item___label__body {
  padding: 0 6% 4% 0;
}
.about__product__item___label__body .scene__slider__link {
  display: flex;
  justify-content: end;
  align-items: center;
  flex-direction: unset;
}
.about__product__item__productName {
  padding-right: 1.5rem;
}
.about__product__item__productName--first {
  font-size: 1.8rem;
}
.about__product__item__productName--second {
  font-size: 1.2rem;
}
.about__product__item__productName span {
  display: block;
  text-align: right;
  line-height: 1.2;
}
.about__product__item__moreArrow {
  display: block;
  width: 20px;
  height: 15px;
  overflow: hidden;
}

.about__product__item__moreArrow:after {
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 15px;
  height: 13px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next_darkgray.svg?v=1542499517535152852");
  background-repeat: no-repeat;
  background-size: cover;
}

.scene__slider__link:hover .about__product__item__moreArrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* 商品情報 */

.detail__section {
  margin-top: 100px;
  position: relative;
}

.detail__container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1200px;
}

.detail__sideTitleBox__en {
  padding-right: 1%;
  display: block;
  writing-mode: vertical-rl;
  font-size: 12px;
}

.detail__sideTitleBox__inner {
  width: 100%;
  height: 100%;
  border-left: 1px solid rgba(110, 107, 104, 0.2);
}

.detail__sideTitleBox__title {
  padding: 0 0 3% 3%;
  font-size: 1.6vw;
  letter-spacing: 0.14em;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.detail__sideTitleBox__table {
  padding: 4% 0 0 3%;
  display: flex;
  justify-content: space-between;
  text-align: justify;
}

.detail__column__col {
  width: 50%;
  padding-right: 3%;
}

.detail__dlTable {
  display: flex;
  flex-wrap: wrap;
}

.detail__dlTable dt {
  width: 25%;
  padding-right: 5px;
  margin-bottom: 5%;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.6;
}

.detail__dlTable dd {
  width: 75%;
  margin-bottom: 5%;
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 1.6;
}


/* 素材へのこだわり */

.friendly__section {
  margin-top: 100px;
  position: relative;
}

.friendly__container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: row-reverse;
  background-color: #EFEFEF;
  max-width: 1200px
}

.friendly__sideTitleBox__en {
  padding-top: 2%;
  padding-left: 1.5%;
  padding-right: 1.5%;
  display: block;
  writing-mode: vertical-rl;
  font-size: 12px;
}

.friendly__sideTitleBox__inner {
  width: 100%;
  height: 100%;
  border-right: 1px solid rgba(110, 107, 104, 0.2);
}

.friendly__sideTitleBox__title {
  padding: 6% 0 4% 6.5%;
  font-size: 1.6vw;
  letter-spacing: 0.14em;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.friendly__sideTitleBox__box {
  padding: 4% 6% 9.5% 6.5%;
}

.friendly__sideTitleBox__column {
  display: flex;
  justify-content: space-between;
}

.friendly__sideTitleBox__text {
  width: 100%;
  font-size: 13px;
  letter-spacing: 0.07em;
  line-height: 2.07;
}

.friendly__sideTitleBox__image {
  width: 26%;
  padding-left: 4%;
}

/* Newsページ */

.news__blog__section {
  /*     margin-top: 20rem; */
  margin-bottom: 100px;
}

.news__blog__section p {
  margin: 0;
}

.news__blog__section li {
  list-style: none;
}

.news__blog__container {
  width: 95rem;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.news__blog__container__head {
  text-align: center;
}

.news__blog__title {
  margin-bottom: 3rem;
}

.news__blog__noitem {
  text-align: center;
}

.news__blog__detail__circleLink {
  margin: 0 auto;
}

.news__blog__container__circle {
  margin-top: 10%;
}

.news__blog__container__column {
  width: 70%;
  margin-top: 13px;
  margin-left: 5%;
}

.news__blog__item__moreArrow {
  position: absolute;
  right: 0;
  bottom: 4px;
  display: block;
  width: 15px;
  height: 13px;
  transform: translate(-50%, 0);
  overflow: hidden;
}

.news__blog__item__moreArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 15px;
  height: 13px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
  background-repeat: no-repeat;
  background-size: cover;
}

.journal__blog__item__link:hover .news__blog__item__moreArrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.news__blog__column__list {
  margin: 0;
}
.news__blog__column__item {
  margin-bottom: 30px;
}

.news__blog__item__link {
  display: flex;
}

.news__blog__item__thumbnail {
  width: 9.45rem;
  height: 9.45rem;
  aspect-ratio: 1 / 1;
  position: relative;
}

.news__blog__item__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news__blog__item__thumbnail:after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  transition: all 0.4s;
}

.news__blog__item__link:hover .news__blog__item__thumbnail:after {
  opacity: 1;
}

.news__blog__item___label {
  margin-left: 5%;
  width: 100%;
}

.news__blog__item___label__meta {
  display: flex;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.news__blog__item___date {
  margin-right: 5px;
  padding: 7px 10px 7px 0;
  font-size: 1.2rem;
  color: rgba(110, 107, 104, 0.5);
  border-right: 1px solid rgba(110, 107, 104, 0.2);
  font-family: "Lato", sans-serif;
}

.news__blog__item___cat {
  padding: 7px 10px;
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
}

.news__blog__item___label__body {
  margin-top: 14px;
  padding-right: 10%;
  position: relative;
}

.news__blog__item___title {
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.4;
}

.news__blog__item__moreArrow {
  transform: translate(-50%, 0);
  position: absolute;
  right: -2%;
  bottom: 0;
  display: block;
  width: 20px;
  height: 15px;
  overflow: hidden;
}

.news__blog__item__moreArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 15px;
  height: 13px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
  background-repeat: no-repeat;
  background-size: cover;
}

.news__blog__item__link:hover .news__blog__item__moreArrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.news__detail__circleLink {
  margin-left: auto;
}

/* journalページ */

.journal__blog__section p {
  margin: 0;
}

.journal__blog__title {
  margin-bottom: 2.4rem;
}

.journal__blog__p-catList {
  display: flex;
  flex-direction: row;
  align-content: stretch;
  align-items: stretch;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.journal__blog__noitem {
  text-align: center;
  padding-bottom: 10rem;
}

.journal__blog__p-catList__item {
  position: relative;
  padding: 0 1em;
  font-family: "Lato";
}

.journal__blog__p-catList__item.--now a {
  opacity: .3;
}

.journal__blog__p-catList__item.--now:before {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  transform: translate(-0.4rem, 1rem);
  border-radius: 100%;
  background-color: #6E6B68;
}

.journal__blog__p-catList__item:after {
  position: absolute;
  right: 0;
  top: 50%;
  content: "/";
  display: block;
  line-height: 1.4;
  margin-top: -0.7em;
  margin-right: -0.2em;
  color: rgba(110, 107, 104, 0.2);
}

.journal__blog__p-catList__item:last-child::after {
  content: none;
}

.journal__blog__section li {
  list-style: none;
}

.journal__blog__title {
  text-align: center;
}

.journal__blog__container {
  width: 95rem;
  max-width: 1200px;
  margin: 6.7rem auto 0;
  display: block;
  justify-content: space-between;
}

.journal__blog__art {
  width: 100%;
}

.journal__blog__art__link {
  position: relative;
  display: block;
}

.journal__blog__art__thumbnail img {
  width: 100%;
  height: 57rem;
  object-fit: cover;
}

.journal__blog__art__thumbnail:after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  transition: all 0.4s;
}

.journal__blog__art__link:hover .journal__blog__art__thumbnail:after {
  opacity: 1;
}

.journal__blog__art__label {
  display: block;
  width: 50%;
  position: absolute;
  bottom: 5%;
  right: 0;
  background-color: rgba(110, 107, 104, 0.6);
  backdrop-filter: blur(10px);
  color: white;
  z-index: 10;
}

.journal__blog__art__label__meta {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.journal__blog__art__date {
  padding: 7px 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.2rem;
}

.journal__blog__art__cat {
  padding: 7px 10px;
  font-size: 1.2rem;
}

.journal__blog__art__label__body {
  padding: 5% 6%;
}

.journal__blog__art__title {
  line-height: 1.7;
  letter-spacing: 0.15em;
  font-size: 1.6rem;
}

.journal__blog__art___more {
  position: relative;
  width: auto;
  font-size: 14px;
}

.journal__blog__art__moreArrow {
  transform: translate(-50%, 0);
  position: absolute;
  left: 90px;
  right: 0;
  bottom: 28%;
  display: block;
  width: 20px;
  height: 15px;
  overflow: hidden;
}

.journal__blog__art__moreArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 19px;
  height: 17px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next_white.svg?v=18058907336890223147");
  background-repeat: no-repeat;
  background-size: cover;
}

.journal__blog__art__link:hover .journal__blog__art__moreArrow:after {
  animation-name: circleLink_arrowAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.journal__blog__column {
  margin-top: 10rem;
  width: 100%;
}
.journal__blog__column__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.journal__blog__column__item {
  width: 30%;
  margin-bottom: 30px;
  margin-left: 5%;
}

.journal__blog__column__item:nth-child(3n + 1) {
  margin-left: 0;
}
.journal__blog__item__link {
  display: block;
}

.journal__blog__item__thumbnail {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  position: relative;
}

.journal__blog__item__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.journal__blog__item__thumbnail:after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  transition: all 0.4s;
}

.journal__blog__item__link:hover .journal__blog__item__thumbnail:after {
  opacity: 1;
}

.journal__blog__item___label {
  margin-left: 5%;
  width: 100%;
}

.journal__blog__item___label__meta {
  display: flex;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.journal__blog__item___date {
  margin-right: 5px;
  padding: 7px 10px 7px 0;
  font-size: 1.2rem;
  color: rgba(110, 107, 104, 0.5);
  border-right: 1px solid rgba(110, 107, 104, 0.2);
  font-family: "Lato", sans-serif;
}

.journal__blog__item___cat {
  padding: 7px 10px;
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
}

.journal__blog__item___label__body {
  margin-top: 14px;
  padding-right: 10%;
  position: relative;
}

.journal__blog__item___title {
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.4;
}

.journal__blog__item__moreArrow {
  transform: translate(-50%, 0);
  right: -2%;
  top: 3px;
  display: block;
  width: 20px;
  height: 15px;
  overflow: hidden;
  margin-left: 10px;
  margin-top: 8px;
}

.journal__blog__item__moreArrow:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  transform: translate(0, 0);
  transition: 1s;
  width: 15px;
  height: 13px;
  background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
  background-repeat: no-repeat;
  background-size: cover;
}

.journal__blog__item__link:hover .journal__blog__item__moreArrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.journal__blog__detail__circleLink {
  margin-left: auto;
}
/*******************/
/* コンセプトページ */
/*******************/

/* 固定セクション */
.conceptFixed__section {
  padding-bottom: 30vh;
  position: relative;
  background-color: #eeeeee;
  z-index: 1;
}

.conceptFixed__inner {
  position: relative;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.conceptFixed__container {
  padding-left: 39%;
}

.conceptFixed__title{
  padding-top: 45%;
  padding-bottom: 40%;
}


.conceptFixed__title__main {
  margin-bottom: 1.1vw;
  font-size: 2.8vw;
  font-weight: normal;
  font-family: "Lato";
  letter-spacing: 0.04em;
  line-height: 1.4;
}

.conceptFixed__title__sub {
  font-size: 1.1vw;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.eachTextAnime01,
.eachTextAnime02 {
  opacity: 0;
}

.eachTextAnime01 span,
.eachTextAnime02 span {
  opacity: 0;
  position: relative;
  top: 15px;
  transition: 0.3s ease-in-out;
}

.conceptFixed__body {
  padding-bottom: 6vw;
  transition: all 1s;
}

.conceptFixed__body__pc {
  padding-bottom: 13vw;
}

.conceptFixed__body__group {
  margin-bottom: 2vw;
}

.conceptFixed__body__line {
  font-size: 1vw;
  line-height: 2.4;
  opacity: 0;
  transition: 1.5s;
  position: relative;
  transform: translate(0, 50px);
}

.fadeUpOpen {
  opacity: 1;
  transform: translate(0, 0);
}

.conceptFixed__window {
  position: fixed;
  right: 50%;
  width: 17.5vw;
  margin-right: 15.8vw;
  display: block;
  overflow: hidden;
  content: "";
  z-index: 1;
  clip: rect(auto, auto, auto, auto);
}
/*
.conceptFixed__window.conceptFixed__window--move {
  position: absolute!important;
  top: var(--dt-move-top, 0px) !important; 
  bottom: var(--dt-gap) !important; 
  bottom: auto !important;                  
  }
*/
.conceptFixed__gradation {
  /*     position: fixed; */
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.conceptFixed__gradation canvas {
  height: 215vh;
  filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='10' result='b'/%3E%3CfeMorphology operator='dilate' radius='10'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a");
}
/*   @media screen and (max-width:1440px) {
    .conceptFixed__gradation canvas {
      height:150vh;
      min-height:2000px;
    }
  } */
.conceptFixed__gradation__color {
  width: 500%;
  height: 100%;
  background: linear-gradient(182deg, rgba(220,68,34,.9),rgba(220,68,34,0) 53%), linear-gradient(195deg, rgba(220, 68, 34, 0.9), rgba(239, 148, 66, 0) 67.71%), linear-gradient(195deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 75.71%), linear-gradient(180deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 99.71%), linear-gradient(180deg, rgb(255 200 0 / 80%), rgba(239, 148, 66, 0) 88.71%), linear-gradient(360deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 93%), linear-gradient(360deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 100%)
}

.fixedFadeUp {
  opacity: 0;
  bottom: calc(6vw - 50px);
  transition: 1s;
}

.fixedFadeUp.fixedScrollUp {
  opacity: 1;
  bottom: 9vw;
}



/* Aboutセクション */

.conceptAbout__bg {
  background-image: url("//daytune.jp/cdn/shop/files/concept_bg.jpg?v=7636576175820224118");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -100;
}

.conceptAbout__section {
  padding-top: 11vw;
  padding-bottom: 11vw;
}

.conceptAbout__inner {
  width: 57%;
  margin-left: auto;
  margin-right: auto;
}

.conceptAbout__title__main {
  font-size: 2.8vw;
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.conceptAbout__title__sub {
  font-size: 1vw;
  line-height: 1.75em;
  letter-spacing: 0.12em;
}

.conceptAbout__message {
  margin-top: 2vw;
  font-size: 1vw;
  line-height: 1.75em;
}

.conceptAbout__image {
  margin-top: 2vw;
  display: flex;
  justify-content: space-between;
}

.conceptAbout__image__item {
  width: 46.5%;
}


/* Visionセクション */

.conceptVision__section {
  padding-top: 11vw;
  padding-bottom: 8vw;
  background-color: #eeeeee;
  position: relative;
}

.conceptVision__inner {
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}

.conceptVision__container {
  display: flex;
  justify-content: center;
}

.conceptVision__group {
  width: 48%;
  margin-left: 4%;
  margin-right: 3%;
}

.conceptVision__group__item:nth-child(1) {
  margin-bottom: 5vw;
}

.conceptVision__group__item:nth-child(2) {
  margin-bottom: 1vw;
}

.conceptVision__group__title {
  margin-bottom: 1.3vw;
}

.conceptVision__title__main {
  line-height: 1.4;
  font-size: 2.8vw;
  letter-spacing: 0.05em;
  font-family: 'Lato', sans-serif;
}

.conceptVision__title__sub {
  font-size: 0.92vw;
  letter-spacing: 0.12em;
  line-height: 2;
}

.conceptVision__text {
  font-size: 1.1vw;
  line-height: 2;
}

.conceptVision__philosophy {
  margin-top: auto;
  margin-bottom: auto;
  width: 52%;
  aspect-ratio: 1 / 1;
  border: 1px solid rgba(110, 107, 104, 0.2);
  border-radius: 50%;
  text-align: center;
}

.conceptVision__philosophy__title {
  margin-top: 6.5vw;
  margin-bottom: 2.5vw;
}

.conceptVision__title__main--philosophy01 {
  font-size: 1.25vw;
  line-height: 1.75em;
  font-family: "Lato";
}

.conceptVision__title__main--philosophy02 {
  font-size: 2.7vw;
  line-height: 1.75em;
  font-family: "Lato";
}

.conceptVision__philosophy__text {
  font-size: 1.2vw;
  line-height: 1.75em;
}


/* Lifeセクション */

.conceptLife__section {
  padding-bottom: 10vw;
  background-color: #eeeeee;
  position: relative;
}

.conceptLife__inner {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  padding: 8vw 14vw;
  background-color: #EFEFEF;
}

.conceptLife__title {
  margin-bottom: 4vw;
}

.conceptLife__title__main {
  font-size: 2.8vw;
  font-family: "Lato";
}

.conceptLife__title__sub {
  font-size: 1.2vw;
  line-height: 2;
}

.conceptLife__gradation {
  width: 100%;
  height: 0.4vw;
  display: block;
  content: "";
  background: linear-gradient(135deg, #185FAC, #4586B4 35%, #EF9442 70%, #DC4422);
}

.conceptLife__step {
  margin-top: 1.5vw;
  display: flex;
}

.conceptLife__step__item {
  width: 25%;
  margin-bottom: 3vw;
}

.conceptLife__step__number {
  font-size: 1vw;
  font-family: "Lato";
}

.conceptLife__step__title {
  font-size: 1.9vw;
  font-family: "Lato";
  line-height: 1.6;
}

.conceptLife__step__text {
  font-size: 1.1vw;
  line-height: 1.4;
}

.conceptLife__routinize {
  display: flex;
  justify-content: center;
  height: 4.6vw;
  margin-right: 2vw;
  background-color: #fff;
  position: relative;
}

.conceptLife__routinize:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(1.97vw, -50%);
  border-left: 2vw solid #FFFFFF;
  border-bottom: 2.3vw solid transparent;
  border-top: 2.3vw solid transparent;
}

.conceptLife__routinize__title {
  font-size: 1.6vw;
  margin-right: 1.8vw;
  margin-top: auto;
  margin-bottom: auto;
}

.conceptLife__routinize__text {
  font-size: 1.15vw;
  margin-top: auto;
  margin-bottom: auto;
}

/* 追従カート追加ボタンセクション */
.p-target {
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(217, 217, 217, 0.8);
  position: fixed;
  z-index: 999;
  padding: 20px;
}

.p-target .product-form__buttons {
  margin: 0 auto;
  background-color: #fff;
  /*padding:10px;*/
}

.p-target .product-form__submit {
  margin-bottom: 0;
  position: relative;
}

/*　次記事・前記事セクション */
.article_Prev_Next_section {
  max-width: 1200px;
  margin: 120px auto 0;
  padding-left: 10%;
  padding-right: 10%;
}
.article_Prev_Next_section p {
  margin: 0;
}

.article_Prev_Next_section li {
  list-style: none;
}

.p-article_prev_next_item {
  display: flex;
  justify-content: space-between;
  position: relative;
}
.p-article_prev_next_item .c-articleCard {
  width: 48%;

}

.p-article_prev_next_item:after {
  position: absolute;
  left: 50%;
  top: 0;
  content: "";
  display: block;
  width: 0;
  height: calc(100% - 14%);
  border-right: 1px solid rgba(110, 107, 104, 0.2);
}

.c-articleCard .p-article_prev_next_item__title {
  text-align: center;
  padding-right: 12rem;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.p-article__column__list {
  margin: 0;
}
.p-article__column__item {
  margin-bottom: 30px;
}

.article__item__link {
  display: flex;
}

.article__item__thumbnail {
  width: 9.45rem;
  height: 9.45rem;
  aspect-ratio: 1 / 1;
  position: relative;
}

.article__item__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article__item__thumbnail:after {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(102, 102, 102, 0.5);
  opacity: 0;
  transition: all 0.4s;
}

.article__item__link:hover .article__item__thumbnail:after {
  opacity: 1;
}

.article__item___label {
  margin-left: 5%;
  width: 100%;
}

.article__item___label__meta {
  display: flex;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.article__item___date {
  margin-right: 5px;
  padding: 7px 10px 7px 0;
  font-size: 1.2rem;
  color: rgba(110, 107, 104, 0.5);
  border-right: 1px solid rgba(110, 107, 104, 0.2);
  font-family: "Lato", sans-serif;
}

.article__item___cat {
  padding: 7px 10px;
  font-size: 1.2rem;
  font-family: "Lato", sans-serif;
}

.article__item___label__body {
  margin-top: 14px;
  padding-right: 10%;
  position: relative;
}

.article__item___title {
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.4;
}

.article__item__link:hover .journal__item__moreArrow:after {
  animation-name: sceneCard__body__detail__linkAnimation;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

/* 最上部へ戻る */
/*　goToTopセクション */
.pageContents__goToTop__section {
  position: relative;
  background: var(--gradient-background);
}

.pageContents__goToTop {
  padding-top: 3rem;
  margin: 0 auto;
  width: 10%;
  padding-bottom: 5rem;
}

.pageContents__goToTop__button {
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-family: "Lato";
  font-size: 15px;
}

.pageContents__goToTop__button::before {
  position: absolute;
  top: -140%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  display: inline-block;
  width: 20px;
  height: 40px;
  background: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193") no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
}

.pageContents__breadcrumb {
  padding: 0 6rem;
  position: absolute;
  bottom: 20%;
  font-size: 1rem;
}

.pageContents__breadcrumb__separater {
  padding: 0 0.5rem;
}


/****************************/
/* プライバシーポリシーページ */
/****************************/

.privacy__section {
  padding: 0 20px 10vw;
  max-width: 1200px;
  width: 60%;
  margin: 0 auto;
}

.privacy__common__text-size {
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.08em;
}

.privacy__item,
.privacy__company,
.privacy__history {
  margin-top: 60px;
}

.privacy__item__title {
  font-weight: bold;
}

.privacy__item__text {
  margin-top: 15px;
}

.privacy__section ol {
  counter-reset: count 0;
  padding-left: 2em;
}

.privacy__section ol > li:before {
  margin-left: -1.5em;
  content: counter(count) ". ";
  counter-increment: count 1;
}

/*******************/
/* 特商法表記ページ */
/*******************/

.law__mainTitle {
  line-height: 1.2;
}

.law__subTitle {
  margin-top: 0.8vw;
}

.law__table {
  width: 58%;
  margin: 0 auto 11vw;
  border-collapse: unset !important;
}

.law__table__body {
  font-size: 1.05vw;
  letter-spacing: 0.08em;
}

.law__table__header {
  width: 24.5%;
  padding: 2.8vw 0 2.5vw;
  line-height: 1.7;
  font-weight: normal;
  color: rgba(110, 107, 104, 0.5);
  border-collapse: collapse;
  box-sizing: border-box;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
  transition: 2s;
}

.law__table__data {
  width: 75.5%;
  padding: 2.8vw 0 2.5vw;
  line-height: 1.7;
  border-collapse: collapse;
  box-sizing: border-box;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
  transition: 2s;
}

.law__table__item:last-child .law__table__header,
.law__table__item:last-child .law__table__data {
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}

.law__table__data a {
  transition: opacity 0.2s ease;
  text-decoration: underline;
}

.law__table__data a:hover {
  opacity: .6;
}

.law__table__data a.sp-underLine {
  text-decoration: none;
}

.law__table__data--red {
  color: red;
}

.law__table__data--bold {
  font-weight: bold;
}

.law__table__google {
  position: relative;
}

.law__table__google:after {
  width: 0.9vw;
  height: 1.2vw;
  content: "";
  position: absolute;
  background-image: url('../image/icon_pin.svg');
  background-size: cover;
  margin: 0.2vw 0.3vw;
}

.law__table__image {
  width: 75%;
  height: auto;
  display: inline-block;
}

/* section__inner */
.section__inner {
  max-width: 1200px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

/* custom_accordion */
.accordion__heading {
  text-align: center;
  padding-top: 4vw;
  margin-bottom: 1.8vw;
  font-size: 21.3px;
  font-size: min(1.3vw, 21.3px);
  font-weight: bold;
  letter-spacing: 0.14em;
  line-height: 1.7;
}
.accordion-item {
  border-top: 1px solid rgba(110, 107, 104, 0.2);
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  line-height: 1.7;
}
.accordion-item + .accordion-item {
  border-top: none;
}
.accordion-item__question-wrapper {
  display: flex;
  font-size: 18.6px;
  font-size: min(1.1vw, 18.6px);
  font-weight: normal;
  padding: 1.5vw 0;
  position: relative;
}
.accordion-item__question-wrapper::before {
  content: "Q";
}
.accordion-item__answer-wrapper::before {
  content: "A";
}
.accordion-item__question-wrapper::before,
.accordion-item__answer-wrapper::before {
  flex: 0 1 10%;
  display: block;
  font-size: 21.3px;
  font-size: min(1.3vw, 21.3px);
  line-height: 1.3;
  text-align: center;
  color: rgba(110, 107, 104, 0.5);
}
.accordion-item__question-wrapper:hover {
  cursor: pointer;
}
.accordion-item__question {
  flex: 0 1 90%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion-item__question::after {
  flex: 0 1 6.5%;
  content: "";
  display: block;
  height: 12px;
  max-width: 12px;
  width: 100%;
  margin: 0 1.7vw;
  background-image: url('https://cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_nav02.png?v=1661500059');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.accordion-item__question-wrapper.h-open .accordion-item__question::after {
  transform: rotateZ(180deg);
}
.accordion-item__answer-wrapper {
  display: flex;
  font-size: 17.3px;
  font-size: min(1vw, 17.3px);
  position: relative;
  padding-bottom: 2.2vw;
}
.accordion-item__answer {
  flex: 0 1 86%;
}
/* custom_accordion_nav */
.accordion-nav__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2em;
}
.accordion-nav-item {
  margin: 0.5em 0;
}
.accordion-nav-item__link {
  padding: 0.5em 0.2em;
  position: relative;
}
.accordion-nav-item__link::after {
  content: "";
  display: block;
  width: 0.6vw;
  height: 0.6vw;
  position: absolute;
  bottom: -30%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  opacity: 0.2;
  border-radius: 0 0 25% 0;
}
/* 数量変更プルダウン */
.quantity-select {
  outline: none;
  font-size: 15.5px;
  font-size: min(0.9vw, 15.5px);
  min-width: 100px;
  appearance: none;
  padding: 0.15em 1.8em 0 0.7em;
  background-color: #FCFCFC;
  background-image: url('https://cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_nav02.png?v=1661500059');
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 5px 5px;
}
.product-form__input.product-form__quantity {
  display: flex;
  align-items: center;
  gap: 20%;
}
.product-form__input.product-form__quantity .form__label {
  font-size: 2rem;
  margin-bottom: 0;
}
.product-form__input.product-form__quantity .quantity-select {
  line-height: 2.7;
  padding-right: 1.3em;
}
.quantity-select:focus-visible {
  box-shadow: none;
}


/* カートitem */
.custom-cart-items a {
  text-decoration: underline;
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  line-height: 1.5;
}
.custom-cart-items a:hover {
  text-underline-offset: auto;
  text-decoration-thickness: auto;
  opacity: .6;
}
.custom-cart-items .cart__items {
  /*     margin-top: 13.5%; */
  padding-bottom: 0;
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
}
.custom-cart-items .cart-items th:first-child,
.custom-cart-items .cart-items th {
  width: 20%;
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  color: rgba(110, 107, 104, 0.5);
  text-align: center;
  padding: 0.8em;
  line-height: 2.1;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
}
.custom-cart-items .cart-items td {
  padding: 1.3rem 1.3rem 0.2rem;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
}
.custom-cart-items .cart-item cart-remove-button {
  width: auto;
}
.custom-cart-items .cart__items .product-option,
.custom-cart-items .cart__items .price {
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  text-align: center;
}
.custom-cart-items .cart-item__quantity-wrapper {
  display: flex;
  flex-direction: column;
}
.custom-cart-items .cart-item__price-wrapper > *:only-child:not(.cart-item__discounted-prices) {
  margin-top: 0;
}
.custom-cart-items .cart__warnings a {
  text-decoration: none;
}

/* カートfooter */
.custom-cart-footer .cart__footer {
  padding: 0;
}
.custom-cart-footer .cart__footer > div:only-child {
  margin: 0;
  width: 100%;
}
.custom-cart-footer .cart__footer > * {
  width: auto;
}
.custom-cart-footer .totals {
  width: 40%;
  margin-left: auto;
  align-items: center;
  justify-content: flex-start;
}
.custom-cart-footer .totals__subtotal,
.custom-cart-footer .totals__subtotal-value {
  width: 50%;
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  line-height: 2.1;
  text-align: center;
  padding: 0.8em 0.8em 0.2em;
  margin: 0;
}
.custom-cart-footer .totals__subtotal {
  color: #6e6b6880;
}
.custom-cart-footer__warning {
  font-size: 13px;
  font-size: min(0.75vw, 13px);
  text-align: right;
  margin-right: 5.5%;
}
.custom-cart-footer__warning a {
  text-decoration: underline;
}
.custom-cart-footer__warning a:hover {
  opacity: .6;
}
.custom-cart-footer .cart__ctas {
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 4%;
  margin-right: 5.5%;
}
.custom-cart-footer .button::after {
  content: none;
}
.custom-cart-footer .cart__ctas button.cart-button {
  width: 29.5%;
  background: #6E6B68;
  color: #fff;
  padding: 13px;
  min-height: auto;
  border-radius: 2px;
  position: relative;
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  transition: 0.4s;
}
.custom-cart-footer .cart__ctas button.cart-button:hover {
  opacity: .6;
}
.custom-cart-footer .cart__ctas button.cart-button span {
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  display: block;
  width: 1.5em;
  height: 0.8em;
  overflow: hidden;
}
.custom-cart-footer .cart__ctas button.cart-button span::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
  background: url('//cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_arrow_next_white.svg?v=18058907336890223147') no-repeat center / contain;
}
.custom-cart-footer .cart__ctas button.cart-button:hover span::after {
  animation: 1.5s ease-in infinite normal forwards running expansion;
}
@keyframes expansion {
  0% {
    transform: translateX(-100%);
  }
  45% {
    transform: translateX(0);
  }
  55% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
/* 配送日時指定 */
#ui-datepicker-div .ui-widget-header {
  background: #EEEEEE !important;
}
.ui-state-default {
  background: #fff !important;
  border: none !important;
}
.ui-widget.ui-widget-content {
  border: 1px solid ##6E6B68 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
  color: #d9aab0 !important;
}
.cart__blocks > .delivery {
  font-size: 16px;
  font-size: min(0.92vw, 16px);
  display: flex;
  justify-content: flex-end;
  margin-top: 3%;
  margin-right: 5.5%;
}
.delivery.cart-empty {
  display: none;
}
.delivery__setting {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
.delivery__setting + .delivery__setting {
  margin-top: 3.5%;
}
.delivery__setting label {
  text-align: right;
  margin-right: 2.5em;
}
#delivery-date,
#delivery-time {
  height: 96%;
  font-size: 1em;
  outline: none;
  min-width: 100px;
  appearance: none;
  padding: 10px 1.8em 10px 1.3em;
  color: rgb(51, 51, 51);
  background-color: #FCFCFC;
  background-image: url('https://cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_nav02.png?v=1661500059');
  background-position: right 15px center;
  background-repeat: no-repeat;
  background-size: 6px 6px;
}
#delivery-date:focus-visible,
#delivery-time:focus-visible {
  box-shadow: none;
}
#delivery-time:hover {
  cursor: pointer;
}
/* コンタクト */
.contact-message {
  font-size: 21px;
  font-size: min(1.2vw, 16px);
  line-height: 2.3;
  text-align: center;
}
.contact-message p a {
  text-decoration: underline;
}
.contact-buttons__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8%;
}
.contact-buttons__button {
  text-align: center;
  padding: 0.5em;
}
.contact-buttons__button:hover {
  opacity: .6;
}
.contact-buttons__button--square {
  margin-top: 12%;
  margin-bottom: 12%;
  font-size: 21px;
  font-size: min(1.2vw, 21px);
  background: #63605d;
  max-width: 380px;
  width: 100%;
  color: #fff;
  transition: 0.4s;
}
.contact-buttons__button--arrow {
  margin-top: 1%;
  margin-bottom: 4%;
  font-size: 23px;
  font-size: min(1.33vw, 23px);
  position: relative;
}
.contact-buttons__button--arrow span {
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -8px;
  display: block;
  width: 1em;
  height: 1em;
  overflow: hidden;
}
.contact-buttons__button--arrow span::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
  background: url('//cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_arrow_next.svg?v=7455451017639264193') no-repeat center / contain;
}
.contact-buttons__button--arrow:hover span::after {
  animation: 1s ease-in infinite normal forwards running expansion;
}
/* コンタクトフォーム */
.custom-contact {
  margin-top: 10.5%;
  margin-bottom: 5%;
}
.custom-contact__form {
  font-size: 15.5px;
  font-size: min(0.9vw, 15.5px);
  letter-spacing: 0.2em;
}
.custom-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-form + .custom-form {
  margin-top: 3.7%;
}
.custom-form__label {
  width: 31%;
  letter-spacing: 0.05em;
}
.custom-form__label::after {
  content: '*';
  color: #E9451F;
  margin-left: 0.7em;
}
.custom-form__label--textarea {
  margin-top: 0.7em;
  margin-bottom: auto;
}
.custom-form__label,
.custom-form__select,
.custom-form__input {
  letter-spacing: 0.22em;
}
.custom-form__inputs,
.custom-form__select,
.custom-form__input,
.custom-form__textarea {
  width: 100%;
  flex: 1;
}
.custom-form__select,
.custom-form__input,
.custom-form__textarea {
  padding: 1.1em 1.4em;
  background: #fcfcfc;
}
.custom-form__select:focus-visible,
.custom-form__input:focus-visible,
.custom-form__textarea:focus-visible {
  outline: none;
  box-shadow: none;
}
.custom-form__select {
  background-image: url('https://cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_nav02.png?v=1661500059');
  background-position: right 22px center;
  background-repeat: no-repeat;
  background-size: 9px 7px;
}
.custom-form__select option {
  color: rgb(var(--color-foreground));
}
.custom-form__select.is-empty,
.custom-form__input::placeholder,
.custom-form__textarea::placeholder {
  color: rgba(110, 107, 104, 0.3);
}
.custom-form__inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-form__inputs .custom-form__select,
.custom-form__inputs .custom-form__input {
  flex: 0 1 49%;
}
.custom-form__textarea {
  padding-bottom: 1.7em;
}
.custom-form.custom-form--privacy {
  display: block;
  margin-left: 31.5%;
  margin-top: 3%;
  font-size: 16.6px;
  font-size: min(0.96vw, 16.6px);
  letter-spacing: 0.15em;
}
.custom-form--privacy input[type=checkbox] {
  transform: scale(1.7);
}
.custom-form--privacy label {
  justify-content: center;
}
.custom-form--privacy a {
  text-decoration: underline;
}
.custom-form__button {
  display: flex;
  justify-content: center;
  margin: 5.7% auto 0;
  width: 48.5%;
  background: #6E6B68;
  color: #fff;
  padding: 1em;
  border-radius: 2px;
  position: relative;
  font-size: 18.6px;
  font-size: min(1.08vw, 18.6px);
  letter-spacing: 0.3em;
  transition: 0.4s;
}
.custom-form__button:hover {
  opacity: .6;
}
.custom-form__button span {
  opacity: .6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 27px;
  display: block;
  width: 1.5em;
  height: 0.8em;
  overflow: hidden;
}
.custom-form__button span::after {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  content: "";
  background: url('//cdn.shopify.com/s/files/1/0621/0984/3664/files/icon_arrow_next_white.svg?v=18058907336890223147') no-repeat center / contain;
}
.custom-form__button:hover span::after {
  animation: 1.5s ease-in infinite normal forwards running expansion;
}

/* アカウント関連 */
.customer {
  margin: 5% auto 6% !important;
  /*     max-width: 70rem !important; */
  width: 100%;
}
.customer .field input,
.customer select,
.field__label,
.customer .field label {
  font-size: 16px;
}
.field__label,
.customer .field label {
  top: 50%;
  transform: translateY(-50%);
  left: 4%;
}
.customer .field input,
.customer select {
  ;
  /*     padding: 1.5em; */
}
.login .field + a {
  margin-top: 2% !important;
  font-size: 16px;
}
.customer button {
  margin: 9% 0 4% !important;
  max-width: 18.7rem;
  width: 100%;
  padding: 0.95em 0.5em !important;
  /*     font-size: 22px; */
  letter-spacing: 0;
}
.login a {
  font-size: 16px;
}

.custom-cart-items .cart-item .sub_total .product-option {
  margin-top: 0;
}
.custom-cart-items .cart-item .cart-item__price__label {
  display: none;
}


/* ■■■■■■■■ */
/* レスポンシブ*/
/* ■■■■■■■■ */

@media screen and (max-width: 1200px) {
  .scene__slider__body {
    width: 35%;
  }
  .scene__slider__body__detail__title {
    padding: 12% 10% 10%;
  }
}

@media screen and (max-width: 1024px) {
  .concept__box__gradation canvas {
    max-width: none;
    min-height: 0;
  }

  /* ローディンググラデーション */

  .u-loading__gradation--pc {
    display: none;
  }

  .u-loading__gradation--sp {
    display: block;
  }

  @-webkit-keyframes gradationOP {
    0% {
      -webkit-transform: translate(-50%, -50%);
    }
    100% {
      -webkit-transform: translate(0%, 0%);
    }
  }

  @keyframes gradationOP {
    0% {
      transform: translate(-50%, -50%);
    }
    100% {
      transform: translate(0%, 0%);
    }
  }


  /* 共通設定 */

  /*   .section__container{
    margin-top:9rem;

 */
  body {
    letter-spacing: 0;
  }

  .product-swiper-wrapper .price-item.price-item--regular.tax_excluded {
    font-size: 1.3rem;
  }

  .common__inner {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .pc-block {
    display: none;
  }

  .sp-block {
    display: block;
  }

  .p-target {
    padding: 10px 20px;
  }
  .p-productinfo_item__image {
    display: none;
  }
  .p-productinfo_container {
    text-align: center;
    width: 49%;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .p-buybutton_container {
    width: 51%;
  }
  .p-target .product-form__submit {
    padding: 0 1.5rem 0 0.5rem;
  }

  /* FV スライダー */
  @keyframes slideZoom {
    0% {
      transform: translateY(0) scale(1);
    }
    /*     75% {
      transform: translateY(0) scale(1.2);
    } */
    100% {
      transform: translateY(0) scale(1.3);
    }
  }

  .swiper-slide-active .slide-img03,
  .swiper-slide-duplicate-active .slide-img03,
  .swiper-slide-prev .slide-img03 {
    animation: slideRight 10s linear 0s 1 normal both;
  }

  @keyframes slideRight {
    0% {
      transform: translateX(-8%) translateY(0) scale(1.12);
    }
    /*     75% {
      transform: translateX(3%) translateY(0) scale(1.12);
    } */
    100% {
      transform: translateX(3%) translateY(0) scale(1.12);
    }
  }
  .p-top__eyecatch {
    height: 96vh;
  }

  .p-top__eyecatch__logo {
    width: 50%;
    margin-bottom: 2rem;
  }

  .p-top__eyecatch__copy__ja,
  .p-top__eyecatch__copy__en {
    font-size: 3.3vw;
    padding: 0 2.5rem;
  }

  /* コンセプト */

  .concept__section {
    width: 100%;
    margin-top: 80px;
  }

  .concept__box {
    flex-direction: column;
  }

  .concept__box__window {
    margin-left: 0;
    width: 100%;
    height: 40vw;
    clip: unset;
    position: relative;
    z-index: 1;
  }

  .concept__box__gradation {
    position: unset;
  }

  .concept__box__gradation canvas {
    transform: rotate(-90deg);
    position: absolute;
    /*     left: -100vw; */
    width: 133%;
    height: 282%;
    left: -20vw;
    filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='flt-fse6ttdh' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='8' result='flt-fse6ttdh-2'/%3E%3CfeMorphology operator='dilate' radius='8'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='flt-fse6ttdh-2'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#flt-fse6ttdh");
  }

  .concept__box__color {
    width: 100%;
    height: 700%;
    background: linear-gradient(110deg, rgba(220,68,34,.9),rgba(220,68,34,0) 39%), linear-gradient(110deg, rgba(220, 68, 34, 0.9), rgba(239, 148, 66, 0) 60.71%), linear-gradient(105deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 92.71%), linear-gradient(122deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 20.71%), linear-gradient(124deg, rgb(255 200 0 / 80%), rgba(239, 148, 66, 0) 50.71%), linear-gradient(270deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 93%), linear-gradient(270deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 100%)
  }

  .concept__box__detail {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .concept__detail__circle--sp {
    margin-top: 20px;
  }

  .concept__detail__circleLink--sp {
    display: inline-block;
    font-size: 16px;
    background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right bottom;
    padding: 0 30px 0 0;
    line-height: 1;
  }

  /* シーンスライダー */

  .scene__slider__item {
    width: 100vw;
    margin-left: 0;
  }

  .scene__slider__link {
    flex-direction: column;
  }

  .slide-arrow {
    display: none !important;
  }

  .slick-dots li {
    margin: 0 2.5%;
  }

  .scene__slider__body {
    width: 90%;
    position: relative;
    right: 0;
    margin-top: -10%;
    margin-left: auto;
    padding-bottom: 5%;
  }

  .scene__slider__body__detail {
    width: 100%;
  }

  .scene__slider__body__detail__title {
    padding: 9%;
  }

  .scene__slider__body__detail__title__jp {
    font-size: 20px;
  }

  .scene__slider__body__detail__text {
    padding: 9% 9% 0;
    height: 16rem;
  }

  .scene__slider__body__detail__link {
    margin: auto auto 0 9%;
    padding: 20px 10px 10px 0;
  }

  .scene__slider__body__detail__link__arrow {
    top: 49%;
    right: -40%;
  }

  .scene__slider__body__tag {
    display: none;
  }


  /* Products スライダー */

  .product__section .product__slider__item {
    width: 73vw;
  }

  .product__section .product__item__container {
    padding: 12px;
  }

  .swiper-button-prev,
  .swiper-button-next {
    display: none !important;
  }

  /* サブスクリプション */
  .subscription__section {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 76px;
    margin-bottom: 114px;
  }

  .subscription__link {
    width: 100%;
  }

  .subscription__body {
    position: relative;
    right: 0;
    width: 100%;
    flex-direction: row-reverse;
    align-items: unset;
  }

  .subscription__body__detail {
    flex: 1;
    border-left: 1px solid rgba(110, 107, 104, 0.2);
  }
  .subscription__mainTitle {
    margin-bottom: 0;
  }

  .subscription__detail__title {
    margin-top: 30px;
    padding-bottom: 20px;
    padding-left: 15px;
    margin-bottom: 25px;
  }

  .subscription__detail__info {
    padding-left: 15px;
    margin-right: 0;
  }
  .subscription__detail__info .price-item.price-item--regular.tax_excluded {
    font-size: 1.4rem;
  }

  .subscriptionCard__body__tag {
    border-left: none;
    padding-top: 0;
    padding-left: 0;
  }

  .subscriptionCard__tag__text {
    font-size: 3vw;
    padding-left: 22px;
  }
  .subscription__link__zoneArrow:after {
    background-image: url("//daytune.jp/cdn/shop/files/icon_arrow_next.svg?v=7455451017639264193");
  }



  /* ピックアップニュース */

  .p-pickupNews {
    padding: 20px;
  }

  .p-pickupNewsList__item {
    overflow: hidden;
  }

  .p-pickupNewsCard__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }


  /* チューニング */

  .tuning__section {
    height: 42vh;
    min-height: 360px;
  }

  .tuning__section__content {
    padding: 32px 0;
  }

  .tuning__section__inner {
    height: 300px;
  }

  .tuning__section__image {
    background-image: url("//daytune.jp/cdn/shop/files/tuning_bg_sp.jpg?v=6001694474932257510");
  }

  .tuning__section__text {
    font-size: 14px;
    width: max-content;
  }

  .sns__section {
    margin-top: 0;
  }

  .sns__section .common__mainTitle {
    margin-bottom: 0.5rem;
  }

  /* ■■■■■■■■ Share on ■■■■■■■■ */
  .share__on__option__container {
    margin-top: 40px;
    margin-right: 0;
  }

  .share__on__title {
    margin-right: 3rem;
    font-size: 13px;
    padding-right: 3rem;
  }
  .share__on__sns__item {
    margin-right: 3rem;
  }

  .share__on__sns__item.twitter .share__on__sns__link {
    height: 1.5rem;
  }

  .share__on__sns__item.line .share__on__sns__link {
    height: 1.3rem;
  }
  .share__on__sns__item.facebook .share__on__sns__link {
    height: 2rem;
  }

  .share__on__sns__list {
    justify-content: center;
  }

  .share__on__info__list {
    justify-content: center;
  }


  /*****************/
  /* コレクションページ */
  /*****************/
  /* アコーディオン */

@media screen and (max-width: 749px) {  
  .p-itemColumn .collection__section__title {
    font-size: 2.8rem;
    text-align: center;
  }
  .p-itemColumn .collection__section__subtitle {
    text-align: center;
  }

  .nav__item__title__icon.close {
    transform: rotate(180deg);
  }

  .products__nav {
    display: none;
  }

  .products__nav__list {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-wrap: wrap;
  }

  .products__item__title {
    font-family: "Lato", sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 2;
    color: rgba(255, 255, 255, 0.5);
  }

  .products__item__list {
    margin-right: 38px;
    margin-bottom: 20px;
  }

  .products__item__subItem {
    font-size: 11px;
    line-height: 1.8;
    color: #fff;
  }

  .products__item__subList {
    transition: 0.2s;
  }

  .products__item__subList:hover {
    opacity: 0.6;
  }

  .products__item__container {
    display: flex;
    justify-content: space-between;
  }

  .p-itemColumn {
    width: 100%;
    flex-direction: column-reverse;
    margin-top: 0;
  }

  .p-itemColumn__items {
    width: 100%;
    padding: 0 0.5rem;
  }

  .p-itemColumn__queries {
    width: 100%;
    margin-bottom: 5.4rem;
  }

  .p-itemColumn__queries__title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.7rem;
    border-top: 1px solid rgba(110, 107, 104, 0.2);
    border-bottom: 1px solid rgba(110, 107, 104, 0.2);
    font-size: 14px;
    letter-spacing: 0.16em;
    position: relative;
    z-index: 0;
  }

  .p-itemColumn__queries__title:after {
    display: inline-block;
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 24px;
    background-image: url("//daytune.jp/cdn/shop/files/icon_search.png?v=14754516078165445636");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .modal-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    background-color: rgba(110, 107, 104, 0.9);
    padding: 15% 10%;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    box-sizing: border-box;
  }

  .modal-container.active {
    opacity: 1;
    visibility: visible;
    z-index: 100;
  }

  .modal-body {
    width: 100%;
    position: relative;
    display: inline-block;
  }

  .modal-close:before,
  .modal-close:after {
    position: fixed;
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #fff;
  }
  .modal-close:before {
    top: 1.5%;
    right: 7%;
    transform: rotate(-135deg);
  }
  .modal-close:after {
    top: 1.5%;
    right: 7%;
    transform: rotate(135deg);
  }

  .p-itemQueries {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
/*
  .p-itemQueries__item__title {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
   */

  .p-itemQueries__item__title {
  align-items: center;
  padding: 12px 0;
  border-top: 1px solid rgba(110, 107, 104, 0.2);
  border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  position: relative;
  cursor: pointer;
}

  .p-itemQueries__item__title span {
    height: 100%;
    background-image: url("//daytune.jp/cdn/shop/files/icon_nav02.png?v=16119236407663007350");
  }
/*
  .p-itemQueries__item__title.open {
    border-bottom: none;
  }
    */

  .p-itemQueries__item__list.open {
    display: none;
  }

  .p-itemQueries__item__list__item a {
    font-size: 14px;
  }

  .p-itemQueries__item__list__item a:after {
    background-color: #fff;
  }

  :is(#product-grid, .template-collection .p-itemColumn__items)  .product__slider__item {
    width: calc(49.7% - 0.2rem);
  }

:is(#product-grid, .template-collection .p-itemColumn__items)  .product__item__container {
    font-size: 12px;
    padding: 12px;
  }
 :is(#product-grid, .template-collection .p-itemColumn__items)  .product__item__container .price-item.price-item--regular.tax_excluded,
:is(#product-grid, .template-collection .p-itemColumn__items)  .product__item__container .price-item.price-item--sale.price-item--last {
    font-size: 12px;
  }
:is(#product-grid, .template-collection .p-itemColumn__items)  .product__item__blend {
    padding: 0.8rem 1.3rem;
    font-size: 12px;
  }

  .product__section .product__item__blend {
    padding: 1vh 3vw;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    width: 99%;
    border-bottom: 1px solid rgba(110, 107, 104, 0.2);
    transition: all 0.4s;
    font-size: 3vw;
  }
  }

  /* ヘッダーメニュー */

  .menu-opening .header__icon--menu {
    position: relative;
    z-index: 4;
  }

  .menu-opening .header__icon--menu[aria-expanded=true]:before {
    width: 0;
  }

  .menu-drawer.active {
    top: 0;
  }

  /* headerのスマホアコーディオン */

  .headerFadeUp {
    animation-name: headerFadeUpAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  @keyframes headerFadeUpAnime {
    from {
      opacity: 0;
      transform: translateY(15px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .headerFadeUpDelay-time02 {
    animation-delay: 0.2s;
  }

  .headerFadeUpDelay-time03 {
    animation-delay: 0.3s;
  }

  .headerFadeUpDelay-time04 {
    animation-delay: 0.4s;
  }

  .headerFadeUpDelay-time05 {
    animation-delay: 0.5s;
  }

  .headerFadeUpDelay-time06 {
    animation-delay: 0.6s;
  }

  .headerFadeUpDelay-time07 {
    animation-delay: 0.7s;
  }

  .headerFadeUpDelay-time08 {
    animation-delay: 0.8s;
  }

  .headerFadeUpDelay-time09 {
    animation-delay: 0.9s;
  }

  .headerFadeUpDelay-time10 {
    animation-delay: 1.0s;
  }

  .headerFadeUpDelay-time11 {
    animation-delay: 1.05s;
  }

  .headerFadeUpDelay-time12 {
    animation-delay: 1.1s;
  }



  /*****************/
  /* 商品詳細ページ */
  /*****************/
  .product__title {
    font-size: 5.27vw;
  }

  .product_container {
    width: 100%;
    margin-bottom: 3rem;
  }

  .slider_outer2 {
    flex-direction: column-reverse;
  }

  .slider_outer2 .thumb1_2 {
    width: 100%;
    justify-content: unset;
    flex-wrap: nowrap;
    margin-top: 2px;
  }
  .slider_outer2 .slider1_2 {
    width: 100%;
  }
  .slider_outer2 .thumbnail-item {
    width: 16%;
  }

  .product__info-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 2rem !important;
  }

  .product__info-wrapper .product__text.product__brand {
    font-size: 3.67vw;
  }

  .price-item.price-item--regular.tax_included {
    font-size: 3.67vw;
  }
  .price-item.price-item--regular.tax_excluded {
    font-size: 2.67vw;
  }

  .price_carriage_info,
  .price_carriage_link,
  .product-form__input.product-form__quantity .form__label {
    font-size: 3.67vw;
  }

  /* テキストとスライド */

  .about__container {
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    flex-direction: column;
    margin-bottom: 19%;
    max-width: 1200px;
  }

  .about__container:last-child {
    margin-bottom: 19%;
  }

  .about__swiper {
    width: 100%;
  }

  .detail-swiper-button-prev,
  .detail-swiper-button-next {
    display: none;
  }

  .detail-swiper-pagination {
    text-align: left;
    margin-left: 6%;
    bottom: -7vw !important;
  }

  .about__sideTitleBox {
    width: 85%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .about__sideTitleBox__en {
    margin-right: -8%;
    top: 5%;
    right: 0;
  }

  .about__sideTitleBox__inner {
    border-left: 0;
    border-right: 1px solid rgba(110, 107, 104, 0.2);
  }

  .about__sideTitleBox__title {
    padding: 21% 0 8%;
    font-size: 4.8vw;
  }

  .about__sideTitleBox__text {
    padding: 8% 8% 0 0;
    font-size: 15px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3%;
  }

  /* 商品情報 */

  .detail__container {
    width: 100%;
    padding-left: 20px;
    padding-right: 40px;
  }

  .detail__sideTitleBox__en {
    padding-right: 3%;
  }

  .detail__sideTitleBox__title {
    padding: 0 0 5% 6.5%;
    font-size: 4.8vw;
  }

  .detail__sideTitleBox__table {
    padding: 5% 0 0 6.5%;
    justify-content: unset;
    flex-direction: column;
  }

  .detail__column__col {
    width: 100%;
    padding-right: 0;
  }

  .detail__dlTable dt {
    width: 100%;
    margin-bottom: 2%;
  }

  .detail__dlTable dd {
    width: 100%;
    margin-bottom: 7%;
  }


  /* 素材へのこだわり */

  .friendly__container {
    width: 100%;
    flex-direction: row;
    padding-left: 20px;
    padding-right: 40px;
  }

  .friendly__sideTitleBox__en {
    padding-top: 7%;
    padding-left: 0.5%;
    padding-right: 2.5%;
  }

  .friendly__sideTitleBox__inner {
    border-right: 0;
    border-left: 1px solid rgba(110, 107, 104, 0.2);
  }

  .friendly__sideTitleBox__title {
    font-size: 4.8vw;
    padding: 16% 0 8% 7%;
  }

  .friendly__sideTitleBox__box {
    padding: 4% 0 9.5% 7%;
  }

  .friendly__sideTitleBox__column {
    justify-content: unset;
    flex-direction: column-reverse;
  }

  .friendly__sideTitleBox__text {
    width: 100%;
  }

  .friendly__sideTitleBox__image {
    width: 49%;
    padding-left: 0;
    padding-bottom: 5%;
  }

  /* newsページ */
  .news__blog__section {
    margin-top: 15rem;
  }

  .news__blog__container {
    width: 100%;
    flex-direction: column;
  }

  .news__blog__container__column {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 80px;
  }

  /* journalページ */
  .journal__blog__container {
    width: 100%;
    flex-direction: column;
    margin: 4rem auto 0;
  }

  .journal__blog__p-catList__item {
    font-size: 12px;
    padding: 0 12px;
  }

  .journal__blog__art {
    width: 100%;
  }

  .journal__blog__art__label {
    width: 95%;
  }

  .journal__blog__item___label__body {
    padding-right: 12%;
  }

  .journal__blog__item__moreArrow {
    right: -1%;
  }

  .journal__blog__column {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 40px;
  }

  .journal__blog__column__list {
    margin-top: 40px;
    flex-direction: column;
  }

  .journal__blog__column__item {
    width: 100%;
    margin-left: 0;
  }

  .journal__blog__item__link {
    display: flex;
  }

  .journal__blog__item___label {
    margin-left: 5%;
    width: 100%;
  }

  .journal__blog__item__thumbnail {
    width: 9.45rem;
    height: 9.45rem;
  }

  .journal__blog__item__moreArrow {
    position: absolute;
    margin-top: 0;
  }

  .journal__blog__detail__circleLink {
    margin-right: auto;
  }


  /*******************/
  /* コンセプトページ */
  /*******************/

  /* 固定セクション */
.conceptFixed__section {
  padding-bottom: 0;
  position: relative;
  background-color: #eeeeee;
  z-index: 1;
}
  .conceptFixed__inner {
    width: 95%;
    padding-top: 5vw;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column-reverse;
  }

  .conceptFixed__container {
    padding-left: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    bottom: 0;
  }

  .conceptFixed__title {
    padding-top: 0;
    padding-bottom: 15%;
  }

  .conceptFixed__title__main {
    font-size: 6.5vw;
  }

  .conceptFixed__title__sub {
    font-size: 3.3vw;
  }

  .conceptFixed__body {
    padding-bottom: 15vw;
  }

  .conceptFixed__body__group {
    margin-bottom: 5vw;
  }

  .conceptFixed__body__line {
    font-size: 4vw;
    line-height: 2;
  }

  .conceptFixed__window {
    position: relative;
    margin-top: 0vw;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 35vw;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 25vw;
    clip: unset;
    z-index: 1;
  }

  .conceptFixed__gradation {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .conceptFixed__gradation canvas {
    display: block;
    transform: rotate(-90deg);
    position: absolute;
    width: 133%;
    height: 282%;
    left: 50％;
    filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='flt-fse6ttdh' x='0' y='0' width='1' height='1' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20' result='flt-fse6ttdh-2'/%3E%3CfeMorphology operator='dilate' radius='20'/%3E%3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='flt-fse6ttdh-2'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#flt-fse6ttdh");
  }

  .conceptFixed__gradation__color {
    width: 100%;
    height: 400%;
    background: linear-gradient(110deg, rgba(220,68,34,.9),rgba(220,68,34,0) 39%), linear-gradient(110deg, rgba(220, 68, 34, 0.9), rgba(239, 148, 66, 0) 60.71%), linear-gradient(105deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 92.71%), linear-gradient(122deg, rgba(239, 148, 66, 0.8), rgba(239, 148, 66, 0) 99.71%), linear-gradient(124deg, rgb(255 200 0 / 80%), rgba(239, 148, 66, 0) 50.71%), linear-gradient(270deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 93%), linear-gradient(270deg, rgba(24, 95, 172, 0.8), rgba(24, 95, 172, 0) 100%)
  }

  .fixedFadeUp {
    opacity: 0;
    transform: translate(0, 50px);
    -webkit-transform: translate(0, 50px);
    transition: 2s;
  }

  .fixedFadeUp.fixedScrollUp {
    opacity: 1;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }


  /* Aboutセクション */

  .conceptAbout__bg {
    overflow: hidden;
    background-image: none;
  }

  .conceptAbout__section::before {
    content: "";
    background: url("//daytune.jp/cdn/shop/files/concept_bg_sp.jpg?v=9293220361326906870") no-repeat center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    z-index: 0;
    transform: translateZ(0);
  }

  .conceptAbout__section {
    overflow: hidden;
    padding-top: 21vw;
    padding-bottom: 6vw;
  }

  .conceptAbout__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .conceptAbout__title {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .conceptAbout__title__main {
    font-size: 7.3vw;
  }

  .conceptAbout__title__sub {
    font-size: 3vw;
  }

  .conceptAbout__message {
    margin-top: 4vw;
    padding-left: 5vw;
    padding-right: 5vw;
    font-size: 3.75vw;
  }

  .conceptAbout__image {
    margin-top: 10vw;
    justify-content: unset;
    flex-direction: column;
  }

  .conceptAbout__image__item {
    width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 7vw;
  }


  /* Visionセクション */

  .conceptVision__section {
    padding-top: 28vw;
    padding-bottom: 24vw;
  }

  .conceptVision__inner {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .conceptVision__container {
    flex-direction: column;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .conceptVision__group {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .conceptVision__group__item:nth-child(1),
  .conceptVision__group__item:nth-child(2) {
    margin-bottom: 10vw;
  }

  .conceptVision__group__title {
    margin-bottom: 5vw;
  }

  .conceptVision__title__main {
    font-size: 8vw;
  }

  .conceptVision__title__sub {
    font-size: 3vw;
    line-height: 1;
  }

  .conceptVision__text {
    font-size: 3.5vw;
  }

  .conceptVision__philosophy {
    width: 100%;
  }

  .conceptVision__philosophy__title {
    margin-top: 17.5vw;
    margin-bottom: 6.5vw;
  }

  .conceptVision__philosophy {
    width: 106%;
    margin-left: -3%;
  }

  .conceptVision__title__main--philosophy01 {
    font-size: 3.8vw;
  }

  .conceptVision__title__main--philosophy02 {
    font-size: 8.5vw;
  }

  .conceptVision__philosophy__text {
    font-size: 3.6vw;
  }


  /* Lifeセクション */

  .conceptLife__inner {
    width: 100%;
    padding: 21vw 20px 15vw;
  }

  .conceptLife__title {
    padding-left: 5vw;
    padding-right: 5vw;
    margin-bottom: 11vw;
  }

  .conceptLife__title__main {
    font-size: 7.8vw;
  }

  .conceptLife__title__sub {
    font-size: 3vw;
  }

  .conceptLife__container {
    display: flex;
    justify-content: space-between;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .conceptLife__gradation {
    width: 1vw;
    height: 140vw;
    background: linear-gradient(135deg, #DC4422, #EF9442 35%, #4586B4 70%, #185FAC);
  }

  .conceptLife__step {
    width: 61%;
    margin-top: 1vw;
    flex-direction: column;
  }

  .conceptLife__step__item {
    width: 100%;
    margin-bottom: 12vw;
  }

  .conceptLife__step__number {
    font-size: 3.8vw;
  }

  .conceptLife__step__title {
    font-size: 6.5vw;
  }

  .conceptLife__step__text {
    font-size: 3.5vw;
  }

  .conceptLife__routinize {
    width: 13.4vw;
    height: 134vw;
    margin-right: 0;
    margin-bottom: 2vw;
    writing-mode: vertical-rl;
  }

  .conceptLife__routinize:after {
    right: 0;
    top: 100%;
    bottom: 0;
    transform: translate(0, -0.02vw);
    border-top: 6vw solid #FFFFFF;
    border-right: 6.7vw solid transparent;
    border-left: 6.7vw solid transparent;
  }

  .conceptLife__routinize__title {
    font-size: 5.1vw;
    letter-spacing: 0.08em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
  }

  .conceptLife__routinize__text {
    font-size: 3.5vw;
    letter-spacing: 0.25em;
    margin: 1.5vw auto auto;
  }



  /* 追従カート追加ボタンセクション */
  .p-target__btn {
    width: 23.125rem;
  }

  .p-target__text {
    font-size: 1.25rem;
    top: 31%;
  }


  /*　次記事・前記事セクション */
  .p-article_prev_next_item {
    display: block;
  }

  .p-article_prev_next_item:after {
    display: none;
  }

  .p-article_prev_next_item .c-articleCard {
    width: 100%;
  }

  .c-articleCard .p-article_prev_next_item__title {
    font-size: 2rem;
    padding: 0;
    margin: 0 0 2rem;
  }

  .article__item___label__body {
    padding-right: 12%;
  }

  .p-article__column__list {
    margin-top: 20px;
  }

  /* 最上部へ戻る */
  /*　goToTopセクション */
  .pageContents__goToTop {
    width: 22%;
  }
  .pageContents__breadcrumb {
    padding: 14px 20px;
    position: unset;
  }


  /****************************/
  /* プライバシーポリシーページ */
  /****************************/

  .privacy__section {
    width: 100%;
  }

  .privacy__common__text-size {
    font-size: 13px;
  }

  .privacy__item,
  .privacy__company,
  .privacy__history {
    margin-top: 50px;
  }

  .privacy__item__title {
    font-size: 15px;
  }

  /*******************/
  /* 特商法表記ページ */
  /*******************/

  .law__section {
    padding: 0 30px;
  }

  .law__mainTitle {
    font-size: 7vw;
  }

  .law__subTitle {
    margin-top: 3.5vw;
    font-size: 3vw;
  }

  .law__table {
    display: block;
    width: 100%;
    margin: 0 auto 10vw;
    border-collapse: collapse;
  }

  .law__table__item {
    display: block;
    padding: 4vw 0 4.5vw;
    border-top: 1px solid rgba(110, 107, 104, 0.2);
  }

  .law__table__item:last-child {
    border-bottom: 1px solid rgba(110, 107, 104, 0.2);
  }

  .law__table__header {
    width: 100%;
    display: block;
    padding: 0;
    font-size: 3.1vw;
    border-top: none;
  }

  .law__table__data {
    width: 100%;
    display: block;
    padding: 0.5vw 0 0;
    font-size: 3.65vw;
    border-top: none;
  }

  .law__table__item:last-child .law__table__header,
  .law__table__item:last-child .law__table__data {
    border-bottom: none;
  }

  .law__table__data a.sp-underLine {
    text-decoration: underline;
  }

  .law__table__google:after {
    width: 3vw;
    height: 4.2vw;
  }

  .law__table__image {
    width: 100%;
    margin-bottom: 5vw;
  }



  /*****************/
  /* ログインページ */
  /*****************/

  .customer .common__mainTitle {
    font-size: 26px;
  }

  .login p {
    font-size: 14px;
  }

  .shopify-challenge__container .shopify-challenge__button {
    padding-left: 11vw;
    padding-right: 14vw;
  }

  .section__inner {
    width: 90%;
  }
  /* custom_accordion */
  .accordion__inner {
    padding-top: 12%;
  }
  .accordion__heading {
    padding-top: 3vw;
    margin-bottom: 6vw;
    font-size: 3.7vw;
  }
  .accordion-item__question-wrapper {
    font-size: 3.7vw;
    padding: 5vw 0;
  }
  .accordion-item__question-wrapper::before,
  .accordion-item__answer-wrapper::before {
    font-size: 4.2vw;
    line-height: 1.5;
  }
  .accordion-item__question,
  .accordion-item__answer {
    margin-left: 2vw;
  }
  .accordion-item__question::after {
    margin: 0;
    height: 5px;
    max-width: 17px;
  }
  .accordion-item__answer-wrapper {
    font-size: 3.5vw;
    padding-bottom: 7.6vw;
  }
  /* custom_accordion_nav */
  .accordion-nav__list {
    gap: 2.2vw 8.5vw;
    width: 90%;
    margin: auto;
  }
  .accordion-nav-item__link {
    padding-bottom: 3.5vw;
    font-size: 3.5vw;
    line-height: 2.5;
  }
  .accordion-nav-item__link::after {
    width: 2.4vw;
    height: 2.4vw;
    bottom: -5%;
  }
  /* 数量変更プルダウン */
  .quantity-select {
    font-size: 3.47vw;
    background-size: 7px 6px;
  }
  .product-form__input.product-form__quantity .quantity-select {
    padding-top: 0;
  }
  /* カートitem */
  .custom-cart-items__inner,
  .custom-cart-footer__inner {
    width: 78.5%;
  }
  .custom-cart-footer__inner {
    padding-bottom: 10vw;
  }
  .custom-cart-items a {
    font-size: 3.47vw;
  }
  .custom-cart-items .cart__items {
    margin-top: 24%;
  }
  .custom-cart-items .cart__items thead {
    display: none;
  }
  .custom-cart-items .cart__items .cart-item {
    display: table-row;
    margin-bottom: 0
  }
  .custom-cart-items .cart__items td {
    width: 100%;
    display: block;
    padding: 3% 0 0;
  }
  .custom-cart-items .cart__items td:not(:first-child) {
    border-top: none;
  }
  .custom-cart-items .cart__items .cart-item__details > * {
    max-width: none;
  }
  .custom-cart-items .cart__items .cart-item__image-container {
    width: 100%;
  }
  .custom-cart-items .cart__items .cart-item__image {
    max-width: none;
  }
  .custom-cart-items .cart__items .product-option,
  .custom-cart-items .cart__items .price {
    font-size: 3.47vw;
    text-align: right;
    max-width: none;
    letter-spacing: 0.08em;
  }
  .custom-cart-items .cart__items .cart-item__price-wrapper {
    margin-bottom: 5.5%;
  }
  .custom-cart-items .cart__items cart-remove-button {
    margin-left: 0;
    margin-top: 2vw;
  }
  .custom-cart-items .cart__items cart-remove-button .button {
    min-width: auto;
    min-height: auto;
    line-height: 1.5;
  }
  .custom-cart-items .cart__items .cart-item__error {
    margin-top: 1.3%;
  }
  .custom-cart-items .cart__items .cart-item__details,
  .custom-cart-items .cart__items .cart-item__totals {
    padding-top: 0;
  }

  /* カートfooter */
  .custom-cart-footer .totals {
    flex-direction: column;
    padding-top: 5%;
  }
  .custom-cart-footer .totals__subtotal,
  .custom-cart-footer .totals__subtotal-value {
    font-size: 3.47vw;
    width: 100%;
    text-align: right;
    padding: 0;
  }
  .custom-cart-footer__warning {
    font-size: 2.2vw;
    margin-right: 0;
  }
  .custom-cart-footer .cart__ctas {
    margin-right: 0;
  }
  .custom-cart-footer .cart__ctas button.cart-button {
    width: 100%;
    font-size: 3.47vw;
    padding: 6.45%;
    border-radius: 5px;
    max-width: none;
  }
  .custom-cart-footer .cart__ctas button.cart-button span {
    right: 4%;
  }
  /* 配送日時指定 */
  .cart__blocks > .delivery {
    font-size: 3.47vw;
    margin-right: 0;
  }
  .delivery__setting + .delivery__setting {
    margin-top: 1.5%;
  }
  .delivery__setting label {
    margin-right: 1em;
  }
  /* コンタクト */
  .contact-message {
    font-size: 3.67vw;
  }
  .contact-buttons__inner {
    display: block;
    text-align: center;
  }
  .contact-buttons__button--square {
    display: block;
    margin: 12% auto 0;
    font-size: 2.67vw;
    font-size: max(2.67vw, 12px);
  }
  .contact-buttons__button--square + .contact-buttons__button--square {
    margin: 4% auto 10%;
  }
  .contact-buttons__button--arrow {
    display: inline-block;
    font-size: 3.2vw;
    font-size: max(3.2vw, 16px);
  }
  /* コンタクトフォーム */
  .custom-contact {
    margin-top: 9%;
    margin-bottom: 41%;
  }
  .custom-form {
    align-items: flex-start;
    flex-direction: column;
  }
  .custom-form + .custom-form {
    margin-top: 4.5%;
  }
  .custom-contact__form {
    font-size: 2.7vw;
  }
  .custom-form__label::after {
    margin-left: 0.5em;
  }
  .custom-form__label,
  .custom-form__select,
  .custom-form__input {
    letter-spacing: 0;
  }
  .custom-form__select,
  .custom-form__input,
  .custom-form__textarea {
    padding: 1.3em 1em;
    margin-top: 0.5em;
  }
  .custom-form__select {
    background-position: right 12px center;
  }
  .custom-form__inputs .custom-form__input {
    flex: 0 1 48%;
  }
  .custom-form.custom-form--privacy {
    font-size: 3.2vw;
    margin-left: 0.5%;
    margin-top: 11%;
  }
  .custom-form__button {
    margin-top: 9.5%;
    max-width: 670px;
    width: 100%;
    padding: 1.3em;
    border-radius: 5px;
    font-size: 3.2vw;
  }
  .custom-form__button span {
    right: 30px;
  }

  /* アカウント関連 */
  .customer {
    margin-top: 31% !important;
  }
  .customer .field input,
  .customer select {
    ;
    /*     padding: 1.3em; */
  }
  .customer .field input,
  .customer select,
  .field__label,
  .customer .field label {
    font-size: 18px;
  }
  .login .field + a {
    font-size: 16px;
  }
  .login a {
    font-size: 16px;
  }
  .customer button {
    padding: 0.6em 0.5em;
    /*     font-size: 20px; */
  }



  .custom-cart-items .cart-item .sub_total {
    text-align: right;
  }
  .custom-cart-items .cart-item .cart-item__price__label {
    display: inline;
    font-size: 3.47vw;
  }


}


@media screen and (max-width: 990px) {
  .change-color .header__icons {
    border-right: 2px solid rgba(110, 107, 105, 0.2);
  }
  .header__heading {
    width: 38vw;
    height: 11vw;
  }
  .header__icons {
    border-right: 2px solid rgba(255, 255, 255, 0.2);
  }
}


/*********************/
/* タブレット用 */
/*********************/

@media screen and (min-width:768px) and(max-width:1024px) {


  /* ■■■■■■■■ ピックアップニュース ■■■■■■■■*/

  .p-pickupNews__title {
    font-size: 31px;
  }

  .p-pickupNewsCard__date {
    font-size: 24px;
  }

  .p-pickupNewsCard__title {
    font-size: 26px;
  }

  .concept__detail__mainTitle {
    font-size: 62px;
  }

  .concept__detail__subTitle {
    font-size: 23px;
  }

  .concept__detail__text p {
    font-size: 31px;
  }

  .concept__detail__circleLink--sp {
    font-size: 35px;
    background-size: 30px;
    background-position: right 4px;
    padding: 0 50px 0 0;
  }


  /* シーンスライダー */

  .common__mainTitle {
    font-size: 40px;
  }

  .common__subTitle {
    font-size: 23px;
  }

  .scene__slider__photo {
    width: 96%;
  }

  .scene__slider__body {
    width: 94%;
  }

  .scene__slider__body__detail__title {
    padding: 7%;
  }

  .scene__slider__body__detail__title__en {
    font-size: 23px;
  }

  .scene__slider__body__detail__title__jp {
    font-size: 39px;
  }

  .scene__slider__body__detail__text {
    padding: 7% 7% 0;
    height: 22rem;
    font-size: 23px;
  }

  .scene__slider__body__detail__link {
    font-size: 35px;
    margin: auto auto 0 7%;
  }

  .scene__slider__body__detail__link__arrow {
    top: 44%;
    width: 33px;
    height: 27px;
  }

  .scene__slider__body__detail__link__arrow:after {
    width: 33px;
    height: 27px;
  }

  .slick-dots li {
    margin: 0 1.5%;
  }


  /* Products スライダー */

  .product__item__blend {
    font-size: 23px;
  }

  .product__section .product__item__container {
    padding: 30px;
    font-size: 23px;
  }
  .product__section .product__item__container .price-item.price-item--regular.tax_excluded {
    font-size: 23px;
  }

  .product__section .product__item__container .price {
    line-height: 1.7;
  }

  .common__detail__circleLink {
    width: 256px;
    height: 256px;
    font-size: 35px;
  }

  .common__detail__circleLink:before {
    top: 0;
  }

  .common__detail__circleArrow {
    left: 52%;
    bottom: 22%;
    width: 4rem;
    height: 3rem;
  }

  .common__detail__circleArrow:after {
    width: 33px;
    height: 27px;
  }


  /* サブスクリプション */

  .subscription__section {
    margin-top: 180px;
  }

  .subscriptionCard__body__tag {
    width: 6%;
    padding-left: 1%;
    padding-right: 2%;
  }

  .subscriptionCard__tag__text {
    font-size: 25px;
  }

  .subscription__detail__title {
    margin-top: 60px;
    padding-bottom: 40px;
    padding-left: 40px;
    margin-bottom: 50px;
  }

  .subscription__detail__title .common__mainTitle {
    font-size: 55px;
  }

  .common__subTitle {
    font-size: 25px;
  }

  .subscription__detail__info {
    padding-left: 40px;
  }

  .subscription__detail__info .product__item__name,
  .subscription__detail__info .product__item__etc {
    font-size: 41px;
  }

  .subscription__detail__info .price__container {
    font-size: 31px;
  }

  .subscription__info__text {
    font-size: 27px;
  }

  .subscription__link__zone {
    font-size: 35px;
  }

  .subscription__link__zoneArrow {
    top: 25%;
    right: -50%;
    width: 33px;
    height: 27px;
  }

  .subscription__link__zoneArrow:after {
    width: 33px;
    height: 27px;
  }


  /* チューニング */

  .tuning__section {
    height: 95vw;
  }

  .tuning__section__inner {
    height: 560px;
  }

  .tuning__section__text {
    font-size: 33px;
  }


  /* SNS */

  .sns__section .instagram__icon {
    width: 41px;
  }

  .sns__section .sns__icon__twitter {
    width: 30px;
  }

  .sns__section .sns__icon__facebook {
    width: 15px;
  }

  .sns__name {
    font-size: 31px;
    margin-left: 30px;
  }


  /* 記事 */

  .journal__art__date {
    padding: 7px 30px;
    font-size: 25px;
  }

  .journal__art__cat {
    padding: 7px 30px;
    font-size: 25px;
  }

  .journal__art__label__body {
    padding: 3.5% 4%;
  }

  .journal__art__title {
    font-size: 31px;
  }

  .journal__art___more {
    font-size: 33px;
  }

  .journal__art__moreArrow {
    left: 180px;
    width: 31px;
    height: 25px;
  }

  .journal__art__moreArrow:after {
    width: 31px;
    height: 25px;
  }

  .journal__column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .journal__column__list {
    margin-top: 80px;
  }

  .journal__item__thumbnail {
    width: 35%;
    height: 35%;
  }

  .journal__item___date {
    padding: 7px 30px 7px 0;
    font-size: 23px;
  }

  .journal__item___cat {
    padding: 7px 30px;
    font-size: 23px;
  }

  .journal__item___label__body {
    margin-top: 26px;
  }

  .journal__item___title {
    font-size: 27px;
  }

  .journal__item__moreArrow {
    width: 33px;
    height: 27px;
  }

  .journal__item__moreArrow:after {
    width: 33px;
    height: 27px;
  }

  .journal__art__circle {
    margin-top: 67px;
  }


  /* フッター */

  .nav__item__link {
    padding: 37px 40px;
  }

  .nav__item__en {
    font-size: 35px;
  }

  .nav__item__ja {
    margin-left: 23px;
    font-size: 21px;
  }

  .footer__option {
    padding-left: 50px;
    padding-right: 50px;
  }

  .footer__sns__item {
    width: 35px;
    margin-left: 40px;
  }

  .footer__sns__item:first-child {
    margin-left: 0;
  }

  .footer__info__item {
    font-size: 22px;
    margin-left: 25px;
  }

  .footer__info__item:first-child {
    margin-left: 0;
    padding-right: 15px;
  }

  .footer__info__item--company {
    background-size: 20px;
  }

  .footer__copyright {
    font-size: 16px;
  }



  /*****************/
  /* コレクションページ */
  /*****************/

  /*   .section__container {
    margin-top: 19rem;
  } */

  .p-itemColumn__queries__title {
    height: 11.4rem;
    padding-left: 60px;
    font-size: 25px;
  }

  .p-itemColumn__queries__title:after {
    width: 30px;
    height: 30px;
    margin-left: 35px;
  }

  .p-itemColumn .collection__section__title {
    font-size: 3.8rem;
  }

  .p-itemColumn .collection__section__subtitle {
    font-size: 1.8rem;
  }
  /* サブタイトルは常に同じ高さを確保（空でも1行分は占有） */
.template-collection .collection__section__subtitle{
  min-height: calc(1.75em); /* 1行分。line-heightに合わせる */
}

/* 空のときは文字がないので見た目は何も出ないが、高さは残る */
.template-collection .collection__section__subtitle.is-empty{
  visibility: hidden; /* 高さは残しつつ見えなくする */
}


:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__blend {
    padding: 1rem 2.3rem;
    font-size: 23px;
  }

:is(#product-grid, .template-collection .p-itemColumn__items) .product__item__container {
    font-size: 23px;
    padding: 20px;
  }

:is(#product-grid, .template-collection .p-itemColumn__items)  .product__item__container .price-item.price-item--regular.tax_excluded {
    font-size: 23px;
  }


  /*****************/
  /* 記事ページ */
  /*****************/

  .journal__blog__p-catList__item {
    font-size: 31px;
    padding: 0 22px;
  }

  .journal__blog__art__date {
    padding: 7px 30px;
    font-size: 25px;
  }

  .journal__blog__art__cat {
    padding: 7px 30px;
    font-size: 25px;
  }

  .journal__blog__art__label__body {
    padding: 3.5% 4%;
  }

  .journal__blog__art__title {
    font-size: 31px;
  }

  .journal__blog__art___more {
    font-size: 33px;
  }

  .journal__blog__art__moreArrow {
    left: 180px;
    width: 31px;
    height: 25px;
  }

  .journal__blog__art__moreArrow:after {
    width: 31px;
    height: 25px;
  }



  .journal__blog__column {
    padding-left: 40px;
    padding-right: 40px;
  }

  .journal__blog__column__list {
    margin-top: 80px;
  }

  .journal__blog__item__thumbnail {
    width: 35%;
    height: 35%;
  }

  .journal__blog__item___date {
    padding: 7px 30px 7px 0;
    font-size: 23px;
  }

  .journal__blog__item___cat {
    padding: 7px 30px;
    font-size: 23px;
  }

  .journal__blog__item___label__body {
    margin-top: 26px;
  }

  .journal__blog__item___title {
    font-size: 27px;
  }

  .journal__blog__item__moreArrow {
    width: 33px;
    height: 27px;
  }

  .journal__blog__item__moreArrow:after {
    width: 33px;
    height: 27px;
  }



  /*****************/
  /* お知らせページ */
  /*****************/

  .news__blog__item__thumbnail {
    width: 35%;
    height: 35%;
  }

  .news__blog__item___date {
    padding: 7px 30px 7px 0;
    font-size: 23px;
  }

  .news__blog__item___cat {
    padding: 7px 30px;
    font-size: 23px;
  }

  .journal__item___label__body {
    margin-top: 26px;
  }

  .news__blog__item___title {
    font-size: 27px;
  }

  .news__blog__item__moreArrow {
    width: 33px;
    height: 27px;
  }

  .news__blog__item__moreArrow:after {
    width: 33px;
    height: 27px;
  }


  /*******************/
  /* コンセプトページ */
  /*******************/

  .conceptFixed__inner,
  .conceptAbout__inner,
  .conceptVision__inner,
  .conceptLife__inner {
    padding-left: 40px;
    padding-right: 40px;
  }


  /*****************/
  /* 追従カート追加ボタン */
  /*****************/
  .p-productinfo_container {
    text-align: center;
  }

  /****************************/
  /* プライバシーポリシーページ */
  /****************************/

  .privacy__section {
    padding: 0 40px 300px;
    max-width: 1240px;
    margin: 0 auto;
  }

  .privacy__common__text-size {
    font-size: 26px;
  }

  .privacy__item__title {
    font-size: 30px;
  }



}

@media screen and (max-width:768px) {
  .fv-swiper-container .swiper-wrapper {
    height: 100%;
  }
}

@media screen and (max-width:549px) {
  .header__icons {
    width: 21vw;
    right: 14vw;
    min-width: 90px;
  }
}

@media screen and (max-width:375px) {

  .header__icons {
    width: 21vw;
    right: 17vw;
  }

  /*****************/
  /* 追従カート追加ボタン */
  /*****************/
  .p-productinfo_container {
    text-align: left;
  }
  .p-target .product-form__submit {
    padding: 0 1.5rem;
  }
  .product-form__submit:after {
    display: none;
  }
}


/*****************/
/* 定期購買アプリ調整 */
/*****************/
.huckleberry-subscription-list-color main {
  opacity: 1;

}
body.huckleberry-subscription-list-color {
  width: 60%;
  margin-right: auto !important;
  margin-left: auto !important;
  min-width: 700px;
}
dd.huckleberry-subscription-list-id {
  color: #63605d;
}
dd.huckleberry-subscription-detail-product-name {
  color: #63605d;
}

p.Polaris-DisplayText.Polaris-DisplayText--sizeLarge {
  display: none;
}

#boxContent > div > div.Polaris-Page > div > div > div > div.Polaris-FormLayout > div:nth-child(2) > div > div:nth-child(3) {
  display: none;
}

#boxContent > div > div.Polaris-Page > div > div > div > div:nth-child(1) > div {
  margin-bottom: 1em;
}


@media(min-width: 40em) {
  .Polaris-DisplayText--sizeExtraLarge {
    font-size: 2.5rem !important;
    line-height: 4.4rem;
    font-weight: 500;

  }
}
.Polaris-DisplayText--sizeExtraLarge {
  font-weight: 500 !important;

}

.Polaris-Page__Content p,
.Polaris-Page__Content span {
  color: #63605d;
}

.cGjrSs.cGjrSs.cGjrSs {
  color: #63605d;
}

.eTItzI.eTItzI.eTItzI:checked + .sc-furvIG::before {
  background: #63605d !important;

}

.Polaris-Page {
  width: 60%;
}
@media screen and (max-width: 1200px) {
  .Polaris-Page {
    width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .Polaris-Page {
    width: 90%;
  }
  .Polaris-DisplayText--sizeExtraLarge {
    font-size: 2rem !important;
    line-height: 3rem !important;
    text-align: left !important;
  }

  body.huckleberry-subscription-list-color {
    width: 90%;
    margin-right: auto !important;
    margin-left: auto !important;
    min-width: 90%;
  }

}
.Polaris-Page__Content {
  margin-bottom: 10rem !important;
}



/*****************/
/* カートページ調整 */
/*****************/
.cart__dynamic-checkout-buttons {
  margin: 4% 5% 0 auto !important;
}

/*****************/
/* social plus */
/*****************/

.socialplus-association-row img {
  width: 32px;
}



/*****************/
/* ファーストビュー切れ解消 */
/*****************/
/* 高さ調整 */
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:600px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 100vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:661px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 100vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:701px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 82vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:801px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 82vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:901px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 76vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:984px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 75vh;
  }
}
@media screen and (min-width:1025px) and(max-width:1279px) and(min-height:1020px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 70vh;
    max-height: 735px;
  }
}

@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:801px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 80vh;
  }
}
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:1001px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 74vh;
  }
}
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:1101px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 66vh;
  }
}
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:1201px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 56vh;
  }
}

@media screen and (min-width:1440px) and(max-width:1599px) and(min-height:901px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 92vh;
  }
}
@media screen and (min-width:1440px) and(max-width:1599px) and(min-height:990px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 80vh;
  }
}
@media screen and (min-width:1440px) and(max-width:1599px) and(min-height:1151px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 70vh;
  }
}
@media screen and (min-width:1440px) and(max-width:1599px) and(min-height:1301px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 62vh;
  }
}
@media screen and (min-width:1600px) and(max-width:1799px) and(min-height:1010px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 90vh;
  }
}
@media screen and (min-width:1600px) and(max-width:1799px) and(min-height:1131px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 82vh;
  }
}
@media screen and (min-width:1600px) and(max-width:1799px) and(min-height:1231px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 75vh;
  }
}
@media screen and (min-width:1600px) and(max-width:1799px) and(min-height:1331px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 68vh;
    height: 911px;
  }
}

@media screen and (min-width:1800px) and(max-width:1999px) and(min-height:1131px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 90vh;
  }
}
@media screen and (min-width:1800px) and(max-width:1999px) and(min-height:1301px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 72vh;
  }
}

@media screen and (min-width:2000px) and(max-width:2559px) and(min-height:1241px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 92vh;
  }
}
@media screen and (min-width:2000px) and(max-width:2559px) and(min-height:1331px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 88vh;
    height: 1172px;
  }
}
@media screen and (min-width:2880px) and(max-width:3000px) and(min-height:1620px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 1500px;
  }
}
@media screen and (min-width:3000px) and(max-width:3200px) and(min-height:2400px) {
  .fv-swiper-container .swiper-wrapper,
  .p-top__eyecatch {
    height: 72vh;
  }
}


/* 画像調整 */
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:720px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:800px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-8.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-8.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:1280px) and(max-width:1439px) and(min-height:1010px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-12.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-12.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:1600px) and(max-width:1799px) and(min-height:1010px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-10.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-10.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:1800px) and(max-width:1999px) and(min-height:1010px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:2000px) and(max-width:2559px) and(min-height:1141px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:2560px) and(max-width:2799px) and(min-height:1141px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:2560px) and(max-width:2799px) and(min-height:1500px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-9.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-9.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:2800px) and(max-width:2999px) and(min-height:1800px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-17.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-17.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:3000px) and(max-width:3199px) and(min-height:1800px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:3200px) and(max-width:3399px) and(min-height:1800px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-11.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-11.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:3200px) and(max-width:3399px) and(min-height:2000px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-15.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-15.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:3400px) and(max-width:3999px) and(min-height:2000px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-13.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-13.3%) scale(1.13);
    }
  }
}
@media screen and (min-width:3400px) and(max-width:3999px) and(min-height:2200px) {
  @keyframes slideRight {
    0% {
      transform: translateX(0) translateY(-9.3%) scale(1.13);
    }
    100% {
      transform: translateX(15%) translateY(-9.3%) scale(1.13);
    }
  }
}

.law__section > .law__table__item[id] {
  display: block;
  height: 6rem;
  margin-top: -6rem;
  content: "";
}

.is-hidden {
  visibility: hidden;
  opacity: 0;
}

/* 0313追加 */
.animation {
  transition: all 1.25s ease;
  opacity: 0;
  transform: translate(0, 10px);
}

.animation.on {
  opacity: 1;
  transform: translate(0, 0);
}

.u-desktop {
  display: block;
}
.u-mobile {
  display: none;
}

@media screen and (max-width: 980px) {
  .u-desktop {
    display: none;
  }
  .u-mobile {
    display: block;
  }
}
/*0420追加*/
.brend_img {
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 800px) {
  .brend_img {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}


/*改修0422*/
.about__container_six {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
.about__container_six .about__sideTitleBox {
  width: 100% !important;
  position: relative;
}
.about__container_six .about__sideTitleBox__en--left {
  margin-left: -3%;
  left: 0;
}
.about__container_six .about__sideTitleBox--left {
  padding-right: 2%;
}
@media screen and (max-width: 600px) {
  .about__container_six {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* =========================
   daytune: Announcement + Header offset (single source of truth)
========================= */

/* 計測値（JSが実測して入れる） */
:root{
  --dt-announcement-h: 0px;
  --dt-header-h: 0px;
}

/* アナウンスは最上部固定 */
#shopify-section-announcement-bar{
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 1200 !important;
}

/* カートでは非表示（必要なら他テンプレも追加） */
body.template-cart #shopify-section-announcement-bar{
  display: none !important;
}

/* header.liquid で .header が position: fixed なので、section ではなく “.header” を下げる */
#shopify-section-header .header{
  top: var(--dt-announcement-h, 0px) !important;
  z-index: 1100 !important;
}

/* 非トップ：アナウンス + ヘッダー分だけ本文を下げる */
body:not(.template-index) #MainContent{
  padding-top: calc(var(--dt-announcement-h, 0px) + var(--dt-header-h, 0px)) !important;
}

/* トップ：アナウンス分だけ下げ、ヘッダーは重ねる */
body.template-index #MainContent{
  padding-top: var(--dt-announcement-h, 0px) !important;
}

/* ===== display switch (pc/sp) ===== */
.pc-block { display: block; }
.sp-block { display: none; }

@media screen and (max-width: 749px){
  .pc-block { display: none; }
  .sp-block { display: block; }
}

/* ===== PC/SPブロック表示のベース定義（必須） ===== */
.pc-block { display: block; }
.sp-block { display: none; }

@media screen and (max-width: 1024px) {
  .pc-block { display: none; }
  .sp-block { display: block; }
}

/* TOP（テンプレートがindexのときだけ）：FV内のロゴ・テキストを中央寄せ */


body.template-index .p-top__eyecatch__body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}

@media screen and (min-width: 1025px){
 .conceptFixed__window{
    position: fixed; /* ← stickyではなく fixed */
    right: 50%;
    margin-right: 15.8vw;
    width: 17.5vw;

    /* 上下の余白を均等にしたい → 上余白 = 下余白 = gap */
    --dt-gap: 5vh;
    top: calc(var(--dt-announcement-h, 0px) + var(--dt-header-h, 0px)+var(--dt-gap));
    height: calc(100vh - (var(--dt-announcement-h, 0px) + var(--dt-header-h, 0px)) - (var(--dt-gap) * 2));
    bottom: var(--dt-gap);

    overflow: hidden;
    z-index: 0;

    will-change: transform;
    transform: translateY(0);
  
  }
}


/* ===== concept gradient safety override (put at very bottom) ===== */

.conceptFixed__window{
  overflow: hidden;
  isolation: isolate;
}

/* グラデーションを“窓の中の背景”として敷く（-1にしない） */
#conceptFixed__gradation.conceptFixed__gradation{
  position: absolute ;
  inset: 0 ;
  z-index: 0 ;
  pointer-events: none;
}


/* 文字をグラデーションより前に */
.conceptFixed__container{
  position: relative;
  z-index: 1;
}

/* conceptの窓は常時表示（フェード演出の対象外） */
.conceptFixed__window.fixedFadeUp{
  opacity: 1 !important;
  transition: none !important;
}

/* ===== Collection: rich text width/centering fix on mobile ===== */
@media screen and (max-width: 749px) {

  /* Dawn系のrich-text構造に広く対応 */
  body.template-collection .rich-text,
  body.template-collection .rich-text__wrapper,
  body.template-collection .rich-text__blocks,
  body.template-collection .rich-text__text,
  body.template-collection .rte {
    width: 100% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}



  /* ===== Hide product count (PC + Mobile) ===== */
body[class*="template-collection"] .product-count,
body[class*="template-collection"] #ProductCount,
body[class*="template-collection"] #ProductCountDesktop,
body[class*="template-collection"] .mobile-facets__count {
  display: none !important;
}


/* ===== Collection (PC): facets design tuned to left menu ===== */
body[class*="template-collection"] .facets-wrapper-custom {
  margin-top: 18px;
}

/* 全体の余白・箱感を消して、左メニューと馴染ませる */
body[class*="template-collection"] .facets-wrapper-custom .facets-container {
  padding: 0;
  margin: 0;
}

/* 見出し/トグルのトーン */
body[class*="template-collection"] .facets-wrapper-custom details.facets__disclosure-vertical {
  border: none;
  padding: 0;
  margin: 0 0 14px;
}

body[class*="template-collection"] .facets-wrapper-custom summary.facets__summary {
  padding: 0;
}

body[class*="template-collection"] .facets-wrapper-custom summary.facets__summary > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding-left: 10px; /* Categoryリストの左余白と揃える */
  font-size: 1.3rem;
  line-height: 2;
}

/* 展開中だけ強調（太字） */
body[class*="template-collection"] .facets-wrapper-custom details[open] summary.facets__summary > div {
  font-weight: 600;
}

/* 展開中の中身の余白を整える */
body[class*="template-collection"] .facets-wrapper-custom .facets__display-vertical {
  padding: 6px 0 0 10px;
}

/* チェックボックス行のトーン（不要な箱感があれば薄く） */
body[class*="template-collection"] .facets-wrapper-custom .facets__item {
  margin: 0;
}
body[class*="template-collection"] .facets-wrapper-custom .facet-checkbox {
  padding: 0;
  gap: 10px;
}

/* ===== Mobile: make position:fixed truly viewport-fixed (kill transform ancestors) ===== */
@media screen and (max-width: 749px) {
  body[class*="template-collection"] .fadeUp,
  body[class*="template-collection"] .p-itemColumn,
  body[class*="template-collection"] .p-itemColumn__items,
  body[class*="template-collection"] .section__container,
  body[class*="template-collection"] .section-collection-padding,
  body[class*="template-collection"] .shopify-section {
    transform: none !important;
    filter: none !important;
    perspective: none !important;
    will-change: auto !important;
  }
}

/* ===== Mobile: hide left category area (use drawer instead) ===== */
@media screen and (max-width: 749px) {
  /* PC用の左カラム（カテゴリ＋facets）自体を非表示にする */
  .p-itemColumn__queries {
    display: none !important;
  }
}

/* ===== Mobile: FAB button (the visible pill is .mobile-facets__open) ===== */
@media (max-width: 749px){
  /* 1) summary は「固定配置の器」に徹する */
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper > details > summary.mobile-facets__open-wrapper{
    position: fixed !important;
    right: 16px !important;
    bottom: 16px !important;
    z-index: 20000 !important;

    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;

    /* summary のデフォルト対策 */
    list-style: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }

  /* 2) “見た目のボタン本体”である span を丸にする */
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper > details > summary.mobile-facets__open-wrapper > span.mobile-facets__open{
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;          /* ← ここが縦つぶれの主因を消す */
    border-radius: 9999px !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
  }

  /* 3) ラベルは完全に消す（アイコンのみ） */
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper .mobile-facets__open-label{
    display: none !important;
  }

  /* 4) アイコンサイズを固定して中央に */
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper > details > summary.mobile-facets__open-wrapper > span.mobile-facets__open svg{
    width: 50% !important;
    height: 50% !important;
    flex: 0 0 auto !important;
    font-weight: bold;
  color: rgb(var(--color-foreground)); 
  }

  /* marker消し */
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper summary::marker,
  body[class*="template-collection"] menu-drawer.mobile-facets__wrapper summary::-webkit-details-marker{
    display: none !important;
  }
  
}

/* ===== Mobile: make drawer UI look closer to PC ===== */
@media screen and (max-width: 749px) {
  body[class*="template-collection"] .mobile-facets__inner {
    /* 余白を整えて“整っていない”感を消す */
    padding: 16px 16px 88px;
  }

  body[class*="template-collection"] .mobile-facets__heading {
    font-size: 1.4rem;
    letter-spacing: 0.02em;
  }

  body[class*="template-collection"] .mobile-facets__summary {
    padding: 0;
  }
  body[class*="template-collection"] .mobile-facets__summary > div {
    padding-left: 10px;
    font-size: 1.3rem;
    line-height: 2;
  }

  /* サブメニュー（各フィルタの中身）も左余白を揃える */
  body[class*="template-collection"] .mobile-facets__submenu {
    padding: 12px 0 0 10px;
  }
}

@media screen and (max-width: 749px) {
  body[class*="template-collection"] .mobile-facets__categories-divider {
    height: 1px;
    background: rgba(0,0,0,0.08);
    margin: 16px 0 8px;
  }
  body[class*="template-collection"] .mobile-facets__categories-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
/* “選択中を太字＋ドット表示” を確実に */
  .p-itemQueries__item__list__item.is-current {
    font-weight: bold;
  }
}
/* ===== Mobile facets drawer: always above header ===== */
@media screen and (max-width: 749px) {
  /* ドロワー全体を最前面に */
  menu-drawer.mobile-facets__wrapper,
  menu-drawer.mobile-facets__wrapper .mobile-facets__inner,
  menu-drawer.mobile-facets__wrapper .mobile-facets__details,
  menu-drawer.mobile-facets__wrapper .mobile-facets__disclosure {
    z-index: 10050 !important;
  }

  

  /* ドロワーの上がヘッダーに潜る場合の保険：上に余白 */
  menu-drawer.mobile-facets__wrapper .mobile-facets__inner {
    padding-top: 72px !important; /* まずは固定値でOK。後で調整 */
    box-sizing: border-box;
  }
}

/* ===== Mobile facets: keep hit-testing inside drawer (prevent 1-click close) ===== */
@media screen and (max-width: 749px) {
  /* open中のドロワーは常に最前面 */
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] {
    z-index: 10050 !important;
  }

  /* 背景（全面） */
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] form.mobile-facets {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10050 !important;
    pointer-events: auto !important; /* ← ここが重要 */
  }

  /* パネル本体（中身） */
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] .mobile-facets__inner {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 10051 !important;
    pointer-events: auto !important; /* ← ここが重要 */
  }

  /* パネル内の主要エリア */
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] .mobile-facets__header,
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] .mobile-facets__main,
  body.template-collection menu-drawer.mobile-facets__wrapper details[open] .mobile-facets__submenu {
    pointer-events: auto !important; /* ← ここが重要 */
  }
}
/* モバイル：summary 内の no-js close は使わない（巨大×の原因になりやすい） */
@media screen and (max-width: 749px){
  body.template-collection .mobile-facets__close--no-js{
    display: none !important;
  }

  body.template-collection .mobile-facets__header{
    position: relative;
    border-bottom: 0 !important;
  }
  body.template-collection .mobile-facets__close-button{
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
  }
  body.template-collection .mobile-facets__close-button svg{
    width: 18px;
    height: 18px;
  }
}

/* ===== Mobile drawer: prevent accidental toggle-close by click-through ===== */
@media (max-width: 749px){
  /* 開いてる間は summary をクリック不能にする（＝勝手に閉じない） */
  body[class*="template-collection"]
  menu-drawer.mobile-facets__wrapper > details[open] > summary.mobile-facets__open-wrapper{
    pointer-events: none !important;
  }

  /* ドロワーの中身を確実にクリック対象にする */
  body[class*="template-collection"]
  menu-drawer.mobile-facets__wrapper > details[open] form.mobile-facets{
    position: fixed !important;
    inset: 0 !important;
    z-index: 20000 !important;
    pointer-events: auto !important;
  }

  body[class*="template-collection"]
  menu-drawer.mobile-facets__wrapper > details[open] .mobile-facets__inner{
    position: fixed !important;
    inset: 0 !important;
    z-index: 20001 !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 749px){
  .dt-mobile-category-btn{
    position: relative;
    padding-left: 16px; /* ドット分 */
  }
  .dt-mobile-category-btn.is-active::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    border-radius:999px;
    background: currentColor;
    transform: translateY(-50%);
  }
  
}
@media (max-width: 749px){
  button.dt-mobile-apply[aria-busy="true"]{
    opacity: .65;
    pointer-events: none;
  }


.mobile-facets__footer .mobile-facets__clear{
  font-weight: bold;
  color: rgb(var(--color-foreground));
}

.mobile-facets__footer {
  border-top: 0 !important;
}
}
/* title.open の後ろに出てくる divider を全部対象（間に要素があってもOK） */
.p-itemQueries__item__title.open ~ .mobile-facets__categories-divider{
  display: none !important;
}

/* バッジ共通 */
.dt-badge{
  display:inline-flex;
  align-items:center;
  font-size:12px;
  font-weight:bold;
  line-height:1;
  padding:4px 8px;
  border-radius:3px;          /* ←丸すぎない */
  border:0.5px solid;
  letter-spacing:.02em;
  white-space:nowrap;
  color: rgba(110,107,104,.90); /* ← 10%薄く */
  margin-top:7px;
}

/* カード内の並び */
.dt-card-badges{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
  margin:0 0 6px;
}

/* eギフト（青寄り：#185FAC or #125AA8 系） */
.dt-badge--egift{
  background: rgba(24,95,172,.08);
  border-color: rgba(24,95,172,.16);
}

/* 熨斗（赤寄り：#DC4422 or #EF9442 系） */
.dt-badge--noshi{
  background: rgba(220,68,34,.08);
  border-color: rgba(220,68,34,.16);
}
/* 訴求バッジ（custom.badge_text 用） */
.dt-badge--message{
  background: rgba(110,107,104,.12);  /* ←noshi/egiftより濃い */
  border-color: rgba(110,107,104,.12); /* 枠は背景と同化気味 */
  
}