@charset "UTF-8";

:root{
  --fnt-base:"Zen Kaku Gothic New", sans-serif;
  --fnt-en:"hypatia-sans-pro", var(--fnt-base);
  
  --head2:clamp(3rem, 0.917rem + 6.94vw, 6.125rem);/*48-98*/
  --head3:clamp(2.5rem, 1.597rem + 3.7vw, 4.375rem);/*40-70/390-1200*/
  --head3_mid:clamp(2.188rem, 1.977rem + 0.86vw, 2.625rem);/*35-42/390-1200*/
  --head3_min:min(18px,4.2vw);
  --clr-base:#080808;
  --clr-wblue:#00A7C6;
  --clr-tag_grn:#7BAAAA;
  --clr-mix:#EDEDED;
  --clr-gry:#C7C7C7;
  --clr-ylw:#E6C63E;
  --clr-org:#FF8307;
  
  --bdr-gry:#CBCBCB;
  
  --wall_base:#F0F0F0;
  --wall_blk:#181A1A;
  --wall_gry:#EDEDED;
  
  --dog-size: min(18vw, 100px);
  
  --easing: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --transit: .3s var(--easing);
}

body{
  width: 100%;
  color: var(--clr-base);
  font-family: var(--fnt-base);
  font-size: min(14px,3.6vw);
  font-weight: 400;
  transition:opacity .6s var(--easing);
  opacity: 0;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
/*
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
*/
}
body.is-load{
  opacity: 1;
}

body.hide-dog-container #dog-container{
  display: none;
}

.ploading{
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: min(32px,8vw);
  background: rgba(8,8,8,.34);
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
}
.ploading > div{
  position: relative;
  width: min(240px,100%);
  padding: min(36px,9vw) min(28px,7vw);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 24px;
  background: rgba(255,255,255,.08);
  box-shadow: 0 18px 60px rgba(0,0,0,.18);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  display: grid;
  place-items: center;
  gap: 14px;
}
.ploader{
  position: relative;
  width: 52px;
  height: 52px;
}
.ploader::before{
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 50%;
  opacity: .45;
}
.ploader::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top-color: #fff;
  border-right-color: rgba(255,255,255,.72);
  animation: ploading-spin .9s linear infinite;
}
.ploading p{
  position: relative;
  margin: 0;
  text-align: center;
  font-size: min(14px,3.6vw);
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1.7;
  color: #fff;
}

@keyframes ploading-spin{
  to{
    rotate: 360deg;
  }
}

.clr_wbl{
  color: var(--clr-wblue);
}
.fnt-en{
  font-family: var(--fnt-en);
}
.fw_mid{
  font-weight: 500;
}
.fw_wid{
  font-weight: 600;
}
.in-text{
  line-height: calc(22/14);
}
.lead-text{
  line-height: calc(23/14);
}
.lead-text.fs_m{
  font-size: min(16px,3.7vw);
}
.fl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.fl_c{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.fl_c.ai_c{
  -ms-align-items: center;
  align-items: center;
}
/* 260330_add */
b{
  font-weight: bold;
}
/*#container +++++++++++++++++++++++++++++++++++*/

#container{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 100dvh;
}
a.cvr{
  position: absolute;
  inset:0;
  z-index: 1;
}
a.udl_wblue{
  text-decoration: underline;
  color: var(--clr-wblue);
}
.fix-wrapper::before{
  content:"";
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
.fix-wrapper.wall_wht::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/wall/fix-wall.webp");
  background-color: var(--wall_gry);
}
.fix-wrapper.wall_blk::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/wall/fix-wall_blk.webp");
  background-color: var(--wall_gry);
}
#container.wall_blk{
  color: var(--clr-mix);
}
#container.wall_blk footer .footer__lf .logo::before{
  z-index: 1;
  mix-blend-mode: difference;
}
#container.wall_blk footer{
  border-top-color: var(--clr-mix);
}
.inner{
  width: min(1342px,100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(80px,4vw);
  padding-right: min(80px,4vw);
}
.idx-inner{
  width: min(1326px,100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(80px,10vw);
  padding-right: min(80px,10vw);
}
.regist-links{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  font-weight: 500;
}
.regist-links a span{
  display: block;
}
.regist-links a.login{
  margin-left: 2em;
}
.regist-links a.reg + a.login span::before{
  content: "/";
  position: absolute;
  left: -1em;
  top: 50%;
  translate:-25% -50%;
}
.regist-links a.fan{
  border: 1px solid;
  border-radius: 3px;
  margin-left: min(20px,5vw);
  font-size: 1.125em;
  font-family: var(--fnt-en);
  font-weight: 400;
  isolation: isolate;
}
.regist-links a.fan span{
  padding: .334em 1.25em;
}
.sns-links{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  gap:min(20px,5vw);
}
.sns-links a{
  height: min(20px,5vw);
  aspect-ratio:1;
}
.sns-links a svg
,.sns-links a img{
  object-fit: contain;
  height: 100%;
  width: 100%;
  object-position: center;
}
#fix-sns-link{
  position: fixed;
  height: 100vh;
  width: min(80px,10vw);
  left: 0;
  top: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  mix-blend-mode: difference;
  z-index: 10;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: min(20px,5vw);
  gap:1em;
  opacity: 1;
  translate:0 0;
  transition:opacity var(--transit),translate var(--transit);
}
#fix-sns-link a{
  width:  min(20px,5vw);
}
#fix-sns-link.is-hide{
  opacity: 0;
  translate:0 10%;
  pointer-events: none;
}
#dog-container{
  position: fixed;
  width: var(--dog-size);
  cursor: pointer;
  user-select: none;
  -webkit-user-drag: none;
  z-index: 999;
}
#dog-container img{
  display: block;
  width: 100%;
  height: auto;
}
.js-page-top{
  transition:translate .6s var(--easing);
  translate:calc(100% + min(30px,4vw)) 0;
}
.js-page-top.is-active{
}
/*humhum  +++++++++++++++++++++++++++++++++++*/
#hum-button{
  height: var(--head-h);
  width: min(70px,17vw);
  position: fixed;
  top: 0;
  right: 0;
  z-index: calc(infinity);
  mix-blend-mode: difference;
  display: grid;
  grid-template-columns: 100%;
  place-content:center;
  cursor: pointer;
}
#hum-button.lity-hidden{
  z-index: 10;
}
#hum-button.open{
  height: calc(var(--head-h) - min(25px, 5.5vw));
}
#hum-button button{
  position: relative;
  background-color: #fff;
  height: 1px;
  transition:rotate var(--transit);
}
#hum-button button::before
,#hum-button button::after{
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 50%;
  translate:-50% 0;
  transition:rotate var(--transit);
}
#hum-button button::before{
  top: -13px;
}
#hum-button button::after{
  top: 13px;
}

#hum-button.open button{
  rotate:25deg;
}
#hum-button.open button::before
,#hum-button.open button::after{
  rotate:-50deg;
  top: 0;
}

/*l-nav +++++*/
#l-nav{
  position: fixed;
  z-index: 100;
}
#l-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 100;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transit),visibility var(--transit);
  pointer-events: none;
}
#l-nav.is-view {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.l-nav_inner::after{
  content: "";
  width: min(400px,69vw);
  aspect-ratio:1;
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("/image/tmariko_template/park-yuchun-site/logo_mark.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  translate:15% 15%;
}
.l-nav_inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: grid;
  grid-template-columns: 35% 1fr;
}
.l-nav__lf img {
  object-fit: cover;
  height: 100%;
  object-position: top center;
}
.l-nav__lf {
  min-height: 100vh;
}
.l-nav__rt {
  height: 100%;
  overflow-y: scroll;
  background-image: url("/image/tmariko_template/park-yuchun-site/wall/nav_rt.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}

.l-nav__rt_wrap {
  min-height: 100svh;
  padding-top: min(25px, 5.5vw);
  padding-left: min(40px, 3vw);
  padding-right: min(40px, 3vw);
  padding-bottom: min(50px, 12vw);
  z-index: 2;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  gap:min(35px,7.7vw);
}
.l_nav__logo{
  width: min(273px,46vw);
}
.l_nav__logo svg path{
  fill:var(--wall_blk);
}
.l-nav__rt .sns-links a svg path{
  fill:var(--wall_blk);
}
.l-nav__memu{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:min(40px,10.26vw);
}
.l-nav__list{
  display: grid;
  grid-template-columns: auto 1fr;
  width: min(655px,100%);
  gap:min(25px,4vw);
}
.l-nav__list.ofc{
  --title-clr:var(--clr-gry);
}
.l-nav__list.mbr{
  --title-clr:#C0DBE3;
  color: var(--clr-wblue);
}
.l-nav__list .nav-title{
  font-family: var(--fnt-en);
  writing-mode: vertical-rl;
  color: var(--title-clr);
  font-size: min(33px,8.4vw);
}

.l-nav__list ul{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:min(20px,5vw) 0;
}
.l-nav__list ul > li a{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.l-nav__list ul > li a .en{
  font-family: var(--fnt-en);
  font-size: clamp(1.85rem, 1.563rem + 1.25vw, 2.5rem);/*30-40*/
  font-weight: 300;
}
.l-nav__list.mbr ul > li a .en{
  font-size: clamp(1.875rem, 1.563rem + 1.25vw, 2.875rem);/*30-46*/
}
.l-nav__list ul > li a .ja{
  font-weight: 500;
}
.l-nav__list ul > li a .ja_w{
  font-size: clamp(1.75rem, 1.716rem + 0.8vw, 2.313rem);/*30-37*/
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.l-nav__memu .regist-links{
  font-size: 1.42em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.l-nav__memu .regist-links .fan{
  background-color: var(--clr-wblue);
  color: #fff;
  border-color: var(--clr-wblue);
  font-size: 1em;
  border-radius: 5px;
}
.l-nav__memu .regist-links .fan span{
  padding: .45em 2.25em;
}
.l-nav__memu .regist-links .fan::after{
  content: "";
  width: .5em;
  aspect-ratio:1;
  border: 1px solid;
  border-color: currentColor currentColor transparent transparent;
  border-radius: 1px;
  position: absolute;
  right: .35em;
  top: 50%;
  translate:-50% -50%;
  rotate:45deg;
  transition:translate var(--transit);
}
@media(hover){
  .l-nav__memu .regist-links .fan:hover:after{
    translate:-15% -50%;
  }
}
/*header  +++++++++++++++++++++++++++++++++++*/
header{
  mix-blend-mode: difference;
  will-change: mix-blend-mode;
  color: var(--clr-mix);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
.header_inner{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: min(25px,5.5vw) var(--head-h) min(25px,5.5vw) min(40px,4vw);
  -ms-align-items: center;
  align-items: center;
  gap:min(30px,5vw);
}
.h-logo{
  width: min(260px,46vw);
  pointer-events: auto;
}
.header_inner .regist-links{
  margin-left: auto;
  pointer-events: auto;
}
.index-header .regist-links{
  font-size: 1.1429em;
}
/*main
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
main{
  flex: 1;
  padding-top: var(--head-h);
}
/*hero +++++++++++++++++++++++++++++++++++++++*/
.hero-slider_wrap{
  width: calc(100% - min(80px,10vw));
  margin-left: auto;
}
.mv-fade-target,
.banner-fade-target,
.top-visual-fade-target{
  opacity: 0;
  transition: opacity .45s ease;
}
.mv-fade-target.is-ready,
.banner-fade-target.is-ready,
.top-visual-fade-target.is-ready{
  opacity: 1;
}
.hero-pagination{
  display: flex;
  flex-direction: column;
  -ms-align-items: flex-end;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  position: absolute;
  right: 25px;
  top: 0!important;
  left: auto!important;
  bottom: auto;
  width: auto!important;
  height: 100%;
  z-index: 10;
}
/*hero pagination */
.hero-slider_wrap .swiper-pagination-bullet {
  display: flex!important;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: auto!important;
  height:min(136px,calc(100%/3.5))!important;
  background: transparent!important;
  border-radius: 0!important;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
}
.hero-slider_wrap .swiper-pagination-bullet-active{
  background-color: transparent!important;
}

/* num */
.swiper-pagination-bullet-active .pagination-num {
  white-space: nowrap;
  mix-blend-mode: difference;
}
/* line */
.pagination-line {
  display: block;
  width: 1px;
/*  height:min(136px,34vw);*/
  height: 100%;
  background: #707070;
  overflow: hidden;
}
.pagination-line::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr-wblue);
  transform: scaleY(0);
  transform-origin: top center;
}
.swiper-pagination-bullet-active .pagination-line::after {
  animation: lineGrow 4.25s linear forwards;
}

@keyframes lineGrow {
  from { transform: scaleY(0); }
  to   { transform: scaleY(1); }
}

.hero-slider_wrap{
  aspect-ratio:1/0.5182;
}
#hero-slider{
  height: 100%;
}
.hero-slide-item{
  height: 100%;
}
.hero-slide-item img{
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: center;
}
.index_hero .sns-links{
  margin-top: min(16px,4vw);
  justify-content: flex-end;
  padding-right: min(80px,4vw);
  display: none;
}
.index_hero .sns-links svg path{
  fill:currentColor;
}

/*contents ++++++++++++++++++++++++++++++++++*/
.index-contents{
  padding-top: min(100px,7.5vw);
  padding-bottom: min(170px,30vw);
}
.wid-wrapper{
  padding-left: min(10vw,calc(100vw - (100% - min(80px,10vw))));
}

/*title settings*/
.sec-title{
  font-size: var(--head2);
  font-weight: 300;
  font-family: var(--fnt-en);
}
.sec-title.cnt{
  text-align: center;
}
.box-title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.box-title.cnt{
  -ms-align-items: center;
  align-items: center;
}
.box-title .en{
  font-family: var(--fnt-en);
  font-size: var(--head3);
  line-height: .95;
}
.box-title.fs_mid .en{
  font-size: var(--head3_mid);
}
.box-title .ja{
  font-weight: 500;
  font-size: min(16px,4vw);
}
.box-title.fs_mid .en .ja{
  font-size: 1em;
}
/*button settings +++++*/
.button-wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  gap:10px;
}
.button-wrap.full{
  width: 100%;
}
.button-wrap.row{
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  
  gap:min(20px,2.5vw);
}
.button-wrap.ai_end{
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.button-wrap.ai_st{
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.button-wrap.row.jc_cnt{
  justify-content: center;
}
.more-button{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.more-button > *{
  display: grid;
  grid-template-columns: auto min(53px,13.5vw);
  -ms-align-items: center;
  align-items: center;
  font-size: min(18px,4.6vw);
  gap:1em;
  font-family: var(--fnt-en);
}
.more-button > * span.arw
,.rect-button >* span.arw{
  display: grid;
  grid-template-columns: 12%;
  place-content:center;
  aspect-ratio:1/0.7463;
}
.more-button > * span.arw::before
,.rect-button >* span.arw::before{
  content: "";
  position: absolute;
  inset:0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  rotate:-30deg;
  translate:-2.5% 0;
  transition:rotate var(--transit);
}
.more-button.blu{
  --arw-clr:var(--clr-wblue);
}
.more-button.blu > * span.arw::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round.svg");
}
.more-button.blk{
  --arw-clr:#fff;
}
.more-button.blk > * span.arw::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round_blk.svg");
}
.rect-button{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  min-width: 190px;
}

.rect-button >*{
  width: 100%;
  display: grid;
  grid-template-columns: auto min(40px,13.5vw);
  -ms-align-items: center;
  align-items: center;
  font-size: min(16px,4vw);
  height: min(50px,12vw);
  border-radius: 5px;
  padding: 2px 1em;
  border: 1px solid var(--bdr_clr);
  text-align: left;
}
.rect-button .fnt-en{
  font-weight: 500;
}
.rect-button.blk >*{
  background-color: var(--clr-base);
  color: #fff;
  --bdr_clr:var(--clr-base);
  --arw-clr:var(--clr-base);
}
.rect-button.blk span.arw:before{
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round_gry.svg");
}
.rect-button.l-blk >*{
  --bdr_clr:currentColor;
  --arw-clr:#fff;
}
.rect-button.l-blk >* span.arw::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round_blk.svg");
}
.rect-button.l-wht{
  --bdr_clr:var(--clr-mix);
  --arw-clr:var(--clr-base);
  color: var(--clr-mix);
}
.rect-button.l-wht >* span.arw::before{
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round_gry.svg");
}
.rect-button.w-mid{
  width: min(210px,53vw);
}
.rect-button.w-wid{
  width: min(246px,100%);
}
@media(hover){
  .more-button >*:hover span.arw::before
  ,.rect-button >*:hover span.arw::before{
    rotate:0deg;
  }
}

/*tag*/
.tag-new::before{
  content: "NEW";
  width: min(60px,10vw);
  aspect-ratio:1;
  background-color: var(--clr-wblue);
  border-radius: 100vmax;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: grid;
  place-content:center;
  color: #fff;
  font-family: var(--fnt-en);
  transition:opacity var(--transit);
  pointer-events: none;
  translate:-25% -50%;
}
/*blur*/
.elm-members{
  container-type: inline-size;
  width: 100%;
}
.elm-members::after{
  content: "MEMBERS ONLY";
  position: absolute;
  inset:0;
  mix-blend-mode: difference;
  display: grid;
  place-content:center;
  color: var(--clr-mix);
  font-family: var(--fnt-en);
  font-size: clamp(15px, 6.5cqi + 7px, 23px);
  text-align: center;
  z-index: 2;
  pointer-events: none;
}
.elm-members::before{
  content: "";
  position: absolute;
  inset:0;
  background-color: rgb(0,0,0,.7);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 1;
  pointer-events: none;
}
/*banner ++++++++++++++++++++*/
#banner-slider{
   overflow: hidden;
}
#banner-slider .swiper-slide{
  width:min(456px,calc(100% /2.75));
}
.banner-controller{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -ms-align-items: center;
  align-items: center;
  font-family: var(--fnt-en);
  font-size: min(16px,3.8vw);
  gap:min(24px,6vw);
  margin-top: 1em;
}
.banner-controller .banner-pagination{
  width: auto;
  bottom: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  gap:.93em;
}
.banner-controller .banner-pagination .swiper-pagination-bullet{
  margin: 0;
  opacity: 1;
}

.banner-slide-button{
  width: auto;
  font-size: min(16px,3.8vw);
}
.banner-slide-button.swiper-button-disabled{
  opacity: .2;
}
.banner-controller .swiper-pagination-bullet{
  background-color: transparent!important;
  width: auto;
  height: auto;
  border-radius: 0;
}
.banner-controller .swiper-pagination-bullet-active{
  color: var(--clr-wblue);
}

/*notice ++++++++++++++++++++*/

.index-notice-blc{
  margin-top: min(70px,17.9vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:min(48px,12vw);
}
.index-notice__head{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-start;
  padding-right: min(25px,4vw);
}
.index-notice__head::before
,.index-notice__head::after{
  content: "";
  width: 100vw;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  right: 0;
}
.index-notice__head::before{
  top: 0;
}
.index-notice__head::after{
  bottom: 0;
}

.index-notice__head .more-button{
  margin-left: auto;
}
.acv-notice_item{
  padding-top: min(24px,6vw);
  padding-bottom: min(24px,6vw);
  padding-right: min(25px,4vw);
  display: grid;
  grid-template-columns: 100%;
  gap:5px;
}

.acv-notice_item > *{
  transition:opacity var(--transit);
}
.acv-notice_item::after{
  content: "";
  width: 100vw;
  height: 1px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--clr-gry);
}
.acv-notice_item.tag-new{
  padding-right: calc(min(60px,10vw) + min(50px,8vw));
}
.acv-notice_item.tag-new::before{
  top: 50%;
  left: auto;
  right: min(25px,4vw);
  translate:0 -50%;
}
.acv-notice_item .post-title{
  line-height: calc(20/14);
  font-weight: 500;
}
.post-data{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: min(19px,4.8vw);
  font-family: var(--fnt-en);
  gap:3px .6em;
}
.post-data .category{
  color: var(--clr-wblue);
  padding-left: .6em;
  padding-right: .6em;
}
.post-data .category.cate-member{
  color: #BEAB1A;
}
.post-data .category::before
,.post-data .category::after{
  content: "";
  position: absolute;
  top: 50%;
  translate:0 -50%;
}
.post-data .category::before{
  content: "(";
  left: 0;
}
.post-data .category::after{
  content: ")";
  right: 0;
}
.post-data .tag{
  font-size: .875em;
  padding: 3px .85em;
  background-color: var(--clr-wblue);
  color: var(--clr-mix);
  border-radius: 3px;
}
.index-notice_box .button-wrap{
  padding-right: min(25px, 4vw);
  margin-top: min(16px,3.8vw);
}

/*grid*/
.acv-notice_item.ly_grd{
  display: grid;
  grid-template-columns: auto 1fr;
  -ms-align-items: center;
  align-items: center;
  gap:0 min(30px,4vw);
}
.acv-notice_item.ly_grd .post-data{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
}
.acv-notice_item.ly_grd .post-data .date{
  font-size: 1.5789em;
}
@media(hover){
  .index-notice_box .acv-notice_item:hover > *{
    opacity: .4;
  }
}

/*video ++++++++++++++++++++*/
.index-video-blc{
  margin-top: min(120px,15vw);
  overflow: hidden;
}
.index-video-blc .index-video_wrap{
   display: grid;
  grid-template-columns: min(628px,80vw);
  justify-content: center;
}
#video-slider .swiper-slide.swiper-slide-prev{
  z-index: 2;
}
.box-index_video{
  margin-top: min(20px,3.8vw);
}
.video-slide-item {
  aspect-ratio:1/0.7572;
  display: grid;
  grid-template-columns: auto;
  place-content:center;
  scale:.85;
  transition:scale var(--transit);
}
.video-slide-item a{
  pointer-events: none;
}
.video-slide-item .video-thumb{
  z-index: 1;
}

.video-slide__wall{
  position: absolute;
  max-width: 95vw;
  height: 100%;
  aspect-ratio:1/0.5621;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
  transition:opacity var(--transit) ,scale var(--transit);
  transform-origin: center;
  background-color: #fff;
  overflow: hidden;
  pointer-events: none;
}
.video-slide__wall iframe{
  object-fit: cover;
  width: 125%;
  height: 125%;
  object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
  opacity: .3;
}
.swiper-slide-active .video-slide-item{
  scale:1;
  transition:scale var(--transit);
}
.swiper-slide-active .video-slide-item a{
  pointer-events: all;
}
.video-navgation{
  width: min(800px,85vw);
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
  z-index: 2;
  pointer-events: none;
}
.video-slide-button{
  width: min(50px,6vw);
  aspect-ratio:1;
  border: 1px solid;
  rotate:45deg;
  pointer-events: auto;
  transition:translate var(--transit);
}
.video-slide-next{
  margin-left: auto;
  border-color: currentColor currentColor transparent transparent;
}
.video-slide-prev{
  border-color: transparent transparent currentColor currentColor;
}
.index-video-blc .button-wrap{
  margin-top: min(40px,3.8vw);
}
@media(hover){
  .video-slide-next:hover{
    translate:25% 0;
  }
    .video-slide-prev:hover{
    translate:-25% 0;
  }
}

/*profile ++++++++++++++++++++*/
.index-prof-blc{
  margin-top: min(150px,20vw);
}
.index-prof-box{
  display: grid;
  grid-template-columns: min(528px,40vw) 1fr;
  gap:min(24px,6vw) min(55px,5vw);
}
.index-prof-box .prof-title{
  position: absolute;
  top: 0;
  left: 0;
  mix-blend-mode: difference;
  color: #141414;
  font-size: clamp(6.438rem, 3.488rem + 12.1vw, 12.25rem);/*103-201/390-1200*/
  translate:-2.5% -25%;
}
.index-prof__detail{
  display: grid;
  grid-template-columns: 100%;
  place-content:center;
  gap:min(30px,5vw);
}
.index-prof__detail .name .ja{
  font-size: min(18px,4.5vw);
}
.index-prof__detail .name .en{
  font-weight: 300;
}
.index-prof__thumb {
  overflow: hidden;
  isolation: isolate;
  border-radius: 3px 0 0 3px;
}
.index-prof__thumb img{
  object-fit: cover;
  height: 100%;
  object-position: right center;
}

/*fanclub ++++++++++++++++++++*/
.index-fanclub-blc{
  margin-top: min(160px,20vw);
  overflow-x: hidden;
  position: relative;
  isolation: isolate;
}
.index-fanclub-blc::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: calc(100vw - min(20px,4vw));
  background-image: url("/image/tmariko_template/park-yuchun-site/wall/grad_gry.webp");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  border-radius: 3px 0 0 3px;
  translate:100% 0;
  opacity: 0;
  transition:opacity .3s var(--easing),translate .8s cubic-bezier(0.4, 0, 1, 1);
  z-index: 0;
  pointer-events: none;
}
.index-fanclub-blc.is-anim::before{
  opacity: 1;
  translate:0 0;
}
.index-fanclub-box{
  padding-top: min(100px,15vw);
  padding-bottom: min(180px,25vw);
  position: relative;
  z-index: 1;
}
.sec-fanclub_intro{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: center;
  align-items: center;
  padding-bottom: min(70px,10vw);
}
.sec-fanclub_intro .fan-title{
  width: min(380px,65vw);
}
.sec-fanclub_intro .lead-box{
  width: min(700px,100%);
  text-align: center;
  border: 1px solid;
  margin-top: min(30px,5vw);
}
.sec-fanclub_intro .lead-box p{
  padding: min(20px,3.8vw) min(20px,3.8vw);
  font-size: min(16px,3.6vw);
  font-weight: 500;
}
.sec-fanclub_intro .button-wrap{
  width: 100%;
  margin-top: min(8vw,48px);
}

.sec-fanclub__contents{
  position: relative;
  overflow: visible;
}
.fanclub-content-shell{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:min(100px,20vw);
  transition: opacity .45s ease, visibility .45s ease;
}
.sec-fanclub__contents.fanclub-loading .fanclub-content-shell{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  height: 0;
  overflow: hidden;
}
.sec-fanclub__contents.is-ready .fanclub-content-shell{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  height: auto;
  overflow: visible;
}
.fanclub-skeleton{
  display: flex;
  flex-direction: column;
  gap: min(100px,20vw);
  pointer-events: none;
  transition: opacity .45s ease, visibility .45s ease;
  overflow: visible;
}
.sec-fanclub__contents.is-ready .fanclub-skeleton{
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
}
.fanclub-skeleton__row{
  display: grid;
  align-items: center;
}
.fanclub-skeleton__row--movie{
  grid-template-columns: 48% 1fr;
  gap: min(60px,7vw);
}
.fanclub-skeleton__row--photo{
  grid-template-columns: calc(100%/3) auto;
  gap: min(40px,5vw);
}
.fanclub-skeleton__detail{
  display: grid;
  gap: min(18px, 3vw);
}
.fanclub-skeleton__media,
.fanclub-skeleton__gallery-item,
.fanclub-skeleton__card-thumb,
.fanclub-skeleton__line,
.fanclub-skeleton__card-line{
  position: relative;
  overflow: hidden;
  background: rgba(17, 58, 88, .08);
}
.fanclub-skeleton__media{
  aspect-ratio: 1 / 0.68;
  border-radius: 5px;
}
.fanclub-skeleton__line{
  border-radius: 999px;
}
.fanclub-skeleton__line--title{
  width: min(220px, 52%);
  height: min(22px, 4.2vw);
}
.fanclub-skeleton__line--text{
  width: min(280px, 48%);
  height: min(16px, 3.4vw);
}
.fanclub-skeleton__line--button{
  width: min(160px, 34%);
  height: min(34px, 6vw);
  margin-top: min(8px, 1.5vw);
}
.fanclub-skeleton__gallery{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: min(25px,5vw);
}
.fanclub-skeleton__gallery-item{
  aspect-ratio: 1 / 1.38;
  border-radius: 5px;
}
.fanclub-skeleton__other{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: min(80px,12vw) min(45px,5vw);
}
.fanclub-skeleton__card{
  display: grid;
  gap: 10px;
}
.fanclub-skeleton__card-thumb{
  aspect-ratio: 1 / 0.68;
  border-radius: 5px;
}
.fanclub-skeleton__card-line{
  width: min(150px, 46%);
  height: min(16px, 3.2vw);
  border-radius: 999px;
}
.fanclub-skeleton__shimmer::before{
  content: "";
  position: absolute;
  inset: 0;
  translate: -100% 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.72) 50%, transparent 100%);
  animation: fanclub-skeleton-shimmer 1.2s ease-in-out infinite;
}
@keyframes fanclub-skeleton-shimmer{
  100%{
    translate: 100% 0;
  }
}
@media (max-width: 768px){
  .fanclub-skeleton__row--movie,
  .fanclub-skeleton__row--photo,
  .fanclub-skeleton__other{
    grid-template-columns: 1fr;
  }
  .fanclub-skeleton__row--movie,
  .fanclub-skeleton__row--photo{
    gap: min(20px, 5vw);
  }
  .fanclub-skeleton__other{
    gap: min(30px, 7vw);
  }
  .fanclub-skeleton__line--title{
    width: 60%;
  }
  .fanclub-skeleton__line--text{
    width: 48%;
  }
  .fanclub-skeleton__line--button{
    width: 36%;
  }
}
.nav-fanclub__detail{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.nav-fanclub__detail .line_head{
  padding-bottom: 10px;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.nav-fanclub__detail .line_head::before{
  content: "";
  height: 1px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  transition: scale .6s var(--easing);
  scale:0 1;
  transform-origin: left center;
}
.nav-fanclub__detail .line_head.is-anim::before{
  scale:1 1;
}
.nav-fanclub__detail .line_head .box-title{
  flex: 1;
}
.nav-fanclub__detail .number{
  padding-top: 10px;
  font-weight: 500;
  font-size: min(25px,4.5vw);
}
.nav-fanclub__detail .more-button.pcView{
  margin-top: min(30px,7vw);
}
/*nav - movie*/
.nav-fanclub_movie{
  display: grid;
  grid-template-columns: 48% 1fr;
  gap:min(60px,7vw);
  -ms-align-items: center;
  align-items: center;
}
.nav-fanclub_movie .thumb{
  border-radius: 5px;
  isolation: isolate;
  overflow: hidden;
}
.nav-fanclub_movie .thumb::after{
  content: "";
  position: absolute;
  inset:0;
  opacity: 0;
  background-color: var(--clr-wblue);
  transition: opacity var(--transit);
}
.nav-fanclub_movie .nav-fanclub__detail .line_head::before{
  right: 0;
  width: calc(100% + min(60px,7vw)); 
}
@media(hover){
  .nav-fanclub_movie .nav-fanclub__thumb:hover .thumb::after{
    opacity: .5;
  }
}
/*nav - photo*/
.nav-fanclub_photo{
  display: grid;
  grid-template-columns: calc(100%/3) auto;
}
.nav-fanclub_photo .nav-fanclub__detail .line_head::before{
  left: 0;
  width: 100%;
}
.nav-fanclub_photo .thumb figure{
  border-radius: 5px;
  overflow: hidden;
  isolation: isolate;
}
.nav-fanclub_photo .thumb.tag-new{
  overflow: visible;
}
.nav-fanclub_photo .thumb.tag-new figure,
.nav-fanclub_photo .thumb.tag-new img{
  border-radius: 5px;
}
#photo-slider:not(.swiper-initialized) .swiper-wrapper{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(25px,5vw);
}

/*nav - other*/
.nav-fanclub_other{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:min(80px,12vw) min(45px,5vw);
}
.nav-fanclub_other > li .thumb{
  overflow: hidden;
  isolation: isolate;
  border-radius: 5px;
}
.nav-fanclub_other > li .thumb.tag-new{
  overflow: visible;
}
.nav-fanclub_other > li .thumb.tag-new img{
  border-radius: 5px;
}
.nav-fanclub_other > li .thumb::after{
  content: "";
  position: absolute;
  inset:0;
  opacity: 0;
  background-color: var(--clr-wblue);
  transition: opacity var(--transit);
}
.nav-fanclub_other > li .links{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}
.nav-fanclub_other > li .links .list-title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}
.nav-fanclub_other > li .links .list-title .ja{
  font-weight: 500;
}
.nav-fanclub_other > li .links .list-title .en{
  font-size: 35px;
}
.nav-fanclub_other > li .links .list-title .ja_w{
  font-size: clamp(2.188rem, 1.96rem + 1.14vw, 2.813rem);/*35-45*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 300;
}
.nav-fanclub_other > li .links .more-button{
  margin-left: auto;
}

@media(hover){
  .nav-fanclub_other > li:hover .thumb::after{
    opacity: .5;
  }
  .nav-fanclub_other > li:hover .more-button span.arw::before{
    rotate: 0deg;
  }
}

/*footer 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

footer{
  border-top: 2px solid var(--wall_blk);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  overflow: hidden;
  padding-top: min(40px,10vw);
  padding-bottom: 10px;
}
.footer_inner{
  display: grid;
  grid-template-columns: min(335px,25vw) auto;
  gap:0 min(40px,4vw);
}
.footer__lf {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap: min(15px,5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
  justify-content: center;
}
.footer__lf .logo svg path
,.footer__lf .sns-links svg path{
  fill:currentColor;
}
.footer__lf .logo::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round_grad.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  aspect-ratio:1/0.7483;
  width: min(50%,33vw);
  translate:50% -25%;
}
.footer__rt{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-end;
  align-items: flex-end;
  gap:min(25px,6vw);
}
.footer__rt .regist-links{
  font-size: min(16px,3.6vw);
}
.footer-nav_list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.footer-nav_list > li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:min(16px,3.3vw);
}
.ft-nav_content
,.ft-nav_member{
  font-size: min(18px,4.6vw);
}
.ft-nav_member{
  color: var(--clr-wblue);
  margin-top: 10px;
}
.ft-nav_other{
  font-size: min(12px,3vw);
  margin-top: min(25px,6vw);
}
.ft-nav_other a{
  text-decoration: underline;
}
footer .copy{
  font-size: min(12px,3vw);
  text-align: right;  
}

.grecaptcha-badge{
  display: none;
}
.t_error_message{
  background: #cbcbcb;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 16px;
}
.acv-thumb-item{
  cursor: pointer;
}

/* 260330_add */
footer .copy-box.fl{
  align-items: center;
  gap:min(25px,6vw);
}