/* --- デフォルトCSS設定 --- */



#FU260206catalogSS1 {

  --pc-width: 1920;

  --sp-width: 750;

  --pc-artboard-width: 750;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #FU260206catalogSS1 {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}



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

  #FU260206catalogSS1 {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}



@media (max-width: 767px) {

  #FU260206catalogSS1 {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#FU260206catalogSS1 img {

  display: block;

  width: 100%;

  height: auto;

}



#FU260206catalogSS1 h2,

#FU260206catalogSS1 h3,

#FU260206catalogSS1 p,

#FU260206catalogSS1 li {

  margin-block: calc((1em - 1lh) / 2);

}



#FU260206catalogSS1 .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* --- 抽出されたCSS（上から順） --- */



#FU260206catalogSS1 {

  --font-Bitcount: bitcount-grid-single-circle, sans-serif;

  --font-regular: 400;

  --font-book: 500;

  --bg-color: #fffff3;

  --dark-gray: #333333;

  --white: #ffffff;

  display: inline-flex;

  position: relative;

  min-width: 100%;

  max-width: 100%;

  font-feature-settings: "palt";

  overflow-x: clip;

  margin: 0 0 calc(200 * var(--formula)) 0;

}

#FU260206catalogSS1 .sec-set {

  position: relative;

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}



#FU260206catalogSS1 [class*="__txt"] {

  font-family: var(--font-Bitcount);

  color: var(--dark-gray);

  font-size: calc(20 * var(--formula));

  line-height: 1.6;

  letter-spacing: 0.02em;

  text-align: center;

  font-weight: var(--font-book);

  display: block;

}

#FU260206catalogSS1 [class*="__txt"] .char,

#FU260206catalogSS1 .lp-footer__btn-txt .char,

#FU260206catalogSS1 .teaser___logo-txt .char,

#FU260206catalogSS1 .lp-footer__staff-credit li .char {

  display: inline-block;

  opacity: 0;

  visibility: hidden;

}

#FU260206catalogSS1 [class*="credit-cont"] {

  display: flex;

  flex-direction: column;

  align-items: center;

}



#FU260206catalogSS1 [class*="credit-list"] {

  font-family: var(--font-Bitcount);

  color: var(--white);

  font-size: calc(28 * var(--formula));

  letter-spacing: 0.02em;

  text-align: center;

  font-weight: var(--font-regular);

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(8 * var(--formula));

}



#FU260206catalogSS1 .sec-set[class*="look"],

#FU260206catalogSS1 .lp-mv-img-01,

#FU260206catalogSS1 .lp-mv-txt-01 {

  opacity: 0;

}



#FU260206catalogSS1 [class*="look"].credit-hover-trigger {

  display: grid;

  grid-template-columns: 1fr;

  grid-template-rows: 1fr;

  overflow: hidden;

  position: relative;

  place-items: center;

}



#FU260206catalogSS1 [class*="look"].credit-hover-trigger > [class^="look"],

#FU260206catalogSS1 [class*="look"].credit-hover-trigger > .splide,

#FU260206catalogSS1

  [class*="look"].credit-hover-trigger

  > [class^="credit-cont"] {

  grid-area: 1/1;

}



#FU260206catalogSS1 [class*="look"].credit-hover-trigger > [class^="look"],

#FU260206catalogSS1 [class*="look"].credit-hover-trigger > .splide {

  z-index: 1;

}



#FU260206catalogSS1

  [class*="look"].credit-hover-trigger

  > [class^="credit-cont"] {

  z-index: 10;

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: calc(48 * var(--formula));

  pointer-events: none;

  transition:

    opacity 0.4s ease,

    visibility 0.4s ease;

}

#FU260206catalogSS1 [class^="credit-cont"].is-shown {

  pointer-events: auto;

}



#FU260206catalogSS1 .hidden {

  opacity: 0;

  visibility: hidden;

}



#FU260206catalogSS1 [class^="credit-cont"] ul,

#FU260206catalogSS1 [class^="credit-cont"] .close-button {

  pointer-events: auto;

  cursor: pointer;

  position: relative;

}



#FU260206catalogSS1 [class^="credit-cont"] .close-button::before {

  content: "";

  position: absolute;

  top: calc(-10 * var(--formula));

  bottom: calc(-10 * var(--formula));

  left: calc(-10 * var(--formula));

  right: calc(-10 * var(--formula));

  display: block;

  z-index: 10;

}



#FU260206catalogSS1 [class*="-dot-"] {

  position: absolute;

  opacity: 0;

  will-change: transform;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}



#FU260206catalogSS1 .lp-left-area,

#FU260206catalogSS1 .lp-right-area {

  flex: 1;

  background: var(--bg-color);

  position: sticky;

  top: var(--lpHeaderHeight);

  height: calc(100vh - var(--lpHeaderHeight));

  display: grid;

  place-items: center;

}



#FU260206catalogSS1 .lp-pc-txt-01 {

  width: calc(305 * var(--formula_pc));

  position: absolute;

  top: calc(47 * var(--formula_pc));

  left: calc(40 * var(--formula_pc));

}



#FU260206catalogSS1 .lp-pc-txt-02 {

  width: calc(134 * var(--formula_pc));

  margin: 0 0 0 calc(-25 * var(--formula_pc));

}



#FU260206catalogSS1 .lp-main-area {

  width: calc(750 * var(--formula_pc));

  display: flex;

  flex-direction: column;

  align-items: center;

}



#FU260206catalogSS1 .lp-mv-area {

  display: grid;

  place-items: center;

}

#FU260206catalogSS1 .lp-mv-img-01 {

  width: calc(750 * var(--formula));

  grid-area: 1/1;

  z-index: 1;

}



#FU260206catalogSS1 .lp-mv-txt-01 {

  width: calc(379 * var(--formula));

  grid-area: 1/1;

  z-index: 5;

}



#FU260206catalogSS1 .teaser-txt-01 {

  width: calc(345 * var(--formula));

  align-self: start;

  margin: calc(32 * var(--formula)) 0 calc(190 * var(--formula))

    calc(20 * var(--formula));

}



#FU260206catalogSS1 .teaser-txt-02 {

  width: calc(421 * var(--formula));

  margin: calc(204 * var(--formula)) 0 calc(151 * var(--formula))

    calc(-13 * var(--formula));

}

#FU260206catalogSS1 .teaser___logo-txt {

  font-family: var(--font-Bitcount);

  color: var(--dark-gray);

  font-size: calc(120 * var(--formula));

  line-height: 1.0666;

  letter-spacing: 0.007em;

  text-align: center;

  font-weight: var(--font-book);

  display: block;

}



#FU260206catalogSS1 .teaser__txt {

  margin: calc(106 * var(--formula)) 0 0 0;

  text-transform: uppercase;

}



#FU260206catalogSS1 .teaser__video {

  width: calc(540 * var(--formula));

  height: calc(960 * var(--formula));

  background: #dadada;

  margin: calc(196 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .teaser__video {

  width: calc(540 * var(--formula));

  height: calc(960 * var(--formula));

  margin: calc(196 * var(--formula)) 0 0 0;

  position: relative;

  overflow: hidden;

}



#FU260206catalogSS1 .teaser__video video {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



#FU260206catalogSS1 .sound-btn {

  position: absolute;

  bottom: calc(-2 * var(--formula));

  right: calc(2 * var(--formula));

  border: none;

  width: calc(73 * var(--formula));

  height: calc(73 * var(--formula));

  cursor: pointer;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 10;

  transition: background 0.3s;

  background: none;

  appearance: none;

}



/* アイコンの出し分け */

#FU260206catalogSS1 .sound-btn .sound-icon-on {

  display: block;

}

#FU260206catalogSS1 .sound-btn .sound-icon-off {

  display: none;

}



#FU260206catalogSS1 .sound-btn.is-muted .sound-icon-on {

  display: none;

}

#FU260206catalogSS1 .sound-btn.is-muted .sound-icon-off {

  display: block;

}



#FU260206catalogSS1 .look01 {

  margin: calc(197 * var(--formula)) 0 calc(203 * var(--formula)) 0;

}



#FU260206catalogSS1 .credit-btn-01 {

  position: absolute;

  width: calc(114 * var(--formula));

  z-index: 5;

  top: calc(20 * var(--formula));

  left: calc(16 * var(--formula));

}



#FU260206catalogSS1 #look01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .splide__pagination {

  bottom: calc(10 * var(--formula));

  padding: 0;

  right: calc(20 * var(--formula));

  left: auto;

  gap: calc(11 * var(--formula));

}

#FU260206catalogSS1 .splide__pagination__page {

  background: transparent;

  border: 1px solid var(--white);

  height: calc(8 * var(--formula));

  width: calc(8 * var(--formula));

  margin: 0;

  opacity: 1;

  padding: 0;

}



#FU260206catalogSS1 .splide__pagination__page.is-active {

  transform: scale(1);

  background: var(--white);

}



#FU260206catalogSS1 .splide__slide {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .close-btn-01 {

  width: calc(93 * var(--formula));

}



#FU260206catalogSS1 .look02 {

  width: max-content;

  margin: 0 0 calc(199 * var(--formula)) 0;

}

#FU260206catalogSS1 .look02 .credit-btn-01 {

  top: calc(22 * var(--formula));

  left: calc(20 * var(--formula));

}



#FU260206catalogSS1 .look02 .close-btn-01 {

  margin: 0 calc(23 * var(--formula)) 0 0;

}

#FU260206catalogSS1 .look2-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 #show-credit02 {

  gap: calc(45 * var(--formula));

  margin: calc(-3 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look03 .credit-btn-01 {

  margin: calc(-2 * var(--formula)) 0 0 calc(3 * var(--formula));

}



#FU260206catalogSS1 #look03 {

  width: calc(750 * var(--formula));

}

#FU260206catalogSS1 .js-credit-item {

  display: none;

}



#FU260206catalogSS1 #look03 .js-credit-item[data-for-slide="0"] {

  display: block;

}



#FU260206catalogSS1 #show-credit03 {

  margin: 0 0 0 0;

}



#FU260206catalogSS1 .look3__txt {

  margin: calc(198 * var(--formula)) 0 calc(187 * var(--formula)) 0;

}



#FU260206catalogSS1 .look4-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .look05 {

  width: max-content;

  margin: calc(202 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look05 .credit-btn-01 {

  margin: calc(-2 * var(--formula)) 0 0 calc(4 * var(--formula));

}

#FU260206catalogSS1 .look5-01 {

  width: calc(670 * var(--formula));

}



#FU260206catalogSS1 #show-credit05 {

  margin: calc(-4 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look06 {

  margin: calc(198 * var(--formula)) 0 calc(201 * var(--formula)) 0;

}



#FU260206catalogSS1 #look06 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 #show-credit06 {

  margin: calc(-4 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 #look07 {

  width: calc(500 * var(--formula));

}



#FU260206catalogSS1 #look07 .splide__pagination {

  right: calc(10 * var(--formula));

}



#FU260206catalogSS1 #look07 .splide__slide {

  width: calc(500 * var(--formula));

}

#FU260206catalogSS1 .look08 {

  margin: calc(200 * var(--formula)) 0 calc(200 * var(--formula)) 0;

}



#FU260206catalogSS1 .look08 .credit-btn-01 {

  margin: 0 0 0 calc(3 * var(--formula));

}



#FU260206catalogSS1 .look8-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 #show-credit08 {

  margin: calc(-6 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 #look09 {

  width: calc(600 * var(--formula));

}

#FU260206catalogSS1 #look09 .splide__pagination {

  right: calc(10 * var(--formula));

}

#FU260206catalogSS1 #look09 .splide__slide {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 .look10 {

  width: max-content;

  margin: calc(100 * var(--formula)) 0 calc(100 * var(--formula)) 0;

}



#FU260206catalogSS1 .look10 .credit-btn-01 {

  margin: 0 0 0 calc(4 * var(--formula));

}



#FU260206catalogSS1 .look10-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 #show-credit10 {

  margin: calc(61 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look11 {

  margin: 0 0 calc(200 * var(--formula)) 0;

}



#FU260206catalogSS1 .look11 .credit-btn-01 {

  margin: 0 0 0 calc(3 * var(--formula));

}



#FU260206catalogSS1 #look11 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 #show-credit11 {

  margin: calc(-6 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .parallax-cont {

  display: grid;

  grid-template-columns: 1fr;

  grid-template-rows: auto auto;

  justify-items: center;

  overflow: visible !important;



  /* 2. Safariのレンダリング境界を消すためのおまじない */

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



#FU260206catalogSS1 .dot-cont {

  position: absolute;

  top: 0;

  left: 0;

  grid-area: auto;

  width: 100%;

  height: 100%;

  grid-area: 1 / 1 / 3 / 2;

  z-index: 5;

  pointer-events: none;

  overflow: visible !important;

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



#FU260206catalogSS1 .blue-dot-01 {

  width: calc(52 * var(--formula));

  top: calc(-121 * var(--formula));

  left: calc(267 * var(--formula));

}



#FU260206catalogSS1 .blue-dot-02 {

  width: calc(52 * var(--formula));

  bottom: calc(517 * var(--formula));

  left: calc(194 * var(--formula));

}



#FU260206catalogSS1 .blue-dot-03 {

  width: calc(52 * var(--formula));

  bottom: calc(327 * var(--formula));

  right: calc(86 * var(--formula));

}



#FU260206catalogSS1 .blue-dot-04 {

  width: calc(52 * var(--formula));

  bottom: calc(85 * var(--formula));

  left: calc(83 * var(--formula));

}



#FU260206catalogSS1 .look12 {

  grid-row: 1;

  grid-column: 1;

  z-index: 1;

  width: max-content;

}

#FU260206catalogSS1 .look12 .credit-btn-01 {

  margin: 0 0 0 calc(-1 * var(--formula));

}



#FU260206catalogSS1 .look12-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 #show-credit12 {

  margin: calc(-6 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look12__txt {

  grid-row: 2; /* 2行目 */

  grid-column: 1;

  z-index: 1;

  margin: calc(190 * var(--formula)) 0 calc(200 * var(--formula)) 0;

}



#FU260206catalogSS1 .look13 {

  margin: 0 0 0 calc(7 * var(--formula));

}



#FU260206catalogSS1 .look13-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .look14 {

  width: max-content;

  margin: calc(200 * var(--formula)) 0 calc(200 * var(--formula)) 0;

}



#FU260206catalogSS1 .look14-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 .yellow-dot-01 {

  width: calc(52 * var(--formula));

  right: calc(168 * var(--formula));

  top: calc(-33 * var(--formula));

}



#FU260206catalogSS1 .yellow-dot-02 {

  width: calc(52 * var(--formula));

  top: calc(444 * var(--formula));

  left: calc(-9 * var(--formula));

}



#FU260206catalogSS1 .yellow-dot-03 {

  width: calc(52 * var(--formula));

  top: calc(829 * var(--formula));

  right: calc(-15 * var(--formula));

}



#FU260206catalogSS1 .yellow-dot-04 {

  width: calc(52 * var(--formula));

  bottom: calc(754 * var(--formula));

  left: calc(96 * var(--formula));

}



#FU260206catalogSS1 .yellow-dot-05 {

  width: calc(52 * var(--formula));

  right: calc(-25 * var(--formula));

  bottom: calc(262 * var(--formula));

}



#FU260206catalogSS1 .look15 {

  grid-row: 1;

  grid-column: 1;

  z-index: 1;

}



#FU260206catalogSS1 .look15-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .look16 {

  grid-row: 2; /* 2行目 */

  grid-column: 1;

  z-index: 1;

}



#FU260206catalogSS1 .look16-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 .look17 {

  width: max-content;

  margin: calc(200 * var(--formula)) 0 calc(200 * var(--formula)) 0;

}



#FU260206catalogSS1 .look17 .credit-btn-01 {

  margin: 0 0 0 calc(3 * var(--formula));

}



#FU260206catalogSS1 .look17-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 .credit-list17 {

  margin: calc(-5 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look18-01 {

  width: calc(750 * var(--formula));

}



#FU260206catalogSS1 #show-credit18 {

  margin: calc(-4 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .look19 {

  width: max-content;

  margin: calc(203 * var(--formula)) 0 0 calc(24 * var(--formula));

}

#FU260206catalogSS1 .look19 .credit-btn-01 {

  margin: 0 0 0 calc(4 * var(--formula));

}

#FU260206catalogSS1 #look19 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 #look19 .splide__slide {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 .look20 {

  width: max-content;

  margin: 0 0 0 calc(24 * var(--formula));

}

#FU260206catalogSS1 .look20 .credit-btn-01 {

  margin: calc(1 * var(--formula)) 0 0 calc(3 * var(--formula));

}

#FU260206catalogSS1 .look20-01 {

  width: calc(600 * var(--formula));

}



#FU260206catalogSS1 #show-credit20 {

  margin: calc(-3 * var(--formula)) 0 0 0;

}



#FU260206catalogSS1 .lp-footer {

  margin: calc(187 * var(--formula)) 0 calc(301 * var(--formula)) 0;

}



#FU260206catalogSS1 .lp-footer__btn-txt {

  font-family: var(--font-Bitcount);

  font-size: calc(30 * var(--formula));

  font-weight: var(--font-book);

  line-height: 2;

  letter-spacing: -0.025em;

  text-align: center;

  position: relative;

  display: flex;

  align-items: center;

}

#FU260206catalogSS1 .lp-footer__btn-txt:before {

  content: "";

  background-image: url(../img/lp-footer-obj.svg);

  width: calc(15 * var(--formula));

  height: calc(18 * var(--formula));

  display: block;

  margin: calc(-5 * var(--formula)) calc(12 * var(--formula)) 0 0;

  background-size: contain;

}



#FU260206catalogSS1 .lp-footer-btn-01 {

  width: calc(284 * var(--formula));

}



#FU260206catalogSS1 .lp-footer__staff-credit {

  font-family: var(--font-Bitcount);

  font-size: calc(20 * var(--formula));

  font-weight: var(--font-book);

  line-height: 2;

  letter-spacing: 0.01em;

  text-align: center;

  margin: calc(177 * var(--formula)) 0 calc(205 * var(--formula)) 0;

  display: flex;

  flex-direction: column;

  gap: calc(20 * var(--formula));

  text-transform: uppercase;

}



#FU260206catalogSS1 .red-dot-01 {

  width: calc(52 * var(--formula));

  top: calc(-119 * var(--formula));

  left: calc(154 * var(--formula));

}



#FU260206catalogSS1 .red-dot-02 {

  top: calc(392 * var(--formula));

  left: calc(-26 * var(--formula));

  width: calc(52 * var(--formula));

}



#FU260206catalogSS1 .red-dot-03 {

  width: calc(52 * var(--formula));

  bottom: calc(-82 * var(--formula));

  right: calc(116 * var(--formula));

}



#FU260206catalogSS1 .red-dot-04 {

  width: calc(52 * var(--formula));

  top: calc(72 * var(--formula));

  right: calc(90 * var(--formula));

}



#FU260206catalogSS1 .red-dot-05 {

  width: calc(52 * var(--formula));

  bottom: calc(-207 * var(--formula));

  left: calc(128 * var(--formula));

}



#FU260206catalogSS1 .lp-footer-img-01 {

  width: calc(500 * var(--formula));

  grid-row: 1; /* 1行目 */

  grid-column: 1;

  z-index: 1;

}



#FU260206catalogSS1 .lp-pc-txt-03 {

  width: calc(284 * var(--formula));

  margin: calc(28 * var(--formula_pc)) 0 0 calc(-3 * var(--formula_pc));

}

@media (max-width: 767px) {

  #FU260206catalogSS1 {

    margin: 0 0 0 0;

  }

  #FU260206catalogSS1 .lp-left-area,

  #FU260206catalogSS1 .lp-right-area {

    display: none;

  }

  #FU260206catalogSS1 .lp-main-area {

    width: 100%;

  }

}