@charset "UTF-8";
/* CSS Document */ :root {
  --fnt-base: 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, sans-Serif;
  --fnt-graph: 'graphie', 'Noto Sans JP', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Osaka, sans-Serif;
  --fs-mid16: clamp(0.875rem, 0.832rem + 0.22vw, 1rem); /*14-16*/
  --fs-mid18: clamp(1rem, 0.957rem + 0.22vw, 1.125rem); /*16-18*/
  --fs-wid20: clamp(1rem, 0.914rem + 0.43vw, 1.25rem); /*16-20*/
  --fs-wid25: clamp(1.125rem, 0.974rem + 0.75vw, 1.563rem); /*18-25*/
  --head1: clamp(1.875rem, 1.337rem + 2.69vw, 3.438rem); /*30-55*/
  --head2: clamp(2rem, 1.828rem + 0.86vw, 2.5rem); /*32-40*/
  --head3: clamp(1.125rem, 0.867rem + 1.29vw, 1.875rem); /*18-30*/
  --clr-ppl: #483676;
  --clr-pale-ppl: #402D70;
  --clr-d-ppl:#3B286C;
  --clr-crlred: #D44D5C;
  --clr-gry: #EDEDED;
  --wall-ppl: #291A50;
  --wall-pale-ppl: #463474;
  --wall-gry: #EDEDED;
  --wall-pale-gry: #EAEAEA;
  --wall-dark-gray: #4E4E4E;
  --gra-ppl: linear-gradient(180deg, #3B286C, #372469);
  --gra-pnkppl: linear-gradient(-45deg, #441972, #D44D5D);
  --gra-pplpnk: linear-gradient(-45deg, #D44D5D, #441972);
  --easing: cubic-bezier(0.45, 0.05, 0.55, 0.95);
  --transition: .3s var(--easing);
}
/*Common 
===============================================================*/
body {
  font-family: var(--fnt-base);
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: min(14px, 3.6vw);
  font-weight: 400;
  color: #000;
  background: #F5F5F5;
  width: 100%;
  display: none;
}
img, svg {
  width: 100%;
  max-width: 100%;
  display: block;
}
a.cvr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
}
a.udr {
  text-decoration: underline;
  color: #003BFF;
}
a.clr {
  color: var(--clr-pale-ppl);
}
.fnt-graph {
  font-family: var(--fnt-graph); /*400-600-700*/
}
.fc-crlred {
  color: var(--clr-crlred);
}
.fc-ppl {
  color: var(--clr-pale-ppl);
}
.fc_red {
  color: #D32727;
}
/*リンク無効*/
a.un_link {
  pointer-events: none;
}
#container {
  width: 100%;
  min-height: 100vh;
  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;
  overflow-x: hidden;
}
#container > * {
  width: 100%;
}
.wrapper {
  width: min(1520px, calc(100% - min(30px, 4vw)));
  padding-left: min(40px, 4vw);
  padding-right: min(40px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
.inner {
  width: min(1240px, 100%);
  padding-left: min(50px, 4vw);
  padding-right: min(50px, 4vw);
  margin-left: auto;
  margin-right: auto;
}
.fl, .flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.fl_c, .flex-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;
}
.ai_c {
  -ms-align-items: center;
  align-items: center;
}
/*button　setting
===========================*/
.btn-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: 15px;
}
.btn-wrap.row {
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
  justify-content: center;
  gap: 15px min(30px, 5vw);
}
.btn-wrap.full {
  width: 100%;
}
.round-btn {
  width: min(305px, 100%);
  border-radius: 35px;
  background: var(--clr-crlred);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
.round-btn.min {
  width: min(210px, 100%);
}
.round-btn.mid {
  width: min(353px, 100%);
}
.round-btn > * {
  display: block;
  padding: min(20px, 5vw) min(40px, 8vw);
  font-weight: 800;
  color: #F5F5F5;
  text-align: left;
}
.round-btn.mid > * {
  padding: min(25px, 5vw) min(60px, 8vw);
}
.round-btn > *::after {
  content: "";
  width: min(2.7143em, 40%);
  height: 3px;
  background: #F5F5F5;
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  transform-origin: right center;
}
.round-btn.min > * {
  padding: min(15px, 3vw) 2em;
}
.round-btn.ppl {
  background: var(--clr-ppl);
}
.round-btn.un_link {
  background: var(--wall-dark-gray);
}
.round-btn.un_link a {
  pointer-events: none;
}
@media (hover) {
  .round-btn:not(.ppl):not(.un_link):hover {
    background: #881B27;
  }
  .round-btn.ppl:hover {
    background: #1F1046;
  }
  .round-btn:not(.un_link):hover > *::after {
    transform: translateY(-50%) scale(.5, 1);
  }
}
.round-btn.inp > * {
  padding: 0;
}
.round-btn.inp input {
  text-align: left;
  padding: min(25px, 5vw) min(60px, 8vw);
}

/*PAGE INDEX
=======================================================*/
.ticker {
  width: 100%;
  height: 200px;
  position: absolute;
  top: min(50px, 5vw);
  left: 0;
  margin: 0;
/*
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
*/
  box-sizing: border-box;
}
.ticker .slide-txt {
  font-size: clamp(5rem, 3.108rem + 9.46vw, 10.5rem); /*50-168*/
  font-weight: 800;
  color: var(--clr-gry);
  white-space: nowrap;
  line-height: 1;
  position: absolute;
  -webkit-animation: ticker-data 40s linear 1s infinite;
  animation: ticker-data 40s linear 1s infinite;
  display: inline-block;
  vertical-align: top;
}
.ticker.move {
  -webkit-animation-name: txt-data;
  animation-name: txt-data;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
  animation-timing-function: cubic-bezier(1, 0, 0, 1);
/*
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
*/
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
@-webkit-keyframes txt-data {
  0% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes txt-data {
  0% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
  }
  to {
    -webkit-transform: translateX(0%);
    transform: translateX(0%)
  }
}
@-webkit-keyframes txtSp-data {
  0% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes txtSp-data {
  0% {
    -webkit-transform: translateX(120%);
    transform: translateX(120%)
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@-webkit-keyframes ticker-data {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%)
  }
}
@keyframes ticker-data {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  to {
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%)
  }
}
.sec-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;
  gap: 10px;
}
.sec-title.cnt {
  -ms-align-items: center;
  align-items: center;
}
.sec-title .en {
  font-size: var(--head2);
  font-weight: 800;
  font-family: var(--fnt-graph);
  line-height: 1.2;
}
.sec-title .ja {
  font-size: var(--fs-mid16);
  font-weight: 800;
}
.box-title {
  font-size: var(--head3);
  font-weight: 800;
  line-height: calc(60/30);
}
.in-text {
  line-height: calc(25/14);
}
.in-text.wid, .top-text {
  line-height: calc(36/18);
}
.top-text.cnt {
  text-align: center;
}
.top-text.wid {
  font-size: var(--fs-mid18);
}
/*MENU
========================================*/
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
#hum-btn {
  display: none;
  position: fixed;
  z-index: 1001;
  top: min(15px, 3vw);
  right: 0;
  width: min(50px, 15vw);
  aspect-ratio: 1/1;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}
#hum-btn.is-hide {
  opacity: 0;
}
#hum-btn.fixed {
  top: 0;
}
/*#hum-btn.fixed::before{
  background: rgba(255,255,255,.16);
}*/
#hum-btn button {
  position: relative;
}
#hum-btn button, #hum-btn button::before, #hum-btn button::after {
  width: 60%;
  height: 3px;
  background: #000;
  -webkit-transition: transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  border-radius: 1.5px;
}
.page-movie #hum-btn button, .page-movie #hum-btn button::before, .page-movie #hum-btn button::after, .page-sound #hum-btn button, .page-sound #hum-btn button::before, .page-sound #hum-btn button::after, .page-livest #hum-btn button, .page-livest #hum-btn button::before, .page-livest #hum-btn button::after, .page-liveplay #hum-btn button, .page-liveplay #hum-btn button::before, .page-liveplay #hum-btn button::after, .page-favorite #hum-btn button, .page-favorite #hum-btn button::before, .page-favorite #hum-btn button::after, .page-history #hum-btn button, .page-history #hum-btn button::before, .page-history #hum-btn button::after {
  background: #fff;
}
#hum-btn button::before, #hum-btn button::after {
  width: 100%;
  content: "";
  position: absolute;
  left: 0;
}
#hum-btn button::before {
  top: -8px;
}
#hum-btn button::after {
  top: 9px;
}
/*open*/
#hum-btn.is-open button {
  background: transparent;
}
#hum-btn.is-open button::before {
  transform: rotate(-45deg);
  background: var(--wall-pale-ppl);
  top: 0;
}
#hum-btn.is-open button::after {
  transform: rotate(45deg);
  background: var(--wall-pale-ppl);
  top: 0;
}
/*l-nav
==================*/
.l-nav {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--wall-gry);
  z-index: 998;
  color: var(--clr-ppl);
  display: none;
  overflow-y: scroll;
}
.l-nav_inner {
  width: 100%;
  min-height: 100%;
  padding: min(100px, 35vw) min(50px, 5vw) 150px;
}
.l-nav-btn {
  gap: 10px;
}
.l-nav-btn .round-btn {
  width: 100%;
}
.l-nav-menu {
  margin-top: min(30px, 10vw);
}
.l-nav-menu > li + li {
  margin-top: 5px;
}
.l-nav-menu li a {
  background: #E6E6E6;
  font-weight: 600;
  display: block;
  text-align: center;
  padding: 15px;
  border-radius: 5px;
}
.l-nav-social {
  margin-top: min(60px, 15vw);
  justify-content: center;
  gap: 1.5em;
}
.l-nav-social a {
  width: min(30px, 2em);
}
/*HEADER  
=======================================================*/
/*index Header*/
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
header.index-header.is-fixed,
header.under-header.is-fixed{
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.header-inner {
  padding-top: min(15px, 2.5vw);
  justify-content: flex-end;
  width: 100%;
}
.header-inner .logo {
  width: min(143px, 30vw);
  filter: drop-shadow(.5px .5px 0px rgba(245, 245, 245, .5)) drop-shadow(-.5px -.5px 0px rgba(245, 245, 245, .5)) drop-shadow(-.5px .5px 0px rgba(245, 245, 245, .5)) drop-shadow(1px -.5px 0px rgba(255, 245, 245, .5));
}
header.is-open .header-inner .logo path {
  fill: var(--wall-pale-ppl);
}
.head-nav {
/*  width: calc(100% - min(95px,25vw));*/
  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;
  -ms-align-items: center;
  align-items: center;
  gap: min(15px,3vw) min(25px, 4vw);
}
.gnav {
  justify-content: flex-end;
  gap: 10px;
}
.gnav li a {
  font-size: var(--fs-mid16);
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
/*index header*/
.index-header .header-inner{
  padding-bottom: min(15px, 3vw);
}
.index-header .header-inner .logo{
  margin-right: auto;
  display: none;
}
.index-header.is-open .logo{
  display: block;
}
.index-header .gnav{
  gap:min(15px,4vw);
}
.index-header .gnav li a{
  color: #fff;
}
.index-header.is-fixed .gnav li a{
  filter: drop-shadow(.5px .5px 0px rgba(59, 40, 108, .25)) drop-shadow(-.5px -.5px 0px rgba(59, 40, 108, .25)) drop-shadow(-.5px .5px 0px rgba(59, 40, 108, .25)) drop-shadow(1px -.5px 0px rgba(59, 40, 108, .25));
}
.index-header .head-btn-wrap .round-btn{
  background: #F5F5F5;
}
.index-header .head-btn-wrap .round-btn a{
  color: #CD4A5D;
}
.index-header .head-btn-wrap .round-btn a::after{
  background: #CD4A5D;
}
@media(hover) {
  .gnav li a:hover {
    opacity: .5;
  }
}
.gnav {
  font-weight: 600;
}
.head-btn-wrap {
  justify-content: flex-end;
  gap: min(20px, 5vw);
}
.head-btn-wrap .round-btn{
  width: 180px;
}
/*under header*/
.under-header .gnav li a{
  filter: drop-shadow(.5px .5px 0px rgba(245, 245, 245, .5)) drop-shadow(-.5px -.5px 0px rgba(245, 245, 245, .5)) drop-shadow(-.5px .5px 0px rgba(245, 245, 245, .5)) drop-shadow(1px -.5px 0px rgba(255, 245, 245, .5));
}

.under-header .header-inner {
  padding-top: min(30px, 5vw);
  padding-bottom: min(30px, 5vw);
  -ms-align-items: center;
  align-items: center;
}
.under-header .header-inner .logo {
  width: 130px;
  margin-right: auto;
}
.under-header .header-inner .logo path {
  fill: var(--clr-ppl);
}
.under-header .header-inner .head-nav {
  width: calc(100% - min(130px, 30vw));
  -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;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px min(30px, 5vw);
}
.under-header .header-inner .head-nav .gnav {
  width: auto;
  justify-content: flex-end;
  gap: min(20px, 3vw);
  color: var(--clr-pale-ppl);
}
.under-header .head-btn-wrap {
  width: 370px;
  gap: 10px;
}
.under-header .head-btn-wrap.mypage-btn{
  width: 185px;
}
.under-header .head-btn-wrap .round-btn {
  width: min(180px, calc((100% - 10px)/2));
}
.under-header .head-btn-wrap .round-btn a::after {
  max-width: 3em;
}
.under-header .head-btn-wrap .round-btn.mypage-btn{
  width: 100%;
}
/*MAIN
=======================================================*/
.pos-pic {
  position: absolute;
}
.pos-pic.mid {
  width: min(486px, 50vw);
}
.pos-pic.wid {
  width: min(704px, 50vw);
}
/*index Key
=====================================*/
.main-key {
  width: 100%;
  height: 847px;
  background: url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_key.png") no-repeat center/cover;
  z-index: 1;
  overflow: hidden;
}
.main-key::before{
  content: "";
  width: 100%;
  aspect-ratio:1/0.0859;
  min-height: min(80px,20vw);
  max-height: 130px;
  position: absolute;
  top: 0;
  left: 0;
  background: var(--gra-pplpnk);
}
.main-key .ticker{
  z-index: -2;
  top: min(130px,15vw);
}
.main-key .pic-top{
  z-index: -1;
  width: min(380px,40%);
  right: 0;
  top: 0;
  transform: translateY(-20%) translateX(30%);
}
.main-key .key-thumb{
/*  width: min(878px,65%);*/
  height: 92%;
  aspect-ratio:1/0.948;
  position: absolute;
  left: 0;
  bottom: 0;
}
.main-key .key-thumb::before{
  content: "";
  width: min(380px,50%);
  aspect-ratio:1/1;
  background: url("/image/tmariko_template/positivesalon/positivesalon/walls/pic-ccl_pnk.svg") no-repeat center/100%;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(25%) translateY(30%);
}
.key-wrapper {
  width: min(1420px, 100%);
  height: 100%;
}
.key-wrapper .key-thumb {
  /*  width: min(650px,50%);*/
  height: min(800px, 100%);
  aspect-ratio: 1/1.2308;
  position: absolute;
  left: min(40px, 4vw);
  top: min(24px, 3vw);
}
.key-inner {
  -ms-align-items: center;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  padding-top: min(80px,20vw);
}
.key-title{
  max-width: 100%;
}
.key-title .gra-title{
  background: var(--gra-pplpnk);
  font-weight: 800;
  font-family: var(--fnt-graph);
  color: #fff;
  font-size: var(--fs-mid16);
  padding: 8px 10px;
}
.key-title .title {
  width: min(500px,100%);
  margin-top: min(20px,5vw);
}
.key-title .key-comment{
  font-size: var(--head3);
  font-weight: 700;
  text-align: center;
  line-height: 1.7931;
  margin-top: min(30px,8vw);
}
.key-social-link {
  position: absolute;
  bottom: min(40px, 8vw);
  left: 50%;
  margin: 0;
  transform: translateX(-50%);
  justify-content: flex-end;
  -ms-align-items: center;
  align-items: center;
  gap: min(20px, 5vw);
}
.key-social-link a {
  width: min(30px, 8vw);
}
.key-button {
  width: min(325px,100%);
  margin-top: min(40px,10vw);
}
.key-button a{
  display: block;
  background:url("/image/tmariko_template/positivesalon/positivesalon/icn_wave.svg") no-repeat left 1em center/2.58em, var(--gra-pplpnk);
  font-size: var(--fs-wid25);
  font-family: var(--fnt-graph);
  font-weight: 700;
  color: #fff;
  padding: 1em 1em 1em 1.5em;
  border-radius: 15px;
}
.key-button a::after{
  content: "";
    width: 1.52em;
    height: 3px;
    background: #F5F5F5;
    position: absolute;
    right: 1.25em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transform-origin: right center;
  border-radius: 2px;
}
/*Content
==================================================*/
#content.index-contents {
  padding-top: min(130px,25vw);
  padding-bottom: min(100px,20vw);
}
.index-sec-title{
   color: var(--clr-d-ppl);
}
.index-sec-title.cnt{
  text-align: center;
}
.index-sec-title .en{
  font-size: clamp(2.5rem, 1.888rem + 3.06vw, 4.375rem);
  font-weight: 800;
    font-family: var(--fnt-graph);
    line-height: 1.2;
}
.index-sec-title .ja{
  font-size: var(--fs-mid16);
  font-weight: 800;
}
.index-sec-title::before{
  content: "";
  width: 6.8em;
  height: 3px;
  background: #3B286C;
  position: absolute;
  left: 5px;
  top: -10px;
  border-radius: 2px;
}
.index-sec-title.cnt::before{
  left: 50%;
  transform: translateX(-50%);
}
/*PAGE - index
===================================*/

/*index - contents*/
.index-contents-blc .pic-top{
  width: min(486px,35%);
  right: 0;
  top: 0;
  transform: translateY(-25%) translateX(10%);
}
.index-contents-blc .pic-btm{
  width: min(700px,50%);
  bottom: 0;
  left: 0;
  transform: translateX(-40%) translateY(95%);
}
.contents-detail-list {
  gap: min(24px, 4vw) min(30px, 5vw);
  margin-top: min(40px, 10vw);
}
.contents-detail-list > li {
  background: linear-gradient(90deg,#634E9B,#431A72);
  color: #fff;
  border-radius: 10px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding: min(18px,3vw) min(20px,3vw);
  -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;
}
.contents-detail-list > li .num{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  width:4.6429em;
  aspect-ratio:1/1;
  background: #fff;
  border-radius: 50%;
}
.contents-detail-list > li .num span{
  font-size: var(--head3);
  font-family: var(--fnt-graph);
  font-weight: 800;
  color: #634E9B;
}
.contents-detail-list > li .cmnt{
  width: calc(100% - 4.6429em);
  /*padding-left: min(30px,5vw);*/
  line-height: calc(22/16);
}
.contents-detail-list > li .in-title {
  font-weight: 600;
  font-size: var(--fs-wid20);
}
.contents-detail-list > li .in-text {
  font-size: var(--fs-mid18);
}
.contents-detail-list > li .in-text + .in-title{
  margin-top: 10px;
}
.contents-detail-list > li .category-area{
  width: 100%;
  margin-top: min(20px,5vw);
  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(20px,3vw);
}
.contents-detail-list > li .category-area span{
  background: #3A276B;
  padding: 10px min(40px,8vw);
  border-radius: 5px;
  
}
/*
.index-contents-blc .round-btn{
  width: min(353px,100%);
  margin-top: min(60px,10vw);
  margin-left: auto;
  margin-right: auto;
}
*/

/*index - live*/
.index-live-blc {
  padding-top: min(160px, 20vw);
  padding-bottom: min(50px, 15vw);
}
.index-live-blc::before {
  content: "";
  width: 100%;
  height: 45%;
  border-radius: 10px;
  background: var(--wall-gry);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.index-live-blc .top-text {
  margin-top: min(45px, 10vw);
}
.index-live-box {
  margin-top: min(60px, 15vw);
}
.index-live-list {
  width: 100%;
  gap: min(30px, 5vw);
  justify-content: space-between;
}
.index-live-list li {
  width: calc((100% - min(60px, 10vw))/2);
  background: var(--clr-ppl);
  border-radius: 10px;
  color: #fff;
  padding: min(30px, 5vw) 10px;
  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(15px, 3vw);
  border: 5px solid #240D53;
}
.index-live-list li .count-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: min(15px, 3vw);
}
.index-live-list li .count {
  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;
  font-family: var(--fnt-graph);
  font-weight: 800;
  font-size: var(--fs-wid25);
}
.index-live-list li .count p.num {
  font-size: 2.12em;
  letter-spacing: -.1em;
  text-indent: -.1em;
  margin-top: -3px;
}
.index-live-list li .tag {
  background: var(--clr-crlred);
  font-size: 0.8571em;
  font-weight: 600;
  width: min(6.3333em, 100%);
  text-align: center;
  padding: 10px;
  border-radius: 25px;
}
.index-live-list li p.in-text {
  font-weight: 600;
  font-size: var(--fs-mid18);
}
.index-live-box .round-btn {
  margin-top: min(45px, 10vw);
}

/*index - video*/
.index-video-wrap{
  margin-top: min(100px, 15vw);
}
.index-video-blc {
  padding-bottom: min(100px, 20vw);
  background: #39266B url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_video.png") no-repeat top right/100%;
  color: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.index-video-wrap .pic-top{
  width: min(700px,50%);
  top: 0;
  right: 0;
  transform: translateY(-10%) translateX(40%);
}
.index-video-wrap .pic-btm{
  width: min(700px,50%);
  bottom: 0;
  left: 0;
  transform: translateX(-35%) translateY(-10%);
}
.index-video-blc .index-sec-title{
  color: #fff;
}
.index-video-blc .index-sec-title::before{
  content: none;
}
.index-video-lesson {
  padding-top: min(90px, 15vw);
}
.index-video-lesson .top-text {
  margin-top: min(50px, 5vw);
  font-size: var(--fs-mid18);
}
.index-video-lesson .round-btn {
  margin-top: min(40px, 5vw);
}
.video-lesson-slide {
  margin-top: min(60px, 15vw);
}
.video-lesson-slide .swiper-slide {
  aspect-ratio: 1/0.5625;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
  color: #000;
  padding: 10px;
}
.swiper-btn-right {
  position: absolute;
  top: 0;
  left: 90%;
  width: 300%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
  outline: none;
}
.swiper-btn-left {
  position: absolute;
  top: 0;
  right: 90%;
  width: 300%;
  height: 100%;
  z-index: 100;
  cursor: pointer;
  outline: none;
}
.index-video-sound {
  margin-top: min(100px, 15vw);
}
.video-sound-head .detail {
  z-index: 1;
}
.video-sound-head .detail .in-text {
  font-size: var(--fs-mid18);
  margin-top: min(50px, 5vw);
}
.video-sound-head .detail .round-btn {
  margin-top: min(40px, 5vw);
}
.video-sound-head .thumb {
  position: absolute;
  left: 50%;
  width: min(760px, 50vw);
  aspect-ratio: 1/0.6816;
  top: 2.5em;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.video-sound-head .thumb img {
  object-fit: cover;
  height: 100%;
}
.video-sound-list {
  margin-top: min(40px, 8vw);
}
.video-sound-list li {
  background: #634E9B;
  border-radius: 10px;
  overflow: hidden;
  -webkit-transition: transform var(--transition);
  -o-transition: transform var(--transition);
  transition: transform var(--transition);
}
.video-sound-list li + li {
  margin-top: 10px;
}
.video-sound-list li a {
  display: block;
  font-size: var(--fs-mid18);
  padding: min(27px, 5vw) min(20px, 5vw);
  line-height: 1.2;
}
.video-sound-list li a span{
  padding-left: 3em;
}
.video-sound-list li a span::before{
  content: "";
  width: 2.2222em;
  aspect-ratio:1/1;
  background: url("/image/tmariko_template/positivesalon/positivesalon/icn_arrow.svg") no-repeat center/100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  
}
@media(hover) {
  .video-sound-list li:hover {
    transform: translateX(10px);
  }
}

/*index - news*/
.index-news-blc{
  padding-top: min(140px,15vw);
}
.index-news-blc .pic-btm{
  width: min(700px,50vw);
  right: 0;
  bottom: 0;
  transform: translateX(50%) translateY(75%);
}
.index-news-blc .index-sec-title{
  color: #000000;
}
.index-news-blc .index-sec-title::before{
  content: none;
}
.index-news-list{
  margin-top: min(40px,5vw);
}
.index-news-list li{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.index-news-list li {
  font-size: var(--fs-mid16);
  padding: min(40px,5vw);
  line-height: 1.71;
}
.index-news-list li .date{
  color: var(--clr-ppl);
  width: 9em;
  font-family: var(--fnt-graph);
  font-weight: 700;
}
.index-news-list li .post-title{
  font-weight: 600;
  width: calc(100% - 9em);
}
.index-news-list li::after{
  content: "";
  width: 100vw;
  height: 1px;
  background: #EFEFEF;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.index-news-box .btn-wrap{
  margin-top: min(70px,8vw);
}


/*FOOTER
=======================================================*/
footer {
  margin-top: auto;
  background: var(--clr-ppl);
  padding-top: min(92px, 15vw);
  padding-bottom: min(92px, 15vw);
  color: #fff;
}
footer::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_burning.png") no-repeat center/cover;
  mix-blend-mode: color-burn;
}
.footer-inner {}
.foot-logo {
  width: min(200px, 70%);
}
.foot-logo .svg path {
  fill: #fff;
}
.foot-social-link a .st0 {
  fill: #fff;
}
.footer-nav {
  width: 100%;
  margin-top: min(50px, 12vw);
}
.footer-nav li {
  gap: 10px;
  justify-content: space-between;
}
.footer-nav li.contents-nav {
  width: min(600px, 100%);
}
.footer-nav li.other-nav {
  width: min(425px, 100%);
  margin-top: min(25px, 3vw);
}
.footer-nav li a {
  font-size: var(--fs-mid16);
  font-weight: 600;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.foot-social-link {
  gap: min(30px, 10vw);
  -ms-align-items: center;
  align-items: center;
  margin-top: min(60px, 15vw);
}
.foot-social-link a {
  width: min(30px, 8vw);
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
p.copy {
  margin-top: min(85px, 18vw);
}
@media(hover) {
  .footer-nav li a:hover, .foot-social-link a:hover {
    opacity: .5;
  }
}
/*slide cursor*/
.cursor {
  background: rgba(0, 0, 0, .5);
  width: 5em;
  height: 5em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: none;
  color: #fff;
  position: absolute;
  z-index: 10;
  box-shadow: 0 5px 10rem 0 rgb(12 2 0 / 15%);
  cursor: pointer;
  margin: 1rem;
  right: 0;
  transform: scale(0);
  transition: transform .4s cubic-bezier(.19, 1, .22, 1);
  pointer-events: none;
}
.cursor_text_prev, .cursor_text_next {
  font-size: .85em;
  display: none;
}
.show_cursor_left .cursor {
  transform: scale(1)
}
.show_cursor_left .cursor_text_prev {
  display: block
}
.show_cursor_left .movie-slider {
  transform: translateX(.5rem)
}
.show_cursor_right .cursor {
  transform: scale(1)
}
.show_cursor_right .cursor_text_next {
  display: block
}
.show_cursor_right .movie-slider {
  transform: translateX(-.5rem)
}
.movie_scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  margin: 0 2.5rem 0 0;
  height: 5px;
  background: linear-gradient(0, rgba(74, 111, 170, 0) 0%, rgba(74, 111, 170, 0) 40%, rgba(74, 111, 170, 1) 40%, rgba(74, 111, 170, 1) 60%, rgba(74, 111, 170, 0) 60%, rgba(74, 111, 170, 0) 100%);
  border-radius: 10rem;
  overflow: hidden;
}
.movie_scrollbar .swiper-scrollbar-drag {
  background-color: #fff;
}
/*UNDER -Contents
=======================================================*/
.under-contents {
  background: #151515;
  color: #fff;
}
#side-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 300px;
  height: 100vh;
  overflow-y: scroll;
  background: #33215F;
  padding-bottom: 50px;
  color: #fff;
  transform: translateX(0);
  transform-origin: left;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}
#main-container {
  width: 100%;
  max-width: calc(100% - 300px);
  margin-left: auto;
}
#contents-header {
  position: fixed;
  max-width: calc(100% - 300px);
  padding: 20px;
  left: auto;
}
#contents-header.is-hide {
  z-index: 10;
}
#contents-header .header_inner {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 0;
}
.page-liveplay #contents-header {
  position: relative;
}
#contents-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(72, 54, 118, 1), rgba(72, 54, 118, 0));
  width: 100%;
  height: 120px;
}
#contents-header.is-open::before {
  opacity: 0;
}
.page-liveplay #contents-header::before {
  height: 150%;
}
#contents-header .contents_head__logo {
  width: 24%;
  display: none;
}
#contents-header.is-open .contents_head__logo .st0 {
  fill: var(--wall-pale-ppl);
}
#contents-header .round-btn {
  margin-left: auto;
  width: min(180px, 100%);
}
.contents__nav {
  -ms-align-items: center;
  align-items: center;
  font-weight: 500;
}
.contents__nav > a + a {
  margin-left: 20px;
}
.contents__nav > a.h-back {
  width: 2.14em;
  height: 2.14em;
  background: #33215F;
  border-radius: 50%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.contents__nav > a.h-back::after {
  content: "";
  width: .45em;
  height: .45em;
  position: absolute;
  top: 50%;
  left: 55%;
  border: 1px solid;
  border-color: #fff transparent transparent #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.contents__nav > a.h-contents_nav {
  min-width: 10em;
  padding: 12px 1.5em;
  text-align: center;
  border-radius: 5px;
  background: #33215F;
  font-weight: 600;
}
.contents__nav > a.h-contents_nav.active {
  background: var(--clr-crlred);
}
.side-container__nav {
  padding: 30px 10px 0;
}
.side-container__nav .side-logo {
  width: 45%;
  margin: 0 auto;
}
.side__navigation {
  margin-top: 50px;
}
.side__navigation > * + * {
  margin-top: 5px;
}
.side__navigation > a {
  display: block;
  background: #1E0F45;
  padding: min(20px, 3vw) min(50px, 5vw);
  border-radius: 5px;
}
.search_wrap input.search::placeholder {
  color: #9C9C9C;
  font-size: .875em;
}
.side-container__cate .side-title {
  font-weight: 700;
  padding-left: 1.5em;
  background: url("/image/tmariko_template/positivesalon/ps/icn_w_category.png") no-repeat left center/1.125em;
}
.side-container__cate > div + .side-title {
  margin-top: 1em;
}
.side-container__cate .search-radio_wrap:first-of-type {
  padding-top: 1em;
}
.search-radio_wrap {
  padding-left: 1.5em;
  padding-top: .5em;
  padding-bottom: .25em;
}
.search-radio_wrap input + span {
  color: #BBC8D5;
}
.search-radio_wrap input:checked + span {
  color: #fff;
}
/*main-container header*/
#hum-btn.contents__hum {
  position: relative;
  width: 9em;
  height: auto;
  top: auto;
  right: auto;
  -ms-align-items: flex-start;
  align-items: flex-start;
  padding: .5em .5em;
  margin-left: auto;
}
#hum-btn.contents__hum::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #204B72;
  border-radius: 20px;
}
#hum-btn.contents__hum::after {
  content: "MENU";
  width: 100%;
  display: block;
  z-index: 1;
  text-align: center;
  padding-left: .5em;
  font-family: "futura", sans-serif;
  font-weight: 600;
}
#hum-btn.contents__hum button {
  position: absolute;
  left: 1em;
}
#hum-btn.contents__hum button, #hum-btn.contents__hum button::before, #hum-btn.contents__hum button::after {
  width: 20px;
  background: #fff;
}
#hum-btn.contents__hum button::before {
  top: -6px;
}
#hum-btn.contents__hum button::after {
  top: 6px;
}
#hum-btn.contents__hum.is-open button {
  background: transparent;
}
#hum-btn.contents__hum.is-open button::after, #hum-btn.contents__hum.is-open button::before {
  top: 0;
}
/*content*/
#content-key + #content {
  margin-top: 50px;
}
.acv-head .category-name {
  padding-left: 2.5em;
  font-weight: 600;
  font-size: var(--fs-mid16);
}
.acv-head .category-name::before {
  content: "";
  width: 1.5em;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
/*float_nav*/
.search-slide-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*  max-height: 100%;*/
  z-index: 900;
  /*  background:rgba(21,21,21,.1);*/
  /*
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
*/
  color: #fff;
  -webkit-transition: transform .6s;
  -o-transition: transform .6s;
  transition: transform .6s;
  /*  padding-bottom: env(safe-area-inset-bottom);*/
  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;
  justify-content: flex-end;
}
.search-slide-nav._slidedown {
  transform: translateY(200%);
}
.slide-nav_inner {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: min(30vw, 130px);
  background: rgba(21, 21, 21, .9);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  margin-top: auto;
  max-height: 100%;
  overflow-y: scroll;
}
.search-slide__head {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.search-slide__head > a {
  width: calc((100% - 20px)/2);
  background: #473575;
  border-radius: 5px;
  font-weight: 600;
  font-size: var(--fs-mid16);
}
.search-slide__head > a.movie, .search-slide__head > a.search_fev, .search-slide__head > a.search_his {
  width: calc((100% - 10px)/2);
}
.search-slide__head > a .en {
  font-family: var(--fnt-graph);
}
.search-slide__head > a.sound {
  width: 100%;
  aspect-ratio: 1/0.2703;
  max-height: 120px;
  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;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.search-slide__head > a.search_fev, .search-slide__head > a.search_his {
  background: #32225A;
  padding: 20px;
  text-align: center;
}
.search-slide__head > a.movie {
  aspect-ratio: 1/0.625;
  max-height: 150px;
  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;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  gap: 5px;
}
.search-slide-nav__inner {
  margin-top: 2em;
  /*  padding-bottom: 100px;*/
}
.search-slide-nav__inner p.in-title {
  padding-left: 1.5em;
  font-size: 1.285em;
  font-weight: 600;
  margin-bottom: .857em;
  background: url("/image/tmariko_template/positivesalon/ps/icn_w_category.png") no-repeat left center/1em;
}
.search-slide-nav__inner .search-radio_wrap {
  padding: .5em 1em;
}
#content-float-nav {
  display: none;
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #1B3B5F;
  z-index: 10;
  padding-bottom: env(safe-area-inset-bottom);
}
#content-float_btn {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: min(60px, 15vw);
  aspect-ratio: 1/1;
  background: rgba(255, 255, 255, .25);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 50%;
  z-index: 901;
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/image/tmariko_template/positivesalon/positivesalon/icn_fixnav_open.svg");
}
#content-float_btn.close {
  background-image: url("/image/tmariko_template/positivesalon/positivesalon/icn_fixnav_close.svg");
}
/*
.content-float__inner {
  -ms-align-items: center;
  align-items: center;
  padding: .5em 0;
}
.content-float__inner > * {
  width: calc(100% / 4);
  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;
  font-size: .857em;
  color: #B1B1B1;
  cursor: pointer;
}
.content-float__inner > *.active {
  color: #fff;
}
.content-float__inner > * .icn {
  width: 2em;
  overflow: hidden;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.content-float__inner > * .icn.live {
  width: 3em;
}
.content-float__inner > * .icn::before {
  content: "";
  display: block;
  padding-top: 3em;
}
.content-float__inner > * .icn img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-height: 100%;
  width: auto;
}
.content-float__inner > .page-bk {
  color: #60ABFF;
}
*/
/*main Conteiner
=========================*/
#main-container {
  min-height: 100vh;
  padding-bottom: 50px;
}
#container .content-main-wp {
  padding-left: 30px;
  padding-right: 30px;
}
#content-key {
  -ms-align-items: flex-end;
  align-items: flex-end;
}
#content-key h2 {
  z-index: 1;
}
#content-key h2 span {
  display: block;
}
#content-key h2 span.en, #content-key h2 span.jp {
  opacity: 0;
  -webkit-transition: .6s cubic-bezier(0.260, 0.005, 0.000, 1.035);
  -o-transition: .6s cubic-bezier(0.260, 0.005, 0.000, 1.035);
  transition: .6s cubic-bezier(0.260, 0.005, 0.000, 1.035);
}
#content-key h2 span.en {
  font-weight: 600;
  font-size: var(--head2);
  transform: translateY(20px);
  font-family: var(--fnt-graph);
}
#content-key h2 span.jp {
  transform: translateY(20px);
  transition-delay: .1s;
  margin-top: 10px;
}
.is-load #content-key h2 span.en, .is-load #content-key h2 span.jp {
  transform: translateY(0px);
  opacity: 1;
}
.is-load #content-key p.en-logo img {
  opacity: 1;
  transform: scale(1)
}
/*MOVIE - archive
==================================*/
#container.page-movie .content-main-wp {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat right top/100%;
}
.acv-movie #content-key p.en-logo {
  width: 320px;
  max-width: 100%;
  transform: translateY(-1.5em) translateX(-3em);
}
.acv-list-area {
  margin-top: 30px;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.acv-list-area article {
  margin: 0 5px;
  width: calc((100% - 40px)/4);
  box-shadow: 6px 6px 20px rgba(0, 0, 0, .16);
  transition: all .2s ease-out;
  opacity: 1;
}
.acv-list-area article:hover {
  opacity: .8;
  box-shadow: 6px 6px 20px rgba(0, 0, 0, 0);
}
.acv-list-area + .btn-wrap {
  margin-top: min(80px, 10vw);
}
/*
.acv-list-area article::after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4em;
  height: 4em;
  background: rgba(0,0,0,.44) url("/image/tmariko_template/positivesalon/ps/icn_w_trg.png") no-repeat center/1em;
  border-radius: 50%;
  transform: translate(-50%,-50%);
}*/
.acv-list-area > * + *:nth-child(n+5) {
  margin-top: 30px;
}
.acv-list-area article p.acv-thumb {
  border-radius: 3px;
  overflow: hidden;
}
.acv-list-area article p.date {
  font-family: var(--fnt-graph);
  font-weight: 600;
  text-align: right;
  margin-top: 10px;
}
/*20220131 追記*/
.acv-list-area .dele-btn {
  justify-content: flex-end;
  margin-top: 5px;
  cursor: pointer;
}
.acv-list-area article.fev_box {
  box-shadow: none;
}
.acv-list-area article.fev_box figure {
  box-shadow: 6px 6px 20px rgb(0 0 0 / 16%);
}
.acv-list-area .dele-btn button {
  width: auto;
  cursor: pointer;
  font-weight: 600;
}
/*20220131 追記ここまで*/
/*SOUND - archive
==================================*/
#container.page-sound .content-main-wp {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat center top/100%;
}
.acv-line-list {
  margin-top: min(70px, 15vw);
}
.acv-line-list > li + li {
  margin-top: 10px;
}
.acv-line-list li a {
  display: block;
  background: var(--wall-ppl);
  padding: min(20px, 4vw) min(35px, 5vw);
  line-height: 1.4;
  border-radius: 10px;
}
.acv-line-list + .btn-wrap {
  margin-top: min(80px, 10vw);
}
/*Container - player
==================================*/
.connection-head h3 {
  font-weight: 600;
  font-size: 1.428em;
}
.content-player-wrap > * {
  width: 100%;
}
.content-player__area {
  /*  padding-top: 56.25%;*/
  box-shadow: 6px 6px 15px rgba(0, 0, 0, .47);
}
.content-player__data {
  margin-top: 17px;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
}
.content-player__data .play__title {
  font-size: var(--fs-mid16);
  font-weight: 800;
  line-height: 1.4;
}
.content-player__data .fev_addition {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.content-player__data .fev_addition button {
  background: #204B72;
  padding: 10px 2em;
  border-radius: 3px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}
.content-player__data .fev_addition button span {
  padding-left: 1.8em;
  background: url("/image/tmariko_template/positivesalon/positivesalon/ps/favorite_yellow.png")no-repeat left center/1.5em;
}
.content-player__data .fev_del button span {
  background: url("/image/tmariko_template/positivesalon/positivesalon/ps/favorite_yellow.png")no-repeat left center/1.5em;
}
.content-connection-blc {
  margin-top: 60px;
}
/*LIVE
=================================*/
#container.page-livest .content-main-wp {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat top center/100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 100px;
  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;
  min-height: 100vh;
}
.page-livest #contents-header, .page-liveplay #contents-header {
  max-width: 100%;
  padding-left: 50px;
  padding-right: 50px;
}
.page-livest #contents-header .contents_head__logo, .page-liveplay #contents-header .contents_head__logo {
  display: block;
  width: 100%;
  max-width: 165px;
  padding-right: 50px;
}
.page-livest #contents-header .contents__nav {
  padding-left: 50px;
}
.page-livest #content-key p.en-logo {
  width: 258px;
  max-width: 100%;
  transform: translateY(-1em) translateX(1em);
}
.page-livest #content-key, .page-livest #content {
  width: 100%;
  max-width: 1080px;
  padding-left: 20px;
  padding-right: 20px;
}
.acv-livest-blc h3 {
  font-weight: 800;
  font-size: var(--fs-mid18);
}
ul.acv-live__list {
  margin-top: 1.142em;
}
ul.acv-live__list li + li {
  margin-top: 5px;
}
ul.acv-live__list li {
  background: var(--wall-ppl);
  border-radius: 10px;
}
ul.acv-live__list li a {
  display: block;
  padding: min(20px, 4vw) min(35px, 3vw);
  font-size: var(--fs-mid18);
  line-height: 1.4;
}
/*LIVE PLAY
============================*/
.page-liveplay-blc {
  justify-content: space-between;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.page-liveplay #contents-header .contents__nav {
  padding-left: 50px;
}
#container.page-liveplay {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat right top/100%;
}
#container.page-liveplay .content-main-wp {
  padding-bottom: 100px;
  min-height: 100vh;
  padding-top: 50px !important;
}
.page-liveplay-blc .player-wrap {
  width: 72%;
}
.page-liveplay-blc .live-player {
  width: 100%;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, .45);
}
.page-liveplay-blc .player-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;
}
.page-liveplay-blc .player-wrap .live-data {
  margin-top: 1.125em;
}
.page-liveplay-blc .live-chat {
  width: calc(28% - 30px);
  min-height: 620px;
  box-shadow: 6px 6px 15px rgba(0, 0, 0, .45);
}
.page-liveplay-blc .live-player::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.page-liveplay-blc iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/*FAVORITE*/
#container.page-favorite .content-main-wp {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat center top/100%;
}
.acv-favorite #content-key p.en-logo {
  width: 170px;
  max-width: 100%;
  transform: translateY(-20px) translateX(10px);
}
/*HISTORY*/
#container.page-history .content-main-wp {
  background: #151515 url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_under.png") no-repeat center top/100%;
}
.acv-history #content-key p.en-logo {
  width: 170px;
  max-width: 100%;
  transform: translateY(-20px);
}
/*PAGE UNDER
=======================================================*/
/*modal*/
.modal__wrap {
  display: none;
}
.modaal-container {
  background: var(--clr-ppl);
}
.modaal-container::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/image/tmariko_template/positivesalon/positivesalon/walls/wall_burning.png) no-repeat center/cover;
  mix-blend-mode: color-burn;
}
.modaal-content {
  width: 100%;
  max-width: 100vw;
  height: 100%;
  overflow-x: hidden;
}
.modaal-content-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.modal__inner {
  width: 100%;
  max-width: 370px;
  padding: 60px 20px 0;
  margin: 0 auto;
}
.modal-close:not(.button) {
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 50px;
  width: 50px;
  height: 50px;
}
.modal-close p {
  width: 100%;
  height: 4px;
  background: #0F2154;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(45deg);
}
.modal-close p::before {
  content: "";
  width: 100%;
  height: 4px;
  background: #0F2154;
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
}
.modal-close.button {
  background: #C9C9C9;
  border-radius: 6px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 17px;
}
.modal-close.button span {
  font-weight: 600;
}
.modal_title {
  text-align: center;
  font-size: var(--fs-wid25);
  font-weight: 600;
  color: #fff;
  padding-bottom: 17px;
}
.modal_title::after {
  content: "";
  width: 2.56em;
  height: 2px;
  background: var(--clr-crlred);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.modal_purchase__box {
  margin-top: min(30px, 10vw);
}
.modal_purchase__box button {
  background: #fff;
  border: 1px solid #2E3F50;
  border-radius: 10px;
  text-align: left;
  padding: 1.125em;
  position: relative;
}
.modal_purchase__box button:not(.modal-close)::after {
  content: "";
  width: 10px;
  aspect-ratio: 1/1.125;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background: #2B2B2B;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(-90%);
}
.modal_purchase__box button + button {
  margin-top: 17px;
}
.modal_purchase__box button .in-title {
  font-weight: 600;
}
.modal_purchase__box button .in-text {
  font-size: min(.875em, 3.4vw);
}
.modal_purchase__box button p.thumb {
  margin-top: 10px;
}
.modal_purchase__box button p.thumb img {
  width: auto;
  max-height: 1.5em;
}
.modal_purchase__box button.btn_card p.thumb img {
  max-height: 2.14em;
}
/*under - key*/
#under-key {
  background: var(--clr-ppl);
  min-height: 200px;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 37px 0;
  color: #fff;
}
#under-key::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_burning.png") no-repeat center top 40%/cover;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  mix-blend-mode: color-burn;
}
h2.under-page_title span {
  display: block;
  text-align: center;
}
h2.under-page_title span.en {
  font-size: var(--head2);
  font-family: var(--fnt-graph);
  font-weight: 600;
}
h2.under-page_title span.jp {
  font-size: var(--fs-mid16);
  font-weight: 600;
  margin-top: 10px;
}
h3 span.jp {
  font-size: var(--fs-wid25);
  font-weight: 600;
}
/*under - content
=========================================*/
.fix-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url("/image/tmariko_template/positivesalon/positivesalon/walls/wall_fix.png") no-repeat center/cover;
  mix-blend-mode: multiply;
}
#content.page-under {
  margin-top: min(90px, 20vw);
  padding-bottom: min(130px, 20vw);
}
.under_inner {
  width: min(800px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding-left: min(20px, 4vw);
  padding-right: min(20px, 4vw);
}
.under_inner__570 {
  width: 100%;
  max-width: 610px;
  margin: 0 auto;
  padding: 0 20px;
}
.under_inner__820 {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  padding: 0 20px;
}
/*title*/
.ovr-line-title {}
.ovr-line-title p {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.ovr-line-title p::before, .ovr-line-title p::after {
  content: "";
  display: block;
  height: 2px;
  background: #1B446C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ovr-line-title p::before {
  left: 0;
}
.ovr-line-title p::after {
  right: 0;
}
/*form*/
.form-wrap, .under_inner_s {
  width: min(600px, 100%);
  margin-left: auto;
  margin-right: auto;
  padding: 0 min(20px, 4vw);
}
.under_inner_s .form-wrap {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.top-text + .form-wrap {
  margin-top: min(40px, 10vw);
}
form {
  width: 100%;
  max-width: 100%;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
  background: none;
  border: 2px solid var(--clr-pale-ppl);
  width: 100%;
  border-radius: 5px;
  padding: .5em 1em;
  font-size: 16px;
  box-sizing: border-box;
}
input.f-post_code {
  width: 10em;
  max-width: 100%;
}
::placeholder {
  font-size: 14px;
  color: #C1BBCF;
  vertical-align: middle;
}
.form__inner {
  color: var(--clr-pale-ppl);
}
.form__inner p.f-title + .input {
  margin-top: 10px;
}
.form__inner p.f-title.must span::after {
  content: '*';
  position: absolute;
  top: 0;
  right: -10px;
  display: block;
  color: #D81615;
  font-size: 1.142em;
}
.form__inner .input + p.f-title {
  margin-top: 1.875em;
}
.form__inner .input.flex {
  align-items: center;
}
.form__inner .input.flex.clm-2 {
  justify-content: space-between;
}
.form__inner .input.flex.clm-2 > input {
  width: calc((100% - 10px)/2)
}
.form__inner .input.addr {
  padding-left: 1em;
}
.form__inner .input.addr > p {
  font-size: .875em;
}
.form__inner .input.addr > p + input {
  margin-top: 5px;
}
.form__inner .input.addr > input + p {
  margin-top: 15px;
}
.form__inner p.form_attention {
  margin-top: min(70px, 15vw);
  line-height: calc(25/14);
}
.form__inner + .btn-wrap {
  margin-top: min(60px, 15vw);
}
.form-wrap .btn-wrap {
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
}
.form__inner .att-passlink {
  justify-content: flex-end;
  margin-top: 15PX;
}
.form__inner .att-passlink p {
  background: #C1BBCF;
  border-radius: 4px;
  padding: 13px 20px;
}
.att-account-link {
  margin-top: 76px;
  color: var(--clr-pale-ppl);
}
.att-account-link .ovr-line-title p::before, .att-account-link .ovr-line-title p::after {
  width: calc((100% - 15em)/2);
  background: var(--clr-pale-ppl);
}
.att-account-link p.in-text {
  margin-top: 2em;
  padding: 0 2em;
}
.att-account-link .btn-wrap {
  margin-top: 40px;
}
/*radio*/
.clm-radio > * + * {
  margin-left: 40px;
}
.radio-wrap {
  padding-top: 5px;
}
.radio-wrap > label {
  display: block;
  padding-left: 1.88em;
  color: var(--clr-pale-ppl);
}
.radio-wrap > label::before {
  content: "";
  width: 1.25em;
  aspect-ratio: 1/1;
  border: var(--clr-pale-ppl) 2px solid;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  border-radius: 50%;
  transform: translateY(-50%)
}
.radio-wrap > label::after {
  content: "";
  width: calc(1.25em - 4px);
  aspect-ratio: 1/1;
  background: var(--clr-pale-ppl);
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  transform: translateY(-50%)
}
.radio-wrap > input:checked + label::after {
  opacity: 1;
}
/*select*/
select {
  /*background: #FCFCFC;*/
  border: var(--clr-pale-ppl) 2px solid;
  width: 100%;
  border-radius: 5px;
  padding: .5em 1em;
  font-size: 16px;
  box-sizing: border-box;
}
.select-wrap::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.7px 5px 0 5px;
  border-color: var(--clr-pale-ppl) transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
}
.select-wrap.country {
  width: 50%;
}
.select-wrap.birth-y {
  width: calc((100% - 4.5em)*0.4);
}
.clm-birth > p {
  padding: 0 .5em;
}
.select-wrap.birth-m, .select-wrap.birth-d {
  width: 6em;
  max-width: calc(((100% - 4.5em)*0.6)/2)
}
/*check box*/
.check-wrap {}
.check-wrap span {
  padding-left: 2em;
}
.check-wrap span::before {
  content: "";
  width: 1.125em;
  height: 1.125em;
  border: 2px solid var(--clr-pale-ppl);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 2px;
}
.check-wrap span::after {
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  left: .15em;
  width: 12px;
  height: 5px;
  border-left: 2.5px solid var(--clr-pale-ppl);
  ;
  border-bottom: 2.5px solid var(--clr-pale-ppl);
  ;
  transform: translateY(-50%) rotate(-45deg);
  opacity: 0;
}
.check-wrap input[type="checkbox"]:checked + span::after {
  opacity: 1;
}
/*pass check*/
.pass-check {
  margin-top: 17px;
  color: var(--clr-pale-ppl);
}
.pass-check span {
  font-size: .875em;
  display: block;
}
/*under regist
==========================*/
.page-regist__step {
  width: 470px;
  max-width: 100%;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.page-regist__step .step__cat {
  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;
  text-align: center;
}
.page-regist__step::before {
  content: "";
  width: calc(100% - 6.5em);
  height: 4px;
  background: #AAAAAA;
  position: absolute;
  bottom: 1.4em;
  left: 50%;
  transform: translateX(-50%);
}
.page-regist__step.step2::before {
  background: linear-gradient(90deg, rgba(70, 52, 116, 1) 0%, rgba(70, 52, 116, 1) 50%, rgba(178, 178, 178, 1) 50%, rgba(178, 178, 178, 1) 100%);
}
.page-regist__step.step3::before {
  background: rgba(70, 52, 116, 1);
}
.page-regist__step .step__cat p.text {
  min-height: 3.5em;
  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;
  justify-content: center;
  font-size: min(0.8571em, 3.4vw);
  color: var(--clr-pale-ppl);
  font-weight: 600;
  line-height: 1.2;
}
.page-regist__step .step__cat p.round {
  background: #AAAAAA;
  width: 2.5em;
  font-size: var(--fs-mid16);
  font-weight: 600;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
}
.page-regist__step .step__cat p.round::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.page-regist__step .step__cat p.round span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
}
.page-regist__step .step__cat.active p.round, .page-regist__step .step__cat.passed p.round {
  background: var(--wall-pale-ppl);
}
.page-regist__top {
  margin-top: min(60px, 15vw);
  padding-bottom: 50px;
  color: var(--clr-pale-ppl);
}
.regist__top_head {
  font-size: 1.714em;
  font-weight: 700;
  text-align: center;
}
.regist__top_head p {
  line-height: 1.7857;
}
.regist__top_howto {
  margin-top: min(80px, 20vw);
}
.regist__top_howto h3 {
  text-align: center;
}
.regist__top_howto .top-text {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  margin-top: 15px;
  font-weight: 600;
  line-height: 1.2;
}
.regist__top_howto .top-text > span {
  background: var(--wall-pale-gry);
  padding: 10px 2em;
  border-radius: 30px;
}
.regist__top_howto .howto__list {
  margin-top: 40px;
  counter-reset: count 0;
  margin-bottom: 40px;
}
.regist__top_howto .howto__list li {
  padding-left: 2.5em;
}
.regist__top_howto .howto__list li + li {
  margin-top: 2em;
}
.regist__top_howto .howto__list li::before {
  content: counter(count);
  counter-increment: count 1;
  position: absolute;
  top: -.25em;
  left: 0;
  width: 1.7143em;
  height: 1.7143em;
  border-radius: 50%;
  background: var(--clr-crlred);
  color: #fff;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  font-weight: 600;
  line-height: 1;
}
.regist__top_howto .howto__list li p.att {
  font-size: .875em;
  margin-top: 1em;
  line-height: calc(15/10);
}
.howto___text {
  background: var(--wall-pale-gry);
  border-radius: 5px;
  padding: min(30px, 5vw) min(30px, 4vw);
}
.howto___text p {
  padding-left: 1em;
  line-height: 1.4286;
}
.howto___text p::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: .35em;
  width: .8em;
  aspect-ratio: 1/1;
  background: var(--clr-pale-ppl);
  border-radius: 50%;
}
.proce__contents {
  margin-top: min(70px, 15vw);
  color: var(--clr-pale-ppl);
}
.proce__contents h3 {
  text-align: center;
}
.proce__contents .top-att_text {
  margin-top: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
}
.proce__contents .top-att_text span {
  background: var(--wall-pale-gry);
  color: var(--clr-crlred);
  padding: 10px 2em;
  border-radius: 30px;
  font-weight: 600;
}
.proce__table {
  margin-top: min(50px, 10vw);
  margin-bottom: min(50px, 10vw);
  line-height: 1.8571;
  color: var(--clr-pale-ppl);
}
.proce__table > div {
  padding: min(20px, 4vw) 2em;
  border-top: 2px solid var(--wall-pale-ppl);
  -ms-align-items: center;
  align-items: center;
}
.proce__table > div:last-child {
  border-bottom: 2px solid var(--wall-pale-ppl);
}
.proce__table > div.proce__table_text {
  padding-left: 2.5em;
  padding-right: 2.5em;
  border-bottom: none;
}
.proce__table dt {
  width: 10em;
  font-weight: 600;
}
.proce__table dd {
  width: calc(100% - 10em);
}
.proce__table > div.flex-clm dt, .proce__table > div.flex-clm dd {
  width: 100%;
}
.proce__table > div.flex-clm dd.jc_b {
  justify-content: space-between;
}
.proce__table_text dd {
  width: 100%;
  line-height: 1.6;
}
.proce__table dd.in__btn {
  -ms-align-items: center;
  align-items: center;
  justify-content: space-between;
}
.proce__table dd.in__btn label span.btn {
  display: block;
  background: var(--clr-ppl);
  color: #fff;
  padding: .25em 1em;
  border-radius: 6px;
}
.proce__contents .btn-wrap {
  margin-top: min(60px, 12vw);
}
/*お支払い手続き完了*/
.page-regist__step + .sec-page_comp {
  margin-top: min(60px, 15vw);
}
.comp-text {
  text-align: center;
  line-height: 1.6;
}
.comp-text + * {
  margin-top: 56px;
}
/*password*/
#content.page-under.page-pass_blc {
  padding-bottom: min(250px, 25vw)
}
.page-pass_blc .btn-wrap {
  margin-top: min(60px, 15vw);
}
/*under News - archive
================================*/
.acv-news__list li {
  padding: 1.5em;
  border-bottom: 1px solid #EFEFEF;
  font-size: var(--fs-mid16);
  font-weight: 600;
}
.acv-news__list li:first-child {
  border-top: 1px solid #EFEFEF;
}
.acv-news__list + .btn-wrap {
  margin-top: min(100px, 15vw);
}
.acv-news__list li .news-date {
  width: 20%;
  padding-right: 1em;
  min-width: 12em;
  font-family: var(--fnt-graph);
  color: var(--clr-ppl);
}
.acv-news__list li .news-title {
  width: 80%;
  max-width: calc(100% - 12em);
  line-height: 1.4;
}
/*news single*/
.single-news__head {
  padding-bottom: 18px;
  border-bottom: 1px solid #EFEFEF;
  font-weight: 600;
  font-size: var(--fs-mid16);
}
.single-news__head p.post-date {
  font-family: var(--fnt-graph);
  color: var(--clr-ppl);
}
.single-news__head .post-title {}
.single-news__head * + * {
  margin-top: 12px;
}
.single-news__content {
  margin-top: 36px;
  line-height: 1.6;
  word-break: break-all;
  color: var(--clr-pale-ppl);
}
.single-news__content p + p {
  margin-top: 1em;
}
.single-news-detail + .btn-wrap {
  margin-top: min(80px, 20vw);
}
/*MYPAGE
===================================*/
/*mypage - top
=======================*/
#content.page-mypage {}
.page-mypage-box .member-num {
  width: min(280px, 100%);
  background: var(--wall-pale-gry);
  border-radius: 25px;
}
.page-mypage-box .member-num p {
  font-weight: 600;
  text-align: center;
  padding: 13px;
}
* + .mypage__link_btn {
  margin-top: min(50px, 10vw);
}
.mypage__link_btn {
  gap: 15px;
  width: min(370px, 100%);
}
.mypage__link_btn .rect-btn {
  background: #fff;
  width: 100%;
  border: 2px solid var(--clr-ppl);
}
.mypage__link_btn .rect-btn a {
  display: block;
  padding: min(20px, 4vw);
  text-align: center;
}
/**/
.page-subsc__box .btn-wrap {
  margin-top: 64px;
}
/*利用規約*/
.page-documents__box {
  color: var(--clr-pale-ppl);
}
.documents_list {
  margin-top: min(60px, 15vw);
}
.documents_list .line_title {
  font-weight: 600;
  font-size: var(--fs-mid16);
  padding-bottom: min(20px, 4vw);
  border-bottom: 2px solid var(--clr-ppl);
}
.documents_list .line_title + .in_cmnt {
  margin-top: 20px;
}
.documents_list .in_cmnt + .line_title {
  margin-top: min(60px, 10vw);
}
.documents_list .in_cmnt {
  line-height: 1.6;
}
.documents_list .in_cmnt > * + * {
  margin-top: 10px;
}
.documents_list ul.dot_list > li {
  padding-left: 1em;
}
.documents_list ul.dot_list li + li {
  margin-top: 10px;
}
.documents_list ul.dot_list > li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.documents_list ul.num_list {
  counter-reset: count 0;
  margin-top: 10px;
}
.documents_list ul.num_list > li {
  padding-left: 1.24em;
}
.documents_list ul.num_list > li::before {
  content: counter(count);
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: 0;
}
.documents_list + .btn-wrap {
  margin-top: min(80px, 20vw);
}
/*特定商取引法*/
.sct-act-list > div {
  border-bottom: 2px solid var(--clr-ppl);
  padding: 1em;
  line-height: 1.6;
}
.sct-act-list > div:first-child {
  border-top: 2px solid var(--clr-ppl);
}
.sct-act-list dt {
  font-weight: 600;
  width: 19em;
  padding-right: 1.5em;
}
.sct-act-list dt P {
  font-size: var(--fs-mid16);
}
.sct-act-list dd {
  width: calc(100% - 19em);
}
.sct-act-list + .btn-wrap {
  margin-top: 57px;
}
/* add
=======================*/
.player-movie .content-player__area {
  /*  padding: 0;*/
}
.content-player__data .fev_addition {
  margin-left: 20px;
  min-width: 180px;
}
@media screen and (max-width:768px) {
  .content-player__data .fev_addition {
    margin-left: 0;
  }
}
.play__title .post-date {
  display: none;
}
/* カスタムカテゴリ
=======================*/
.slide-bx {
  position: relative;
  height: 100%;
}
.custom_cat {
  padding: 10px 20px;
}
.custom_cat h4 {
  padding-left: 2em;
  background-repeat: no-repeat;
  background-size: 1.125em;
  background-position: left center;
  background-image: url('/image/tmariko_template/positivesalon/ps/search_whtie.png');
  margin-bottom: 10px;
}
.custom_cat a {
  color: #c7c9e1;
}
.custom_cat a:hover {
  opacity: .8;
}
.custom_cat h4 + a {
  display: block;
  margin-bottom: 6px;
  padding-left: 2em;
  font-size: 14px;
}
.custom_cat .cat_bx {
  margin-bottom: 9px;
  padding-left: 2em;
}
.cat_bx p {
  font-size: 13px;
  margin-bottom: 3px;
}
.cat_bx ul {
  padding-left: 17px;
}
.cat_bx ul li {
  font-size: 12px;
  margin-bottom: 3px;
}
@media screen and (max-width:768px) {
  .custom_cat {
    position: relative;
    margin-top: 2em;
    padding: 10px 0;
    padding-bottom: 30px;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
  }
  .custom_cat h4 {
    font-size: 16px;
  }
  .custom_cat h4 + a {
    margin-left: .5em;
    margin-bottom: 10px;
    font-size: 15px;
    display: inline-block;
    background: #1c3755;
    padding: 3px 8px;
    border-radius: 3px;
  }
  .custom_cat .cat_bx {
    margin-bottom: 12px;
    padding-left: 0;
  }
  .custom_cat .cat_bx_end {
    margin-bottom: 50px;
  }
  .cat_bx ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
  }
  .cat_bx ul li {
    margin: 3px 0;
    font-size: 15px;
    padding-left: .5em;
  }
  .cat_bx ul li a {
    display: block;
    background: #1b3552;
    padding: 3px 8px;
    border-radius: 3px;
  }
  .cat_bx p {
    font-size: 15px;
  }
}
/* page about
=======================*/
.page-about-detail {
  -ms-align-items: center;
  align-items: center;
  padding-bottom: min(100px, 20vw);
}
.page-about-detail .pic-top {
  right: 0;
  top: 0;
  transform: translateX(50%) translateY(100%);
}
/*
.page-about-detail .pic-btm {
  left: 0;
  bottom: 0;
  transform: translateX(-25%) translateY(-10%);
}
*/
.about-detail-box {
  width: min(720px, 100%);
}
.about-detail-box .box-title, .about-detail-box .in-text {
  margin-top: min(50px, 15vw);
}
.about-detail-box .about-title{
  font-family: var(--fnt-graph);
  font-weight: 800;
  margin-top: min(120px,15vw);
}
.about-detail-box .about-title .sub{
  font-size: var(--fs-wid25);
}
.about-detail-box .about-title .title{
  font-size: clamp(1.563rem, 0.994rem + 2.84vw, 3.125rem);/*25-50*/
  margin-top: 10px;
}
.about-detail-box .in-text {
  width: min(32em, 100%);
  font-size: var(--fs-wid25);
  font-weight: 700;
}
/*
.about-benefit-box {
  background: var(--clr-ppl);
  padding: min(60px, 10vw) min(20px, 5vw);
  color: #fff;
  margin-top: min(70px, 15vw);
  border-radius: 5px;
  overflow: hidden;
}
.about-benefit-box::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(/image/tmariko_template/positivesalon/positivesalon/walls/wall_burning.png) no-repeat center/cover;
  mix-blend-mode: color-burn;
}
.benefit-box_in {
  width: min(600px, 100%);
  gap: min(35px, 10vw);
}
.benefit-box_in .price-box {
  width: 100%;
  gap: 10px;
}
.benefit-box_in .price-box p.price {
  background: #342658;
  text-align: center;
  font-size: var(--fs-wid25);
  padding: 20px;
  border-radius: 5px;
  font-weight: 700;
}
.benefit-box_in .price-box .att-list {
  line-height: calc(25/14);
  margin-top: 10px;
  font-weight: 600;
}
*/
.contents-detail-list + .btn-wrap {
  margin-top: min(60px, 15vw);
}
.index-contents-blc.wall-ppl{
  background: var(--gra-ppl);
  border-radius: 10px;
  padding-top: min(120px,15vw);
  padding-bottom: min(120px,15vw);
}
.index-contents-blc.wall-ppl .index-sec-title{
  color: #fff;
}
.index-contents-blc.wall-ppl .contents-detail-list li{
  background: #634E9B;
  padding: min(40px,5vw) min(60px,5vw);
}

/* サブスク説明ページの注意文 */
.before_pay_cs {
  width: 100%;
  max-width: 520px;
  margin: 25px auto 30px;
  font-size: 14px;
  color: #c20a0a;
  line-height: 1.6;
  text-align: left;
  /*border: 1px solid #c20a0a;
  border-radius: 10px;*/
}
.before_pay_cs span {
  display: block;
  text-align: center;
  font-weight: bold;
}
.grecaptcha-badge {
  visibility: hidden;
}


.video-lesson-slide .swiper-slide{
  aspect-ratio: auto;
  background: none;
}
.index-swiper-thumb{
  width: auto;
  max-width: auto;
}
.contents-detail-list > li:last-child{
  width: 100%;
  aspect-ratio: 1/0.3;
}
.video-sound-list {
  margin-bottom: 3.5em;
}
.video-lesson-slide {
  margin-top: min(60px, 2vw);
}
.movie-slide_wrap{
  margin-top: 2.5em;
}
.movie-slider{
  padding-bottom: 2em;
}
.movie_scrollbar {
  background: linear-gradient(0, rgba(212, 77, 92, 0) 0%, rgba(212, 77, 92, 0) 40%, rgba(212, 77, 92, 1) 40%, rgba(212, 77, 92, 1) 60%, rgba(212, 77, 92, 0) 60%, rgba(212, 77, 92, 0) 100%);
  border-radius: 10rem;
  overflow: hidden;
}
.show_cursor_right .movie-slider {
  transform: translateX(0rem);
}
.cursor{
  background:rgba(212, 77, 92, .5);
}
.index-live-list{
  justify-content: center;
}
.index-live-blc::before{
  height: 50%;
}
.index-live-box {
  padding-top: 3em;
}
.contents-detail-list > li:last-child{
  aspect-ratio: auto;
}
.index-live-list li .count p.num{
  letter-spacing: 0em;
}
.index-video-sound {
  margin-top: min(100px, 25vw);
}
.movie-slide_wrap .swiper-slide{
  width: 400px!important;
}
.contents-detail-list + .btn-wrap{
  margin-top: 2em;
}
h2.under-page_title span.en {
  font-weight: bolder;
}
@media screen and (max-width: 480px){
  .ticker .slide-txt {
    font-size: clamp(7rem, 3.108rem + 9.46vw, 10.5rem);
    font-weight: 900;
  }
  .index-live-list li{
    justify-content: space-evenly;
  }
  .main-key {
    height: 580px;
  }
  .movie-slide_wrap .swiper-slide{
    width: 250px!important;
  }
  .index-video-lesson .round-btn {
    margin-top: 3em;
  }
  h2.under-page_title span.en {
    font-weight: bolder;
  }
}

@media screen and (max-width: 480px){
  .spnone{
    display: none;;
  }
  .index-video-sound{
    padding-top: 20vw;
    padding-bottom: 20vw;
    background: #240d53;
  }
  .index-video-blc{
    padding-bottom: 0;
  }
  .index-video-sound {
    margin-top: min(100px, 17vw);
  }
  .index-live-list {
    padding-top: 0px!important;
  }
  .contents-detail-list > li .cmnt{
    width: 100%!important;
  }
  .contents-detail-list > li .in-title {
    font-weight: 600;
    font-size: var(--fs-wid20);
    line-height: calc(25/14);
}
}