@charset "UTF-8";
/* CSS Document */
.under-header .sns-links {
  pointer-events: auto;
}
.under-header .h-logo {
  width: min(163px, 45vw)
}
.box-wrap{
  width: min(850px,100%);
}
.box-wrap_min{
  width: min(560px,100%);
}
/*under  hero ++++++++++*/
.under_hero {
  padding-top: min(30px, 7vw);
}
.under-hero_title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.under-hero_title .title::before {
  content: "";
  width: clamp(3.166rem, 2.835rem + 1.36vw, 3.938rem);
  aspect-ratio: 1/0.5282;
  background-image: url("/image/tmariko_template/park-yuchun-site/treat_round.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  rotate: -30deg;
  translate: -50% -20%;
}
.under-hero_title.en {
  font-size: clamp(2.5rem, 1.589rem + 3.74vw, 4.625rem); /*40-74*/
  font-family: var(--fnt-en);
  font-weight: 300;
  justify-content: flex-start;
}
.under-hero_title.en.l-cnt{
  justify-content: center;
}
.under-hero_title.ja {
  justify-content: center;
  font-size: clamp(1.563rem, 1.027rem + 2.2vw, 2.813rem); /*25-45*/
}
.under-hero_title.ja_lf{
  font-size: clamp(1.563rem, 1.027rem + 2.2vw, 2.813rem); /*25-45*/
}
.under-hero_title.member{
  color: var(--clr-wblue);
}
/*under contents +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.under-contents {
  padding-top: min(50px, 5vw);
  padding-bottom: min(170px, 30vw);
}
.page-regist-contents {
  padding-top: min(80px, 12vw);
}
/*list settings ++++++*/
.dot-list > li {
  padding-left: 1em;
  line-height: calc(24/14);
}
.dot-list > li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.att-list > li{
  padding-left: 1em;
  padding-left: 1em;
  line-height: calc(24/14);
}
.att-list > li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
/*form settings ++++++*/
.form-list input[type="text"]
,.form-list input[type="email"]
,.form-list input[type="tel"]
,.form-list input[type="password"]
,.form-list textarea{
  height: min(11vw, 45px);
  background-color: #fff;
  border: 1px solid var(--clr-gry);
  border-radius: 5px;
  padding: 3px 1.125em;
  font-size: 16px;
}
.form-list input.zip{
  width: min(245px,100%);
}
.form-list textarea{
  height: min(187px,40vw);
  padding: 10px 1.125em;
}
.form-list {
  display: grid;
  grid-template-columns: 100%;
  gap: min(20px, 4vw);
}
.form-item {
  display: grid;
  grid-template-columns: 100%;
  gap: 5px;
}
.form-list dt {
  font-weight: 600;
  line-height: calc(24/16);
}
.form-list dt span.min {
  font-size: .875em;
  display: block;
}
.form-list dd.ly_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px min(20px, 4vw);
}
.form-list dd.ly_clm {
  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: 10px;
}
::placeholder {
  color: var(--clr-gry);
}
.form-list .inp-att {
  background-color: var(--bdr-gry);
  padding: 10px min(20px, 4vw);
  border-radius: 5px;
}
.form-att-list {
  margin-top: min(30px, 7vw);
}
.form-att-list .dot-list
,.form-att-list .att-list{
  padding: min(20px, 4vw);
  background-color: var(--bdr-gry);
  border-radius: 5px;
}
.form-list dd .in-inp{
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  gap:5px;
}
.form-list dd .in-inp .label{
  font-weight: 600;
}
/*radio*/
.form-list dd.radio{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap:min(30px,3vw);
}
.radio-wrap {
  cursor: pointer;
}
.radio-wrap > span {
  padding-left: 1.75em;
}
.radio-wrap > span::before, .radio-wrap > span::after {
  content: "";
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  border-radius: 100vmax;
  left: 0;
}
.radio-wrap > span::before {
  background-color: #fff;
  width: 1.125em;
  border: 1px solid var(--bdr-gry);
}
.radio-wrap > span::after {
  width: calc(1.125em - 4px);
  background-color: var(--clr-wblue);
  left: 3px;
  opacity: 0;
}
.radio-wrap > input:checked + span::after {
  opacity: 1;
}
.check-wrap {
  cursor: pointer;
}
.check-wrap > span {
  padding-left: 2em;
  font-weight: 500;
}
.check-wrap > span::before {
  content: "";
  width: 1.1429em;
  aspect-ratio: 1;
  border-radius: 2px;
  border: 1.5px solid var(--clr-gry);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  translate: 0 -50%;
  background-size: 75%;
  background-position: center;
  background-repeat: no-repeat;
}
.check-wrap > input:checked + span::before {
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/check.svg");
}
/*select*/
.inp-select {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(10px, 2vw) min(20px, 3vw);
}
.select-wrap {
  width: min(285px,100%);
  background: #fff;
  height: min(40px, 10.5vw);
  border-radius: 5px;
  border: 1px solid var(--clr-gry);
}
.select-wrap::after {
  content: "";
  pointer-events: none;
  width: .7em;
  aspect-ratio: 1;
  position: absolute;
  right: 0;
  top: 50%;
  translate: -100% -50%;
  border-radius: 1px;
  border: 1px solid;
  rotate:45deg;
  border-color: var(--clr-base) var(--clr-base) transparent transparent;
}
.select-wrap select {
  width: 100%;
  height: 100%;
  padding: 5px min(25px, 10vw) 5px min(15px, 3vw);
  font-size: 16px;
  font-weight: 500;
}
.select-birth-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  gap: min(10px, 1.5vw);
  width: min(145px, calc(100%/3.8));
}
.select-birth-item.birth-y {
  width: min(190px, calc(100%/2.6));
}
.select-wrap.country {
  width: min(245px, 100%);
}
/*form button*/
.form-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;
  gap: 15px;
  -ms-align-items: center;
  align-items: center;
  margin-top: min(40px, 10vw);
}
.rect-button.inp {
  width: min(210px, 100%);
}
.rect-button.inp .inp-button {
  display: block;
  padding: 0;
}
.rect-button.inp input {
  width: 100%;
  height: 100%;
  text-align: left;
  padding: 2px 1em;
}
.rect-button.inp span.arw {
  position: absolute;
  right: 0;
  top: 50%;
  width: min(40px, 13.5vw);
  translate: -.8em -50%;
}
/*member area ++++*/
.page-member-blc {
  display: grid;
  grid-template-columns: min(1082px, 100%);
  justify-content: center;
  gap: min(60px, 12vw);
}
.page-member-blc > div {
  text-align: center;
  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, 10vw);
}
.box-member_login {
  padding-top: min(60px, 12vw);
  border-top: 1px solid var(--bdr-gry);
}
/*page - temp-regist ++++*/
.page-regist-blc {
  display: grid;
  grid-template-columns: min(850px, 100%);
  justify-content: center;
  gap: min(67px, 10vw);
}
.regist-form {
  gap: 0;
}
.regist-form .form-item {
  border-bottom: 1px solid var(--clr-gry);
  padding: min(20px, 4vw) min(30px, 4vw);
  grid-template-columns: min(200px, 30vw) 1fr;
  gap: 10px min(35px, 7vw);
  -ms-align-items: center;
  align-items: center;
}
.regist-form .form-item.ai_st{
  -ms-align-items: flex-start;
  align-items: flex-start;
 
}
.regist-form .form-item.ai_st dt{
   padding-top: .7em;
}
.regist-form dt {
  font-size: min(16px, 3.7vw);
}
.regist-form .form-item:first-child {
  border-top: 1px solid var(--clr-gry);
}
/*page - login +++++++++++++++++++++++++++*/
.login-member-info{
  background-color: #2D3839;
  color: #fff;
  border-radius: 3px;
}
.js-acd-list dt{
  display: grid;
  cursor: pointer;
  grid-template-columns: 1fr auto;
  gap:1em;
  -ms-align-items: center;
  align-items: center;
}
.js-acd-list dt .tgl-txt{
  padding-right: 2em;
  font-size: min(14px,3.4vw);
} 
.js-acd-list dt .tgl-txt::before
,.js-acd-list dt .tgl-txt::after{
  content: "";
  position: absolute;
  width: min(1.5em,4vw);
  height: 3px;
  background-color: currentColor;
  right: 0;
  top: 50%;
  transition:rotate var(--transit);
  translate:0 -50%;
}
.js-acd-list dt .tgl-txt::after{
  rotate:90deg;
}
.js-acd-list dt.open .tgl-txt::before{
  rotate:-45deg;
}
.js-acd-list dt.open .tgl-txt::after{
  rotate:45deg;
}
.acd__member dt{
  padding: min(30px,3vw) min(35px,4vw);
  font-size: min(18px,3.7vw);
  color: var(--clr-ylw);
  font-weight: 600;
  line-height: calc(24/16);
}
.acd__member dd{
  padding: 0 min(35px,4vw) min(30px,4vw);
}
.acd__member dd .imp-box{
  background-color: var(--clr-ylw);
  color: var(--clr-base);
  border-radius: 3px;
  margin-top: min(20px,4vw)
}
.acd__member dd .imp-box p{
  padding: min(20px,3vw) min(20px,4vw);
}
.box-regist-login {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: min(80px,15vw);
}
.box-regist-login > div {
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
}
.box-regist-login .in-title {
  text-align: center;
  font-size: var(--head3_min);
  font-weight: 700;
}
.login-form-wrap {
  border-right: 1px solid currentColor;
  display: grid;
  justify-items: center;
  gap: min(40px, 10vw);
}
.login-form-wrap .form-wrap {
  width: 100%;
}
.login-form-wrap .form-wrap .button-wrap {
  margin-top: min(60px, 8vw);
}
.regist-link-wrap {
  display: grid;
  place-content: center;
  place-items: center;
  gap: min(40px, 10vw);
  text-align: center;
}
.pass-reset-link {
  font-size: min(12px, 3.2vw);
  margin-top: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
}
.pass-reset-link a {
  text-decoration: underline;
}
/*page - password*/
.page-password-box {
  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: min(40px, 10vw);
}
.page-password-box.last{
  gap: min(60px, 12vw);
}
.page-password-box .lead-text {
  text-align: center;
  font-weight: 500;
}
.page-password-box .form-button-wrap{
  margin-top: min(60px,12vw);
}

/*page - fan +++++++++++++++++++++++++++*/

.page-fanclub-blc .sec-fanclub_intro .lead-box{
  width: auto;
  border: none;
  margin-top: min(40px,10vw);
}
.page-fanclub-blc .sec-fanclub_intro .lead-box p{
   padding: 0;
}
.page-fanclub__menu{
  display: flex;
  flex-direction: column;
  gap:10px;
}
.fanclub__menu-list{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap:min(15px,2.5vw);
}
.fanclub__menu-list > div{
  display: grid;
  grid-template-columns: min(160px,27vw) 1fr;
  background-color: var(--wall_gry);
  border-radius: 3px;
  padding-top: min(15px,2.5vw);
  padding-bottom: min(15px,2.5vw);
  -ms-align-items: center;
  align-items: center;
}
.fanclub__menu-list > div::before{
  content: "";
  height: calc(100% - min(30px,5vw));
  width: 1px;
  background-color: var(--bdr-gry);
  position: absolute;
  left:min(160px,27vw);
  top: 50%;
  translate:-50% -50%;
}
.fanclub__menu-list dt{
  aspect-ratio:1/0.7044;
  display: grid;
  place-content:center;
  font-family: var(--fnt-en);
  font-size: min(23px,4.5vw);
  text-align: center;
}

.fanclub__menu-list dt{
  background-size: auto 55%;
  background-position: center;
  background-repeat: no-repeat;
}
.fanclub__menu-list .c-photo dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/photo.svg");
}
.fanclub__menu-list .c-movie dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/movie.svg");
}
.fanclub__menu-list .c-blog dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/blog.svg");
}
.fanclub__menu-list .c-voice dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/voice.svg");
}
.fanclub__menu-list .c-live dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/live.svg");
}
.fanclub__menu-list .c-thread dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/thread.svg");
}
.fanclub__menu-list .c-store dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/store.svg");
}
.fanclub__menu-list .c-birth dt{
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/birthday.svg");
}
.fanclub__menu-list dd{
  line-height: calc(20/14);
  padding-left: min(35px,4vw);
  padding-right: min(35px,4vw);
  font-weight: 500;
}

.page-fanclub__price{
  margin-top: min(70px,10vw);
  display: grid;
  grid-template-columns: min(974px,100%);
  justify-content: center;
}

.fanclub__price-list{
  border: 1px solid #707070;
  margin-top: 10px;
  border-radius: 3px;
}
.fanclub__price-list > div{
  display: grid;
  grid-template-columns: min(195px,25vw) 1fr;
}
.fanclub__price-list > div:nth-child(n+2){
  border-top: 1px solid #D3D3D3;
}
.fanclub__price-list dt
,.fanclub__price-list dd{
  padding: min(30px,4vw) min(30px,3vw);
}
.fanclub__price-list dt{
  font-weight: 600;
  font-size: min(16px,3.6vw);
}
.fanclub__price-list dd{
  border-left: 1px solid #D3D3D3;
  font-weight: 500;
  line-height: calc(25/14);
}

ul.hash-list > li{
  padding-left: 1em;
}
ul.hash-list > li::before{
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.page-fanclub__price .login-member-info{
  margin-top: min(70px,12vw);
}
.page-fanclub__price .button-wrap{
  margin-top: min(60px,10vw);
}
/*archive +++++++++++++++++++++++++++++++++++++++++++++*/
.ly-column-wrap{
  display: grid;
  grid-template-columns: min(170px,25vw) 1fr;  
}
.page-notice-blc{
  width: min(calc(100vw - ((100vw - 1182px)/2)),calc(100vw - 4vw));
  margin-left: auto;
}
.ly-column_category{
}
.ly-column_archive{
  overflow: hidden;
}
.acv-category-link{
  position: sticky;
  top: calc(var(--head-h) + min(30px, 7vw));
  font-size: min(20px,5vw);
  font-family: var(--fnt-en);
  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:1em;
}
.acv-category-link li{
  cursor: pointer;
}
.acv-category-link li.active{
  color: var(--clr-wblue);
}
.acv-category-link li.active a:before{
  content: "#";
  display: inline;
}
/*grid*/
.archive-grid-list{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(80px,14vw) min(40px,5vw);
}
.acv-thumb-item .post-data{
  font-size: min(16px,3.6vw);
  -ms-align-items: center;
  align-items: center;
  margin-top: min(15px,3.6vw);
}
.acv-thumb-item .post-data .tag.free{
  background-color: var(--clr-tag_grn);
}

.acv-thumb-item .post-title{
  font-weight: 600;
  line-height: calc(20/16);
  margin-top: 5px;
}
.acv-thumb-item .thumb{
  border-radius: 3px;
  overflow: hidden;
  isolation: isolate;
}
.acv-thumb-item .thumb img{
  object-fit: contain;
  object-position: center;
  height: 100%;
}
/*pager*/
.pager{
  margin-top: min(25px,6.5vw);
  font-size: min(20px,4vw);
  font-family: var(--fnt-en);
  gap:5px;
  font-weight: 300;
}
.pager > * {
  width: 1.4em;
  aspect-ratio: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  transition: opacity .3s var(--easing);
  border-radius: 100vmax;
}
.pager > span {
  background-color: var(--clr-wblue);
  color:#fff;
}
.pager a.next
,.pager a.prev{
  --arw-clr:currentColor;
}
.pager a.next::after, .pager a.prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  aspect-ratio: 1;
  height: .6em;
  border: 1px solid;
  border-color: var(--arw-clr) var(--arw-clr) transparent transparent;
  rotate:45deg;
}
.pager a.disabled{
  --arw-clr:var(--bdr-gry);
}
.pager a.prev::after {
  scale: -1 -1;
}
/*single +++++++++++++++++++++++++++++++++++++++++++++*/
.single-notice_head {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bdr-gry);
}
.single-notice_head .post-title{
  font-size: min(16px,4vw);
  font-weight: 500;
  line-height: calc(24/16);
  margin-top: 5px;
}
.single-notice_body{
  padding-top: min(30px,5vw);
  line-height: calc(22/14);
  font-weight: 500;
}
.single-notice_body a{
  text-decoration: underline;
  color: var(--clr-wblue);
  word-break: break-all;
}
.single-notice_body b,
.single-notice_body strong{
  font-weight: 700;
}
.single-notice_body em,
.single-notice_body i{
  font-style: italic;
}
.single-notice_body u{
  text-decoration: underline;
}
.single-notice_body ul{
  
}
.single-notice_body ul > li{
  padding-left: 1em;
}
.single-notice_body ul > li::before{
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}
.single-notice_body figure{
  margin-top: min(20px,5vw);
  margin-bottom: min(20px,5vw);
}
.single-notice_body figure:not(:last-child){
  
}
.single-notice_body img{
  object-fit: cover;
  height: 100%;
  max-width: 644px;
}

.single-notice-blc .button-wrap{
  margin-top: min(60px,12vw);
}
/*page - news / schedule +++++++++++++++++++++++++++++++++++++++++++++*/

.page-notice-blc .acv-notice_item a::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--clr-wblue);
  position: absolute;
  bottom: 0;
  left: 0;
  scale:0 1;
  transform-origin: left center;
  transition:scale .4s var(--easing);
}
.page-notice-blc .acv-notice_item {
  display: grid;
  grid-template-columns: 10em 1fr;
  -ms-align-items: center;
  align-items: center;
  gap: 8px min(30px, 4vw);
}
.page-notice-blc .acv-notice_item .post-data{
  -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;
}
.page-notice-blc .acv-notice_item .post-title{
  font-size: min(16px,3.6vw);
}

@media(hover){
  .page-notice-blc .acv-notice_item:hover a::after{
    scale:1 1;
  }
}
.acv-schedule_wrap{
  gap:min(45px,12vw);
}
.item-acv-schedule .num_month{
  font-size: min(77px,calc(100vw/5));
  font-family: var(--fnt-en);
  font-weight: 300;
}

/*page - profile +++++++++++++++++++++++++++++++++++++++++++++*/
.profile-contents{
  padding-bottom: 0;
}
.ly-grid-contents{
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
}
.page-profile-blc{
  min-height: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
}
.page-profile_intro::before{
  content: "";
  width: 100vw;
  height: 100%;
  background: linear-gradient(rgba(237,237,237,0) calc(100% - min(80px,15vw)),rgba(237,237,237,1) calc(100% - min(80px,15vw)));
  position: absolute;
  top: 0;
  left: 50%;
  translate:-50% 0;
}
.page-profile_intro{
  display: grid;
  grid-template-columns: 50% auto;
  -ms-align-items: center;
  align-items: center;
  gap:min(30px,7vw) min(60px,5vw);
}
.page-profile_intro .thumb{
  overflow: hidden;
  border-radius: 3px;
  isolation: isolate;
}
.page-profile_intro .name .en{
  font-size: calc(var(--head3)*.875);
  font-weight: 300;
}
.page-profile_intro .birth{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: min(26px,calc(100vw/19.5));
  font-family: var(--fnt-en);
  font-weight: 300;
  margin-top: 10px;
}

.page-profile_data{
  padding-bottom: min(170px, 30vw);padding-top: min(40px,7.7vw);
}
.page-profile_data::before{
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  translate:-50% 0;
  background-color: rgba(237,237,237,1);
}
.page-profile_data .in-text{
  line-height: calc(27/14);
}
/*page - discography +++++++++++++++++++++++++++++++++++++++++++++*/

.acv-disc-item .thumb{
  aspect-ratio:1;
  /*background-color: var(--clr-base);*/
}

/*detail ++++++++++*/

.page-disco-detail{
  display: grid;
  grid-template-columns: min(338px,30vw) auto;
  gap:min(40px,8vw) min(85px,5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.disc-thumb-area{
  aspect-ratio:1;
  overflow: hidden;
  isolation: isolate;
  background-color: var(--clr-base);
  border-radius: 5px;
}
.disc-thumb-area img{
  object-fit: contain;
  height: 100%;
  object-position: center;
}
.disc-detail-area .in-head{
  padding-bottom: 8px;
  border-bottom: 1px solid var(--bdr-gry);
}
.disc-detail-area .post-data{
  -ms-align-items: center;
  align-items: center;
  font-size: min(16px,3.6vw);
}
.disc-detail-area .in-head .disc-title{
  font-size: min(19px,4vw);
  font-weight: 500;
  margin-top: 10px;
  line-height: calc(20/19);
}

.disc-detail-area .comment{
  line-height: calc(27/14);
  padding-top: min(30px,7vw);
  font-weight: 500;
}
.disc-detail-area .comment b,
.disc-detail-area .comment strong{
  font-weight: 700;
}
.disc-detail-area .comment em,
.disc-detail-area .comment i{
  font-style: italic;
}
.disc-detail-area .comment u{
  text-decoration: underline;
}
.disc-detail-area .button-wrap{
  margin-top: min(40px,10vw);
}

/*page - video +++++++++++++++++++++++++++++++++++++++++++++*/

.acv-video-item{
  transition:color var(--transit);
}
.acv-video-item .post-title{
  font-size: min(16px,3.6vw);
}
.acv-video-item .thumb::after{
  content: "";
  position: absolute;
  inset:0;
  border: 2px solid var(--clr-wblue);
  transition:opacity var(--transit);
  opacity: 0;
  border-radius: 3px;
  overflow: hidden;
  z-index: 3;
  pointer-events: none;
}
@media(hover){
  .acv-video-item:hover{
    color: var(--clr-wblue);
  }
  .acv-video-item:hover .thumb::after{
    opacity: 1;
  }
}

/*page - store +++++++++++++++++++++++++++++++++++++++++++++*/
.page-store_title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.cart-button{
  margin-left: auto;
  font-size: min(16px,4vw);
  width:min(170px,35vw);
  height: min(46px,10vw);
  background-color: var(--clr-base);
  color: var(--clr-mix);
  overflow: hidden;
  isolation: isolate;
  border-radius: 5px;
  font-family: var(--fnt-base);
}
.cart-button a{
  width: 100%;
  height: 100%;
  display: grid;
  place-content:center;
}
.cart-button a span{
  padding-left: 2em;
}
.cart-button a span::before{
  content: "";
  width: 1.25em;
  aspect-ratio:1/0.9317;
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/cart.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  translate:0 -50%;
}
.acv-store-list{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: min(80px, 14vw) min(40px, 5vw);
}
.acv-store-item {
  transition:color var(--transit);
}
.acv-store-item.members-item::after{
  content: "有料会員限定";
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  background-color: var(--clr-wblue);
  color: var(--clr-mix);
  border-radius: 100vmax;
  padding: 4px 1em;
  translate: -.85em -50%;
  font-weight: 500;
}
.acv-store-item .thumb{
  width: 100%;
  overflow: hidden;
  isolation: isolate;
  border-radius: 5px;
  aspect-ratio:1;
}
.acv-store-item .thumb img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.acv-store-item .data-area{
  margin-top: min(10px,3vw);
  font-weight: 600;
}
.acv-store-item .data-area .item-title{
  line-height: calc(20/16);
  font-size: min(16px,3.6vw);
}
.acv-store-item .data-area > .price{
  margin-top: 5px;
  text-align: right;
}

.acv-store-item .data-area > .price span{
  font-size: 1.57em;
  font-family: var(--fnt-en);
  font-weight: 700;
}

.acv-store-item  .thumb::after{
  content: "";
  position: absolute;
  inset:0;
  border: 2px solid var(--clr-wblue);
  transition:opacity var(--transit);
  opacity: 0;
  border-radius: 5px;
  overflow: hidden;
}
@media(hover){
  .acv-store-item:hover{
    color: var(--clr-wblue);
  }
  .acv-store-item:hover .thumb::after{
    opacity: 1;
  }
}

/*detail ++++++++++++++++++++++++*/

.box-store-detail {
  display: grid;
  grid-template-columns: min(340px, calc(100%*0.45)) auto;
  gap: min(50px, 6vw) min(75px,5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.box-store-detail .thumb-area {
  display: grid;
  place-content: center;
  grid-template-columns: min(362px, 100%);
  gap:min(20px,4vw);
}
.box-store-detail .thumb-area .tag{
  position: absolute;
  top: 0;
  left: 50%;
  translate:-50% -50%;
  font-size: min(14px,3.2vw);
  background-color: var(--clr-grn);
  color: var(--clr-blk);
  z-index: 1;
  border-radius: 3px;
  padding: 6px 1em;
  font-weight: 700;
}
.box-store-detail .thumb-area .tag.not-ex{
  background-color: #fff;
}
.box-store-detail .thumb-area figure {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 5px;
  overflow: hidden;
  isolation: isolate;
}
.page-member-mileitem .thumb-area figure.bdr{
  border: 3px solid var(--clr-grn);
}

.box-store-detail .thumb-area figure img {
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.item-view_cat{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:min(20px,2vw);
}
.item-view_cat figure{
  cursor: pointer;
}

.item-data_head .category{
  color: var(--clr-grn);
  font-size: min(14px,3.2vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-data_head .category span{
  border: 1px solid currentColor;
  border-radius: 3px;
  background-color: rgba(0,0,0,.5);
  padding: 3px .75em;
}
.item-data_head .category + .item-name{
  margin-top: 8px;
  font-size: min(20px,4vw);
}
.item-data_head .item-name {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bdr-gry);
  line-height: calc(20/18);
  font-size: min(18px,4vw);
  font-weight: 500;
}
.item-data_head .price{
  margin-top: min(14px, 2.5vw);
  text-align: right;
  font-size: min(16px, 3.6vw);
  font-weight: 600;
}
.item-data_head .price span{
  font-size: 1.875em;
  font-family: var(--fnt-en);
  font-weight: 700;
}
.item-data_body {
  margin-top: min(20px, 5vw);
}
.item-data__list dt{
  font-weight: 600;
}
.item-data__list dd{
  line-height: calc(23/14);
  font-weight: 500;
  padding-top: 10px;
}
.item-data_body .in-text {
  line-height: calc(26/16);
}
.item-data__conf{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-start;
  margin-top: min(15px,3vw);
}
.item-data__conf p{
  padding: min(10px,2vw) min(20px,3vw);
  background-color: var(--clr-base);;
  border-radius: 3px;
  font-weight: 600;
  font-size: min(16px,3.6vw);
}
.item-form-wrap {
  margin-top: min(40px, 5vw);
}
.item-form-wrap  > div:nth-child(n+2){
  margin-top: min(15px,3vw);
}
.item-form-wrap dd{
  margin-top: 5px;
}

.box-store-detail .button-wrap{
  margin-top: min(60px,12vw);
}
/*page - cart +++++++++++++++++++++++++++++++++*/
.page-cart-blc {
  gap: min(65px, 10vw);
}
.box-page-cart {
  width: 100%;
}
.store-back-button{
  width: min(237px,60vw);
  
  padding-bottom: min(30px,7vw);
}
.store-back-button a{
  display: grid;
  place-content:center;
  width: 100%;
  height: min(40px,10vw);
  font-size: min(16px,3.6vw);
  border: 1px solid currentColor;
  border-radius: 3px;
  padding-left: 1em;
}
.store-back-button a::before{
  content: "";
  width: .55em;
  aspect-ratio:1;
  position: absolute;
  left: 1.5em;
  top: 50%;
  translate:0 -50%;
  border: 1px solid;
  border-color: currentColor transparent transparent currentColor;
  rotate:-45deg;
  transition:translate var(--transit);
}
@media(hover){
  .store-back-button a:hover::before{
    translate:-50% -50%;
  }
}
.purchase-list_wrap{
  padding: min(45px,6vw) min(50px,4vw);
  background-color: var(--wall_gry);
  border-radius: 5px;
}
.purchase-list {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.purchase-list li {
  display: grid;
  grid-template-columns: min(160px, calc(100%/3.5)) auto;
  gap: min(30px, 5vw) min(55px, 4vw);
}
.cart-item-list li{
  padding-bottom: min(40px, 5vw);
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding-top: min(30px, 5vw);
}
.cart-item-list li:nth-child(n+2){
  border-top: 1px solid var(--clr-grn);
}
.purchase-list li .thumb figure {
  aspect-ratio: 1;
  width: 100%;
  background: #D5D5D5;
  border-radius: 5px;
  overflow: hidden;
  isolation: isolate;
}
.purchase-list li .thumb figure img {
  object-fit: contain;
  object-position: center;
  height: 100%;
}
.item-detail-area {
  font-size: min(16px, 3.6vw);
  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(20px, 5vw);
}
.item-detail-area .item-title{
  line-height: calc(22/16);
  font-weight: 500;
}
.cart-item-list .item-detail-area .item-title {
  width: calc(100% - 7em);
}
.item-detail-area .item-data{
  font-weight: 600;
}
.item-delete-btn {
  width: 4.8em;
  position: absolute;
  right: 0;
  top:0;
  border: 1px solid currentColor;
  padding: 2px;
  display: grid;
  place-content:center;
  z-index: 1;
  border-radius: 3px;
  height: 2.1667em;
  font-size: min(12px,3vw);
}
.item-delete-btn span{
  padding-left: 1.125em;
}
.item-delete-btn span::before
,.item-delete-btn span::after{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1em;
  height: 1px;
  background-color: currentColor;
  rotate:45deg;
}
.item-delete-btn span::after{
  rotate:-45deg;
}
.cart-item-list dt {
  color: inherit;
  font-weight: 500;
}
.item-detail-area .item-price {
  font-size: min(18px, 3.6vw);
  font-weight: 700;
}
.item-detail-area .item-price span{
  font-size: min(22px,5vw);
  font-family: var(--fnt-en);
}
.cart-number-select .select-wrap{
  width: min(140px,100%);
  height: min(33px,10vw);
  background:linear-gradient(90deg,rgba(255,255,255,1) calc(100% - min(33px, 10vw)),rgba(11,11,11,1) calc(100% - min(33px, 10vw)));
  border-color: currentColor;
}
.cart-number-select .select-wrap::after{
  border-color: transparent transparent var(--clr-mix) var(--clr-mix);
  rotate:-45deg;
  width: .5em;
  translate: -110% -70%
}
.cart-number-select .select-wrap select{
  padding-right: min(33px, 10vw);
}
/*情報*/
.page-cart-btm {
  margin-top: min(80px, 10vw);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min(50px, 8vw) min(60px, 4vw);
}
.page-cart-btm.full{
  margin-top: min(60px, 10vw);
  grid-template-columns: 1fr;
}
.page-cart-btm.full .title{
  border-bottom-color: #fff;
}
.page-cart-btm > div {
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.page-cart-btm .title {
  width: 100%;
  padding-bottom: 1em;
  font-size: min(18px, 3.8vw);
  font-weight: 600;
 
}
.page-cart-btm .title p{
  padding-bottom: 15px;
   border-bottom: 1px solid var(--bdr-gry);
}
.cart-user-data .user-data {
  width: 100%;
}
.cart-user-data .user-data li {
  gap: 10px;
}
.cart-user-data .user-data li + li {
  margin-top: min(25px,3.8vw);
}
.cart-user-data .user-data li .in-title {
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.cart-user-data .user-data li .in-title h3 {
  font-weight: 600;
}
.cart-user-data .user-data li .in-title .add-edit {
  background-color: var(--clr-base);
  color: var(--clr-mix);
  padding: 6px 2em 7px 1.2em;
  border-radius: 5px;
  letter-spacing: .05em;
}
.cart-user-data .user-data li .in-title .add-edit::after{
  content: "";
  width: .5em;
  aspect-ratio:1;
  border: 1px solid;
  border-color: currentColor currentColor transparent transparent;
  position: absolute;
  right: .85em;
  top: 50%;
  translate:0 -50%;
  rotate:45deg;
}
.cart-user-data .user-data li .text-box {
  background-color: var(--wall_gry);
  padding: min(12px, 3vw);
  border-radius: 5px;
}
.cart-user-data .edit-btn a {
  background: var(--wall-ylw);
  padding: 10px min(20px, 3vw);
  display: block;
  border-radius: 5px;
  color: var(--clr-grn);
  font-weight: 500;
}
.delete-btn {
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  color: var(--wall-base);
  width: auto;
  padding: 2px 5px;
  font-weight: 600;
}
.delete-btn span {
  padding-left: 1.15em;
}
.delete-btn span::before, .delete-btn span:after {
  content: "";
  width: .85em;
  height: 1.5px;
  background: var(--wall-base);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.delete-btn span::after {
  transform: translateY(-50%) rotate(-45deg);
}
.user-data-list li + li {
  margin-top: min(30px, 5vw)
}
.user-data-list li {
  gap: min(15px, 3vw);
}
.user-data-list li .in-title {
  font-weight: 600;
}
.user-data-list li .text-box {
  background: var(--clr-blk_1c);
}
.user-data-list li .text-box p {
  padding: min(15px, 3vw) min(20px, 5vw);
}
.cart-user-data .attention {
  padding: min(20px, 5vw) min(20px, 3vw);
  border-radius: 5px;
  border: 1px solid currentColor;
}
.cart-user-data .attention .in-title {
  font-size: min(16px, 3.8vw);
  font-weight: 500;
}
.cart-user-data .attention .in-text {
  line-height: calc(23/14);
  font-size: min(14px, 3.6vw);
  margin-top: 10px;
}
.cart-user-data .attention .ccl-list {
  margin-top: 10px;
  font-size: min(14px, 3.4vw);
  line-height: 1.5;
}
.cart-check-data .price-list {
  width: 100%;
  font-size: min(18px, 3.8vw);
  background-color: var(--wall_gry);
  padding: min(20px, 4vw) min(20px, 4vw);
  border-radius: 5px;
}
.cart-check-data .price-list li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-weight: 500;
}
.cart-check-data .price-list li:not(:last-child) {
  padding-bottom: min(15px, 3vw);
}
.cart-check-data .price-list li .price {
  margin-left: auto;
  font-family: var(--fnt-en);
}
.page-cart-btm .check-data ul.price-list li {
  justify-content: space-between;
}
.page-cart-btm .check-data ul.price-list li:nth-child(2) {
  margin: .5em 0 1em;
}
.cart-check-data .price-list .total {
  border-top: 1px solid currentColor;
  padding-top: min(15px, 3vw);
}
.cart-check-data .price-list .total p {
  font-weight: 700;
  font-size: min(14px,3.6vw);
}
.cart-check-data .price-list .total p span {
  font-size: min(22px,4.8vw);
  font-family: var(--fnt-en);
}
.cart-check-data .button-wrap{
  margin-top: min(40px,8vw);
}

/*moaal setting*/
.cts-mdl-open {
  cursor: pointer;
}
.mdl-contents {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  overflow: hidden;
  z-index: calc(infinity);
  backdrop-filter: blur(26px)brightness(90%);
  -webkit-backdrop-filter: blur(26px)brightness(90%);
}
.modal-contents-wrap {
  -ms-align-items: center;
  align-items: center;
  padding: min(70px, 20vw) min(30px, 4vw) min(50px, 10vw);
  height: 100%;
  overflow-y: scroll;
}
.js-mdl-close{
  position: absolute;
  top: min(20px, 2vw);
  right: min(20px, 2vw);
  width: min(70px, 17vw);
  aspect-ratio: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
.js-mdl-close button {
  width: 100%;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  rotate: 45deg;
  translate: -50% -50%;
}
.js-mdl-close button::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: currentColor;
  position: absolute;
  transform: rotate(90deg);
  top: 0;
  left: 0;
}
.mdl-pay_wrap {
  width: min(946px, 100%);
  margin-left: auto;
  margin-right: auto;
}
.mdl-pay_title {
  font-size: min(23px, calc(100vw/20));
  font-weight: 600;
  text-align: center;
}
.mdl_pay_list {
  margin-top: min(30px, 6vw);
  gap: min(20px, 3vw);
  -ms-align-self: flex-end;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.mdl_pay_list.full {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(20px, 4vw);
}
.mdl_pay_list > * {
  display: grid;
  grid-template-columns: 1fr;
}
.mdl_pay_list__cat .in-title {
  font-size: 1.7857em;
  font-weight: 700;
  text-align: center;
}
.mdl-pay-btn {
  background: #fff;
  border-radius: 5px;
  padding: 10px 18px;
  line-height: 1.6;
  width: 100%;
  text-align: left;
  position: relative;
  min-height: min(80px, 20vw);
}
.mdl-pay-btn::after {
  content: "";
  width: min(20px,5vw);
  aspect-ratio:1;
  border: 2px solid;
  border-color: var(--clr-wblue) var(--clr-wblue) transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  translate: -50% -50%;
  rotate:45deg;
  border-radius: 2px;
  display: block;
}
.mdl-pay-btn.bank{
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.mdl-pay-btn span {
  display: block;
}
.mdl-pay-btn .title {
  font-weight: 700;
  font-size: 1.2857em;
}
.mdl-pay-btn .img {
  margin-top: 5px;
  max-width: 100%;
}
.mdl-pay-btn .img.credit {
  width: 260px;
}
.mdl-pay-btn .img.docomo {
  width: 100px;
}
.mdl-pay-btn .img.au {
  width: 55px;
}
.mdl-pay-btn .img.softbank {
  width: 105px;
}
.mdl-pay-btn .img.linepay {
  width: 70px;
}
.mdl-pay-btn .img.alipay {
  height: 34px;
}
.mdl-pay-btn .img.paypal {
  height: 30px;
}
.mdl-pay-btn .img.paidy {
  height: 32px;
}
.mdl-pay-btn .img img {
  object-fit: contain;
  height: 100%;
  object-position: left center;
}

/*transifer ++++++++++++++++++++++++++++++++++++++++++++++*/
.page-transfer-blc {
  justify-content: center;
}
.page-transfer-box {
  width: min(885px,100%);
  gap: min(50px, 12vw);
  -ms-align-items: center;
  align-items: center;
 
}
* + .page-transfer-box{
  margin-top: min(50px, 12vw); 
}
.page-transfer-box .lead-text {
}
.transfer-cat.nominee, .transfer-list, .transfer-cat.price {
  border-radius: 5px;
  background-color: var(--wall_gry);
  overflow: hidden;
}
.transfer-cat.bank .in-title {
  font-size: min(20px, calc(100vw / 20));
  text-align: center;
  font-weight: 600;
}
.transfer-list {
  margin-top: 10px;
}
.transfer-list > div {
  display: grid;
  grid-template-columns: min(10em, 35vw) auto;
}
.transfer-list dt {
  background-color: var(--clr-base);
  font-weight: 600;
  padding: 20px;
  color: #fff;
}
.transfer-list > *:not(:last-child) dt {
  border-bottom: 1px solid #fff;
}
.transfer-list dd {
  padding: min(20px, 3vw);
  display: grid;
  -ms-align-items: center;
  align-items: center;
}
.transfer-list > *:not(:last-child) dd {
  border-bottom: 1px solid #3E4550;
}
.transfer-cat {
  width: 100%;
}
.transfer-cat.bank .att-text {
  margin-top: .5em;
  text-align: right;
  font-size: min(14px, 3.4vw);
}
.transfer-cat.nominee .in-title, .transfer-cat.price .in-title {
  background-color: var(--clr-base);;
  font-size: min(20px, calc(100vw/20));
  text-align: center;
  padding: 18px;
  font-weight: 600;
  color: #fff;
}
.transfer-cat.nominee .in-cmnt {
  display: grid;
  place-content:center;
  grid-template-columns: min(725px,100%);
  padding: min(30px, 5vw) min(20px, 4vw);
}
.transfer-cat.nominee .in-cmnt .text {
  line-height: 1.444;
  font-size: min(16px, 3.8vw);
}
.transfer-cat.nominee .in-cmnt .member_num {
  margin-top: min(20px, 3vw);
  text-align: center;
}
.transfer-cat.nominee .in-cmnt .member_num .num {
  text-align: center;
  padding: 10px;
  font-size: 1.7857em;
  font-weight: 600;
  background-color: var(--clr-wblue);
  border-radius: 100vmax;
  color: #fff;
}
.transfer-cat.nominee .in-cmnt .member_num .ex {
  margin-top: 10px;
}
.transfer-cat.nominee .in-cmnt .att-list {
  margin-top: min(30px, 6vw);
}
.transfer-cat.nominee .in-cmnt .att-list li {
  font-size: min(14px, 3.4vw);
  line-height: calc(19/14);
}
.transfer-cat.price .in-cmnt {
  padding: min(20px, 5vw) min(20px, 4vw);
  text-align: center;
  font-weight: 600;
}
.transfer-cat.price .in-cmnt p span {
  font-size: 1.4285em;
  padding-right: .25em;
}
.page-transfer-box .form-btn-set.btn-wrap {
  -ms-align-items: center;
  align-items: center;
  gap: 30px;
}

/*page - FAQ +++++++++++++++++++++++++++++++++++++++++++++*/
.page-faq-contents{
  padding-top: min(70px,12vw);
}
.js-acd-list dd{
  display: none;
}
.page-faq-blc{
  gap:min(70px,12vw);
}
.faq-title{
  font-size: min(20px,calc(100vw/22));
  font-weight: 500;
}
.faq-list{
  margin-top: min(16px,3.6vw);
  display: grid;
  grid-template-columns: 1fr;
  gap:10px;
}
.faq-item{
  background-color: var(--wall_gry);
}
.faq-item dt{
  display: block;
  padding: min(23px,5vw) min(24px,3vw);
  cursor: pointer;
  font-weight: 600;
}
.faq-item dt h3{
  padding-right: min(50px,8vw);
  line-height: calc(20/14);
}
.faq-item dt h3::before
,.faq-item dt h3::after{
  content: "";
  width: min(30px,6vw);
  height: 1px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
  right: 0;
  transition:rotate var(--transit);
}
.faq-item dt h3::after{
  rotate:-90deg;
}
.faq-item dt.open h3::before{
  rotate:45deg;
}
.faq-item dt.open h3::after{
  rotate:-45deg;
}
.faq-item dd{
  padding: min(26px,6vw) min(24px,3vw) min(32px,10vw);
  line-height: calc(22/14);
}
.faq-item dd a{
  color: var(--clr-wblue);
  text-decoration: underline;
}

/*page - inquiry +++++++++++++++++++++++++++++++++++++++++++++*/
.page-inquiry-contents{
  padding-top: min(50px,12vw);
}

.page-inquiry-blc{
  display: grid;
  grid-template-columns: min(966px,100%);
  gap:min(48px,8vw);
  justify-content: center;
}
.page-inquiry_works{
  padding: min(20px,5vw) min(20px,3vw);
  background-color: var(--wall_gry);
  border-radius: 3px;
}
.page-inquiry_works dl{
  display: grid;
  grid-template-columns: 32% auto;
  -ms-align-items: center;
  align-items: center;
  gap:min(30px,5vw);
}
.page-inquiry_works dt{
  font-size: min(20px,calc(100vw/22));
  font-weight: 600;
  text-align: center;
}
.page-inquiry_works dd {
  display: grid;
  grid-template-columns: min(410px,100%);
  justify-content: center;
  gap:min(20px,5vw);
  text-align: center;
  border-left: 1px solid var(--bdr-gry);
  padding-top: 1em;
  padding-bottom: 1em;
}
.works-inquiry-button{
  width: auto;
  background-color: var(--clr-wblue);
  height: min(44px,10vw);
  color: var(--clr-mix);
}
.works-inquiry-button a{
  display: grid;
  place-content:center;
  width: 100%;
  height: 100%;
  padding: 5px 2em;
  font-weight: 500;
}
.works-inquiry-button::before{
  content: "";
  width: .5em;
  aspect-ratio:1;
  border: 1px solid;
  border-color: currentColor currentColor transparent transparent;
  position: absolute;
  right: 1.5em;
  top: 50%;
  translate:0 -50%;
  rotate:45deg;
  transition:translate var(--transit);
  border-radius: 1px;
}
@media(hover){
  .works-inquiry-button:hover::before{
    translate:50% -50%;
  }
}
.page-inquiry_form{
}
.page-inquiry_form .form-wrap{
  margin-top: min(40px,6vw);
}
.page-inquiry_form .form-item dt{
  font-size: min(16px,3.6vw);
}
/*page - complate +++++++++++++++++++++++++++*/
.page-comp-box{
  gap:min(60px,7vw);
}
.page-comp-box .lead-text{
  text-align: center;
}

/*page - legal ++++++++++++++++++++++++++++++++*/
.legal-contents{
  padding-top: min(96px,15vw);
}
.page-legal-blc{
  display: grid;
  grid-template-columns: min(876px,100%);
  justify-content: center;
}
.legal-delail-list{
  margin-top: min(30px,6vw);
  counter-reset: count 0;
}

.page-legal-item:nth-child(n+2){
  margin-top: min(30px,5vw);
}
.page-legal-item .in-title{
  font-weight: 500;
  border-bottom: 1px solid var(--bdr-gry);
  padding-bottom: 10px;
  line-height: calc(20/14);
}
.page-legal-item .in-title::before{
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: 0;
}
.legal-delail-list.tofu .page-legal-item .in-title{
  padding-left: 3em;
}
.legal-delail-list.tofu .page-legal-item:nth-child(n+10) .in-title{
  padding-left: 3.8em;
}
.legal-delail-list.tofu .page-legal-item .in-title::before{
  content:'第' counter(count)'条';
}

.legal-delail-list.privacy.page-legal-item .in-title{
   padding-left: 1.25em;
}
.legal-delail-list.privacy .page-legal-item:nth-child(n+10) .in-title{
  padding-left: 2em;
}
.legal-delail-list.privacy .page-legal-item .in-title::before{
  content: counter(count)'.';
}
.legal-delail-list.privacy .page-legal-item .num-list{
  margin-left: 1em;
}
.legal-delail-list.privacy .page-legal-item .in-title{
  padding-left: 1.125em;
}
.legal-delail-list.privacy .page-legal-item:nth-child(n+10) .in-title{
  padding-left: 1.71em;
}
.page-legal-item .detail{
  line-height: calc(20/14);
  margin-top: min(15px,2vw);
}
.page-legal-item .detail > * + *{
  margin-top: 1em;
}
.page-legal-item .detail > ul > li > ul{
  margin-top: 3px;
}
.num-list{
  counter-reset: count 0;
}
.num-list > li{
  padding-left: 1.125em;
}
.num-list > li:nth-child(n+10){
  padding-left: 1.5em;
}
.num-list > li::before{
  content: "";
  content: counter(count) ". ";
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: 0;
}
.num-list.n-dot > li{
  padding-left: 1.25em;
}
.num-list.n-dot > li:nth-child(n+10){
  padding-left: 1.71em;
}
.num-list.n-dot > li::before{
  content: counter(count) "";
}
.page-legal-item .dot-list > li + li{
  margin-top: 5px;
}
.page-privacy-box .page-legal-item .detail > p + ul{
  margin-top: 1em;
  margin-left: 1em;
}
/*tokusho*/
.tokusho-list > div{
  display: grid;
  grid-template-columns: 12em auto;
  border-bottom: 1px solid var(--bdr-gry);
  padding: 15px 12px;
  line-height: calc(20/14);
  gap:10px min(40px,5vw);
}
.tokusho-list > div:first-of-type{
  border-top: 1px solid var(--bdr-gry);
}
.tokusho-list dt{
  font-weight: 500;
}

/* mypage +++++++++++++++++++++++++++++++++++++++++++++*/
.mypage-contents{
  padding-top: min(90px, 10vw);
}
.arrow-button{
  height: min(55px,12vw);
}
.arrow-button.back{
  width: min(237px,100%);
}
.arrow-button a{
  height: 100%;
  border-radius: 5px;
  border: 1px solid;
  display: grid;
  place-content:center;
  padding-left: min(45px,10vw);
  padding-right: min(45px,10vw);
  font-size: min(16px,3.6vw);
  font-weight: 600;
}
.arrow-button a::after{
  content: "";
  pointer-events: none;
  width: 10px;
  aspect-ratio:1/1.875;
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/arrow.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: min(22.5px,5vw);
  translate:50% -50%;
  transition:translate var(--transit);
}
.arrow-button.back a::after{
  right: auto;
  left: min(22.5px,5vw);
  scale:-1 -1;
}
@media(hover){
  .arrow-button a:hover::after{
    translate:100% -50%;
  }
  .arrow-button.back a:hover::after{
    translate:-50% -50%;
  }
}
/*navi*/
.page-mypage_navi{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap:min(20px,5vw);
  margin-top: min(100px,20vw)
}
.line-title{
  display: flex;
  justify-content: center;
  font-size: clamp(1.625rem, 1.204rem + 1.73vw, 2.5rem);/*26-40*/
  font-family: var(--fnt-en);
  overflow: hidden;
}
.line-title > span::before
,.line-title > span::after{
  content: "";
  width: 100vw;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  top: 50%;
}
.line-title > span::before{
  left: -.5em;
  translate:-100% -50%;  
}
.line-title > span::after{
  right: -.5em;
  translate:100% -50%;  
}
.mypage_navi-link{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:10px min(34px,4vw);
}
.mypage_navi-link a span{
  display: grid;
  height: min(50px,12vw);
  place-content:center;
  font-size: clamp(16px,1.1806vw,18px);
  font-weight: 500;
  border: 1px solid var(--clr-base);
  border-radius: 3px;
  color: var(--clr-mix);
  background-color: var(--clr-base);
  transition:color var(--transit),background var(--transit);
}
.mypage_navi-link a.logout span{
  background-color: transparent;
  border-color: #959595;
  color: #959595;
}
.mypage_navi-link a.quit{
  text-decoration: underline;
  font-weight: 500;
}
@media(hover){
  .mypage_navi-link a:not(.logout):hover span{
    color: var(--clr-base);
    background-color: transparent;
  }
}
/*mypage - account +++++++++++++++++++++++*/

.box-mypage__account{
  gap:min(40px,10vw);
}

.account-check-list > div{
  border-bottom: 1px solid var(--clr-gry);
  display: grid;
  padding: min(20px,3vw) min(30px,4vw);
  grid-template-columns: 9em auto;
  font-size: min(16px,3.6vw);
}
.account-check-list > div:first-child{
  border-top: 1px solid var(--clr-gry);
}
.account-check-list dt
,.account-check-list dd{
  padding-top: min(.35em,2vw);
  padding-bottom: min(.35em,2vw);
}
.account-check-list dt{
  font-weight: 600;
}
.account-check-list dd{
  padding-left: min(30px,4vw);
  border-left: 1px solid var(--clr-wblue);
}
/*edit*/
.account-edit-form{
  gap:0;
}
.account-edit-form .form-item{
  padding: min(20px,3vw);
  grid-template-columns: min(265px,25vw) auto;
  line-height: calc(20/16);
  border-bottom: 1px solid var(--clr-gry);
   -ms-align-items: center;
  align-items: center;
}

.account-edit-form > div:first-child{
  border-top: 1px solid var(--clr-gry);
}
.account-edit-form .select-wrap::after{
  rotate: 135deg;
  translate: -100% -75%;
}
.account-edit-form .form-item.ai_st{
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.account-edit-form .form-item.ai_st dt{
  padding-top: .5em;
}


/*mypage - mailmagazine +++++++++++++++++*/
.box-mypage__mailmag{
  gap:min(50px,10vw);
}
.box-mypage__mailmag .lead-text{
  text-align: center;
  font-weight: 500;
  font-size: min(16px,3.6vw);
}
.mailmaga-check-list{
  padding: min(25px,5vw) min(30px,4vw);
  border-top: 1px solid var(--clr-gry);
  border-bottom: 1px solid var(--clr-gry);
  display: grid;
  grid-template-columns: min(160px,25vw) auto;
  -ms-align-items: center;
  align-items: center;
}
.mailmaga-check-list dt{
  font-weight: 600;
}
/*archive*/
.mypage-mailmag__archive{
  width: min(calc(100vw - ((100vw - 1182px)/2)),calc(100vw - 4vw));
  margin-left: auto;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap:min(60px,10vw);
}
.mypage-mailmag__archive .acv-notice-list{
  width: 100%;
}
.mypage-mailmag__archive .acv-notice_item{
    grid-template-columns: 7em 1fr;
    -ms-align-items: center;
    align-items: center;
    gap: 10px min(30px, 4vw);
}
.mypage-mailmag__archive .acv-notice_item a::after{
  content: "";
  width: 100%;
  height: 1px;
  background-color: var(--clr-wblue);
  position: absolute;
  bottom: 0;
  left: 0;
  scale: 0 1;
  transform-origin: left center;
  transition: scale .4s var(--easing);
}
.mypage-mailmag__archive .acv-notice_item::after{
  right: auto;
  left: 0;
}
@media(hover){
  .mypage-mailmag__archive .acv-notice_item a:hover::after{
    scale: 1 1;
  }
}
.box-mailmag_detail .button-wrap{
  margin-top: min(60px,10vw);
}
/*有料会員情報照会 /有料会員継続履歴 - sudscription_conf.html / subscription-purchase.html+++++++++++++++++++++*/

.mypage-subsc-conf {
  gap: min(60px, 10vw);
}
.mypage-subsc-list {
  display: grid;
  grid-template-columns: 1fr;
  font-size: min(16px, 3.6vw);
}
.mypage-subsc-list > div {
  display: grid;
  grid-template-columns: 8em auto;
  padding: min(15px, 3vw) min(25px, 4vw);
  line-height: calc(18/16);
  gap: min(5px, 2.5vw) min(30px, 4vw);
  border-bottom: 1px solid var(--clr-gry);
  -ms-align-items: center;
  align-items: center;
  min-height: 4.7em;
}
.mypage-subsc-list > div:first-child{
  border-top: 1px solid var(--clr-gry);
}
.mypage-subsc-list > div:has(.btn-box) dt{
  padding-top: min(10px,2vw);
}
.mypage-subsc-list dt {
  font-weight: 600;
}
.mypage-subsc-list dd.btn-box, .mypage-subsc-list dd.purchase {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -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;
}
.mypage-subsc-list dd.btn-box {
  gap: 10px min(20px, 3vw);
  
}
.mypage-subsc-list dd.btn-box .set-button{
  width: min(154px,33vw);
  background: var(--btn-clr);
  color: var(--btn-text);
  height: min(35px,8vw);
  border-radius: 100vmax;
  display: grid;
  place-content:center;
  margin-left: auto;
  --btn-text:#fff;
  --btn-clr:var(--clr-wblue);
  
}
.mypage-subsc-list dd.purchase .price {
  margin-left: auto;
}
.mypage-subsc-conf .mypage-subsc-list dd{
  padding-left: min(30px, 4vw);
}
.mypage-subsc-conf .mypage-subsc-list dd::before{
  content: "";
  height: 2em;
  width: 1px;
  background-color: var(--clr-wblue);
  position: absolute;
  left: 0;
  top: 50%;
  translate:0 -50%;
}
.mypage-subsc-purchase {
  gap: min(50px, 8vw);
  margin-left: auto;
  margin-right: auto;
}
.mypage-subsc-purchase .mypage-subsc-list{
  gap:0;
}
.mypage-subsc-purchase .mypage-subsc-list > div{
  grid-template-columns: auto 1fr;
  font-weight: 600;
}
.mypage-subsc-purchase .mypage-subsc-list dt{
  display: grid;
  grid-template-columns: auto auto;
  gap:10px min(50px,4vw);
}

/*商品購入履歴　/　purchase_history.html ++++++++++++++++++++++*/

.mypage-purchase-contents{
  padding-top: min(50px,10vw);
}

.page-mypage-purchase {
  gap: min(80px, 10vw);
}
/*
.mypage-purchase-history {
  padding: min(45px, 8vw) min(20px, 4vw);
  display: grid;
  grid-template-columns: min(872px, 100%);
  justify-content: center;
}
*/

.mypage-history-contents{
  padding-top: min(50px, 10vw);
}
.purchase-history-box{
  margin-top: min(50px, 8vw);
}
.purchase-history-wrap{
  padding: min(50px, 8vw) min(20px, 4vw);
  display: grid;
  grid-template-columns: min(1082px, 100%);
  justify-content: center;
  border-radius: 3px;
  background-color: var(--wall_gry);
}
.purchase-history-empty{
  text-align: center;
  font-size: min(16px, 3.6vw);
  line-height: 1.9;
  font-weight: 500;
}
.purchase-history-item:not(:first-child) {
  margin-top: min(60px, 8vw);
}
.purchase-history_list {
  padding-bottom: 10px;
}
.purchase-history_list > li {
  display: grid;
  grid-template-columns: min(130px, calc(100vw/3.5)) auto;
  gap: min(50px, 3vw);
  padding-bottom: min(30px, 5vw);
}
.purchase-history_list > li:last-child {
  border-bottom: 1px solid var(--clr-gld);
}
.purchase-history_list > li .thumb figure {
  aspect-ratio: 1;
  border: 1px solid var(--clr-gld);
  border-radius: 10px;
  overflow: hidden;
  isolation: isolate;
  background: #fff;
}
.purchase-history_list > li .thumb figure img {
  object-fit: contain;
  height: 100%;
  object-position: center;
}
.purchase-history_list > li .detail {
  line-height: calc(24/16);
  display: flex;
  flex-direction: column;
  gap:10px;
  font-weight: 500;
}
.purchase-history_list > li .detail .date{
  font-size: min(14px,3.4vw);
}
.purchase-history_list > li .detail .item-price {
  font-weight: 600;
  font-size: min(16px, 3.6vw);
}
.purchase-history-item .total-price {
  padding: 8px min(30px, 3vw);
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px 0;
  border: 1px solid;
  font-size: min(18px, 3.7vw);
  border-radius: 3px;
  font-weight: 600;
}
.purchase-history-item .total-price > * + * {
  padding-left: 1.5em;
}
.purchase-history-item .total-price > * + *::before {
  content: "/";
  position: absolute;
  left: calc(1.5em/2);
  top: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.box-mypage__transfer{
  margin-top:min(60px,10vw);
}

/**/
.mypage_thread_history{
  display: grid;
  grid-template-columns: 100%;
  gap:min(60px,10vw)
}
.thread_history-list{
  display: grid;
  grid-template-columns: 100%;
  gap:min(40px,7.7vw)
}
.item-thread_history{
  background-color: #fff;
  border-radius: 3px;
  padding: min(24px,6vw) min(30px,4vw);
}
.item-thread_history::after{
  content: "";
  width: min(43px,7.5vw);
  aspect-ratio:1;
  border: 2px solid var(--clr-wblue);
  background-color: var(--clr-wblue);
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/comment_w.svg");
  background-size: 43%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 100vmax;
  translate:-25% -50%;
  pointer-events: none;
}
.item-thread_history.tag-rep::after{
  background-color: #fff;
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/return_wb.svg");
}

.thread-head__title{
  color: var(--clr-wblue);
  font-weight: 600;
  font-size: min(16px,3.6vw);
}
.thread-head__data{
  -ms-align-items: center;
  align-items: center;
  font-size: min(16px,3.6vw);
  gap:10px .875em;
  margin-top: 10px;
}
.thread-head__data .rep_data{
  border-radius: 3px;
  border: 1px solid #7BAAAA;
  padding-left: 2em;
  overflow: hidden;
  isolation: isolate;
  min-height: 1.74em;
  display: grid;
  grid-template-columns: 100%;
  -ms-align-items: center;
  align-items: center;
  font-size: .875em;
}
.thread-head__data .rep_data::before{
  content: "";
  width: 2em;
  height: 100%;
  background-color: #7BAAAA;
  background-image: url("/image/tmariko_template/park-yuchun-site/icon/return.svg");
  background-size: 60%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.thread-head__data .rep_data span{
  padding: 3px .5em;
}
.threads-comment{
  margin-top: 1em;
  line-height: calc(21/14);
}