@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap";
html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  word-break: normal;
  font-size: 62.5% !important;
}
*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}
* {
  margin: 0;
  padding: 0;
}
hr {
  color: inherit;
  height: 0;
  overflow: visible;
}
details, main {
  display: block;
}
summary {
  display: list-item;
}
small {
  font-size: 80%;
}
[hidden] {
  display: none;
}
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
a:active, a:hover {
  outline-width: 0;
}
pre {
  font-size: 1em;
}
b, strong {
  font-weight: bolder;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  border-color: inherit;
  text-indent: 0;
}
iframe {
  border-style: none;
}
input {
  border-radius: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  overflow: auto;
  resize: vertical;
}
button, input, optgroup, select, textarea {
  font: inherit;
}
optgroup {
  font-weight: 700;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button;
}
button, input, select, textarea {
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}
legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}
[disabled] {
  cursor: default;
}
img {
  border-style: none;
}
progress {
  vertical-align: baseline;
}
[aria-busy=true] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-disabled=true] {
  cursor: default;
}
#pagetop.fxd {
  z-index: 20;
}
@media(max-width: 767px) {
  img {
    max-width: 100%;
  }
  a {
    display: block;
  }
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 1em
}
a {
  color: inherit;
}
ul, ol {
  list-style: none;
  padding-left: 0;
}
table {
  border-collapse: collapse;
  width: 100%;
}
th {
  vertical-align: top;
  text-align: left;
}
img, video, svg {
  vertical-align: top;
}
svg {
  fill: currentColor;
}
address, em {
  font-style: normal;
}
input:not([type=radio]):not([type=checkbox]), textarea {
  border: 1px solid #ddd;
  min-height: 40px;
}
i {
  font-style: normal;
}
sub {
  vertical-align: sub;
}
sup {
  vertical-align: super;
  top: 0;
}
select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
  appearance: menulist;
}


@keyframes fadein_load {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes fadeout_load {
  0% {
    opacity: 1
  }
  99% {
    opacity: 0
  }
  100% {
    opacity: 0;
    z-index: -100;
  }
}
/* ========================================
   40th Anniversary FV Animation
======================================== */

  #fv_section {
    position: relative;
    height: 100vh;
  }
  #fv_section::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: linear-gradient(to right, #410D02, #3B0902);

    z-index: -5;
    pointer-events: none;
}

/* FV背景：イントロ後にふわっと表示 */
#fv_section .fv_background {
    opacity: 0;
    transform: scale(1.04) translateY(150px);
}

#HC2026.loaded #fv_section .fv_background {
    animation: fvBackgroundIn 2s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: 6.7s;
}

@keyframes fvBackgroundIn {
    0% {
        opacity: 0;
        transform: scale(1.04) translateY(20px);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* アニメーションエリア */
#fv_section .fv_logoWrap {
    position: relative;
}
/* 40th Anniversary */
#fv_section .fv_logo {
    opacity: 1;
	position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: 35%;
    z-index: 2;
	display: flex;
    justify-content: center;
    align-items: center;
}
/* Celebrate / Timeless / Beauty */
#fv_section .fv_title {
    position: absolute;
    top: 50vh;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}
#fv_section .fv_title_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#fv_section .fv_title_inner img {
    opacity: 0;
}
/* ========================================
   Anniversary Collection 2026
   背景と同時に表示・固定
======================================== */

#fv_section .fv_heading {
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 3;
    pointer-events: none;
}
#fv_section .kgd-logo{
	position: absolute;
	top: 40px;
	left: 80px;
    text-align: center;
    opacity: 0;
    z-index: 3;
    pointer-events: none;
}
#fv_section .kgd-logo img{
	width: 240px;
}
/* 背景が表示され始めるタイミングで表示 */
#HC2026.loaded #fv_section .fv_heading,
#HC2026.loaded #fv_section .kgd-logo{
    animation: fvHeadingShow 0s linear forwards;
    animation-delay: 6.7s;
}

@keyframes fvHeadingShow {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/* Anniversary Collection 2026：キラッ */
/*#fv_section .fv_heading {
    position: absolute;
    overflow: hidden;
}*/

/* 光 */
/*#fv_section .fv_heading::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -100%;
    width: 35%;
    height: 200%;

    background: linear-gradient(
        100deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.15) 40%,
        rgba(255,255,255,0.8) 50%,
        rgba(255,255,255,0.15) 60%,
        rgba(255,255,255,0) 100%
    );

    transform: skewX(-20deg);
    pointer-events: none;
}*/

/* 背景と文字が表示された少し後にキラッ */
/*#HC2026.loaded #fv_section .fv_heading::after {
    animation: fvHeadingShine 1.2s ease-out forwards;
    animation-delay: 7.2s;
}

@keyframes fvHeadingShine {
    0% {
        left: -100%;
    }

    100% {
        left: 150%;
    }
}*/

/* 40th Anniversary → fade out */
#HC2026.loaded #fv_section .fv_logo {
    animation: fv40th 1.2s ease forwards;
    animation-delay: 1.8s;
}
/* グラデーションを最後に消す */

#HC2026.loaded #fv_section::before,
#HC2026.loaded #fv_section .fv_logoWrap {
    animation: fvGradientOut 1.5s ease forwards;
    animation-delay: 5.7s;
}
@keyframes fvGradientOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* Celebrate */
#HC2026.loaded #fv_section .fv_title_inner img:nth-child(1) {
    animation: fvTitleIn 1s ease forwards;
    animation-delay: 2.5s;
}


/* Timeless */
#HC2026.loaded #fv_section .fv_title_inner img:nth-child(2) {
    animation: fvTitleIn 1s ease forwards;
    animation-delay: 3.6s;
}


/* Beauty */
#HC2026.loaded #fv_section .fv_title_inner img:nth-child(3) {
    animation: fvTitleIn 1s ease forwards;
    animation-delay: 4.7s;
}
/* ========================================
   FV load animation reset
======================================== */

#HC2026.loaded > #fv_section {
    opacity: 1;
    animation: none;
}

@keyframes fv40th {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


@keyframes fvTitleIn {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

#HC2026 > div:not(#accessMov) {
  opacity: 0;
}
#HC2026.loaded > div:not(#accessMov) {
  animation: fadein_load 3s forwards ease-out;
}
#HC2026::after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}
#HC2026.loaded::after {
  animation: fadeout_load 3s forwards;
}
#HC2026 img {
  vertical-align: bottom;
}
#HC2026 b, #HC2026 strong {
  font-weight: normal;
}
#accessMov {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: auto;
  width: 100vw;
  height: 100vh;
  opacity: .3;
  z-index: -2;
  mix-blend-mode: screen;
}
#accessMov video {
  opacity: 0;
  transition: opacity 0.8s;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
}
.loaded #accessMov video {
  opacity: 1;
}

.swiper-slide{
  width: 100% !important;
}
/* FVより下のSection*/
.section_inner{
	width: 100%;
	max-width: 1440px;
	margin: auto;
}
.section_inner img{
	width: 100%;
}
#section1 {
    position: relative;
    height: 180vh;
    z-index: 1;
    background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
}

#section1 .section1_inner {
	position: sticky;
	height: 100vh;
	max-width: 800px;
	overflow: hidden;
	padding-top: 10vh;
	top: 0;
}
#section1 .section1_inner img{
	width: 100%;
}
#section2 {
    position: relative;
    z-index: 2;
    min-height: 100vh;
	margin-top: -15vh;
	text-align: center;
}
#section2 .section2_inner {
	min-height: 100vh;
    height: auto;
}
#section3{
	position: relative;
    z-index: 3;
    height: 200vh;
}
#section3::after {
	position: absolute;
  content: "";
  display: block;
  background: linear-gradient(180deg,rgba(30, 4, 0, 1) 0%, rgba(30, 4, 0, 1) 40%, rgba(30, 4, 0, 0) 100%);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 2;
}
#section3 .section3_inner {
	min-height: 100vh;
	position: sticky;
	top: -45%;
  height: auto;
  z-index: 10;
}

#section4 {
  position: relative;
  z-index: 4;
  margin-top: 30vh;
  background: #370500;
}
#section4 .section4_inner{
	padding: 7% 0 10%;
}


#section5 {
  position: relative;
  z-index: 5;
  height: 250vh;
  padding: 5% 0 0;
}

#section5::after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 100vw;
  height: 60vh;
  overflow: hidden;
  background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  left: 0;
  z-index: 5
}
#section5 .section5_inner {
  position: sticky;
  top: 0;
  width: 100vw;
  max-width: inherit;
  height: 45vh;
  overflow: hidden;
  /*background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);*/
  z-index: 6;
}
/* 上下共通 */
#section5 .skinwake_marquee {
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 1;
}

#section5 .skinwake_top {
  top: 5%;
}

#section5 .skinwake_bottom {
  bottom: 5%;
}

/* ロゴ2枚を横並び */
#section5 .skinwake_track {
  display: flex;
  width: max-content;
  align-items: center;
}

#section5 .skinwake_track img {
  display: block;
  width: 60%;
  margin: auto 2%;
  height: auto;
  flex-shrink: 0;
}

/* 上段：右方向 */
#section5 .skinwake_top .skinwake_track {
  animation: skinwakeRight 25s linear infinite;
}

/* 下段：左方向 */
#section5 .skinwake_bottom .skinwake_track {
  animation: skinwakeLeft 25s linear infinite;
}

@keyframes skinwakeRight {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

@keyframes skinwakeLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* 中央の商品画像 */
#section5 .skinwake_product {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  max-width: 380px;
  z-index: 2;
  text-align: center;
}

#section5 .skinwake_product img {
  display: block;
  width: 100%;
  height: auto;
}

#section6 {
  position: relative;
  z-index: 6;
  margin-top: -100vh;
  background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/ac_bg_pc.jpg");
  background-size: cover;
	background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#section6::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(104, 5, 13, 1);
  background: linear-gradient(180deg,rgba(104, 5, 13, 1) 0%, rgba(104, 5, 13, 0.5) 50%, rgba(104, 5, 13, 0) 100%);
  width: 100vw;
  height: 50vw;
  top: 0;
  left: 0;
}
#section6 .section6_inner .key1{
	transform: translateY(-1.5%);
	width: 90%;
	margin: auto;
}

/* スクロールコンテナ */
#section6 .cocktail #scroll-container {
  position: relative;
  width: 85%;
  margin: 0 auto;
}
/* 画面に固定するコンテンツ */
#section6 .cocktail .sticky-content {
  position: sticky;
  top: 5%;
  left: 0;
  width: auto;/*width: 100%;*/
  height: 100vh; /* 画面いっぱいに表示 */
  /*display: flex;
  align-items: center;
  justify-content: center;
  /*background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/ckt_bg_pc.png");
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;*/
  transition: background-color 0.2s ease;
}

/* 画像を配置するコンテナ */
#section6 .cocktail .inner-box {
  position: relative;
  width: auto;/*width: 100%;*/
  height: 100vh; /* 画面いっぱいに表示 */
  aspect-ratio: 7.4 / 8;
  top: 5%;
  left: 50%;
  transform: translate(-50%, 0);
}

/* 5枚の画像すべてに適用するスタイル */
#section6 .cocktail .switch-img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;/*width: 100%;*/
  height: 100vh; /* height: 100%;*/
  object-fit: cover;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* data-current と data-img が一致した画像だけを表示する */
#scroll-container[data-current="1"] .switch-img[data-img="1"],
#scroll-container[data-current="2"] .switch-img[data-img="2"],
#scroll-container[data-current="3"] .switch-img[data-img="3"],
#scroll-container[data-current="4"] .switch-img[data-img="4"],
#scroll-container[data-current="5"] .switch-img[data-img="5"] {
  opacity: 1;
  visibility: visible;
}

/* スクロール用のダミーエリア（5面分） */
#section6 .cocktail .scroll-section {
  height: 100vh;
  width: 100%;
  pointer-events: none;
}




#section7 {
  position: relative;
  z-index: 7;
  background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/pc/tokuten_bg.jpg");
  background-size: cover;
	background-position: top center;
  background-repeat: no-repeat;
  height: 200vh;
}
#section7 .section_inner {
  position: sticky;
  top: 0;
}
#section7 .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 6;
}
#section7 .bg img {
  mix-blend-mode: screen;
}

#section7 .cont img {
  position: relative;
  z-index: 7;
}


#section8 {
  position: relative;
  z-index: 8;
}
#section8 .sec_bg {
  position: relative;
  top: -2px;
  background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/pc/lineup_bg_pc.png");
  background-size: 100%;
	background-position: top center;
  background-repeat: no-repeat;
  z-index: 8;
}
#section8::before {
  position: absolute;
  content: "";
  display: block;
  background: rgba(55, 5, 0, 0.1);
  backdrop-filter: blur(3px);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 5;
}
#section8::after {
  position: absolute;
  content: "";
  display: block;
  background: rgba(55, 5, 0, 1);
  width: 100%;
  height: 40vh;
  left: 0;
  bottom: 0;
  z-index: 5;
}
#section8 .section8_inner {
  position: relative;
  z-index: 10;
}
#section8 .tit {
  padding: 50% 0 30%;
  width: 40%;
  margin: 0 auto;
}
#section8 #lineupItems ul {
  z-index: 10;
  text-align: center;
  display: flex;
  justify-content: space-between;
  padding: 0 0 20%;
}

#section8 #lineupItems ul li {
  display: block;
  width: 25%;
  margin: 0 1%;
  height: auto;
}

.lineup {
  position: relative;
  display: flex;
  padding: 0 0 20%;
}
.lineup .sec_box {
  width: 600px;
  margin: auto 0 auto auto;
  padding: 100px 0 50px;
  position: relative;
  z-index: 9;
  background: #471308;
  background: linear-gradient(90deg,rgba(71, 19, 8, 1) 0%, rgba(64, 11, 3, 1) 51%, rgba(54, 5, 0, 1) 100%);
}
.lineup .sec_box .cont {
  position: relative;
}
.lineup .sec_box .cont .desc {
  position: relative;
}
.lineup .sec_box .cont .bg {
  position: absolute;
  top: 0;
}
.lineup .sec_box .cont .bg img {
  mix-blend-mode: screen;
}


/* 2. 固定したい画像コンテナ */
.photo {
  position: sticky;
  top: 0; /* 画面の一番上で固定 */
  height: 100vh; /* 画面いっぱいの高さに合わせる */
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

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

.photo .ph {
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.photo .ph img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 0;
  bottom: 0;
  opacity: 0;
  animation: change-img-anim1 10s infinite;
  top: 50%;
  transform: translate(0, -50%);
}
.photo .ph img:nth-child(1) {
  animation-delay: 0s;
}
.photo .ph img:nth-child(2) {
  animation-delay: 5s;
}

@keyframes change-img-anim1 {
  0% {
      opacity: 0;
  }
  5% {
      opacity: 1;
  }
  30% {
      opacity: 1;
  }
  35% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}



#section9 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  backdrop-filter: blur(5px);
  z-index: 9;
}
#section9 .photo {
  width: 1440px;
  height: 100vh;
  max-height: 100vh;
  left: calc(50% - 700px);
  top: 0;
  z-index: 1;
  transition: .5s;
  margin: auto auto auto 0;
}
#section9 .cont02 .bg {
  top: -5.5em;
}
#section9 .cont02 .desc {
  padding: 3.5em 0 0;
}

#section9 .cont03 .desc {
  padding: 3.5em 0 0;
}
#section9 .cont05 .bg {
  top: -5.5em;
}

#section10 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 0) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 1) 80%, rgba(55, 5, 0, 0) 100%);
  background-position: center bottom;
  backdrop-filter: blur(5px);
  z-index: 10;
}
#section10 .photo {
  width: 1440px;
  height: 100vh;
  max-height: 100vh;
  /*right: calc(50% - 600px);*/
  right: 0;
  top: 0;
  z-index: 1;
  transition: .5s;
  margin: 0 0 0 auto;
}
#section10 .photo .ph {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}
#section10 .sec_box {
  margin: auto auto auto 0;
}
#section10 .photo .ph img {
  right: 0;
  left: inherit;
}
#section10 .sec_box .slide {
  position: absolute;
  overflow: hidden;
  margin-top: 10px;
  bottom: 7%;
  width: 100%;
}
#section10 .sec_box .slide li {
  margin: 0 5px;
  width: 200px;
}
#section10 .cont02 .bg {
  top: -7.5em;
}
#section10 .cont02 .desc {
  padding: 3.5em 0 0;
}
#section10 .cont03 .bg {
  top: -3.5em;
}

#section11 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 0) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  backdrop-filter: blur(5px);
  z-index: 11;
}
#section11 .photo {
  width: 1440px;
  height: 100vh;
  max-height: 100vh;
  left: calc(50% - 700px);
  top: 0;
  z-index: 1;
  transition: .5s;
  margin: auto auto auto 0;
}

#section11 .cont02 .bg.bg02 {
  bottom: -5em;
  top: inherit;
}
#section11 .cont03 .bg {
  top: -3.5em;
}

#section12 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 0) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  background-position: center bottom;
  backdrop-filter: blur(5px);
  z-index: 12;
}
#section12 .photo {
  width: 1440px;
  height: 100vh;
  max-height: 100vh;
  /*right: calc(50% - 600px);*/
  right: 0;
  top: 0;
  z-index: 1;
  transition: .5s;
  margin: 0 0 0 auto;
}
#section12 .photo .ph {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  /*transform: translateX(100px);*/
}
#section12 .sec_box {
  margin: auto auto auto 0;
}
#section12 .photo .ph img {
  right: 0;
  left: inherit;
}
#section12 .cont02 .bg {
  top: -8.5em;
}

#section13 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 0) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  backdrop-filter: blur(5px);
  z-index: 13;
}
#section13 .photo {
  width: 1440px;
  height: 100vh;
  max-height: 100vh;
  left: calc(50% - 700px);
  top: 0;
  z-index: 1;
  transition: .5s;
  margin: auto auto auto 0;
}



#section14 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 1) 40%, rgba(55, 5, 0, 0) 100%);
  z-index: 14;
  height: 200vh;
}
#section14 .section14_inner {
  position: sticky;
  top: 0;
  scroll-snap-align: start;
  height: 70vh;
}
#section14 .section14_inner .tit {
  text-align: center;
  width: 80%;
  padding: 8% 0 0;
  margin: 0 auto 0;
}

#section15 {
  position: relative;
  background: #471308;
  background: linear-gradient(90deg, rgb(64 12 2) 0%, rgb(61 9 3) 51%, rgb(55 5 0) 100%);
  margin-top: 30vh;
  z-index: 15;
  height: 450vh;
}
/*#section15::after {
  position: absolute;
  content: "";
  display: block;
  background: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/pc/cv_set_bg.png") center top no-repeat;
  background-size: 100%;
  width: 1440px;
  height: 820px;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  z-index: 15;
}*/
#section15 .section_inner {
  max-width: 1000px;
  position: sticky;
  top: 0;
}
#section15 .bg {
  position: absolute;
}
#section15 .bg img {
  mix-blend-mode: screen;
}
#section15 .cv_set .bg {
  top: 3%;
}
#section15 .cv_cont > div {
  position: relative;
}
#section15 .cv_cont .color .bg {
  top: -3%;
}
#section15 .desc {
  position: relative;
  z-index: 17;
}

#section16 {
  position: relative;
  background: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/pc/tokuten_bg.jpg") center center no-repeat;
  background-size: cover;
  z-index: 16;
  padding: 0 0 5%;
}

#section16 .bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
}
#section16 .bg img {
  mix-blend-mode: screen;
}
#section16 .desc {
  position: relative;
  z-index: 17;
}
#section17 {
  margin: auto;
  width: 100vw;
  height: 100vh;
  background-image: url(https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/bg_pc.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -10;
}
/*#section17 {
  position: relative;
  background: rgba(55, 5, 0, 1);
  background: linear-gradient(180deg,rgba(55, 5, 0, 1) 0%, rgba(55, 5, 0, 0.75) 40%, rgba(55, 5, 0, 0) 100%);
  z-index: 14;
  height: 50vh;
}*/
#section17 .tit {
  position: sticky;
  top: 0;
  padding: 0 0 50vh;
}


/* SP */
@media (max-width: 767px) {
  #section3{
	height: 260vh;
  }
  #section3 .section3_inner{
	top: -38%;
  }
  #section4 {
	margin-top: 30vh;
  }
  #section5 {
    min-height: 0;
    height: 200vh;
  }
  #section5 .section5_inner{
	height: 42vh;
  }
  #section5 .skinwake_top {
    top: 8%;
  }

  #section5 .skinwake_bottom {
    bottom: 8%;
  }

  #section5 .skinwake_track img {
    width: 1319px;
  }

  #section5 .skinwake_product {
    width: 64%;
  }
  #section6::before {
    position: absolute;
    content: "";
    display: block;
    background: rgba(104, 5, 13, 1);
    background: linear-gradient(180deg,rgba(104, 5, 13, 1) 0%, rgba(104, 5, 13, 1) 50%, rgba(104, 5, 13, 0) 100%);
    width: 100vw;
    height: 100vw;
    top: 0;
    left: 0;
  }
  #section6 .section6_inner {
    background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/ac_bg_sp.jpg");
    background-size: cover;
	  background-position: top center;
    background-repeat: no-repeat;
    padding: 0;
    margin-bottom: -8%;
    background-attachment: fixed;
  }
	#section6 .section6_inner .key1{
		transform: translateY(-1%);
		width: 100%;
		margin: auto;
	}

  #section6 .cocktail #scroll-container {
    width: 100%;
  }
  #section6 .cocktail .sticky-content {
    position: sticky;
    top: -1%;
    left: 0;
    width: 100%;
    height: 115vh; /* 画面いっぱいに表示 */
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/ckt_bg_sp.png");
    background-size: 100%;
    background-position: top -2px center;
    background-repeat: no-repeat;
    transition: background-color 0.5s ease;
  }
  #section6 .cocktail .inner-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 32;
    top: 8vw;
  }
  #section6 .cocktail .inner-box img {
    width: 100%;
    object-fit: contain;
  }
  
  
  #section7 .section7_inner{
	background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/key23_bg_sp.jpg");
	background-size: contain;
    background-position: top center;
    background-repeat: repeat-y;
  }
  
  #section8 .sec_bg {
    background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/sp/lineup_bg_sp.png");
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
  }
  #section8::after {
    background: #471308;
    background: linear-gradient(90deg, rgba(71, 19, 8, 1) 0%, rgba(64, 11, 3, 1) 51%, rgba(54, 5, 0, 1) 100%);
    height: 20vh;
  }
  #section8 .tit {
    padding: 50vw 0 18vw;
    width: 70vw;
    margin: 0 auto;
  }
  #section8 #lineupItems ul.img-pc {
    display: none;
  }
  #section8 #lineupItems ul {
    width: 100%;
    /*max-width: 380px;*/
    z-index: 2;
    text-align: center;
    display: block;
    justify-content: space-between;
  }
  #section8 #lineupItems ul li {
    display: block;
    height: auto;
    max-width: 200px;
    width: inherit;
    margin: 0 10px;
  }

 
  #section9,
  #section10,
  #section11,
  #section12,
  #section13 {
    backdrop-filter: none;
  }
  
  .lineup {
    padding: 0 0 100vw;
  }
  #section13.lineup {
    padding: 0 0 0;
  }
  .lineup .photo {
    display: none;
  }
  .lineup .sec_box {
    width: 100%;
  }
  
  #section10 .sec_box .slide {
    width: 92vw;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%, 0);
  }
  #section10 .sec_box .slide li {
    width: 25vw;
  }
  
  #section15 {
    height: 350vh;
  }
  #section15::after {
    display: none;
  }
  
  #section16 {
    background: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/sp/tokuten_bg.jpg") center center no-repeat;
    background-size: cover;
  }
  #section16 .section16_inner {
    width: 100%;
  }
  
  #section16 .bg {
    position: absolute;
    top: -3%;
    left: 50%;
    transform: translate(-50%,0);
    width: 100%;
  }

}

@media (prefers-reduced-motion: reduce) {
  #section5 .skinwake_track {
    animation: none;
  }
}

@media(min-width: 768px) {
  
  #section8 #lineupItems ul.img-sp {
    display: none;
  }
}
@media(max-width: 767px) {
  #HC2026 {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
  #HC2026 img {
    max-width: 100%;
  }
  #HC2026 img.ster {
    width: 5vw;
  }
  #HC2026 p > b {
    font-size: 1.5em;
  }
  #HC2026 b {
    color: inherit;
    font-weight: normal;
  }
  #accessMov video {
    transform: translate(-50%, -50%) rotate(90deg);
	opacity: 1;
	visibility: visible;
  }
	.img-sp, .swiper-sp{
		display: block;
	}
	.img-pc, .swiper-pc{
		display: none;
	}
	#fv_section .fv_logo {
        width: 35%;
    }
    #fv_section .fv_title {
        width: 60%;
		margin: auto;
    }
	
  #fv_section .fv_title > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
	#fv_section .fv_heading{
		top: 14%;
	}
	#fv_section .fv_heading img{
		width: 80vw;
	}
	#fv_section .kgd-logo{
		top: 20px;
		left: 4%;
	}
	#fv_section .kgd-logo img{
		width: 160px;
	}
  #fv_section .fv_background {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/bg_sp.jpg");
    background-size: cover;
	background-position: center center;
    background-repeat: no-repeat;
    z-index: -10;
  }
	#section1 .section1_inner{
		max-width: 90%;
		left: 5%;
		transform: translateX(0);
	}
  
  
  @keyframes line_move {
    0% {
      top: 0;
      height: 0
    }
    70% {
      top: 5%;
      height: 95%
    }
    100% {
      top: 100%;
      height: 0
    }
  }
}

  
@media(min-width: 768px) and (max-width:1500px){
  .section_inner {
    max-width: 1000px;
  }
  #section5 .skinwake_product {
    max-width: 300px;
  }
  #section9 .section_inner,
  #section10 .section_inner,
  #section11 .section_inner,
  #section12 .section_inner,
  #section13 .section_inner {
    width: 90%;
    max-width: inherit;
  }
  #section10 .photo, 
  #section12 .photo {
    width: 1000px;
  }
  #section9 .photo,
  #section11 .photo,
  #section13 .photo {
    width: 1000px;
    left: 0;
  }
  .lineup .sec_box {
    width: 60%;
  }
/*  #section15::after {
    width: 100vw;
    height: auto;
  }*/
}
@media(min-width: 768px) and (max-width:1376px){
  #section3 .section3_inner {
    top: -20%;
  }
  
  #section6 .cocktail {
    margin: 5% 0 0;
  }
  #section6 .cocktail #scroll-container {
    width: 100%;
  }
  #section6 .cocktail .sticky-content {
    top: 25%;
  }
  #section6 .cocktail .inner-box {
    width: 80%;
    aspect-ratio: inherit;
    top: 10%;
  }
  #section6 .cocktail .switch-img {
    width: 100%;
    height: inherit;
  }
  #section7 .section7_inner {
    padding: 0 0 10%;
  }
  #section7 .bg {
    width: 100%;
  }
  .lineup .sec_box {
    width: 50%;
  }
  
  #section10 .photo, 
  #section12 .photo {
    max-width: 1000px;
    width: 50%;
  }
  #section9 .photo,
  #section11 .photo,
  #section13 .photo {
    max-width: 1000px;
    left: 0;
    width: 50%;
  }
  #section10 .sec_box .slide {
    width: 100%;
  }
  #section10 .sec_box .slide li {
    width: 15vw;
  }
  #section14 .section14_inner .tit {
    width: 100%;
  }
  #section6 .cocktail .sticky-content {
    top: 14%;
  }
  #section7 .section_inner {
    top: 10%;
  }
}
@media(min-width: 768px) and (max-width:1920px){
	#fv_section .fv_heading{
		top: 17%;
	}
	#fv_section .fv_heading img{
		width: 500px;
	}
	
	#section1 .section1_inner{
		max-width: 50%;
		left: 15%;
		transform: translateX(0);
		padding-top: 18vh;
	}
}
@media(min-width: 1921px){
	#fv_section .fv_heading{
		top: 15%;
	}
	#fv_section .fv_heading img{
		width: 600px;
	}
  #fv_section .kgd-logo img {
    width: 200px;
  }
	#section1 .section1_inner {
		position: sticky;
		top: 20%;
		height: 100vh;
		left: 50%;
		transform: translateX(-50%);
		max-width: 800px;
		overflow: hidden;
		padding-top: 10vh;
	}
}

@media(min-width: 768px) {
  body {
    margin: 0;
    overflow-x: clip
  }
	
	.img-sp, .swiper-sp{
		display: none;
	}
	.img-pc, .swiper-pc{
		display: block;
	}
  #HC2026 {
    font-size: 1.8rem;
  }
  #HC2026 p > b {
    font-size: 1.5em;
  }
  #HC2026 b {
    color: inherit;
    font-weight: normal;
  }
  /*#HC2026::after {
    filter: blur(4px);
    background: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/bg_pc.jpg") center bottom;
    background-size: cover;
  }*/
  #accessMov video {
    transform: translate(-50%, -50%);
  }
  #fv_section .fv_background {
    position: fixed;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100vw;
    height: 100vh;
    background-image: url("https://shop.kohgendo.com/Contents/ImagesPkg/page/holidaycollection2026book/bg_pc.jpg");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -10;
  }
  #fv_section .fv_title > div {
    display: flex;
    flex-direction: row;
    align-items: center;
	  justify-content: center;
	  width: 80vw;
	  margin: auto;
  }

	#fv_section .fv_title > div img {
		display: block;
	}
  #fv_section .fv_title > div.img-sp {
    display: none;
  }
  #fv_section .fv_title > div.img-pc {
    width: 600px;
  }
  #fv_section .fv_title > div.img-pc img {
    width: 100%;
  }
}

.muDb {
  display: block !important
}
.muDn {
  display: none !important
}
.muFwn {
  font-weight: normal
}
.muFwb {
  font-weight: bold
}
.muTal {
  text-align: left
}
.muTar {
  text-align: right
}
.muTac {
  text-align: center
}
.muPor {
  position: relative
}
.muPoa {
  position: absolute
}
.muPen {
  pointer-events: none
}
.muDf_noWrap {
  display: flex
}
.muDf {
  display: flex;
  flex-wrap: wrap
}
.muDf_jcsb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.muDf_jcc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}
[class*=Df]::before {
  order: 100
}
[class*=muDf].ais {
  align-items: start
}
[class*=muDf].aic {
  align-items: center
}
[class*=muDf].aie {
  align-items: flex-end
}
[class*=muDf].reverse {
  flex-direction: row-reverse
}
[class*=muDf].dirCol {
  flex-direction: column
}
.muOw, [class*=muOw_of] {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw
}
.muOw_restore {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  width: 100vw
}
[class*=muOw_of] img {
  width: 100%;
  height: 100%
}
.muOw_of_cover img {
  -o-object-fit: cover;
  object-fit: cover
}
.muFz05e {
  font-size: 0.5em
}
.muFz06e {
  font-size: 0.6em
}
.muFz07e {
  font-size: 0.7em
}
.muFz08e {
  font-size: 0.8em
}
.muFz09e {
  font-size: 0.9em
}
.muFz10e {
  font-size: 1em
}
.muFz11e {
  font-size: 1.1em
}
.muFz12e {
  font-size: 1.2em
}
.muFz13e {
  font-size: 1.3em
}
.muFz14e {
  font-size: 1.4em
}
.muFz15e {
  font-size: 1.5em
}
.muFz16e {
  font-size: 1.6em
}
.muFz17e {
  font-size: 1.7em
}
.muFz18e {
  font-size: 1.8em
}
.muFz19e {
  font-size: 1.9em
}
.muFz20e {
  font-size: 2em
}
.muMa {
  margin-left: auto !important;
  margin-right: auto !important
}
.muW100p {
  width: 100% !important
}
.muMax240 {
  max-width: 240px
}
.muMax320 {
  max-width: 320px
}
.muMax480 {
  max-width: 480px
}
.muMax640 {
  max-width: 640px
}
.muMax768 {
  max-width: 768px
}
.muVp1e {
  padding-top: 1em;
  padding-bottom: 1em
}
.muHp1e {
  padding-left: 1em;
  padding-right: 1em
}
.muVm1e {
  margin-top: 1em;
  margin-bottom: 1em
}
.muPt1e {
  padding-top: 1em
}
.muPb1e {
  padding-bottom: 1em
}
.muPl1e {
  padding-left: 1em
}
.muPr1e {
  padding-right: 1em
}
.muMt1e {
  margin-top: 1em
}
.muMb1e {
  margin-bottom: 1em
}
.muMl1e {
  margin-left: 1em
}
.muMr1e {
  margin-right: 1em
}
.muVp2e {
  padding-top: 2em;
  padding-bottom: 2em
}
.muHp2e {
  padding-left: 2em;
  padding-right: 2em
}
.muVm2e {
  margin-top: 2em;
  margin-bottom: 2em
}
.muPt2e {
  padding-top: 2em
}
.muPb2e {
  padding-bottom: 2em
}
.muPl2e {
  padding-left: 2em
}
.muPr2e {
  padding-right: 2em
}
.muMt2e {
  margin-top: 2em
}
.muMb2e {
  margin-bottom: 2em
}
.muMl2e {
  margin-left: 2em
}
.muMr2e {
  margin-right: 2em
}
.muVp3e {
  padding-top: 3em;
  padding-bottom: 3em
}
.muHp3e {
  padding-left: 3em;
  padding-right: 3em
}
.muVm3e {
  margin-top: 3em;
  margin-bottom: 3em
}
.muPt3e {
  padding-top: 3em
}
.muPb3e {
  padding-bottom: 3em
}
.muPl3e {
  padding-left: 3em
}
.muPr3e {
  padding-right: 3em
}
.muMt3e {
  margin-top: 3em
}
.muMb3e {
  margin-bottom: 3em
}
.muMl3e {
  margin-left: 3em
}
.muMr3e {
  margin-right: 3em
}
.muVp4e {
  padding-top: 4em;
  padding-bottom: 4em
}
.muHp4e {
  padding-left: 4em;
  padding-right: 4em
}
.muVm4e {
  margin-top: 4em;
  margin-bottom: 4em
}
.muPt4e {
  padding-top: 4em
}
.muPb4e {
  padding-bottom: 4em
}
.muPl4e {
  padding-left: 4em
}
.muPr4e {
  padding-right: 4em
}
.muMt4e {
  margin-top: 4em
}
.muMb4e {
  margin-bottom: 4em
}
.muMl4e {
  margin-left: 4em
}
.muMr4e {
  margin-right: 4em
}
.muVp5e {
  padding-top: 5em;
  padding-bottom: 5em
}
.muHp5e {
  padding-left: 5em;
  padding-right: 5em
}
.muVm5e {
  margin-top: 5em;
  margin-bottom: 5em
}
.muPt5e {
  padding-top: 5em
}
.muPb5e {
  padding-bottom: 5em
}
.muPl5e {
  padding-left: 5em
}
.muPr5e {
  padding-right: 5em
}
.muMt5e {
  margin-top: 5em
}
.muMb5e {
  margin-bottom: 5em
}
.muMl5e {
  margin-left: 5em
}
.muMr5e {
  margin-right: 5em
}
.muVp6e {
  padding-top: 6em;
  padding-bottom: 6em
}
.muHp6e {
  padding-left: 6em;
  padding-right: 6em
}
.muVm6e {
  margin-top: 6em;
  margin-bottom: 6em
}
.muPt6e {
  padding-top: 6em
}
.muPb6e {
  padding-bottom: 6em
}
.muPl6e {
  padding-left: 6em
}
.muPr6e {
  padding-right: 6em
}
.muMt6e {
  margin-top: 6em
}
.muMb6e {
  margin-bottom: 6em
}
.muMl6e {
  margin-left: 6em
}
.muMr6e {
  margin-right: 6em
}
.muVp7e {
  padding-top: 7em;
  padding-bottom: 7em
}
.muHp7e {
  padding-left: 7em;
  padding-right: 7em
}
.muVm7e {
  margin-top: 7em;
  margin-bottom: 7em
}
.muPt7e {
  padding-top: 7em
}
.muPb7e {
  padding-bottom: 7em
}
.muPl7e {
  padding-left: 7em
}
.muPr7e {
  padding-right: 7em
}
.muMt7e {
  margin-top: 7em
}
.muMb7e {
  margin-bottom: 7em
}
.muMl7e {
  margin-left: 7em
}
.muMr7e {
  margin-right: 7em
}
.muH100 {
  height: 100px
}
.muH150 {
  height: 150px
}
.muH200 {
  height: 200px
}
.muH250 {
  height: 250px
}
.muH300 {
  height: 300px
}
.colMb05e > * {
  margin-bottom: .5em
}
.colMb1e > * {
  margin-bottom: 1em
}
.colMb2e > * {
  margin-bottom: 2em
}
@media(max-width: 767px) {
  
  #fv_section .fv_title > div.img-pc {
    display: none;
  }
  .spPen {
    pointer-events: none
  }
  .spFwn {
    font-weight: normal
  }
  .spFwb {
    font-weight: bold
  }
  .spTal {
    text-align: left
  }
  .spTar {
    text-align: right
  }
  .spTac {
    text-align: center
  }
  .spDb {
    display: block !important
  }
  .spDn {
    display: none !important
  }
  .spDf_noWrap {
    display: flex
  }
  .spDf {
    display: flex;
    flex-wrap: wrap
  }
  .spDf_jcc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  .spDf_jcsb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  [class*=spDf].aic {
    align-items: center
  }
  [class*=spDf].aie {
    align-items: flex-end
  }
  [class*=spDf].reverse {
    flex-direction: row-reverse
  }
  [class*=spDf].dirCol {
    flex-direction: column
  }
  .spPartition2::before, .spPartition2::after, .spPartition2 > * {
    width: 50%
  }
  .spPartition3::before, .spPartition3::after, .spPartition3 > * {
    width: 33.3%;
    width: 33.3333333333%
  }
  .spCol2::before, .spCol2::after, .spCol2 > * {
    width: 48.5%
  }
  .spCol3::before, .spCol3::after, .spCol3 > * {
    width: 33%
  }
  .spFz05e {
    font-size: 0.5em
  }
  .spFz06e {
    font-size: 0.6em
  }
  .spFz07e {
    font-size: 0.7em
  }
  .spFz08e {
    font-size: 0.8em
  }
  .spFz09e {
    font-size: 0.9em
  }
  .spFz10e {
    font-size: 1em
  }
  .spFz11e {
    font-size: 1.1em
  }
  .spFz12e {
    font-size: 1.2em
  }
  .spFz13e {
    font-size: 1.3em
  }
  .spFz14e {
    font-size: 1.4em
  }
  .spFz15e {
    font-size: 1.5em
  }
  .spFz16e {
    font-size: 1.6em
  }
  .spFz17e {
    font-size: 1.7em
  }
  .spFz18e {
    font-size: 1.8em
  }
  .spFz19e {
    font-size: 1.9em
  }
  .spFz20e {
    font-size: 2em
  }
  .spVp1e {
    padding-top: 1em;
    padding-bottom: 1em
  }
  .spVm1e {
    margin-top: 1em;
    margin-bottom: 1em
  }
  .spPt1e {
    padding-top: 1em
  }
  .spPb1e {
    padding-bottom: 1em
  }
  .spPl1e {
    padding-left: 1em
  }
  .spPr1e {
    padding-right: 1em
  }
  .spMt1e {
    margin-top: 1em
  }
  .spMb1e {
    margin-bottom: 1em
  }
  .spMl1e {
    margin-left: 1em
  }
  .spMr1e {
    margin-right: 1em
  }
  .spVp2e {
    padding-top: 2em;
    padding-bottom: 2em
  }
  .spVm2e {
    margin-top: 2em;
    margin-bottom: 2em
  }
  .spPt2e {
    padding-top: 2em
  }
  .spPb2e {
    padding-bottom: 2em
  }
  .spPl2e {
    padding-left: 2em
  }
  .spPr2e {
    padding-right: 2em
  }
  .spMt2e {
    margin-top: 2em
  }
  .spMb2e {
    margin-bottom: 2em
  }
  .spMl2e {
    margin-left: 2em
  }
  .spMr2e {
    margin-right: 2em
  }
  .spVp3e {
    padding-top: 3em;
    padding-bottom: 3em
  }
  .spVm3e {
    margin-top: 3em;
    margin-bottom: 3em
  }
  .spPt3e {
    padding-top: 3em
  }
  .spPb3e {
    padding-bottom: 3em
  }
  .spPl3e {
    padding-left: 3em
  }
  .spPr3e {
    padding-right: 3em
  }
  .spMt3e {
    margin-top: 3em
  }
  .spMb3e {
    margin-bottom: 3em
  }
  .spMl3e {
    margin-left: 3em
  }
  .spMr3e {
    margin-right: 3em
  }
  .spVp4e {
    padding-top: 4em;
    padding-bottom: 4em
  }
  .spVm4e {
    margin-top: 4em;
    margin-bottom: 4em
  }
  .spPt4e {
    padding-top: 4em
  }
  .spPb4e {
    padding-bottom: 4em
  }
  .spPl4e {
    padding-left: 4em
  }
  .spPr4e {
    padding-right: 4em
  }
  .spMt4e {
    margin-top: 4em
  }
  .spMb4e {
    margin-bottom: 4em
  }
  .spMl4e {
    margin-left: 4em
  }
  .spMr4e {
    margin-right: 4em
  }
  .spVp5e {
    padding-top: 5em;
    padding-bottom: 5em
  }
  .spVm5e {
    margin-top: 5em;
    margin-bottom: 5em
  }
  .spPt5e {
    padding-top: 5em
  }
  .spPb5e {
    padding-bottom: 5em
  }
  .spPl5e {
    padding-left: 5em
  }
  .spPr5e {
    padding-right: 5em
  }
  .spMt5e {
    margin-top: 5em
  }
  .spMb5e {
    margin-bottom: 5em
  }
  .spMl5e {
    margin-left: 5em
  }
  .spMr5e {
    margin-right: 5em
  }
  .spOw, [class*=spOw_of] {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw
  }
}
@media(min-width: 768px) {
  .pcPen {
    pointer-events: none
  }
  .pcFwn {
    font-weight: normal
  }
  .pcFwb {
    font-weight: bold
  }
  .pcTal {
    text-align: left
  }
  .pcTar {
    text-align: right
  }
  .pcTac {
    text-align: center
  }
  .pcDb {
    display: block !important
  }
  .pcDn {
    display: none !important
  }
  .pcDf_noWrap {
    display: flex
  }
  .pcDf {
    display: flex;
    flex-wrap: wrap
  }
  .pcDf_jcc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
  }
  .pcDf_jcsb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
  }
  [class*=pcDf].ais {
    align-items: start
  }
  [class*=pcDf].aic {
    align-items: center
  }
  [class*=pcDf].aie {
    align-items: flex-end
  }
  [class*=pcDf].reverse {
    flex-direction: row-reverse
  }
  [class*=pcDf].dirCol {
    flex-direction: column
  }
  .pcPartition2 > * {
    width: 50%
  }
  .pcCol2::before, .pcCol2::after, .pcCol2 > * {
    width: 48.5%
  }
  .pcPartition3::before, .pcPartition3::after, .pcPartition3 > * {
    width: 33.3%;
    width: 33.3333333333%
  }
  .pcCol3::before, .pcCol3::after, .pcCol3 > * {
    width: 31.2%
  }
  .pcPartition4::before, .pcPartition4::after, .pcPartition4 > * {
    width: 25%
  }
  .pcCol4::before, .pcCol4::after, .pcCol4 > * {
    width: 24.2%
  }
  .houseDatas {
    align-items: normal
  }
  .pcFz05e {
    font-size: 0.5em
  }
  .pcFz06e {
    font-size: 0.6em
  }
  .pcFz07e {
    font-size: 0.7em
  }
  .pcFz08e {
    font-size: 0.8em
  }
  .pcFz09e {
    font-size: 0.9em
  }
  .pcFz10e {
    font-size: 1em
  }
  .pcFz11e {
    font-size: 1.1em
  }
  .pcFz12e {
    font-size: 1.2em
  }
  .pcFz13e {
    font-size: 1.3em
  }
  .pcFz14e {
    font-size: 1.4em
  }
  .pcFz15e {
    font-size: 1.5em
  }
  .pcFz16e {
    font-size: 1.6em
  }
  .pcFz17e {
    font-size: 1.7em
  }
  .pcFz18e {
    font-size: 1.8em
  }
  .pcFz19e {
    font-size: 1.9em
  }
  .pcFz20e {
    font-size: 2em
  }
  .pcVp1e {
    padding-top: 1em;
    padding-bottom: 1em
  }
  .pcVm1e {
    margin-top: 1em;
    margin-bottom: 1em
  }
  .pcPt1e {
    padding-top: 1em
  }
  .pcPb1e {
    padding-bottom: 1em
  }
  .pcPl1e {
    padding-left: 1em
  }
  .pcPr1e {
    padding-right: 1em
  }
  .pcMt1e {
    margin-top: 1em
  }
  .pcMb1e {
    margin-bottom: 1em
  }
  .pcMl1e {
    margin-left: 1em
  }
  .pcMr1e {
    margin-right: 1em
  }
  .pcVp2e {
    padding-top: 2em;
    padding-bottom: 2em
  }
  .pcVm2e {
    margin-top: 2em;
    margin-bottom: 2em
  }
  .pcPt2e {
    padding-top: 2em
  }
  .pcPb2e {
    padding-bottom: 2em
  }
  .pcPl2e {
    padding-left: 2em
  }
  .pcPr2e {
    padding-right: 2em
  }
  .pcMt2e {
    margin-top: 2em
  }
  .pcMb2e {
    margin-bottom: 2em
  }
  .pcMl2e {
    margin-left: 2em
  }
  .pcMr2e {
    margin-right: 2em
  }
  .pcVp3e {
    padding-top: 3em;
    padding-bottom: 3em
  }
  .pcVm3e {
    margin-top: 3em;
    margin-bottom: 3em
  }
  .pcPt3e {
    padding-top: 3em
  }
  .pcPb3e {
    padding-bottom: 3em
  }
  .pcPl3e {
    padding-left: 3em
  }
  .pcPr3e {
    padding-right: 3em
  }
  .pcMt3e {
    margin-top: 3em
  }
  .pcMb3e {
    margin-bottom: 3em
  }
  .pcMl3e {
    margin-left: 3em
  }
  .pcMr3e {
    margin-right: 3em
  }
  .pcVp4e {
    padding-top: 4em;
    padding-bottom: 4em
  }
  .pcVm4e {
    margin-top: 4em;
    margin-bottom: 4em
  }
  .pcPt4e {
    padding-top: 4em
  }
  .pcPb4e {
    padding-bottom: 4em
  }
  .pcPl4e {
    padding-left: 4em
  }
  .pcPr4e {
    padding-right: 4em
  }
  .pcMt4e {
    margin-top: 4em
  }
  .pcMb4e {
    margin-bottom: 4em
  }
  .pcMl4e {
    margin-left: 4em
  }
  .pcMr4e {
    margin-right: 4em
  }
  .pcVp5e {
    padding-top: 5em;
    padding-bottom: 5em
  }
  .pcVm5e {
    margin-top: 5em;
    margin-bottom: 5em
  }
  .pcPt5e {
    padding-top: 5em
  }
  .pcPb5e {
    padding-bottom: 5em
  }
  .pcPl5e {
    padding-left: 5em
  }
  .pcPr5e {
    padding-right: 5em
  }
  .pcMt5e {
    margin-top: 5em
  }
  .pcMb5e {
    margin-bottom: 5em
  }
  .pcMl5e {
    margin-left: 5em
  }
  .pcMr5e {
    margin-right: 5em
  }
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]) {
  transition-duration: 1.4s;
  transition-delay: .1s;
  opacity: 0
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).show {
  opacity: 1;
  transform: translate(0, 0)
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay00 {
  transition-delay: .1s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay01 {
  transition-delay: .2s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay02 {
  transition-delay: .4s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay03 {
  transition-delay: .6s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay04 {
  transition-delay: .8s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay05 {
  transition-delay: 1s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay06 {
  transition-delay: 1.2s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay07 {
  transition-delay: 1.4s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay08 {
  transition-delay: 1.6s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay09 {
  transition-delay: 1.8s
}
[class*=fade_]:not(.fade_circleMask):not([class*=fade_squareMask]).delay10 {
  transition-delay: 2s
}
span[class*=fade_]:not(.pcDb):not(.spDb):not(.muDb) {
  display: inline-block
}
picture[class*=fade_]:not(.pcDb):not(.spDb):not(.muDb) {
  display: block
}
.fade_left {
  transform: translateX(1rem)
}
.fade_right {
  transform: translateX(-1rem)
}
.fade_up {
  transform: translateY(1rem)
}
.fade_down {
  transform: translateY(-1rem)
}
.fade_circleMask, [class*=fade_squareMask] {
  position: relative
}
.fade_circleMask img, [class*=fade_squareMask] img {
  transition: 1.6s .4s
}
.fade_circleMask img {
  -webkit-clip-path: circle(0 at center);
  clip-path: circle(0 at center)
}
.fade_circleMask.show img {
  -webkit-clip-path: circle(100% at center);
  clip-path: circle(100% at center)
}
.fade_squareMask_right img {
  -webkit-clip-path: inset(0 100% 0 0);
  clip-path: inset(0 100% 0 0)
}
.fade_squareMask_center img {
  -webkit-clip-path: inset(0 50% 0 50%);
  clip-path: inset(0 50% 0 50%)
}
.fade_squareMask_up img {
  -webkit-clip-path: inset(100% 0 0 0);
  clip-path: inset(100% 0 0 0)
}
[class*=fade_squareMask].show img {
  -webkit-clip-path: inset(0 0 0 0);
  clip-path: inset(0 0 0 0)
} /*# sourceMappingURL=style.css.map */