@charset "UTF-8";
.combination-titanium-wrapper {
  background-color: #f7f6ec;
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif */
}

.combination-titanium-wrapper li {
  list-style: none
}

.combination-titanium-wrapper a {
  text-decoration: none;
  cursor: pointer
}

.combination-titanium-wrapper button {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none
}

.section__inner {
  max-width: 1176px;
  margin: 0 7vw
}

@media screen and (min-width: 1024px) {
  .display__block {
      display:block
  }
}

@media screen and not (min-width: 1024px) {
  .display__inline {
      display:inline
  }
}

.display__inline-block {
  display: inline-block
}

@media screen and (min-width: 1024px) {
  .display__inline-block--pc {
      display:inline-block
  }
}

@media screen and not (min-width: 1024px) {
  .display__inline-block--sp {
      display:inline-block
  }
}

.display__flex {
  display: flex
}

@media screen and (min-width: 1024px) {
  .display__flex--pc {
      display:flex
  }
}

@media screen and not (min-width: 1024px) {
  .display__flex--sp {
      display:flex
  }
}

.display__grid {
  display: grid
}

@media screen and (min-width: 1024px) {
  .display__grid--pc {
      display:grid
  }
}

@media screen and not (min-width: 1024px) {
  .display__grid--sp {
      display:grid
  }
}

.display__table {
  display: table
}

@media screen and (min-width: 1024px) {
  .display__table--pc {
      display:table
  }
}

@media screen and not (min-width: 1024px) {
  .display__table--sp {
      display:table
  }
}

.display__table-row {
  display: table-row
}

@media screen and (min-width: 1024px) {
  .display__table-row--pc {
      display:table-row
  }
}

@media screen and not (min-width: 1024px) {
  .display__table-row--sp {
      display:table-row
  }
}

.display__table-cell {
  display: table-cell
}

@media screen and (min-width: 1024px) {
  .display__table-cell--pc {
      display:table-cell
  }
}

@media screen and not (min-width: 1024px) {
  .display__table-cell--sp {
      display:table-cell
  }
}

.display__none {
  display: none
}

@media screen and (min-width: 1024px) {
  .display__none--pc {
      display:none
  }
}

@media screen and not (min-width: 1024px) {
  .display__none--sp {
      display:none
  }
}

.js_kv_split_text_line {
  display: block
}

.js_kv_split_text_char {
  display: inline-block;
  line-height: inherit
}

.js_kv_split_text_char-mask {
  display: inline-block
}

.js-parallax-wrapper {
  overflow: clip
}

.c-section-heading {
  position: relative;
  --_left-padding: 48px
}

@media screen and not (min-width: 1024px) {
  .c-section-heading {
      --_left-padding: 13px;
      margin-left: 7px;
      margin-right: 7px
  }
}

.c-section-heading__container {
  container-type: inline-size;
  width: 100%
}

.c-section-heading__contents {
  display: flex;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  .c-section-heading__contents {
      gap:19px
  }
}

@media screen and not (min-width: 1024px) {
  .c-section-heading__contents {
      gap:24px
  }
}

@container (min-width: 1024px) {
  .c-section-heading__contents {
      display: grid;
      grid-template-columns: repeat(12,1fr);
      align-items: first baseline;
      gap: 30px
  }
}

.c-section-heading__label {
  position: absolute;
  right: 100%;
  top: 0;
  color: #9d9317;
  writing-mode: vertical-rl;
  font-family: Cormorant Garamond,serif;
  font-weight: 500;
  letter-spacing: .13em
}

@media screen and (min-width: 1024px) {
  .c-section-heading__label {
      margin-top:30px;
      font-size: 20px;
      line-height: 24px
  }
}

@media screen and not (min-width: 1024px) {
  .c-section-heading__label {
      margin-top:19px;
      font-size: 12px;
      line-height: 14px
  }
}

.c-section-heading__label:before {
  content: "";
  position: absolute;
  left: 50%;
  z-index: 1;
  border-radius: 50%;
  background-color: #9d9317;
  transform: translate3d(-50%,0,0)
}

@media screen and (min-width: 1024px) {
  .c-section-heading__label:before {
      top:-20px;
      width: 8px;
      height: 8px
  }
}

@media screen and not (min-width: 1024px) {
  .c-section-heading__label:before {
      top:-12px;
      width: 4px;
      height: 4px
  }
}

.c-section-heading__heading {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  letter-spacing: .05em
}

@media screen and (min-width: 1024px) {
  .c-section-heading__heading {
      word-break:keep-all;
      font-size: 34px;
      line-height: 1.6470588235
  }
}

@media screen and not (min-width: 1024px) {
  .c-section-heading__heading {
      font-size:22px;
      letter-spacing: .01em;
      line-height: 1.6666666667
  }
}

.c-section-heading__heading__line {
  overflow: hidden
}

.c-section-heading__text {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-weight: 400;
  font-size: 16px;
  letter-spacing: .03em
}

@media screen and (min-width: 1024px) {
  .c-section-heading__text {
      line-height:32px
  }
}

@media screen and not (min-width: 1024px) {
  .c-section-heading__text {
      line-height:28px
  }
}

.c-section-heading__text :is(sup,sub) {
  font-size: 50%;
  line-height: 0
}

.c-section-heading__text sup {
  vertical-align: super
}

.c-section-heading__text sub {
  vertical-align: sub
}

.c-section-heading__text small {
  display: block;
  margin-top: 9px;
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-size: 12px;
  letter-spacing: .03em;
  line-height: 1.5
}

.c-section-heading__heading {
  padding-left: var(--_left-padding)
}

@container (min-width: 1024px) {
  .c-section-heading__heading {
      grid-column: span 6
  }
}

.c-section-heading__text {
  padding-left: var(--_left-padding)
}

@container (min-width: 1024px) {
  .c-section-heading__text {
      grid-column: span 6;
      margin: 0 0 0 -30px;
      padding-left: 0
  }
}

body:has(.embeddedServiceHelpButton) .floating-link {
  margin-bottom: 80px
}

.combination-titanium-wrapper .opening-animation {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #9d9317
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .opening-animation {
      font-size:14px;
      padding: 0 10px 8px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .opening-animation {
      font-size:12px;
      padding: 0 8px 4px
  }
}

.combination-titanium-wrapper .opening-animation:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 1px;
  background-image: linear-gradient(to right,currentColor var(--opening-progress),transparent 0);
  background-color: #9d931726
}

.combination-titanium-wrapper .opening-animation__container {
  position: fixed;
  /* top: 70px; */
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background-color: #f7f6ec
}

.combination-titanium-wrapper .opening-animation__text {
  font-family: Cormorant Garamond,serif;
  margin: 0
}

.combination-titanium-wrapper .opening-animation__counter {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  margin: 0
}

.combination-titanium-wrapper .floating-link {
  position: fixed;
  bottom: 39px;
  right: 42px;
  font-family: Cormorant Garamond,serif;
  color: #62520e;
  font-size: 16px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  text-align: center;
  padding: 16px 34px 13px;
  text-decoration: none;
  border: solid 1px currentColor;
  border-radius: 50%;
  z-index: 999;
  transition: .3s ease-out;
  transition-property: background-color,color;
  background-color: #f7f6ec
}

@media screen and (any-hover: hover) {
  .combination-titanium-wrapper .floating-link:hover {
      background-color:#c7c17acc;
      color: #fff
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .floating-link {
      bottom:20px;
      right: 20px;
      padding: 12px 26px 11px
  }
}

.combination-titanium-wrapper .kv {
  position: relative;
  --section-height: calc(100svh - 70px) ;
  overflow-x: clip
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv {
      padding-bottom:238px
  }
}

.combination-titanium-wrapper .kv svg[class^=js] {
  overflow: visible;
  max-width: 100%;
  height: auto
}

.combination-titanium-wrapper .kv:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-image: url(../../assets/img/kv/img_kv_mask_01.png);
  background-position: center -50%;
  background-repeat: no-repeat;
  mix-blend-mode: screen;
  pointer-events: none;
  scale: calc(1.5 - var(--kv-anime-progress, 0) * .5);
  opacity: var(--kv-anime-progress, 0);
  transform-origin: top
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv:after {
      background-size:131.7715959004%
  }
}

.combination-titanium-wrapper .kv__inner {
  position: relative
}

.combination-titanium-wrapper .kv__title {
  position: relative;
  height: calc(100lvh - 70px)
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title {
      position:static;
      max-width: 650px;
      margin: 0 auto
  }
}

.combination-titanium-wrapper .kv__title .title {
  text-align: center
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title {
      position:absolute;
      top: 50%;
      left: 50%;
      z-index: 1;
      transform: translate3d(-50%,-50%,0);
      width: 58.5651537335%
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title {
      margin:0 auto;
      padding: calc(50svh - 70px) 20px 0
  }
}

.combination-titanium-wrapper .kv__title .title__heading {
  display: grid;
  grid-template-columns: repeat(6,1fr)
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title__heading {
      gap:15px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title__heading {
      gap:6px
  }
}

.combination-titanium-wrapper .kv__title .title__heading__char {
  width: 100%;
  height: auto
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title__text {
      margin:114px auto 0;
      width: 71.3032581454%
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__title .title__text {
      margin:5.4794520548cqh auto 0
  }
}

.combination-titanium-wrapper .kv__statement {
  z-index: 2;
  mix-blend-mode: multiply
}

.combination-titanium-wrapper .kv__statement .statement__item {
  z-index: 1
}

.combination-titanium-wrapper .kv__statement .statement__image {
  max-width: unset;
  left: 50%
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__statement .statement__image {
      width:76.7203513909%;
      max-width: 1200px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__statement .statement__image {
      position:relative;
      width: auto;
      height: 20.8219178082cqh;
      translate: -50%
  }
}

.combination-titanium-wrapper .kv__statement .statement__visual {
  width: 100%
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__statement .statement__visual {
      margin-top:66px
  }
}

.combination-titanium-wrapper .kv__statement .statement__text {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  text-align: center
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__statement .statement__text {
      width:100%;
      margin: 0;
      font-size: 20px;
      letter-spacing: .18em;
      line-height: 2.35
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__statement .statement__text {
      margin-top:calc(-50lvh + 53%);
      font-size: 14px;
      letter-spacing: .05em;
      line-height: 2.2857142857
  }
}

.combination-titanium-wrapper .kv__date {
  color: #9d9317;
  text-align: center;
  font-family: Shippori Mincho B1,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date {
      display:grid;
      grid-template-columns: repeat(12,1fr);
      gap: 0 30px;
      margin-top: 135px;
      /* padding-bottom:173px; */
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date {
      margin-top:51px;
      padding: 0 25px
  }
}

.combination-titanium-wrapper .kv__date__inner {
  position: relative;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__inner {
      grid-column:4/10;
      margin: 0 30px 0 20px;
      padding: 40px 0 49px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__inner {
      padding:21px 0 29px
  }
}

.combination-titanium-wrapper .kv__date__inner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
  background-color: #9d9317;
  transform-origin: left;
  transform: scaleX(var(--scale-x, 0))
}

.combination-titanium-wrapper .kv__date__inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
  background-color: #9d9317;
  transform-origin: left;
  transform: scaleX(var(--scale-x, 0))
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading {
      font-size:40px;
      letter-spacing: .15em;
      line-height: 1.4
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading {
      font-size:22px;
      line-height: 1.3636363636
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__year {
      letter-spacing:.15em
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__large {
      font-size:34px;
      line-height: 1.6470588235
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__large {
      font-size:18px;
      line-height: 1.5555555556
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__medium {
      font-size:24px;
      line-height: 2.3333333333
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__medium {
      padding:0 2px;
      font-size: 14px;
      line-height: 2.2857142857
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__small {
      font-size:16px;
      line-height: 3.5
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__small {
      padding-right:6px;
      font-size: 14px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__heading .text__month {
      padding-left:5px
  }
}

.combination-titanium-wrapper .kv__date__text {
  letter-spacing: .18em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__text {
      font-size:16px;
      line-height: 2.125
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .kv__date__text {
      font-size:12px;
      line-height: 2
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason {
      max-width:1366px;
      margin: 0 auto;
      padding: 0 50px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason {
      margin-top:104px;
      padding: 0 20px
  }
}

/* @media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__inner:after {
      content:"";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      z-index: 1;
      background-color: #62520e;
      transform-origin: left;
      transform: scaleX(var(--scale-x, 0))
  }
} */

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__inner {
      position:relative;
      overflow: hidden;
      padding: 160px 0 253px;
      display: flex;
      flex-direction: column;
      justify-content: center
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__inner {
      padding-bottom:95px;
      border-bottom: 1px solid rgba(98,82,14,.3)
  }
}

.combination-titanium-wrapper .reason__heading {
  text-align: center
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading {
      margin-left:-5px;
      margin-right: -5px
  }
}

.combination-titanium-wrapper .reason__heading img {
  vertical-align: text-bottom;
  display: inline-block;
  translate: 0 -.2em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__visual {
      display:grid;
      grid-template-columns: repeat(12,1fr);
      gap: 0 30px;
      margin-top: 28px
  }
}

.combination-titanium-wrapper .reason__heading__visual>img {
  grid-column: 3/11
}

.combination-titanium-wrapper .reason__heading__main {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  color: #000;
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__main {
      font-size:40px;
      letter-spacing: .15em
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__main {
      font-size:24px;
      letter-spacing: .15em;
      line-height: 1.8
  }
}

.combination-titanium-wrapper .reason__heading__main img {
  margin-inline:6px}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__main img {
      width:20px
  }
}

.combination-titanium-wrapper .reason__heading__sub {
  letter-spacing: .13em;
  font-weight: 500;
  font-family: Cormorant Garamond,serif;
  color: #9d9317;
  text-transform: uppercase
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__sub {
      font-size:20px;
      margin-top: 11px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__sub {
      font-size:12px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__sub img {
      width:8px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__heading__visual {
      margin:46px -20px 0
  }
}

.combination-titanium-wrapper .reason__list {
  padding: 0;
  margin: 0 auto;
  display: grid;
  justify-content: center;
  align-items: center;
  text-align: center
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__list {
      gap:12px 0;
      margin-top: 66px;
      grid-template-columns: repeat(3,max-content)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__list {
      gap:3px 0;
      margin-top: 48px;
      margin-left: -5px;
      margin-right: -5px;
      grid-template-columns: 1fr minmax(max-content,1fr) 1fr
  }
}

.combination-titanium-wrapper .reason__item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item {
      padding-left:65.5px;
      padding-right: 65.5px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item {
      padding-left:18.5px;
      padding-right: 18.5px
  }

  .combination-titanium-wrapper .reason__item:first-of-type {
      padding-left: 0
  }

  .combination-titanium-wrapper .reason__item:last-of-type {
      padding-right: 0
  }
}

.combination-titanium-wrapper .reason__item:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 100%;
  height: 1px;
  background-color: #9d9317;
  translate: 50% -50%;
  transform-origin: center
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item:after {
      width:127.6126952932px;
      rotate: 127.9542308751deg;
      scale: var(--reason-slash-scale, 0) 1
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item:after {
      width:60.827625303px;
      rotate: 117.4075754378deg;
      scale: var(--reason-slash-scale, 0) 1
  }
}

.combination-titanium-wrapper .reason__item:first-of-type:before,.combination-titanium-wrapper .reason__item:last-of-type:after {
  content: none
}

.combination-titanium-wrapper .reason__item__inner {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  align-items: center
}

:is(.combination-titanium-wrapper .reason__item__main,.combination-titanium-wrapper .reason__item__sub) {
  display: block
}

.combination-titanium-wrapper .reason__item__main {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  line-height: 1.5
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item__main {
      font-size:34px;
      letter-spacing: .15em
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item__main {
      font-size:16px;
      letter-spacing: .12em;
      line-height: 1
  }
}

.combination-titanium-wrapper .reason__item__sub {
  text-transform: uppercase;
  color: #9d9317;
  font-family: Cormorant Garamond,serif;
  line-height: 1.2;
  letter-spacing: .13em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item__sub {
      font-size:20px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .reason__item__sub {
      margin-top:4px;
      font-size: 10px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks {
      max-width:1366px;
      margin: 40px auto 0;
      padding: 0 50px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks {
      margin-top:56px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks__heading {
      padding:0 20px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks__contents {
      margin-top:141px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks__contents {
      margin-top:33px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .looks__content+.looks__content {
      margin-top:130px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .looks__content+.looks__content {
      margin-top:157px
  }
}

.combination-titanium-wrapper .looks__content:first-child .content__detail__panel:nth-child(1) .content__add-text,.combination-titanium-wrapper .looks__content:first-child .content__detail__panel:nth-child(4) .content__add-text {
  color: #62520e
}

.combination-titanium-wrapper .looks__content:first-child .content__profile .profile__job,.combination-titanium-wrapper .looks__content:first-child .content__profile .profile__name {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
}

.combination-titanium-wrapper .looks__content:last-child .content__detail__panel:nth-child(3) .content__add-text {
  color: #62520e
}

.combination-titanium-wrapper .looks .content {
  display: grid
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content {
      grid-template-columns:repeat(12,1fr);
      grid-template-rows: 1fr;
      align-items: center;
      gap: 0 30px;
      height: calc(100svh - 70px)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content {
      grid-template-columns:1fr;
      grid-template-rows: repeat(2,max-content)
  }
}

.combination-titanium-wrapper .looks .content__slider {
  position: relative;
  grid-row: 1/2
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slider {
      overflow:clip;
      grid-column: 6/-1;
      margin-left: -30px;
      aspect-ratio: 756/691
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slider {
      overflow-x:clip;
      aspect-ratio: 375/417
  }
}

.combination-titanium-wrapper .looks .content__slide {
  position: absolute;
  top: 0;
  right: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide {
      width:61.1111111111%
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide {
      width:71.7333333333%
  }
}

.combination-titanium-wrapper .looks .content__slide .slide {
  position: relative
}

.combination-titanium-wrapper .looks .content__slide .slide__modal-button {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 1;
  color: #fff;
  background-color: #62520e;
  border: none;
  transition: background .3s ease
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button {
      bottom:14px;
      left: 20px;
      width: 140px;
      padding: 7px 8px 7px 12px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button {
      bottom:20px;
      left: 20px;
      width: 153px;
      padding: 11px
  }
}

@media screen and (any-hover: hover) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button:hover {
      background-color:#f7f6ec;
      color: #62520e
  }
}

.combination-titanium-wrapper .looks .content__slide .slide__modal-button:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: currentColor;
  -webkit-mask-image: url(../../assets/img/icon/button-open.svg);
  mask-image: url(../../assets/img/icon/button-open.svg)
}

.combination-titanium-wrapper .looks .content__slide .slide__modal-button .text {
  position: relative;
  font-family: Cormorant Garamond,serif;
  letter-spacing: .05em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button .text {
      font-size:12px;
      line-height: 1.1666666667
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button .text {
      font-size:14px;
      line-height: 1
  }
}

.combination-titanium-wrapper .looks .content__slide .slide__modal-button img {
  aspect-ratio: 1/1
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button img {
      width:8px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__modal-button img {
      width:12px
  }
}

.combination-titanium-wrapper .looks .content__slide .slide__image {
  width: 100%;
  height: auto
}

.combination-titanium-wrapper .looks .content__slide .slide__number {
  position: absolute;
  z-index: 1;
  object-fit: contain;
  opacity: .4;
  transition: opacity .3s ease-out
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__number {
      top:calc(100% + 7px);
      right: 2px;
      line-height: 4.7142857143
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__slide .slide__number {
      top:calc(100% + 9px);
      right: 2px
  }
}

.combination-titanium-wrapper .looks .content__modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  z-index: 20100;
  transition: opacity .3s ease,visibility .3s ease;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.combination-titanium-wrapper .looks .content__modal.is-looks-modal-open {
  opacity: 1;
  visibility: visible
}

.combination-titanium-wrapper .looks .content__modal:not(.is-looks-modal-open) {
  display: none
}

.combination-titanium-wrapper .looks .content__modal .modal {
  position: absolute
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal {
      display:grid;
      grid-template-rows: 1fr max-content;
      align-items: center;
      margin: auto;
      max-width: 904px;
      max-height: 527px;
      top: 120px;
      right: 50px;
      bottom: 80px;
      left: 50px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal {
      top:120px;
      right: 20px;
      bottom: 80px;
      left: 20px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__inner {
  z-index: 10;
  max-height: 100%;
  overflow-y: auto;
  background-color: #f7f7f3;
  border: 1px solid #62520e
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__inner {
      margin:0 auto;
      padding: 80px 134px 48px 133px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__inner {
      padding:60px 24px 48px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__close {
  display: block;
  position: absolute;
  z-index: 10;
  cursor: pointer
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__close {
      top:-44px;
      right: 16px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__close {
      top:24px;
      right: 24px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__close .close {
  display: block;
  position: relative;
  width: 24px;
  height: 24px
}

.combination-titanium-wrapper .looks .content__modal .modal__close .close:before,.combination-titanium-wrapper .looks .content__modal .modal__close .close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 24px;
  background: #62520e;
  z-index: 1
}

.combination-titanium-wrapper .looks .content__modal .modal__close .close:before {
  transform: translate3d(-50%,-50%,0) rotate(45deg)
}

.combination-titanium-wrapper .looks .content__modal .modal__close .close:after {
  transform: translate3d(-50%,-50%,0) rotate(-45deg)
}

.combination-titanium-wrapper .looks .content__modal .modal__content {
  position: relative;
  z-index: 10
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__content {
      grid-column:1/11
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: #f7f7f3;
  opacity: .8;
  pointer-events: none
}

/* .combination-titanium-wrapper .looks .content__modal .modal__visual {
  border-bottom: 1px solid #62520e
} */

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__visual {
      display:grid;
      grid-template-columns: max-content 1fr;
      gap: 0 38px;
      /* padding-bottom: 26px */
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__visual__image--pc {
      display:none
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__visual__image--sp {
      display:none
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__points {
      padding:24px 0 40px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__title {
  position: relative;
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  color: #9d9317;
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.7142857143
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__title {
      margin-bottom:18px;
      margin-left: -3px;
      padding-left: 32px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__title {
      margin-bottom:24px;
      padding-top: 5px;
      padding-left: 18px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 8px;
  height: 100%;
  border-top: 1px solid #9d9317;
  border-bottom: 1px solid #9d9317;
  border-left: 1px solid #9d9317
}

.combination-titanium-wrapper .looks .content__modal .modal__title:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 8px;
  height: 100%;
  border-top: 1px solid #9d9317;
  border-right: 1px solid #9d9317;
  border-bottom: 1px solid #9d9317
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__point {
      padding-right:5px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal .modal__point+.modal__point {
      margin-top:20px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal .modal__point+.modal__point {
      margin-top:24px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__point-heading {
  font-family: Cormorant Garamond,serif;
  font-weight: 500;
  letter-spacing: .13em;
  color: #9d9317
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__point-heading {
      font-size:12px;
      line-height: 1.1666666667
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__point-heading {
      font-size:14px;
      line-height: 1.2142857143
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__point-text {
  padding-top: 3px;
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-weight: 500;
  font-size: 14px;
  letter-spacing: .03em;
  line-height: 1.7142857143
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__items {
      display:grid;
      grid-template-columns: repeat(2,auto);
      grid-template-rows: repeat(2,auto);
      gap: 16px;
      padding-top: 29px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__items {
      padding-top:40px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__item {
  display: flex;
  gap: 0 16px
}

.combination-titanium-wrapper .looks .content__modal .modal__item .item__image {
  width: 72px;
  aspect-ratio: 1/1
}

.combination-titanium-wrapper .looks .content__modal .modal__item .item__category {
  position: relative;
  margin-left: 10px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .03em
}

.combination-titanium-wrapper .looks .content__modal .modal__item .item__category:before {
  content: "";
  position: absolute;
  top: 6px;
  left: -8px;
  z-index: 1;
  width: 4px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #c9b665
}

.combination-titanium-wrapper .looks .content__modal .modal__item .item__name,.combination-titanium-wrapper .looks .content__modal .modal__item .item__price,.combination-titanium-wrapper .looks .content__modal .modal__item .item__bland {
  font-size: 12px;
  letter-spacing: 0;
  line-height: 1.5
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__item .item__name {
      margin-top:2px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal__item .item__price {
      margin-top:2px
  }
}

.combination-titanium-wrapper .looks .content__modal .modal__item .item__bland>a>span {
  display: inline;
  text-decoration: underline
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__modal .modal .modal__item+.modal__item {
      margin-top:24px
  }
}

.combination-titanium-wrapper .looks .content__detail {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  grid-template-rows: max-content
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__detail {
      grid-column:2/span 3;
      grid-row: 1/2;
      margin-left: -30px;
      margin-bottom: 84px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__detail {
      padding:0 36px
  }
}

.combination-titanium-wrapper .looks .content__detail__panel {
  grid-column: 1/-1;
  grid-row: 1/-1
}

.combination-titanium-wrapper .looks .content__heading {
  position: relative;
  font-family: Shippori Mincho B1,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__heading {
      font-size:24px;
      letter-spacing: .05em;
      line-height: 1.5;
      align-self: end
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__heading {
      margin-top:35px;
      padding: 0;
      font-size: 18px;
      letter-spacing: .12em;
      line-height: 1.6666666667;
      display: grid;
      grid-template-columns: minmax(0,1fr);
      align-items: end
  }
}

.combination-titanium-wrapper .looks .content__heading>img {
  position: absolute;
  z-index: 1
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__heading>img {
      top:-92px;
      left: -88px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__heading>img {
      top:-30px;
      left: -36px;
      width: 139px
  }
}

.combination-titanium-wrapper .looks .content__text {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7142857143
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__text {
      margin-top:19px;
      letter-spacing: .03em;
      align-self: start
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__text {
      margin-top:24px;
      padding: 0;
      letter-spacing: .01em
  }
}

.combination-titanium-wrapper .looks .content__changes {
  display: grid;
  grid-template-columns: repeat(2,1fr)
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__changes {
      margin-top:21px;
      gap: 0 17px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__changes {
      margin-top:25px;
      gap: 0 14px;
      padding: 0
  }
}

.combination-titanium-wrapper .looks .content__before,.combination-titanium-wrapper .looks .content__after {
  position: relative
}

.combination-titanium-wrapper .looks .content__before .content__add-text,.combination-titanium-wrapper .looks .content__after .content__add-text {
  position: absolute;
  left: 8px;
  z-index: 1;
  color: #fff;
  font-family: Cormorant Garamond,serif;
  font-size: 10px;
  letter-spacing: .05em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__before .content__add-text,.combination-titanium-wrapper .looks .content__after .content__add-text {
      bottom:1em
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__before .content__add-text,.combination-titanium-wrapper .looks .content__after .content__add-text {
      bottom:1em;
  }
}

.combination-titanium-wrapper .looks .content__before>img,.combination-titanium-wrapper .looks .content__after>img {
  width: 100%
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__before>img,.combination-titanium-wrapper .looks .content__after>img {
      aspect-ratio:145/193;
      object-fit: cover
  }
}

.combination-titanium-wrapper .looks .content__anchor {
  display: grid;
  align-items: center
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__anchor {
      grid-template-columns:minmax(0,1fr) 1.16fr;
      margin-top: 36px;
      padding: 16px 33px 16px 22px;
      gap: 24px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__anchor {
      grid-template-columns:repeat(2,1fr);
      margin-top: 24px;
      padding: 16px 20px
  }
}

.combination-titanium-wrapper .looks .content .anchor {
  position: relative;
  border: 1px solid #62520e
}

.combination-titanium-wrapper .looks .content .anchor__item {
  text-align: center
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content .anchor__item {
      margin-right:25px
  }
}

.combination-titanium-wrapper .looks .content .anchor__image>img {
  width: 100%;
  object-fit: contain;
  object-position: center
}

.combination-titanium-wrapper .looks .content .anchor__name {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 1
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content .anchor__name {
      margin-top:3px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content .anchor__name {
      margin-top:4px
  }
}

.combination-titanium-wrapper .looks .content .anchor__text {
  font-family: Cormorant Garamond,serif;
  font-size: 16px;
  letter-spacing: .05em;
  text-transform: uppercase;
  line-height: 1.25;
  border-left: 1px solid rgba(98,82,14,.3);
  color: #62520e
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content .anchor__text {
      padding:13px 26px 13px 39px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content .anchor__text {
      padding:14px 23px 18px 28px
  }
}

.combination-titanium-wrapper .looks .content .anchor:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translate3d(0,-50%,0);
  width: 20px;
  height: 1px;
  background-color: #62520e
}

.combination-titanium-wrapper .looks .content__profile__wrapper {
  display: grid;
  gap: 0 30px
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile__wrapper {
      margin-top:3vmin;
      grid-template-columns: repeat(12,1fr)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile__wrapper {
      margin-top:40px;
      grid-template-columns: minmax(0,1fr)
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile {
      grid-column:6/-1;
      margin: 0 0 0 -30px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile {
      padding:0 36px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__heading {
  font-family: Cormorant Garamond,serif;
  letter-spacing: .05em;
  color: #62520e;
  border-bottom: 1px solid #62520e
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__heading {
      padding-left:2px;
      font-size: 13px;
      line-height: 2.2307692308
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__heading {
      font-size:16px;
      line-height: 1.8125
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__contents {
  display: flex;
  color: #62520e
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__contents {
      gap:0 28px;
      padding-top: 16px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__contents {
      gap:0 10px;
      padding-top: 10px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__image {
      width:80px;
      aspect-ratio: 1/1
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__image {
      width:68px;
      aspect-ratio: 1/1
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__detail {
  font-family: Cormorant Garamond,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__detail {
      margin-top:3px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__job {
  letter-spacing: .03em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__job {
      font-size:12px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__job {
      margin-top:3px;
      font-size: 10px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__name {
  letter-spacing: .03em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__name {
      font-size:16px;
      line-height: 1
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__name {
      font-size:14px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__links {
  display: flex
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__links {
      gap:0 23px;
      margin-top: 8px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__links {
      gap:0 25px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__link {
  display: flex;
  align-items: center
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link {
      gap:0 6px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:first-child {
      gap:0 8px
  }
}

/* .combination-titanium-wrapper .looks .content__profile .profile__link:first-child .profile__link-text {
  font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif
} */

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:first-child .profile__link-text {
      font-size:10px;
      letter-spacing: .03em;
      line-height: 3.8
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:first-child .profile__link-text {
      font-size:10px;
      letter-spacing: .03em
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:last-child {
      gap:0 7px
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__link:last-child .profile__link-text {
  font-family: Cormorant Garamond,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:last-child .profile__link-text {
      font-size:12px;
      letter-spacing: .05em;
      line-height: 2.6666666667
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .looks .content__profile .profile__link:last-child .profile__link-text {
      font-size:14px;
      letter-spacing: .05em;
      line-height: 2.4166666667
  }
}

.combination-titanium-wrapper .looks .content__profile .profile__link-text {
  color: #62520e
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort {
      max-width:1366px;
      margin: 235px auto 0;
      padding: 0 50px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort {
      margin:170px auto 0;
      padding: 0 20px
  }
}

.combination-titanium-wrapper .comfort [data-parallax-target]>img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1,.combination-titanium-wrapper .comfort__box--2 {
      display:grid
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 {
      grid-template-columns:repeat(12,1fr);
      grid-template-rows: repeat(2,1fr);
      gap: 0 30px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 .comfort__heading {
      grid-column:1/span 5;
      grid-row: 1/2;
      margin-top: 26px
  }
}

.combination-titanium-wrapper .comfort__box--1 .comfort__image--1 {
  position: relative
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 .comfort__image--1 {
      grid-column:6/-1;
      grid-row: 1/3;
      aspect-ratio: 752/886;
      transform: translate3d(50px,0,0)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 .comfort__image--1 {
      margin:57px -20px 0 auto;
      width: 72.5333333333%;
      aspect-ratio: 275/313
  }
}

.combination-titanium-wrapper .comfort__box--1 .comfort__image--2 {
  position: relative;
  aspect-ratio: 407/293
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 .comfort__image--2 {
      grid-column:1/span 4;
      grid-row: 2/3;
      margin-top: 200px;
      transform: translate3d(30px,0,0)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--1 .comfort__image--2 {
      margin-top:34px;
      width: 57.8666666667%
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--2 {
      grid-template-columns:repeat(12,1fr);
      grid-template-rows: repeat(2,1fr);
      gap: 0 30px;
      margin-top: 130px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--2 .comfort__heading {
      grid-column:1/span 6;
      grid-row: 1/2;
      margin: 140px 0 0
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--2 .comfort__heading {
      margin-top:78px
  }
}

.combination-titanium-wrapper .comfort__box--2 .comfort__image {
  position: relative
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--2 .comfort__image {
      grid-column:7/-1;
      grid-row: 1/3;
      aspect-ratio: 516/789
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__box--2 .comfort__image {
      width:62.3880597015%;
      margin: 56px 17px 0 auto;
      aspect-ratio: 209/317
  }
}

.combination-titanium-wrapper .comfort__information {
  background-color: #eeecdf
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information {
      margin:97px 48px
  }
}

.combination-titanium-wrapper .comfort__information .information {
  display: flex;
  align-items: flex-end
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information {
      gap:0 11px;
      padding: 17px 40px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information {
      gap:0 10px;
      padding: 24px 16px;
      margin-top: 56px
  }
}

.combination-titanium-wrapper .comfort__information .information__text {
  margin: 0;
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  font-size: 16px
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information__text {
      letter-spacing:.19em;
      line-height: 1.875
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information__text {
      font-size:16px;
      letter-spacing: .15em;
      line-height: 1.6875
  }
}

.combination-titanium-wrapper .comfort__information .information__note {
  margin: 0;
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  font-size: 10px
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information__note {
      letter-spacing:.05em;
      line-height: 3
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .comfort__information .information__note {
      letter-spacing:.15em;
      line-height: 2.4
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual {
      margin-top:213px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual {
      margin-top:75px
  }
}

.combination-titanium-wrapper .visual__image {
  width: 100%
}

.combination-titanium-wrapper .visual__heading {
  margin: 86px 0 0;
  padding: 0;
  max-width: 1000px
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__heading {
      padding:0;
      margin-left: -10px
  }
}

.combination-titanium-wrapper .visual__contents {
  margin-right: auto;
  margin-left: auto
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__contents {
      padding:0 50px;
      max-width: 1366px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__contents {
      padding:0 20px
  }
}

.combination-titanium-wrapper .visual__block {
  background-color: #eeecdf;
  position: relative
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block {
      margin-top:95px;
      padding: 55px 37px 46px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block {
      margin-top:53px;
      padding: 43px 22px 66px
  }
}

.combination-titanium-wrapper .visual__block__heading {
  font-family: Shippori Mincho B1,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__heading {
      margin-left:21px;
      margin-bottom: 36px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__heading {
      margin-bottom:19px
  }
}

.combination-titanium-wrapper .visual__block__heading:before {
  content: "Q.";
  position: absolute;
  font-family: Cormorant Garamond,serif;
  color: #c7c17a33
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__heading:before {
      font-size:168px;
      top: 0;
      left: 52px;
      line-height: 1.2
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__heading:before {
      font-size:88px;
      top: 4px;
      left: 13px;
      line-height: 1.2
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__copy {
      font-size:28px;
      letter-spacing: .15em
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__copy {
      font-size:22px;
      letter-spacing: .12em
  }
}

.combination-titanium-wrapper .visual__block__copy__heading {
  display: block;
  color: #9d9317;
  letter-spacing: .12em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__copy__heading {
      font-size:20px;
      line-height: 2
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__copy__heading {
      font-size:14px;
      line-height: 2.3571428571
  }
}

.combination-titanium-wrapper .visual__block__subcopy {
  letter-spacing: .05em;
  border: solid 1px #61520e;
  width: fit-content
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__subcopy {
      font-size:16px;
      margin-bottom: 11px;
      padding: 4px 10px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__block__subcopy {
      font-size:12px;
      margin-bottom: 8px;
      padding: 3px 11px
  }
}

.combination-titanium-wrapper .visual__block__caption {
  font-size: 12px;
  letter-spacing: .03em;
  margin-top: 9px;
  font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif
}

.combination-titanium-wrapper .visual__staff-voice {
  position: relative;
  display: grid;
  margin: 0;
  overflow: hidden
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice:after {
      content:"";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      z-index: 1;
      background-color: #62520e4d;
      transform-origin: left;
      transform: scaleX(var(--scale-x, 0))
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice {
      grid-template-columns:repeat(4,1fr);
      gap: 23px 43px;
      padding: 21px 28px 0
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice {
      grid-template-columns:minmax(0,1fr);
      gap: 20px 0;
      padding: 0
  }
}

/* @media screen and (min-width: 1024px) and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(1) .visual__staff-voice__text {
      padding-right:20px
  }
} */

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(2) {
      position:relative;
      overflow: hidden;
      margin: 0 -46px;
      padding-right: 46px;
      padding-left: 53px
  }

  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(2):before {
      content: "";
      position: absolute;
      top: 0;
      left: 23px;
      width: 1px;
      height: 100%;
      z-index: 1;
      background-color: #62520e4d;
      transform-origin: top;
      transform: scaleY(var(--scale-y, 0))
  }

  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(2):after {
      content: "";
      position: absolute;
      top: 0;
      right: 23px;
      width: 1px;
      height: 100%;
      z-index: 1;
      background-color: #62520e4d;
      transform-origin: top;
      transform: scaleY(var(--scale-y, 0))
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(3) {
      padding-left:8px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(4) {
      position:relative
  }
}

@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(4) {
      padding-left:6px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content:nth-of-type(4):before {
      content:"";
      position: absolute;
      top: 0;
      left: -19px;
      width: 1px;
      height: 100%;
      z-index: 1;
      background-color: #62520e4d;
      transform-origin: top;
      transform: scaleY(var(--scale-y, 0))
  }

  .combination-titanium-wrapper .visual__staff-voice__content:last-of-type {
      border-right: none
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__content {
      border-top:1px solid rgba(98,82,14,.3);
      padding-top: 24px
  }
}

.combination-titanium-wrapper .visual__staff-voice__product {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__product {
      gap:0 16px;
      padding-top: 21px;
      margin: 0;
      padding-left: .5em;
      padding-right: .5em;
      height: 5em;
      /* margin-bottom: 16px */
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__product {
      gap:0 19px;
      padding-top: 0;
      margin-bottom: 17px
  }
}

.combination-titanium-wrapper .visual__staff-voice__product__heading {
  font-family: Shippori Mincho B1,serif
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__product__heading {
      font-size:18px;
      letter-spacing: .08em;
      line-height: 1.6111111111
  }
}

.combination-titanium-wrapper .visual__staff-voice__product-image {
  aspect-ratio: 1/1
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__product-image {
      width:41px;
      /* margin-top: 7px */
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__product-image {
      width:47px;
      margin-top: 2px
  }
}

.combination-titanium-wrapper .visual__staff-voice__product-name {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 1.6666666667
}

.combination-titanium-wrapper .visual__staff-voice__heading {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  letter-spacing: .05em;
  line-height: 1.7
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__heading {
      font-size:20px;
      margin-bottom: 28px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__heading {
      font-size:16px;
      margin-bottom: 23px;
      padding: 0 5px
  }
}

.combination-titanium-wrapper .visual__staff-voice__text {
  font-weight: 400;
  letter-spacing: .03em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__text {
      margin-bottom:20px;
      font-size: 14px;
      line-height: 1.5
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__text {
      margin-bottom:8px;
      font-size: 12px;
      line-height: 1.75
  }
}

.combination-titanium-wrapper .visual__staff-voice__name {
  font-weight: 500;
  letter-spacing: .03em;
  margin: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__name {
      font-size:12px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__staff-voice__name {
      font-size:10px
  }
}

.combination-titanium-wrapper .visual__link {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 78px 100px;
  grid-column: 2/span 10
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link {
      grid-column:1/-1;
      grid-template-columns: minmax(0,1fr);
      padding: 0 14px
  }
}

.combination-titanium-wrapper .visual__link__wrapper {
  display: grid;
  gap: 0 30px
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__wrapper {
      grid-template-columns:repeat(12,1fr);
      margin-top: 140px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__wrapper {
      grid-template-columns:minmax(0,1fr);
      margin-top: 58px
  }
}

.combination-titanium-wrapper .visual__link__el {
  text-decoration: none;
  position: relative
}

@media screen and (any-hover: hover) {
  .combination-titanium-wrapper .visual__link__el:hover .visual__link__icon {
      transform:translate3d(7px,0,0)
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__el {
      padding-left:15px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__el {
      margin-top:-.6em
  }
}

.combination-titanium-wrapper .visual__link__inner {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 0 2em;
  align-items: center;
  line-height: 1.6;
  font-weight: 500;
  font-size: 20px;
  letter-spacing: .03em;
  line-height: 1
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__inner {
      padding-bottom:18px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__inner {
      padding-bottom:12px
  }
}

.combination-titanium-wrapper .visual__link__inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
  background-color: #62520e;
  transform-origin: left;
  transform: scaleX(var(--scale-x, 0))
}

.combination-titanium-wrapper .visual__link__text {
  display: block;
  line-height: 1.4
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__text__line {
      margin-top:.6em
  }

  .combination-titanium-wrapper .visual__link__text__line:nth-last-child(1 of.combination-titanium-wrapper .visual__link__text__line:nth-of-type(n+2)) {
      display: block;
      margin-bottom: -8px
  }
}

.combination-titanium-wrapper .visual__link__icon {
  transition: transform .3s ease
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .visual__link__icon {
      width:26px;
      height: auto
  }
}

.combination-titanium-wrapper .lineup {
  margin-right: auto;
  margin-left: auto
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup {
      padding:0 50px 210px;
      max-width: 1366px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup {
      padding:0 20px 160px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup {
      margin-top:260px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup {
      margin-top:128px
  }
}

.combination-titanium-wrapper .lineup-heading {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 74px;
  align-items: center;
  margin-bottom: 71px
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading {
      grid-template-columns:minmax(0,1fr);
      gap: 24px;
      margin-bottom: 34px
  }
}

.combination-titanium-wrapper .lineup-heading__main {
  text-transform: uppercase;
  font-family: Cormorant Garamond,serif;
  font-weight: 300;
  letter-spacing: .03em;
  line-height: 1.0869565217
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__main {
      font-size:92px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__main {
      font-size:60px
  }
}

.combination-titanium-wrapper .lineup-heading__sub {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  line-height: 2;
  margin: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__sub {
      font-size:16px;
      letter-spacing: .01em
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__sub {
      font-size:14px;
      letter-spacing: .03em
  }
}

.combination-titanium-wrapper .lineup-heading__sub__caption {
  display: block;
  opacity: .8;
  font-size: 12px;
  line-height: 1.6666666667;
  color: #0006
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__sub__caption {
      padding-left:1em;
      text-indent: -1em;
      margin-top: 8px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-heading__sub__caption {
      margin-top:4px
  }
}

.combination-titanium-wrapper .lineup-filter {
  margin-bottom: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter {
      padding:10px 0;
      position: sticky;
      /* top: 100px; */
      top: 0;
      z-index: 10;
      background-color: #eeecdf
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter {
      background-color:#b8b7ad
  }
}

.combination-titanium-wrapper .lineup-filter__list {
  display: grid;
  grid-template-columns: repeat(5,1fr);
  margin: 0;
  padding: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__list {
      text-align:center
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__list {
      grid-template-columns:repeat(2,1fr);
      grid-template-rows: repeat(var(--lineup-filter-rows, 2),1fr);
      grid-template-areas: "boston square" "wellington hexiagon" "crownpant .";
      gap: 1px;
      padding: 1px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__pane:not(:last-of-type) {
      border-right:1px solid rgba(56,56,56,.3)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__pane {
      background-color:#eeecdf;
      grid-area: var(--lineup-name)
  }

  .combination-titanium-wrapper .lineup-filter__pane:last-of-type:nth-of-type(odd) {
      position: relative
  }

  .combination-titanium-wrapper .lineup-filter__pane:last-of-type:nth-of-type(odd):after {
      content: "";
      position: absolute;
      top: 0;
      left: calc(100% + 1px);
      width: 100%;
      height: 100%;
      background-color: #f7f6ec;
      border-right: 1px solid #f7f6ec;
      border-bottom: 1px solid #f7f6ec
  }
}

.combination-titanium-wrapper .lineup-filter__button {
  text-decoration: none;
  display: block;
  /* width: 100%; */
  position: relative;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .03em
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__button {
      padding:5px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__button {
      line-height:1;
      padding: 20px 15px;
      display: grid;
      grid-template-columns: 1fr max-content;
      align-items: center
  }
}

@media screen and (any-hover: hover) {
  .combination-titanium-wrapper .lineup-filter__button:hover :is(.combination-titanium-wrapper .lineup-filter__button__icon,.combination-titanium-wrapper .lineup-filter__button__text) {
      opacity:.4;
      transition: opacity .3s ease-out
  }
}

:is(.combination-titanium-wrapper .lineup-filter__button__icon,.combination-titanium-wrapper .lineup-filter__button__text) {
  transition: opacity .15s ease-in
}

.combination-titanium-wrapper .lineup-filter__button__icon {
  position: absolute;
  bottom: 50%;
  display: block
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__button__icon {
      right:40px;
      translate: 0 35%
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-filter__button__icon {
      translate:0 -20%;
      position: static;
      height: fit-content;
      aspect-ratio: 1/1
  }
}

.combination-titanium-wrapper .lineup-mold {
  display: grid;
  gap: 30px
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold {
      scroll-margin-top:187px;
      grid-template-columns: repeat(12,1fr)
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold {
      scroll-margin-top:30px;
      grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
      gap: 32px 10px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold:nth-child(1 of.combination-titanium-wrapper .lineup-mold) {
      margin-top:130px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold:nth-child(1 of.combination-titanium-wrapper .lineup-mold) {
      margin-top:80px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold:not(:nth-last-child(1 of.combination-titanium-wrapper .lineup-mold)) {
      margin-bottom:216px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold:not(:nth-last-child(1 of.combination-titanium-wrapper .lineup-mold)) {
      margin-bottom:80px
  }
}

.combination-titanium-wrapper .lineup-mold__heading__main {
  /* font-family: Shippori Mincho B1,serif; */
  font-family: 'Noto Serif TC',serif;
  font-weight: 300;
  letter-spacing: .03em;
  line-height: 1.5
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading__main {
      font-size:40px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading__main {
      font-size:32px
  }
}

.combination-titanium-wrapper .lineup-mold__heading__sub {
  /* font-family: Yu Gothic,游ゴシック,YuGothic,yu-gothic-pr6n,sans-serif; */
  font-weight: 500;
  letter-spacing: .03em;
  line-height: 2;
  margin: 0
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading__sub {
      font-size:14px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading__sub {
      font-size:10px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading {
      grid-column:1/span 3
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__heading {
      grid-column:1/-1
  }
}

.combination-titanium-wrapper .lineup-mold__list {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: subgrid
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__list {
      grid-column:span 9/-1;
      row-gap: 64px
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-mold__list {
      grid-column:1/-1;
      row-gap: 30px
  }
}

@media screen and (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-product {
      grid-column:span 3
  }
}

@media screen and not (min-width: 1024px) {
  .combination-titanium-wrapper .lineup-product {
      grid-column:span 1
  }
}

.combination-titanium-wrapper .lineup-product__thumbnail {
  position: relative;
  mix-blend-mode: multiply
}

.combination-titanium-wrapper .lineup-product__panels {
  position: relative;
  aspect-ratio: 294/290;
  width: 100%;
  padding: 0;
  background-image: radial-gradient(circle at center,#ffffff82,#65656582 700%)
}

.combination-titanium-wrapper .lineup-product__panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.combination-titanium-wrapper .lineup-product__image {
  display: block;
  width: 100%;
  height: auto
}

.combination-titanium-wrapper .lineup-product__title {
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 12px
}
@media screen and (max-width: 480px) {
  .combination-titanium-wrapper .lineup-product__title {
      letter-spacing: 2px;
      top: 9px;
      left: 9px;
  }
}

.combination-titanium-wrapper .lineup-product__color {
  position: absolute;
  top: 11px;
  right: 13px;
  text-transform: uppercase;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 15px;
  display: grid;
  grid-template-columns: repeat(3,10px);
  gap: 10px;
  margin: 0;
  padding: 0
}

.combination-titanium-wrapper .lineup-product__color__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  outline: solid 1px rgb(98,82,14,var(--_chip-opacity, 20%));
  outline-offset: 1px;
  border-radius: 50%;
  padding: 0;
  width: 10px;
  aspect-ratio: 1/1;
  overflow: hidden;
  line-height: 1;
  display: grid;
  place-content: center
}

.combination-titanium-wrapper .lineup-product__color__button[aria-current=true] {
  --_chip-opacity: 100%
}

.combination-titanium-wrapper .lineup-product__link {
  display: block;
  margin-top: 8px;
  text-decoration: none
}

@media screen and (any-hover: hover) {
  .combination-titanium-wrapper .lineup-product__link:hover .combination-titanium-wrapper .lineup-product__link__icon {
      translate:30%
  }
}

.combination-titanium-wrapper .lineup-product__link__inner {
  position: relative;
  padding: 0 0 6px;
  display: flex;
  justify-content: space-between
}

.combination-titanium-wrapper .lineup-product__link__inner:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: 1;
  background-color: #62520e;
  transform-origin: left;
  transform: scaleX(var(--scale-x, 0))
}

.combination-titanium-wrapper .lineup-product__link__text {
  font-family: Cormorant Garamond,serif;
  font-size: 16px;
  text-transform: uppercase
}

.combination-titanium-wrapper .lineup-product__link__icon {
  object-fit: contain;
  display: inline-block;
  transition: .3s ease-out;
  transition-property: translate
}

#launcher {
  bottom: 100px !important;
}