@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@700&family=Noto+Sans+JP:wght@400;700;900&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  margin: 0;
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th, td {
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: '';
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

*, :after, :before {
  box-sizing: border-box;
}

/*  variables  */
/* mixin  */
/*  fonts  */
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'icomoon';
  src: url("/assets/fonts/star/icomoon.eot?6vyxrd");
  src: url("/assets/fonts/star/icomoon.eot?6vyxrd#iefix") format("embedded-opentype"), url("/assets/fonts/star/icomoon.ttf?6vyxrd") format("truetype"), url("/assets/fonts/star/icomoon.woff?6vyxrd") format("woff"), url("/assets/fonts/star/icomoon.svg?6vyxrd#icomoon") format("svg");
  font-display: block;
}

[class^='icon-'], [class*=' icon-'] {
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'icomoon' !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-glitter:before {
  color: #fff;
  content: '\e900';
}

.icon-star:before {
  color: #fff;
  content: '\e901';
}

.icon-double-star:before {
  content: '\e903';
}

.icon-cupnoodle:before {
  content: '\e902';
}

.icon-kodakumi:before {
  content: '\e904';
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-family: 'i';
  src: url("/assets/fonts/i/i.eot");
  src: url("/assets/fonts/i/i%EF%B9%96.eot#iefix") format("eot"), url("/assets/fonts/i/i.woff2") format("woff2"), url("/assets/fonts/i/i.woff") format("woff"), url("/assets/fonts/i/i.ttf") format("truetype"), url("/assets/fonts/i/i.svg#i") format("svg");
}

[class^=i-]:before, [class*=' i-']:before {
  text-decoration: none;
  text-transform: none;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-family: 'i';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.i-a:before {
  content: '\F001';
}

.i-a2:before {
  content: '\F002';
}

.i-alert:before {
  content: '\F003';
}

.i-alert2:before {
  content: '\F004';
}

.i-alert3:before {
  content: '\F005';
}

.i-anchor:before {
  content: '\F006';
}

.i-answer:before {
  content: '\F007';
}

.i-antenna:before {
  content: '\F008';
}

.i-bag2:before {
  content: '\F00A';
}

.i-balloon:before {
  content: '\F00B';
}

.i-bank:before {
  content: '\F00C';
}

.i-beginner:before {
  content: '\F00D';
}

.i-bicycle:before {
  content: '\F00E';
}

.i-bombe:before {
  content: '\F00F';
}

.i-book:before {
  content: '\F010';
}

.i-book2:before {
  content: '\F011';
}

.i-books:before {
  content: '\F012';
}

.i-book_open:before {
  content: '\F013';
}

.i-box_open:before {
  content: '\F014';
}

.i-building:before {
  content: '\F015';
}

.i-caffe:before {
  content: '\F016';
}

.i-calendar:before {
  content: '\F017';
}

.i-camera:before {
  content: '\F018';
}

.i-car:before {
  content: '\F019';
}

.i-car2:before {
  content: '\F01A';
}

.i-car3:before {
  content: '\F01B';
}

.i-card:before {
  content: '\F01C';
}

.i-cart:before {
  content: '\F01D';
}

.i-check:before {
  content: '\F01E';
}

.i-check2:before {
  content: '\F01F';
}

.i-clock:before {
  content: '\F020';
}

.i-close:before {
  content: '\F021';
}

.i-close2:before {
  content: '\F022';
}

.i-close3:before {
  content: '\F023';
}

.i-complete:before {
  content: '\F024';
}

.i-construct:before {
  content: '\F025';
}

.i-copy:before {
  content: '\F026';
}

.i-cracker:before {
  content: '\F027';
}

.i-crackero:before {
  content: '\F028';
}

.i-crown:before {
  content: '\F029';
}

.i-culc:before {
  content: '\F02A';
}

.i-database:before {
  content: '\F02B';
}

.i-deco:before {
  content: '\F02C';
}

.i-delete:before {
  content: '\F02D';
}

.i-deposit:before {
  content: '\F02E';
}

.i-dish:before {
  content: '\F02F';
}

.i-display:before {
  content: '\F030';
}

.i-download:before {
  content: '\F031';
}

.i-edit:before {
  content: '\F032';
}

.i-en:before {
  content: '\F033';
}

.i-factory:before {
  content: '\F034';
}

.i-factory2:before {
  content: '\F035';
}

.i-file:before {
  content: '\F036';
}

.i-file2:before {
  content: '\F037';
}

.i-film:before {
  content: '\F038';
}

.i-film2:before {
  content: '\F039';
}

.i-filter:before {
  content: '\F03A';
}

.i-flag:before {
  content: '\F03B';
}

.i-folder:before {
  content: '\F03C';
}

.i-forbidden:before {
  content: '\F03D';
}

.i-fotball:before {
  content: '\F03E';
}

.i-fullscreen:before {
  content: '\F03F';
}

.i-global:before {
  content: '\F040';
}

.i-gomi:before {
  content: '\F041';
}

.i-graph:before {
  content: '\F042';
}

.i-h:before {
  content: '\F043';
}

.i-haguruma:before {
  content: '\F044';
}

.i-haguruma2:before {
  content: '\F045';
}

.i-hasami:before {
  content: '\F046';
}

.i-hatena:before {
  content: '\F047';
}

.i-hatena2:before {
  content: '\F048';
}

.i-hatena3:before {
  content: '\F049';
}

.i-headphone:before {
  content: '\F04A';
}

.i-heart:before {
  content: '\F04B';
}

.i-hidden:before {
  content: '\F04C';
}

.i-home:before {
  content: '\F04D';
}

.i-hourglass:before {
  content: '\F04E';
}

.i-hummer:before {
  content: '\F04F';
}

.i-info:before {
  content: '\F050';
}

.i-info2:before {
  content: '\F051';
}

.i-info3:before {
  content: '\F052';
}

.i-ipad:before {
  content: '\F053';
}

.i-isu:before {
  content: '\F054';
}

.i-japan:before {
  content: '\F055';
}

.i-kaku:before {
  content: '\F056';
}

.i-kaku_r:before {
  content: '\F057';
}

.i-kane:before {
  content: '\F058';
}

.i-kasa:before {
  content: '\F059';
}

.i-key:before {
  content: '\F05A';
}

.i-lab:before {
  content: '\F05B';
}

.i-light:before {
  content: '\F05C';
}

.i-link:before {
  content: '\F05D';
}

.i-link2:before {
  content: '\F05E';
}

.i-link3:before {
  content: '\F05F';
}

.i-link4:before {
  content: '\F060';
}

.i-list:before {
  content: '\F061';
}

.i-list2:before {
  content: '\F062';
}

.i-location:before {
  content: '\F063';
}

.i-lock:before {
  content: '\F064';
}

.i-lock_un:before {
  content: '\F065';
}

.i-logo_facebook:before {
  content: '\F066';
}

.i-logo_hatena:before {
  content: '\F067';
}

.i-logo_insta:before {
  content: '\F068';
}

.i-logo_pinterest:before {
  content: '\F069';
}

.i-logo_twitter:before {
  content: '\F06A';
}

.i-logo_youtube:before {
  content: '\F06B';
}

.i-mail:before {
  content: '\F06C';
}

.i-mail2:before {
  content: '\F06D';
}

.i-mail_open:before {
  content: '\F06E';
}

.i-man:before {
  content: '\F06F';
}

.i-maru:before {
  content: '\F070';
}

.i-maru_b:before {
  content: '\F071';
}

.i-memo:before {
  content: '\F072';
}

.i-memo2:before {
  content: '\F073';
}

.i-minus:before {
  content: '\F074';
}

.i-minus2:before {
  content: '\F075';
}

.i-minus3:before {
  content: '\F076';
}

.i-navi:before {
  content: '\F077';
}

.i-officeants:before {
  content: '\F078';
}

.i-officeants2:before {
  content: '\F079';
}

.i-officeants3:before {
  content: '\F07A';
}

.i-onpu_8:before {
  content: '\F07B';
}

.i-onpu_82:before {
  content: '\F07C';
}

.i-onpu_to:before {
  content: '\F07D';
}

.i-other:before {
  content: '\F07E';
}

.i-paper:before {
  content: '\F07F';
}

.i-paper2:before {
  content: '\F080';
}

.i-pdf:before {
  content: '\F081';
}

.i-pen:before {
  content: '\F082';
}

.i-pencil:before {
  content: '\F083';
}

.i-picture:before {
  content: '\F084';
}

.i-picture2:before {
  content: '\F085';
}

.i-pin:before {
  content: '\F086';
}

.i-plane:before {
  content: '\F087';
}

.i-plus:before {
  content: '\F088';
}

.i-plus2:before {
  content: '\F089';
}

.i-plus3:before {
  content: '\F08A';
}

.i-plus4:before {
  content: '\F08B';
}

.i-post:before {
  content: '\F08C';
}

.i-present:before {
  content: '\F08D';
}

.i-present2:before {
  content: '\F08E';
}

.i-present3:before {
  content: '\F08F';
}

.i-preview:before {
  content: '\F090';
}

.i-printer:before {
  content: '\F091';
}

.i-projector:before {
  content: '\F092';
}

.i-q:before {
  content: '\F093';
}

.i-q2:before {
  content: '\F094';
}

.i-q3:before {
  content: '\F095';
}

.i-q4:before {
  content: '\F096';
}

.i-q5:before {
  content: '\F097';
}

.i-quotation:before {
  content: '\F098';
}

.i-recycle:before {
  content: '\F099';
}

.i-refine:before {
  content: '\F09A';
}

.i-refine2:before {
  content: '\F09B';
}

.i-return:before {
  content: '\F09C';
}

.i-rotate:before {
  content: '\F09D';
}

.i-rotate_:before {
  content: '\F09E';
}

.i-rss:before {
  content: '\F09F';
}

.i-rudder:before {
  content: '\F0A0';
}

.i-run:before {
  content: '\F0A1';
}

.i-scalar:before {
  content: '\F0A2';
}

.i-search:before {
  content: '\F0A3';
}

.i-seminor:before {
  content: '\F0A4';
}

.i-share:before {
  content: '\F0A5';
}

.i-shop:before {
  content: '\F0A6';
}

.i-slash:before {
  content: '\F0A7';
}

.i-slash2:before {
  content: '\F0A8';
}

.i-sp:before {
  content: '\F0A9';
}

.i-star:before {
  content: '\F0AA';
}

.i-star2:before {
  content: '\F0AB';
}

.i-stopwatch:before {
  content: '\F0AC';
}

.i-table:before {
  content: '\F0AD';
}

.i-tag:before {
  content: '\F0AE';
}

.i-tel:before {
  content: '\F0AF';
}

.i-tel2:before {
  content: '\F0B0';
}

.i-tel3:before {
  content: '\F0B1';
}

.i-tel4:before {
  content: '\F0B2';
}

.i-tel5:before {
  content: '\F0B3';
}

.i-telfree:before {
  content: '\F0B4';
}

.i-timer:before {
  content: '\F0B5';
}

.i-track:before {
  content: '\F0B6';
}

.i-track2:before {
  content: '\F0B7';
}

.i-t_shirt:before {
  content: '\F0B8';
}

.i-ukiwa:before {
  content: '\F0B9';
}

.i-unlink:before {
  content: '\F0BA';
}

.i-update:before {
  content: '\F0BB';
}

.i-update2:before {
  content: '\F0BC';
}

.i-update3:before {
  content: '\F0BD';
}

.i-update4:before {
  content: '\F0BE';
}

.i-update5:before {
  content: '\F0BF';
}

.i-usr:before {
  content: '\F0C0';
}

.i-visible:before {
  content: '\F0C1';
}

.i-window:before {
  content: '\F0C2';
}

.i-wine:before {
  content: '\F0C3';
}

.i-woman:before {
  content: '\F0C4';
}

.i-ya:before {
  content: '\F0C5';
}

.i-ya_b:before {
  content: '\F0C6';
}

.i-ya_i:before {
  content: '\F0C7';
}

.i-ya_maru:before {
  content: '\F0C8';
}

.i-ya_maru2:before {
  content: '\F0C9';
}

.i-ya_maru2_b:before {
  content: '\F0CA';
}

.i-ya_sankaku:before {
  content: '\F0CB';
}

.i-ya_sankaku_double:before {
  content: '\F0CC';
}

.i-ya_sankaku_r:before {
  content: '\F0CD';
}

.i-ya_sikaku:before {
  content: '\F0CE';
}

.i-ya_sikaku_r:before {
  content: '\F0CF';
}

/*  common  */
html {
  background-color: #fff;
  font-weight: 400;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  font-display: swap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

body {
  display: flex;
  flex-flow: column;
  min-height: 100vh;
}

body.isFixed {
  position: fixed;
  overflow: hidden;
}

body.isFixed .content {
  width: 100vw;
}

.content {
  flex: 1 1 auto;
  padding: 30px 0 0;
  min-height: 1px;
}

.isMaintenance .content {
  padding: 58px 0 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

* {
  word-break: break-all;
}

a {
  text-decoration: none;
}

a img {
  border: none;
}

.mouse a:hover {
  opacity: 0.7;
  transition: all 0.5s;
}

.mouse button:not(:disabled):before {
  content: '';
  opacity: 0;
  transition: all 0.5s;
}

.mouse button:not(:disabled):hover {
  position: relative;
}

.mouse button:not(:disabled):hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  opacity: 0.24;
}

ul {
  list-style: none;
}

img, svg {
  margin: 0;
  padding: 0;
  width: 100%;
  vertical-align: middle;
}

html.webkit img[src$=svg] {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

img:-moz-loading {
  visibility: hidden;
}

.content__inner {
  margin: 80px auto 40px;
  padding: 0 40px;
  max-width: 1366px;
}

.content__inner--top {
  margin: 0;
  padding: 0;
}

@media (max-width: 760px) {
  .content__inner {
    margin: 40px 36px 40px;
    padding: 0;
    max-width: 1366px;
  }
}

.section__title {
  margin: 0 auto 40px;
  padding: 0 0 8px;
  max-width: 1088px;
  border-bottom: 2px solid #0dcab7;
  color: #0dcab7;
  font-size: 32px;
  line-height: 1;
}

.section__content {
  margin: 0 auto;
  padding: 0 40px;
  max-width: 1088px;
}

.section__content--wide {
  margin: 0 auto;
  padding: 0;
  max-width: 1088px;
}

.section__content__description {
  margin: 0 0 20px;
}

.section__content__description p + p {
  margin-top: 20px;
}

.section__content__note {
  font-size: 12px;
}

.section__content__attention {
  color: #f00;
}

@media (max-width: 940px) {
  .section__content {
    padding: 0;
  }
}

@media (max-width: 760px) {
  .section__title {
    margin: 0 0 30px;
    font-size: 18px;
  }
}

@media (min-width: 941px) {
  .only-tablet-up {
    display: block;
  }
  .only-tablet-down {
    display: none;
  }
}

@media (max-width: 940px) {
  .only-tablet-up {
    display: none;
  }
  .only-tablet-down {
    display: block;
  }
}

@media (min-width: 761px) {
  a[href*='tel:'] {
    display: inline-block;
    text-decoration: none !important;
    cursor: default;
    pointer-events: none;
  }
  .only-pc {
    display: block;
  }
  .only-sp, img.only-sp {
    display: none !important;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .content {
    padding: 0;
  }
  .isMaintenance .content {
    padding: 28px 0 0;
  }
}

@media (max-width: 760px) {
  html {
    font-size: 12px;
    font-size: 14px;
    line-height: 1.5;
  }
  .content {
    padding: 0;
  }
  .isMaintenance .content {
    padding: 28px 0 0;
  }
  .only-pc, img.only-pc {
    display: none !important;
  }
  .only-sp {
    display: block;
  }
  img.only-sp {
    display: inline-block;
  }
}

@media (min-width: 361px) {
  .only-sp-s {
    display: none;
  }
}

@media (max-width: 360px) {
  .only-sp-s {
    display: block;
  }
}

.button-pagetop {
  position: fixed;
  right: 10px;
  bottom: 80px;
  z-index: 999999;
  display: none;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.button-pagetop a {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #000;
  color: white;
  text-align: center;
  text-decoration: none;
  opacity: 0.4;
  transform: rotate(-90deg);
}

.button-pagetop a:hover {
  opacity: 1;
}

.button-pagetop a:before {
  position: absolute;
  top: 14px;
  left: 12px;
  width: 16px;
  height: 2px;
  background-color: white;
  content: '';
  transform: rotate(45deg);
}

.button-pagetop a:after {
  position: absolute;
  bottom: 14px;
  left: 12px;
  width: 16px;
  height: 2px;
  background-color: white;
  content: '';
  transform: rotate(-45deg);
}

/*  page-config  */
.category_contents:not(.page_top) .content a {
  color: #000;
  text-decoration: underline;
}

.category_contents:not(.page_top) .content a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.category_registration .content a {
  color: #000;
  text-decoration: underline;
}

.category_registration .content a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.category_mypage .content a {
  color: #000;
  text-decoration: underline;
}

.category_mypage .content a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.category_live .content a {
  color: #fff;
  text-decoration: underline;
}

.category_live .content a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.category_others .content a {
  color: #000;
  text-decoration: underline;
}

.category_others .content a:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.mouse .page_top .content a:hover {
  opacity: 1;
}

.page_top .button-pagetop {
  display: none !important;
}

.page_live-broadcast .button-pagetop {
  display: none !important;
}

.page_live-archive .button-pagetop {
  display: none !important;
}

/*  form  */
.use-common-parts button {
  padding: 0;
  outline: none;
  border: none;
  background: none;
}

.use-common-parts button, .use-common-parts input, .use-common-parts select, .use-common-parts textarea {
  font-size: 100%;
  font-family: inherit;
}

.use-common-parts button:disabled:focus {
  outline: none;
  opacity: 1;
}

.use-common-parts input[type='radio']:not(:disabled) + span, .use-common-parts input[type='checkbox']:not(:disabled) + span, .use-common-parts button:not(:disabled), .use-common-parts select:not(:disabled), .use-common-parts input[type='radio']:not(:disabled), .use-common-parts input[type='checkbox']:not(:disabled) {
  cursor: pointer;
}

.use-common-parts button, .use-common-parts textarea, .use-common-parts input[type='email'], .use-common-parts input[type='text'], .use-common-parts input[type='tel'], .use-common-parts input[type='password'] {
  outline: none;
}

.use-common-parts button:focus, .use-common-parts textarea:focus, .use-common-parts input[type='email']:focus, .use-common-parts input[type='text']:focus, .use-common-parts input[type='tel']:focus, .use-common-parts input[type='password']:focus {
  outline: none;
  border: 1px solid #0dcab7;
  box-shadow: 0 0 2px #0dcab7;
}

.use-common-parts button:focus {
  outline: none;
  border: 1px solid yellowgreen;
  box-shadow: 0 0 2px yellowgreen;
  opacity: 0.9;
}

.use-common-parts textarea, .use-common-parts input[type='email'], .use-common-parts input[type='text'], .use-common-parts input[type='tel'], .use-common-parts input[type='password'], .use-common-parts button, .use-common-parts select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.use-common-parts select::-ms-expand {
  display: none;
}

.use-common-parts ::-webkit-input-placeholder, .use-common-parts :placeholder-shown {
  color: #aaa;
}

.use-common-parts input[type='email'], .use-common-parts input[type='text'], .use-common-parts input[type='tel'], .use-common-parts input[type='password'] {
  padding: 0 10px;
  width: 100%;
  height: 40px;
  border: 1px solid #aeaeae;
  border-radius: 3px;
}

.use-common-parts textarea {
  display: block;
  padding: 10px;
  width: 100%;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  line-height: 1.5;
}

.use-common-parts textarea.error, .use-common-parts input[type='email'].error, .use-common-parts input[type='text'].error, .use-common-parts input[type='tel'].error, .use-common-parts input[type='password'].error, .use-common-parts input[type='radio'].error + span:before, .use-common-parts input[type='checkbox'].error + span:before, .use-common-parts select.error {
  background-color: #ffebf5 !important;
  font-size: inherit;
  opacity: 0.7;
}

.use-common-parts select:disabled {
  border: 1px solid #ccc !important;
  background-color: #ececec !important;
  opacity: 0.7;
}

.use-common-parts textarea:disabled, .use-common-parts input[type='email']:disabled, .use-common-parts input[type='text']:disabled, .use-common-parts input[type='tel']:disabled, .use-common-parts input[type='password']:disabled, .use-common-parts input[type='radio']:disabled + span:before, .use-common-parts input[type='checkbox']:disabled + span:before {
  border-color: #ccc !important;
  background-color: #ececec !important;
}

.use-common-parts .checkbox-group:not(.button-radio) input[type='radio']:disabled:checked + span, .use-common-parts .checkbox-group:not(.button-checkbox) input[type='checkbox']:disabled:checked + span, .use-common-parts .checkbox-group:not(.button-radio) input[type='radio']:disabled + span, .use-common-parts .checkbox-group:not(.button-checkbox) input[type='checkbox']:disabled + span {
  border-color: #dcdcdc;
  background: white !important;
  color: #ccc !important;
}

.use-common-parts .link-button:disabled {
  background-color: #bcbcbc !important;
}

.use-common-parts button:disabled {
  background-color: #bcbcbc !important;
}

.use-common-parts .form-group {
  margin: 0;
}

.use-common-parts .form-group.wide .form-group {
  width: 100%;
}

.use-common-parts .flex-group, .use-common-parts .radio-group, .use-common-parts .checkbox-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.use-common-parts .radio-group, .use-common-parts .checkbox-group {
  margin: 0;
}

.use-common-parts .radio-group input[type='radio'], .use-common-parts .checkbox-group input[type='checkbox'] {
  position: absolute;
  width: 1px;
  height: 1px;
  border: none;
  opacity: 0;
}

.use-common-parts .radio-group label, .use-common-parts .checkbox-group label {
  position: relative;
  border: none;
}

.use-common-parts .radio-group label:not(:only-child), .use-common-parts .checkbox-group label:not(:only-child) {
  margin: 0 20px 0 0;
  border: none;
}

.use-common-parts .radio-group label span, .use-common-parts .checkbox-group label span {
  display: flex;
  align-items: center;
  padding: 0 0 0 22px;
  min-height: 32px;
}

.use-common-parts .radio-group:not(.button-radio) label span:before {
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #aeaeae;
  border-radius: 50%;
  content: '';
}

.use-common-parts .checkbox-group:not(.button-checkbox) label span:before {
  position: absolute;
  top: calc(50% - 9px);
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  content: '';
}

.use-common-parts .radio-group:not(.button-radio) input[type='radio']:checked + span:after {
  position: absolute;
  top: calc(50% - 6px);
  left: 3px;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #444;
  content: '';
}

.use-common-parts .checkbox-group:not(.button-checkbox) input[type='checkbox']:checked + span:after {
  position: absolute;
  top: calc(50% - 5px);
  left: 2px;
  display: block;
  width: 14px;
  height: 8px;
  border-bottom: 4px solid #444;
  border-left: 4px solid #444;
  content: '';
  transform: rotate(-45deg);
}

.use-common-parts .check-color--attention .radio-group:not(.button-radio) input[type='radio']:checked + span:before, .use-common-parts .check-color--attention .checkbox-group:not(.button-checkbox) input[type='checkbox']:checked + span:before {
  border-color: #f00;
}

.use-common-parts .check-color--attention .radio-group:not(.button-radio) input[type='radio']:checked + span:after {
  background-color: #f00;
}

.use-common-parts .check-color--attention .checkbox-group:not(.button-checkbox) input[type='checkbox']:checked + span:after {
  border-color: #f00;
}

.use-common-parts .radio-group.button-radio label span, .use-common-parts .checkbox-group.button-checkbox label span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 100px;
  height: 45px;
  border-radius: 5px;
  background-color: #51b9c4;
  color: white;
  font-size: 1.29rem;
}

.use-common-parts .radio-group.button-radio label span:before, .use-common-parts .checkbox-group.button-checkbox label span:before {
  display: none;
}

.use-common-parts .radio-group.button-radio input[type='radio']:checked + span, .use-common-parts .checkbox-group.button-checkbox input[type='checkbox']:checked + span {
  border: 1px solid #d5d5d5;
  background: #f3f3f3;
  color: #51b9c4;
}

.use-common-parts .radio-group.button-radio input[type='radio'] + span:after, .use-common-parts .checkbox-group.button-checkbox input[type='checkbox'] + span:after {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 45px;
}

.use-common-parts .flex-group input[type='email'], .use-common-parts .flex-group input[type='password'], .use-common-parts .flex-group input[type='tel'], .use-common-parts .flex-group input[type='text'] {
  min-width: 100px;
}

.use-common-parts .flex-group:not(.wide) > * {
  margin-left: 6px;
}

.use-common-parts .select-group {
  position: relative;
  z-index: 1;
  display: block;
  background-color: white;
}

.use-common-parts .checkbox-group .flex-group label {
  margin: 0 10px 0 0;
}

.use-common-parts .select-group:after {
  position: absolute;
  top: calc(50% - 3px);
  right: calc(0% + 6px);
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  border-width: 5.7px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  content: '';
}

.use-common-parts .select-group select {
  padding: 0 23px 0 10px;
  width: 100%;
  height: 36px;
  outline: none;
  border: 1px solid #aeaeae;
  border-radius: 3px;
  background: none;
}

.use-common-parts .select-group + .select-group {
  margin-left: 6px !important;
}

.use-common-parts .pre-text {
  margin-right: 6px !important;
}

.use-common-parts .mid-text {
  margin-right: 6px !important;
  margin-left: 12px !important;
}

.use-common-parts .suf-text {
  margin-left: 4px !important;
}

.use-common-parts .form-parts--low input[type='email'], .use-common-parts .form-parts--low input[type='text'], .use-common-parts .form-parts--low input[type='tel'], .use-common-parts .form-parts--low input[type='password'], .use-common-parts .form-parts--low .select-group select {
  height: 32px;
}

.use-common-parts .form-content__box {
  margin: 40px auto 0;
  padding: 40px;
  max-width: 720px;
  border-radius: 10px;
  background: #f3f4f5;
}

.use-common-parts .form-content__box .checkbox-group:not(.button-checkbox) label span:before {
  background: #fff;
}

.use-common-parts .form-content__box .error-general {
  margin: 15px 0 0;
}

.use-common-parts .form-content__box div:last-child {
  margin-bottom: 0;
}

.use-common-parts .form-content__check {
  margin: 40px auto;
  width: 240px;
  font-size: 12px;
}

.use-common-parts .form-content__button {
  margin: 40px 0 30px;
  text-align: center;
}

.use-common-parts .form-content__button__submit {
  display: block;
  margin: 0 auto;
  padding: 10px 10px;
  max-width: 240px;
  width: 100%;
  border: 1px solid transparent;
  background: #0dcab7;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 14px;
}

.use-common-parts .form-content__button__submit--edit {
  display: block;
  margin: 0 auto;
  padding: 10px 10px;
  max-width: 240px;
  width: 100%;
  border: 1px solid transparent;
  background: #707070;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 14px;
}

.use-common-parts .form-content__note {
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.7;
}

.use-common-parts .form-content__link {
  text-align: center;
  font-size: 12px;
}

.use-common-parts .button {
  padding: 10px 10px;
  width: 240px;
  border: 1px solid transparent;
  text-align: center;
  font-size: 14px;
}

.use-common-parts .text-group--narrow {
  max-width: 250px;
}

.use-common-parts .text-group--middle {
  max-width: 320px;
}

.use-common-parts .bg-primary {
  background-color: #0dcab7 !important;
}

.use-common-parts .bg-secondary {
  background-color: #f00 !important;
}

.use-common-parts .bg-primary, .use-common-parts .bg-secondary {
  color: white;
}

.use-common-parts .error-general {
  margin: 0 0 10px;
  color: #f00;
  font-size: 12px;
}

.use-common-parts .error-general .error-general__text {
  margin: 5px 0;
  text-align: center;
}

.use-common-parts .error-general .error {
  text-align: center;
}

.use-common-parts .form-content__table {
  margin: 10px 0 10px;
}

.use-common-parts .form-content__table td, .use-common-parts .form-content__table th {
  padding: 25px 20px;
  border: 1px solid #ededed;
  background-color: white;
}

.use-common-parts .form-content__table thead th {
  text-align: center;
}

.use-common-parts .form-content__table th {
  width: 285px;
  background: #f8f8f8;
  vertical-align: top;
}

.use-common-parts .form-content__table--wide {
  margin: 10px 0;
  width: 100%;
}

.use-common-parts .form-content__table--wide td, .use-common-parts .form-content__table--wide th {
  padding: 25px 20px;
  border: 1px solid #ededed;
  background-color: white;
}

.use-common-parts .form-content__table--wide thead th {
  text-align: center;
}

.use-common-parts .form-content__table--wide th {
  width: 285px;
  background: #f8f8f8;
  vertical-align: top;
}

.use-common-parts .form-content__table--box {
  width: 100%;
}

.use-common-parts .form-content__table--box td, .use-common-parts .form-content__table--box th {
  padding: 0;
  border: none;
  background-color: transparent;
}

.use-common-parts .form-content__table--box thead th {
  text-align: center;
}

.use-common-parts .form-content__table--box th {
  width: 120px;
  vertical-align: top;
}

.use-common-parts .form-content__table--box tr + tr td, .use-common-parts .form-content__table--box tr + tr th {
  padding-top: 20px;
}

.use-common-parts .form-label {
  overflow: hidden;
}

.use-common-parts .form-label__text {
  display: block;
  float: left;
  padding: 3px 0 0;
}

.use-common-parts .form-label__icon-group {
  display: inline-flex;
  float: right;
  align-items: flex-end;
  flex-direction: column;
  margin: 4px 0 0;
}

.use-common-parts .form-label__icon-group span:not(:first-child) {
  margin: 5px 0 0;
}

.use-common-parts label.error {
  display: block;
  margin: 6px 0 6px;
  color: #f00;
  font-size: 12px;
}

.use-common-parts .icon-group__required {
  display: inline-block;
  margin: 0;
  padding: 2.5px 7px 3.5px;
  min-width: 40px;
  border-radius: 4px;
  background-color: #f00;
  color: white;
  text-align: center;
  font-size: 12px;
}

.use-common-parts .icon-group__open {
  display: inline-block;
  margin: 0;
  padding: 2.5px 7px 3.5px;
  min-width: 40px;
  border-radius: 4px;
  background-color: #707070;
  color: white;
  text-align: center;
  font-size: 12px;
}

.use-common-parts .checkbox-group__text {
  font-size: 12px;
}

.use-common-parts .input-file-label {
  display: inline-block;
}

.use-common-parts .input-file-button {
  display: block;
  margin: 0;
  padding: 6px;
  width: 102px;
  border: 1px solid #666;
  background: #ebebeb;
  text-align: center;
  text-decoration: none !important;
  font-size: 12px;
  cursor: pointer;
}

.use-common-parts .input-file-button:hover {
  text-decoration: underline;
  transition: all 0.5s;
}

.use-common-parts .input-file-delete {
  display: none;
  margin: 0;
  padding: 6px;
  width: 102px;
  border: 1px solid #707070;
  background: #707070;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 12px;
  cursor: pointer;
}

.use-common-parts .input-file-cancel {
  display: none;
  margin: 0;
  padding: 6px;
  width: 102px;
  border: 1px solid #707070;
  background: #707070;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
  font-size: 12px;
  cursor: pointer;
}

.use-common-parts .input-file {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 12px 0 6px;
  width: 102px;
  height: 102px;
  border: 2px solid #ebebeb;
  border-radius: 50%;
  background: #ebebeb url("/assets/img/icon_user.svg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.use-common-parts .input-file__preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: 12px;
}

.use-common-parts .input-file__preview.active {
  background-color: #fff;
}

.use-common-parts .input-file__preview__user-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.use-common-parts .input-file__preview__input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  font-size: 12px;
  opacity: 0;
  cursor: pointer;
}

.use-common-parts .input-file-name {
  margin-left: 3px;
  font-size: 12px;
}

.use-common-parts .flex-container .text-group, .use-common-parts .flex-container .text-group--narrow, .use-common-parts .flex-container .text-group--middle {
  margin-right: 10px;
}

.use-common-parts .password-switch + span {
  min-width: 195px;
}

.use-common-parts label.error + .flex-container, .use-common-parts .flex-container + .flex-container {
  margin-top: 10px;
}

.use-common-parts .form-content__thumbnail {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.use-common-parts .form-content__thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.use-common-parts .form-content__thumbnail + .form-content__note {
  margin-top: 10px;
}

@media (max-width: 940px) {
  .use-common-parts .form-content__table thead, .use-common-parts .form-content__table tbody, .use-common-parts .form-content__table tr, .use-common-parts .form-content__table td, .use-common-parts .form-content__table th, .use-common-parts .form-content__table--wide thead, .use-common-parts .form-content__table--wide tbody, .use-common-parts .form-content__table--wide tr, .use-common-parts .form-content__table--wide td, .use-common-parts .form-content__table--wide th {
    display: block;
    width: 100%;
  }
  .use-common-parts .form-content__table td, .use-common-parts .form-content__table--wide td {
    padding: 11px 20px 20px;
  }
  .use-common-parts .form-content__table th, .use-common-parts .form-content__table--wide th {
    padding: 7px 10px 7px 20px;
    min-height: 40px;
  }
  .use-common-parts .form-label__icon-group {
    flex-direction: row;
    margin: 0;
  }
  .use-common-parts .form-label__icon-group span {
    margin: 0;
  }
  .use-common-parts .form-label__icon-group span:not(:first-child) {
    margin: 0 0 0 4px;
  }
}

@media (max-width: 760px) {
  .use-common-parts .form-content__table td, .use-common-parts .form-content__table--wide td {
    padding: 10px 12px 20px;
  }
  .use-common-parts .form-content__table th, .use-common-parts .form-content__table--wide th {
    padding: 7px 10px 7px 12px;
  }
  .use-common-parts .form-content__box {
    padding: 30px 20px 30px;
  }
  .use-common-parts .form-content__box + .form-content__button {
    padding: 0 20px;
  }
  .use-common-parts .radio-group, .use-common-parts .checkbox-group {
    margin: 6px 0;
  }
  .use-common-parts .form-content__table--box thead, .use-common-parts .form-content__table--box tbody, .use-common-parts .form-content__table--box tr, .use-common-parts .form-content__table--box td, .use-common-parts .form-content__table--box th {
    display: block;
    width: 100%;
  }
  .use-common-parts .form-content__table--box td {
    padding: 0;
  }
  .use-common-parts .form-content__table--box th {
    padding: 0 0 6px;
  }
  .use-common-parts .form-content__table--box tr + tr td {
    padding-top: 0;
  }
  .use-common-parts .form-content__table--box tr + tr th {
    padding-top: 16px;
  }
  .use-common-parts .error-general .error-general__text {
    text-align: left;
  }
  .use-common-parts .error-general .error {
    text-align: left;
  }
  .use-common-parts .text-group--middle, .use-common-parts .text-group--narrow {
    margin-right: 0 !important;
    max-width: inherit !important;
    width: 100%;
  }
  .use-common-parts .form-content__button {
    margin: 30px 0 30px;
    text-align: center;
  }
}

/*  general-purpose  */
.font-large {
  font-size: 1.29em;
}

.font-middle {
  font-size: 1em;
}

.font-small {
  font-size: 0.86em;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.flex-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.flex-container-center {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-stretch {
  justify-content: stretch !important;
}

.align-stretch {
  align-items: stretch !important;
}

.align-center {
  align-items: center !important;
}

.align-start {
  align-items: flex-start !important;
}

.align-end {
  align-items: flex-end !important;
}

.max-width--100 {
  max-width: 100px !important;
}

.max-width--150 {
  max-width: 150px !important;
}

.max-width--200 {
  max-width: 200px !important;
}

.max-width--250 {
  max-width: 250px !important;
}

.max-width--300 {
  max-width: 300px !important;
}

.max-width--400 {
  max-width: 400px !important;
}

.max-width--500 {
  max-width: 500px !important;
}

.max-width--600 {
  max-width: 600px !important;
}

.max-width--700 {
  max-width: 700px !important;
}

/*  header  */
.common-header-space {
  height: 60px;
}

.common-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}

.common-header a {
  color: #fff;
  text-decoration: none;
}

.common-header__top {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-sizing: border-box;
  height: 60px;
  border: 1px solid #fff;
  background: #000;
}

.common-header__top a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-header__top .common-header__logos {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.common-header__top .common-header__logos__menu {
  display: none;
}

.common-header__logo-corporate {
  flex-grow: 0;
  flex-shrink: 0;
  width: 80px;
  height: 100%;
}

.common-header__logo-corporate .common-header__link__inner {
  position: relative;
  display: block;
  width: 49px;
  line-height: 0;
}

.common-header__logo-corporate .common-header__link__inner:before {
  display: block;
  padding: 50% 0 0 0;
  content: '';
}

.common-header__logo-corporate .common-header__link__inner > img, .common-header__logo-corporate .common-header__link__inner > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-header__logo-corporate .common-header__link__inner > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-header__logo-ps {
  flex-grow: 1;
  flex-shrink: 1;
  box-sizing: border-box;
  height: 100%;
  border-left: 1px solid #fff;
}

.common-header__logo-ps__inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 0 0 2.56223vw;
  width: 100%;
  height: 100%;
}

.common-header__logo-ps__inner a {
  display: block;
  width: auto;
  height: auto;
}

.common-header__logo-ps .common-header__link__inner {
  position: relative;
  display: block;
  width: 400px;
  line-height: 0;
}

.common-header__logo-ps .common-header__link__inner:before {
  display: block;
  padding: 5% 0 0 0;
  content: '';
}

.common-header__logo-ps .common-header__link__inner > img, .common-header__logo-ps .common-header__link__inner > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-header__logo-ps .common-header__link__inner > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-header__others {
  position: relative;
}

.common-header__others .common-header__login {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 8.43338rem;
  width: 150px;
  height: 100%;
  border-left: 1px solid #fff;
  background: #000;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-header__others .common-header__login .common-header__login-icon {
  position: relative;
  display: block;
  margin: 0;
  width: 22px;
  height: 22px;
  line-height: 0;
}

.common-header__others .common-header__login .common-header__login-icon i {
  display: inline-block;
  margin: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: url(/assets/img/i-usr.svg) no-repeat left top;
  background-size: contain;
}

.common-header__others .common-header__login .common-header__login-icon i.thumbnail {
  border: 2px solid #0dcab7;
}

.common-header__others .common-header__login.isOpen {
  background: #0dcab7;
}

.common-header__others .common-header__login.isOpen .common-header__login-icon i {
  background: url(/assets/img/i-usr_.svg) no-repeat left top;
  background-size: contain;
}

.common-header__others .common-header__login .common-header__login__button {
  position: relative;
  z-index: 2;
}

.common-header__others .common-header__login .common-header__login__button .common-header__login__button__inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
}

.common-header__others .common-header__login .common-header__login__button .common-header__login-txt {
  margin: 4px 0 0 12px;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 12px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.2;
}

.common-header__login__subnav {
  position: absolute;
  top: -1px;
  left: -1px;
  overflow: hidden;
  width: calc(100% + 2px);
  height: 0;
  transition: height 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-header__login__subnav.isOpen {
  height: auto;
  background: #0dcab7;
}

.common-header__login__subnav__items {
  box-sizing: border-box;
  padding: 3.37335rem 1.34934rem 0.28111rem;
  padding: 58px 20px 5px;
  width: 100%;
  border: 1px solid #fff;
  background: #0dcab7;
}

.common-header__login__subnav__item {
  border-top: 1px solid #fff;
  text-align: left;
}

.common-header__login__subnav__item a {
  display: block;
  padding: 0.84334rem 0;
  padding: 14px 0;
  letter-spacing: 0;
  font-size: 0.78712rem;
  font-size: 13px;
  line-height: 1.2;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-header__nav {
  background: #0dcab7;
}

.common-header__nav__items {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  height: 30px;
}

.common-header__nav__item {
  margin: 0 23px;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
}

.common-header__nav__item a {
  display: block;
  color: #fff;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-header__maintenance {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 28px;
  background: #fff;
  color: #f00;
  text-align: center;
  font-size: 16px;
}

.common-header__maintenance a {
  color: #f00;
  font-size: 16px;
}

@media (max-width: 940px) {
  .common-header__maintenance a {
    font-size: 14px;
  }
}

.mouse .common-header__top a:hover {
  opacity: 0.7;
}

.mouse .common-header__login a:hover {
  opacity: 1;
}

.mouse .common-header__login__subnav__item a:hover, .mouse .common-header__nav__item a:hover {
  opacity: 0.7;
}

@media (max-width: 940px) {
  .common-header-space {
    height: 40px;
  }
  .common-header__top {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 3.41333rem;
    height: 40px;
  }
}

@media (max-width: 940px) {
  .common-header__logo-corporate {
    width: 50px;
  }
  .common-header__logo-corporate .common-header__link__inner {
    width: 32px;
  }
}

@media (max-width: 940px) {
  .common-header__logo-ps {
    width: calc(100% - 92px);
  }
  .common-header__logo-ps__inner {
    padding: 0;
  }
  .common-header__logo-ps .common-header__link__inner {
    margin: 0;
    max-width: 232px;
    width: 61.86667vw;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .common-header__top .common-header__logos {
    position: relative;
  }
  .common-header__top .common-header__logos__menu, .common-header__top .common-header__logos__menu span {
    transition: all 0.4s;
  }
  .common-header__top .common-header__logos__menu {
    position: relative;
    position: absolute;
    top: 9px;
    right: 18px;
    display: block;
    width: 24px;
    height: 20px;
    border: none;
    background: none;
    cursor: pointer;
    appearance: none;
  }
  .common-header__top .common-header__logos__menu span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
  }
  .common-header__top .common-header__logos__menu span:nth-of-type(1) {
    top: 0;
  }
  .common-header__top .common-header__logos__menu span:nth-of-type(2) {
    top: 9px;
  }
  .common-header__top .common-header__logos__menu span:nth-of-type(3) {
    bottom: 0;
  }
  .common-header__top .common-header__logos__menu.isActive span:nth-of-type(1) {
    transform: translateY(9px) rotate(-45deg);
  }
  .common-header__top .common-header__logos__menu.isActive span:nth-of-type(2) {
    opacity: 0;
  }
  .common-header__top .common-header__logos__menu.isActive span:nth-of-type(3) {
    transform: translateY(-9px) rotate(45deg);
  }
}

@media (max-width: 940px) {
  .common-header__others {
    position: static;
  }
  .common-header__others .common-header__login {
    position: static;
    width: 40px;
  }
  .common-header__others .common-header__login-icon {
    margin: 0;
    width: 20px;
  }
  .common-header__others .common-header__login-txt {
    display: none;
  }
  .common-header__others .common-header__login__subnav {
    position: absolute;
    top: calc(40px - 1px);
    left: -1px;
    width: calc(100% + 2px);
  }
  .common-header__others .common-header__login__subnav__items {
    padding: 0 19px;
    border-top: none;
    background: #0dcab7;
  }
  .common-header__others .common-header__login__subnav__item {
    border-top: 1px solid #fff;
    text-align: center;
  }
  .common-header__others .common-header__login__subnav__item:first-child {
    border-top: none;
  }
  .common-header__others .common-header__login__subnav__item a {
    padding: 15px;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 1.2;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .common-header__others .common-header__login__subnav {
    position: absolute;
    right: -1px;
    left: auto;
    width: calc(375px + 2px);
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .common-header__nav {
    position: absolute;
    top: 40px;
    left: 0;
    z-index: 2;
    display: none;
    margin: 0;
    width: 100%;
    height: 60px;
  }
  .common-header__nav.isActive {
    display: block;
  }
  .common-header__nav__item__icon.only-sp {
    display: flex !important;
  }
  .common-header__nav__item__text .only-sp {
    display: block !important;
  }
  .common-header__nav .only-pc {
    display: none;
  }
}

@media (max-width: 940px) {
  .common-header__nav__items {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    height: 60px;
  }
  .common-header__nav__item {
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
    margin: 0;
    width: calc(100vw/6);
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    letter-spacing: 0.05em;
    font-size: 12px;
    line-height: 1.2;
  }
  .common-header__nav__item a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0;
    height: 100%;
    text-align: center;
  }
  .common-header__nav__item__icon {
    margin: 0 10px 0 0;
    height: 36px;
  }
  .common-header__nav__item__icon.only-sp {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .common-header__nav__item__icon picture {
    display: block;
  }
  .common-header__nav__item__icon.home picture {
    width: calc(11.72px * 1.536);
  }
  .common-header__nav__item__icon.feature picture {
    width: calc(11.72px * 0.85333);
  }
  .common-header__nav__item__icon.archive picture, .common-header__nav__item__icon.lineup picture {
    width: calc(11.72px * 1.536);
  }
  .common-header__nav__item__icon.guide picture, .common-header__nav__item__icon.login picture {
    width: calc(11.72px * 1.70667);
  }
  .common-header__maintenance {
    position: absolute;
    top: 40px;
  }
}

@media (max-width: 760px) {
  .common-header__nav {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 60px;
    transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translateY(100%);
  }
  .common-header__nav.isFixed {
    transform: translateY(0);
  }
  .common-header__nav__item {
    font-size: 10px;
  }
  .common-header__nav__item a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 35px 0 0;
    height: 100%;
    text-align: center;
  }
  .common-header__nav__item__icon {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 36px;
  }
  .common-header__nav__item__icon.only-sp {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
}

@media (max-width: 360px) {
  .common-header__nav__item__text {
    transform: scale(0.9);
  }
}

/*  footer  */
footer a {
  text-decoration: none;
}

.common-footer {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 auto;
  padding: 105px 0 80px;
  background: #fff;
  font-size: 1.02489vw;
}

.common-footer__logo {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 2.56223vw 0 -0.73206vw;
  max-width: 134px;
  width: 9.80966vw;
}

.common-footer__logo a {
  position: relative;
  display: block;
  line-height: 0;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-footer__logo a:before {
  display: block;
  padding: 111.9403% 0 0 0;
  content: '';
}

.common-footer__logo a > img, .common-footer__logo a > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-footer__logo a > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-footer__links {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
  color: #000;
}

.common-footer__links a {
  display: inline-block;
  color: #000;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.common-footer__links__ttl {
  padding: 0 0 25px;
  color: #0dcab7;
  letter-spacing: 1.4px;
  font-weight: 700;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
}

.common-footer__links__box {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.common-footer__links__box ul {
  flex-grow: 0;
  flex-shrink: 0;
}

.common-footer__links__item {
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 0.87848vw;
  line-height: 1.5;
}

.common-footer__links__item + .common-footer__links__item {
  margin-top: 15px;
}

.common-footer__links__item.account a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.common-footer__links__item__icon.tw {
  position: relative;
  display: block;
  margin: 0 0.43924vw 0 0;
  width: 1.0981vw;
  line-height: 0;
}

.common-footer__links__item__icon.tw:before {
  display: block;
  padding: 80% 0 0 0;
  content: '';
}

.common-footer__links__item__icon.tw > img, .common-footer__links__item__icon.tw > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-footer__links__item__icon.tw > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-footer__links__item__icon.fb {
  position: relative;
  display: block;
  margin: 0 0.43924vw 0 0;
  width: 1.46413vw;
  line-height: 0;
}

.common-footer__links__item__icon.fb:before {
  display: block;
  padding: 100% 0 0 0;
  content: '';
}

.common-footer__links__item__icon.fb > img, .common-footer__links__item__icon.fb > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-footer__links__item__icon.fb > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-footer__links__item__icon.ig {
  position: relative;
  display: block;
  margin: 0 0.43924vw 0 0;
  width: 1.61054vw;
  line-height: 0;
}

.common-footer__links__item__icon.ig:before {
  display: block;
  padding: 100% 0 0 0;
  content: '';
}

.common-footer__links__item__icon.ig > img, .common-footer__links__item__icon.ig > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-footer__links__item__icon.ig > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.common-footer__links__item__icon.blog {
  position: relative;
  display: block;
  margin: 0 0.43924vw 0 0;
  width: 1.53734vw;
  line-height: 0;
}

.common-footer__links__item__icon.blog:before {
  display: block;
  padding: 100% 0 0 0;
  content: '';
}

.common-footer__links__item__icon.blog > img, .common-footer__links__item__icon.blog > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.common-footer__links__item__icon.blog > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.global-footer {
  position: relative;
  z-index: 10;
  border-top: 1px solid #0dcab7;
  background: #fff;
}

.global-footer__notice {
  display: flex;
  justify-content: center;
  padding: 36px;
  border-bottom: 1px solid #0dcab7;
  font-size: 14px;
}

.global-footer__copyright {
  word-break: break-word;
}

.global-footer--sp .global-footer__copyright {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

@media (min-width: 761px) {
  .common-footer__logo a:hover, .common-footer__links a:hover {
    opacity: 0.7;
  }
  .common-footer__links__block:nth-of-type(1) ul:nth-of-type(1) {
    min-width: 14.8rem;
    max-width: 290px;
    width: 23.42606vw;
  }
  .common-footer__links__block:nth-of-type(1) ul:nth-of-type(2) {
    margin-left: 1.46413vw;
    min-width: 100px;
    max-width: 130px;
    width: 10.98097vw;
  }
  .common-footer__links__block:nth-of-type(2) {
    margin-left: 3.66032vw;
    max-width: 90px;
  }
  .common-footer__links__block:nth-of-type(3) {
    margin-left: 4.75842vw;
    max-width: 126px;
  }
  .common-footer__links__block:nth-of-type(4) {
    margin-left: 2.56223vw;
    max-width: 90px;
  }
  .common-footer__links__item__icon.tw {
    margin: 0 5px 0 0;
    min-width: 12px;
    max-width: 15px;
  }
  .common-footer__links__item {
    white-space: nowrap;
  }
  .ie11 .global-footer--pc {
    margin-bottom: -24px;
  }
  .global-footer--pc *, .global-footer--pc ::after, .global-footer--pc ::before {
    box-sizing: border-box;
  }
  .global-footer--pc .global-footer__inner {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 20px 30px;
    max-width: 1148px;
    color: #666;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
    line-height: 1.6;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.5);
  }
  .global-footer--pc a {
    color: #f00;
    text-decoration: none;
  }
  .global-footer--pc img, .global-footer--pc p {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
  }
  .global-footer--pc ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    list-style: none;
    vertical-align: baseline;
  }
  .global-footer--pc .global-footer__brandSite-list {
    margin: 50px auto;
  }
  .global-footer--pc .global-footer__brandSite-list li {
    display: table-cell;
    padding-left: 21px;
    width: 188px;
    vertical-align: top;
    font-size: 13px;
  }
  .global-footer--pc .global-footer__brandSite-list li:first-child {
    padding-left: 0;
  }
  .global-footer--pc .global-footer__brandSite-list li a {
    display: block;
    transition: all 0.1s;
  }
  .global-footer--pc .global-footer__brandSite-list li a:hover {
    text-decoration: underline;
    opacity: 0.7;
  }
  .global-footer--pc .global-footer__brandSite-list__img {
    display: table-cell;
    padding: 3px 0;
    width: 167px;
    border: 1px solid #e7e7e7;
    background: #fff;
    vertical-align: middle;
    text-align: center;
  }
  .global-footer--pc .global-footer__brandSite-list__img img {
    max-width: 137px;
    width: 100%;
    vertical-align: middle;
  }
  .global-footer--pc .global-footer__brandSite-list__text {
    display: block;
    margin-top: 5px;
    line-height: 1;
  }
  .global-footer--pc .global-footer__info {
    overflow: hidden;
  }
  .global-footer--pc .global-footer__logo {
    display: table-cell;
    padding-top: 10px;
    padding-right: 30px;
    width: 126px;
    vertical-align: top;
  }
  .global-footer--pc .global-footer__logo img {
    width: 100%;
  }
  .global-footer--pc .global-footer__info-content {
    display: table-cell;
    max-width: 990px;
  }
  .global-footer--pc .global-footer__info-shoplink {
    display: flex;
    flex-wrap: wrap;
  }
  .global-footer--pc .global-footer__info-shoplink li {
    position: relative;
    margin-bottom: 10px;
    padding-right: 34px;
    padding-left: 34px;
  }
  .global-footer--pc .global-footer__info-shoplink li::before {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    width: 1px;
    height: 37px;
    background: #7d7d7d;
    content: '';
  }
  .global-footer--pc .global-footer__info-shoplink li:first-child {
    padding-left: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:first-child::before {
    content: none;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(4) {
    padding-right: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5) {
    padding-left: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5)::before {
    content: none;
  }
  .global-footer--pc .global-footer__info-shoplink li a {
    transition: all 0.1s;
  }
  .global-footer--pc .global-footer__info-shoplink li a:hover {
    opacity: 0.7;
  }
  .global-footer--pc .global-footer__info-shoplink li img {
    width: 194px;
    vertical-align: middle;
  }
  .global-footer--pc .global-footer__info-sitelink {
    margin: 15px 0 20px;
  }
  .global-footer--pc .global-footer__info-sitelink li {
    float: left;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #ff1212;
    line-height: 1.2;
  }
  .global-footer--pc .global-footer__info-sitelink li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
  }
  .global-footer--pc .global-footer__info-sitelink li a:hover {
    text-decoration: underline;
  }
  .global-footer--pc .global-footer__copyright {
    letter-spacing: 0.05em;
  }
  .global-footer--pc .footer_att {
    margin: 10px auto;
    color: #8b0000;
  }
  .global-footer--pc .bp {
    display: none;
  }
}

@media screen and (max-width: 1150px) {
  .global-footer--pc .global-footer__info-content {
    max-width: 975px;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(4) {
    padding-right: 34px;
    padding-left: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(4)::before {
    content: none;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5) {
    padding-right: 34px;
    padding-left: 34px;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5)::before {
    content: '';
  }
}

@media screen and (max-width: 925px) {
  .global-footer--pc .global-footer__info-content {
    max-width: 715px;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(3) {
    padding-right: 34px;
    padding-left: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(3)::before {
    content: none;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(4) {
    padding-right: 34px;
    padding-left: 34px;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(4)::before {
    content: '';
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5) {
    padding-right: 34px;
    padding-left: 0;
  }
  .global-footer--pc .global-footer__info-shoplink li:nth-of-type(5)::before {
    content: none;
  }
}

@media (max-width: 940px) {
  .global-footer--pc .global-footer__brandSite-list {
    margin: 40px auto;
  }
  .global-footer--pc .global-footer__logo {
    width: 100px;
  }
  .global-footer--pc .global-footer__logo img {
    width: 100px;
  }
  .global-footer--pc .global-footer__brandSite-list li {
    font-size: 13px;
  }
  .global-footer--pc .bp {
    display: block;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .common-footer {
    padding: 100px 0 50px;
  }
  .common-footer__logo {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 8.39329vw 0 auto;
    width: 16.06715vw;
  }
  .ie11 .common-footer__logo {
    margin: 0 8.39329vw 0 0;
  }
  .common-footer__links {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto 0 0;
    width: 59.95204vw;
  }
  .common-footer__links__1 {
    width: 40.76739vw;
  }
  .common-footer__links__1 .common-footer__links__block + .common-footer__links__block {
    margin-top: 40px;
  }
  .common-footer__links__2 {
    width: 19.18465vw;
  }
  .common-footer__links__2 .common-footer__links__block + .common-footer__links__block {
    margin-top: 40px;
  }
  .common-footer__links__block {
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
  }
  .common-footer__links__block:nth-of-type(1) .common-footer__links__box {
    display: block;
  }
  .common-footer__links__block:nth-of-type(1) ul {
    margin-left: 0 !important;
    width: 100%;
  }
  .common-footer__links__block:nth-of-type(1), .common-footer__links__block:nth-of-type(2), .common-footer__links__block:nth-of-type(3), .common-footer__links__block:nth-of-type(4) {
    margin-left: 0;
    max-width: none;
    width: 100%;
  }
  .common-footer__links__ttl {
    padding: 0 0 25px;
    letter-spacing: 0.2em;
    line-height: 1.2;
  }
  .common-footer__links__box ul {
    width: 100%;
  }
  .common-footer__links__box ul:nth-of-type(2) .common-footer__links__item {
    margin-top: 1.5em;
  }
  .common-footer__links__box ul li a {
    display: inline;
  }
  .common-footer__links__item {
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-size: 1.43885vw;
    line-height: 1.5;
  }
  .common-footer__links__item + .common-footer__links__item {
    margin-top: 1.5em;
  }
  .common-footer__links__item:first-child {
    margin-top: 0;
  }
  .common-footer__links__item.account a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .common-footer__links__item__icon.tw {
    margin: 0 0.71942vw 0 0;
    width: 1.43885vw;
  }
  .common-footer__links__item__icon.fb {
    margin: 0 1.07914vw 0 0;
    width: 1.31894vw;
  }
  .common-footer__links__item__icon.ig {
    margin: 0 0.71942vw 0 0;
    width: 1.43885vw;
  }
  .common-footer__links__item__icon.blog {
    margin: 0 1.07914vw 0 0;
    width: 1.31894vw;
  }
}

@media (max-width: 760px) {
  .common-footer {
    display: block;
    padding: 55px 0 50px;
  }
  .common-footer__logo {
    margin: 0 auto 40px;
    width: 27.2vw;
  }
  .common-footer__links {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    width: 100%;
  }
  .common-footer__links__block {
    flex-grow: 1;
    flex-shrink: 1;
    box-sizing: border-box;
    width: 50%;
  }
  .common-footer__links__block:nth-of-type(1) {
    padding: 0 0 50px 9.33333vw;
    width: 100%;
  }
  .common-footer__links__block:nth-of-type(1) .common-footer__links__box {
    display: block;
  }
  .common-footer__links__block:nth-of-type(1) ul {
    margin-left: 0;
    width: 100%;
  }
  .common-footer__links__block:nth-of-type(2), .common-footer__links__block:nth-of-type(3) {
    flex-grow: 0;
    flex-shrink: 0;
    width: 38.93333vw;
  }
  .common-footer__links__block:nth-of-type(2) {
    margin: 0 0 0 9.33333vw;
  }
  .common-footer__links__block:nth-of-type(3) {
    margin: 0 0 0 4vw;
  }
  .common-footer__links__block:nth-of-type(4) {
    display: flex;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 50px auto 0;
    padding-top: 43px;
    width: 80.53333vw;
    border-top: 1px solid #0dcab7;
  }
  .common-footer__links__block:nth-of-type(4) .common-footer__links__ttl {
    margin: 0 31.46667vw -1.06667vw 0;
    padding: 0;
  }
  .common-footer__links__block:nth-of-type(4) ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .common-footer__links__block:nth-of-type(4) ul li {
    flex-grow: 1;
    flex-shrink: 1;
    width: 50%;
  }
  .common-footer__links__ttl {
    padding: 0 0 30px;
    letter-spacing: 0.2em;
    line-height: 1.2;
  }
  .common-footer__links__box ul {
    width: 100%;
  }
  .common-footer__links__box ul:nth-of-type(2) .common-footer__links__item {
    margin-top: 1.5em;
  }
  .common-footer__links__box ul li a {
    display: inline;
  }
  .common-footer__links__item {
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
    line-height: 1.5;
  }
  .common-footer__links__item + .common-footer__links__item {
    margin-top: 1.5em;
  }
  .common-footer__links__item:first-child {
    margin-top: 0;
  }
  .common-footer__links__item.account a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .common-footer__links__item__icon.tw {
    margin: 0 1.6vw 0 0;
    width: 3.2vw;
  }
  .common-footer__links__item__icon.fb {
    margin: 0 2.4vw 0 0;
    width: 2.93333vw;
  }
  .common-footer__links__item__icon.ig {
    margin: 0 1.6vw 0 0;
    width: 3.2vw;
  }
  .common-footer__links__item__icon.blog {
    margin: 0 2.4vw 0 0;
    width: 2.93333vw;
  }
  .global-footer {
    padding-bottom: 60px;
    border-bottom: 1px solid #0dcab7;
  }
  .global-footer--sp .global-footer__inner {
    overflow: hidden;
    margin: 0 auto;
    width: auto;
    background-color: #fff;
    color: #000;
    font-size: 12px;
    font-family: "¥Ò¥é¥®¥Î½Ç¥´ Pro W3", "Hiragino Kaku Gothic Pro", ¥á¥¤¥ê¥ª, Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
    line-height: 1.6;
  }
  .global-footer--sp a {
    color: #ff1212;
    text-decoration: none;
  }
  .global-footer--sp dd, .global-footer--sp dl, .global-footer--sp dt, .global-footer--sp img, .global-footer--sp p {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
  }
  .global-footer--sp ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    list-style: none;
    vertical-align: baseline;
  }
  .global-footer--sp .global-footer__logo {
    padding: 20px 0;
    text-align: center;
  }
  .global-footer--sp .global-footer__logo img {
    margin: auto;
    max-width: 126px;
    width: 30%;
  }
  .global-footer--sp .global-footer__brandSite-list {
    display: flex;
    flex-wrap: wrap;
  }
  .global-footer--sp .global-footer__brandSite-list li {
    width: 33.3333%;
    border-top: 1px solid #e7e7e7;
    border-right: none;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
  }
  .global-footer--sp .global-footer__brandSite-list li:nth-child(n+4) {
    border-top: none;
  }
  .global-footer--sp .global-footer__brandSite-list li a {
    display: table;
    width: 100%;
    border: 2px solid #fff;
    border-collapse: collapse;
    border-right: 1px solid #e7e7e7;
  }
  .global-footer--sp .global-footer__brandSite-list li:nth-child(3n) a {
    border-right: none;
  }
  .global-footer--sp .global-footer__brandSite-list__img {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
  }
  .global-footer--sp .global-footer__brandSite-list__img img {
    max-width: 100%;
    max-height: 83px;
    width: auto;
    vertical-align: middle;
  }
  .global-footer--sp .global-footer__info {
    margin-top: 20px;
  }
  .global-footer--sp .global-footer__info li a {
    display: block;
    padding: 10px 15px;
    border-top: 1px solid #e0e0e0;
    border-left: none;
    color: #000;
    line-height: 30px;
  }
  .global-footer--sp .global-footer__info li:last-child {
    border-bottom: 1px solid #e0e0e0;
  }
  .global-footer--sp .global-footer__info li img {
    max-width: 160px;
    width: 38%;
    vertical-align: middle;
  }
  .global-footer--sp .global-footer__info li.store img {
    max-width: 220px;
    width: 52%;
  }
  .global-footer--sp .global-footer__info li.store a {
    padding: 10px 0;
  }
  .global-footer--sp .global-footer__info-contentact {
    padding: 15px;
    text-align: center;
  }
  .global-footer--sp .global-footer__info-contentact dt {
    padding: 10px;
    background: #f2f2f2;
  }
  .global-footer--sp .global-footer__info-contentact dd {
    padding: 15px 0 0;
  }
  .global-footer--sp .global-footer__copyright {
    padding: 0 10px;
    color: #909090;
    text-align: center;
    letter-spacing: 0.05em;
  }
  .global-footer--sp .footer_att {
    padding: 0 15px 15px;
    color: #8b0000;
    text-align: left;
  }
}

@media (max-width: 520px) {
  .common-footer__links__block:nth-of-type(3) {
    margin: 0 0 0 5.33333vw;
  }
  .common-footer__links__block:nth-of-type(4) .common-footer__links__ttl {
    margin: 0 24.8vw -1.06667vw 0;
    padding: 0;
  }
  .common-footer__links__item__icon.tw {
    margin: 0 2.66667vw 0 0;
    width: 4vw;
  }
  .common-footer__links__item__icon.fb {
    margin: 0 5.06667vw 0 0;
    width: 3.73333vw;
  }
  .common-footer__links__item__icon.ig {
    margin: 0 2.66667vw 0 0;
    width: 4vw;
  }
  .common-footer__links__item__icon.blog {
    margin: 0 2.4vw 0 0;
    width: 3.73333vw;
  }
}

.common-footer__links__ttl {
  font-size: 14px;
}

.common-footer__links__item {
  font-size: 12px;
}

@media (max-width: 1366px) {
  .common-footer__links__ttl {
    font-size: 1.0981vw;
  }
  .common-footer__links__item {
    font-size: 0.95168vw;
  }
}

@media (max-width: 940px) {
  .common-footer__links__ttl {
    font-size: 1.67866vw;
  }
  .common-footer__links__item {
    font-size: 1.43885vw;
  }
}

@media (max-width: 760px) {
  .common-footer__links__ttl {
    font-size: 3.2vw;
  }
  .common-footer__links__item {
    font-size: 2.66667vw;
  }
}

@media (max-width: 520px) {
  .common-footer__links__ttl {
    font-size: 3.73333vw;
  }
  .common-footer__links__item {
    font-size: 3.2vw;
  }
}

/*  top  */
.page_top .content {
  overflow: hidden;
  color: #fff;
}

.key-visual-frame {
  position: relative;
  z-index: 1;
  height: 1500px;
  transition: all 0.3s;
}

.key-visual {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

@media (min-width: 941px) {
  .key-visual__list__item__title {
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
  }
  .key-visual__list__item__artist {
    text-shadow: 0.5px 0.5px 0 #fff,-0.5px 0.5px 0 #fff,0.5px -0.5px 0 #fff,-0.5px -0.5px 0 #fff;
  }
}

.key-visual__background {
  position: fixed;
  width: 100%;
  height: 100%;
  height: 100vh;
  background-position: center top;
  background-size: cover;
  opacity: 0;
}

.key-visual__background.isChange {
  opacity: 1;
}

.key-visual__control__prev {
  position: absolute;
  top: 40%;
  left: 2.19619vw;
  z-index: 2;
  width: 2.12299vw;
  height: 3.58712vw;
  background: url(/assets/img/top/chevron-prev@3x.png) no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.key-visual__control__next {
  position: absolute;
  top: 40%;
  right: 2.19619vw;
  z-index: 2;
  width: 2.12299vw;
  height: 3.58712vw;
  background: url(/assets/img/top/chevron-next@3x.png) no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.key-visual__logo {
  position: absolute;
  bottom: 0.25315vw;
  left: 2.56223vw;
  width: 14.12884vw;
}

.key-visual__list {
  position: absolute;
  bottom: 2.52255vw;
  left: 19.76574vw;
}

.key-visual__list__item {
  position: absolute;
  bottom: 0;
  left: 3.66032vw;
  width: 73.20644vw;
  color: #0dcab7;
  opacity: 0;
}

.key-visual__list__item.isView {
  left: 0;
  z-index: 1;
  opacity: 1;
  transition: all 0.5s ease 0.15s;
}

.key-visual__list__item__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  max-height: 5.91947vw;
  word-break: break-word;
  letter-spacing: 0.05em;
  font-weight: 900;
  font-size: 2.04978vw;
  vertical-align: text-bottom;
  line-height: 1.4;
  -webkit-line-clamp: 2;
}

.key-visual__list__item__artist {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  margin: 0.80527vw 0 1.46413vw;
  max-height: 1.97657vw;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.31772vw;
  line-height: 1.5;
  -webkit-line-clamp: 1;
}

.key-visual__list__item__link {
  position: relative;
  display: inline-block;
  display: inline-block;
  box-sizing: content-box;
  padding: 0.91508vw 2.19619vw 0.54905vw 3.66032vw;
  border: 2px solid #0dcab7;
  background: #fff;
  color: #0dcab7;
  white-space: nowrap;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 0.87848vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  margin: 1vw auto 0;
}

.key-visual__list__item__link:before {
  position: absolute;
  top: 52%;
  left: 2.19619vw;
  display: block;
  width: 0.73206vw;
  height: 0.73206vw;
  border-radius: 50%;
  background: #f00;
  content: '';
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transform: translate(-50%, -50%);
}

.mouse .key-visual__list__item__link:hover {
  background-color: #0dcab7;
  color: #fff;
}

.mouse .key-visual__list__item__link:hover:before {
  background-color: #fff;
}

@media (min-width: 761px) and (max-width: 940px) {
  .key-visual-frame {
    height: 89.20863vw !important;
  }
  .key-visual__background:not(.only-sp) {
    z-index: -1;
    filter: blur(20px) !important;
  }
  .key-visual-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 92.44604vw;
    height: 104.07674vw;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .key-visual-mask.only-sp {
    display: block !important;
  }
  .key-visual__background.only-sp {
    position: relative;
    display: block !important;
    width: 100%;
    height: 56.25vw;
  }
  .key-visual__control {
    position: absolute;
    top: 25.18735vw;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .key-visual__control__current {
    display: flex;
    justify-content: center;
  }
  .key-visual__control__current__dot {
    display: inline-block;
    display: block;
    margin: 0 0.95923vw;
    width: 0.95923vw;
    height: 0.95923vw;
    border-radius: 50%;
    background-color: #707070;
  }
  .key-visual__control__current__dot.isActive {
    background-color: #0dcab7;
  }
  .key-visual__control__prev {
    position: absolute;
    top: 40%;
    left: 2.39808vw;
    z-index: 2;
    width: 3.47722vw;
    height: 5.8753vw;
    background: url(/assets/img/top/chevron-prev@3x.png) no-repeat center center;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
  }
  .key-visual__control__next {
    position: absolute;
    top: 40%;
    right: 2.39808vw;
    z-index: 2;
    width: 3.47722vw;
    height: 5.8753vw;
    background: url(/assets/img/top/chevron-next@3x.png) no-repeat center center;
    background-size: 100% auto;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
  }
  .key-visual__logo {
    position: absolute;
    top: 56.25vw;
    bottom: auto;
    left: 50%;
    margin: -8.71583vw 0 0 -7.79376vw;
    width: 15.58753vw;
  }
  .key-visual__list {
    position: absolute;
    top: 67.7458vw;
    bottom: auto;
    left: 6.71463vw;
  }
  .key-visual__list__item {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 86.57074vw;
    color: #0dcab7;
    opacity: 0;
  }
  .key-visual__list__item.isView {
    left: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    opacity: 1;
    transition: all 0.5s ease 0.15s;
  }
  .key-visual__list__item__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 6.71463vw;
    word-break: break-all;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-size: 2.39808vw;
    line-height: 1.4;
    -webkit-line-clamp: 2;
  }
  .key-visual__list__item__artist {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 1.19904vw 0 2.39808vw;
    max-height: 2.51799vw;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 1.67866vw;
    line-height: 1.5;
    -webkit-line-clamp: 1;
  }
  .key-visual__list__item__link {
    position: relative;
    display: inline-block;
    display: inline-block;
    box-sizing: content-box;
    padding: 1.31894vw 3.59712vw 1.07914vw 5.9952vw;
    border: 2px solid #0dcab7;
    background: #fff;
    color: #0dcab7;
    white-space: nowrap;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 1.43885vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .key-visual__list__item__link:before {
    position: absolute;
    top: 50%;
    left: 3.59712vw;
    display: block;
    width: 1.19904vw;
    height: 1.19904vw;
    border-radius: 50%;
    background: #f00;
    content: '';
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 760px) {
  .key-visual-frame {
    height: 133.26667vw !important;
  }
  .key-visual__background:not(.only-sp) {
    z-index: -1;
    filter: blur(20px) !important;
  }
  .key-visual-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 220vw;
    background-color: rgba(0, 0, 0, 0.7);
  }
  .key-visual__background.only-sp {
    position: relative;
    width: 100%;
    height: 100vw;
  }
  .key-visual__control {
    position: absolute;
    top: 123.73333vw;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .key-visual__control__current {
    display: flex;
    justify-content: center;
  }
  .key-visual__control__current li {
    margin: 0 1.6vw;
    padding: 2.13333vw;
  }
  .key-visual__control__current__dot {
    display: inline-block;
    display: block;
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 50%;
    background-color: #707070;
  }
  .key-visual__control__current__dot.isActive {
    background-color: #0dcab7;
  }
  .key-visual__logo {
    position: absolute;
    top: 100vw;
    bottom: auto;
    left: 50%;
    margin: -19.384vw 0 0 -17.33333vw;
    width: 34.66667vw;
  }
  .key-visual__list {
    position: absolute;
    top: 134.4vw;
    left: 9.6vw;
  }
  .key-visual__list__item {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    width: 80vw;
    color: #0dcab7;
    opacity: 0;
  }
  .key-visual__list__item.isView {
    left: 0;
    opacity: 1;
    transition: all 0.5s ease 0.15s;
  }
  .key-visual__list__item__title {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    max-height: 14.93333vw;
    word-break: break-all;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-size: 5.33333vw;
    line-height: 1.4;
    -webkit-line-clamp: 2;
  }
  .key-visual__list__item__artist {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin: 2.66667vw 0 4.8vw;
    max-height: 5.6vw;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 3.73333vw;
    line-height: 1.5;
    -webkit-line-clamp: 1;
  }
  .key-visual__list__item__link {
    position: relative;
    display: inline-block;
    display: inline-block;
    box-sizing: content-box;
    padding: 2.93333vw 8vw 2.4vw 13.33333vw;
    border: 2px solid #0dcab7;
    background: #fff;
    color: #0dcab7;
    white-space: nowrap;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 3.2vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    margin: 1vw auto 0;
  }
  .key-visual__list__item__link:before {
    position: absolute;
    top: 50%;
    left: 8vw;
    display: block;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 50%;
    background: #f00;
    content: '';
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    transform: translate(-50%, -50%);
  }
}

.top-slider-frame {
  position: relative;
  z-index: 10;
  display: block;
  display: flex;
  justify-content: center;
}

.top-slider-frame.isActive {
  justify-content: flex-start;
}

.top-slider-frame:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 23.77145vw;
  background-color: rgba(13, 202, 183, 0.7);
  content: '';
}

.top-slider {
  position: absolute;
  top: 0;
  margin-left: 0;
  height: auto;
  text-align: left;
  font-size: 0;
  opacity: 0;
}

.top-slider.isActive {
  margin-left: -71.22987vw;
}

.top-slider.isActive.isView {
  opacity: 1;
  transition: opacity 0.5s ease 0.2s;
}

.top-slider.isNotActive {
  position: relative;
  display: flex;
  justify-content: center;
  opacity: 1;
}

.top-slider.isRight {
  text-align: right;
}

.top-slider__item {
  position: relative;
  display: inline-flex;
  margin: 0;
  padding: 0 0.58565vw;
  width: 26.93997vw;
  vertical-align: top;
  font-size: 1.02489vw;
}

.top-slider__item a {
    display: flex;
    flex-direction: column;
}

.top-slider__item__thumbnail {
  height: 14.46999vw;
  background-color: black;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.top-slider__item__thumbnail img {
  object-fit: cover;
}

.top-slider__item__date {
  position: absolute;
  top: 12.15227vw;
  right: 1.46413vw;
  padding: 0.40264vw 0.24158vw 0.18302vw 1.61054vw;
  background-color: rgba(255, 255, 255, 0.6);
  color: #f00;
  white-space: nowrap;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 0.95168vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
}

.top-slider__item__date:before {
  position: absolute;
  top: 50%;
  left: 0.51245vw;
  display: block;
  margin: -0.43924vw 0 0 0;
  width: 0.87848vw;
  height: 0.87848vw;
  background: url(/assets/img/common/icon_clock.svg) no-repeat center;
  background-size: contain;
  content: '';
}

.top-slider__item__artist {
  margin: 0.73206vw 0 0.51245vw;
  color: #fff;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 1.02489vw;
}

.top-slider__item__live-name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  font-weight: 500;
  font-size: 1.31772vw;
  flex: 1;
}

.mouse .top-slider__item a.hover img {
  opacity: 0.7;
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-slider-frame {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
  }
  .top-slider-frame.isActive {
    justify-content: flex-start;
  }
  .top-slider-frame:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 21.10312vw;
    background-color: rgba(13, 202, 183, 0.7);
    content: '';
  }
  .top-slider {
    position: absolute;
    top: 0;
    margin-left: 5.8753vw;
    height: auto;
    text-align: left;
    font-size: 0;
  }
  .top-slider.isLength-1 {
    margin-left: 26.97842vw;
  }
  .top-slider.isActive {
    margin-left: -126.4988vw;
  }
  .top-slider.isNotActive {
    position: absolute;
    display: block;
    opacity: 1;
  }
  .top-slider__item {
    position: relative;
    margin: 0;
    padding: 0 0.95923vw;
    width: 44.1247vw;
  }
  .top-slider__item__thumbnail {
    height: 23.74101vw;
    background-color: black;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-slider__item__date {
    position: absolute;
    top: 20.14388vw;
    right: 2.9976vw;
    padding: 0.71942vw 0.39568vw 0.1199vw 2.63789vw;
    background-color: rgba(255, 255, 255, 0.6);
    color: #f00;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 1.55875vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
  }
  .top-slider__item__date:before {
    position: absolute;
    top: 50%;
    left: 0.83933vw;
    display: block;
    margin: -0.71942vw 0 0 0;
    width: 1.43885vw;
    height: 1.43885vw;
    background: url(/assets/img/common/icon_clock.svg) no-repeat center;
    background-size: contain;
    content: '';
  }
  .top-slider__item__artist {
    overflow: hidden;
    margin: 1.19904vw 0 0.83933vw;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 1.43885vw;
  }
  .top-slider__item__live-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 1.67866vw;
  }
}

@media (max-width: 760px) {
  .top-slider-frame {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: flex-start;
    height: 84.33333vw;
  }
  .top-slider-frame.isActive {
    justify-content: flex-start;
  }
  .top-slider-frame:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 66vw;
    background-color: rgba(13, 202, 183, 0.7);
    content: '';
  }
  .top-slider {
    position: absolute;
    top: 0;
    margin-left: 13.2vw;
    height: auto;
    text-align: left;
    font-size: 0;
    display:flex;
  }
  .top-slider.isActive {
    margin-left: -133.86667vw;
  }
  .top-slider.isNotActive {
    position: absolute;
    display: block;
    opacity: 1;
  }
  .top-slider__item {
    position: relative;
    margin: 0;
    padding: 0 3.2vw;
    width: 73.6vw;
  }
  .top-slider__item a {
      display: flex;
      flex-direction: column;
  }
  .top-slider__item__thumbnail {
    height: 37.73333vw;
    background-color: black;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-slider__item__date {
    position: absolute;
    top: 29.06667vw;
    right: 6.66667vw;
    padding: 1.46667vw 0.88vw 0.4vw 5.86667vw;
    background-color: rgba(255, 255, 255, 0.6);
    color: #f00;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 3.46667vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
  }
  .top-slider__item__date:before {
    position: absolute;
    top: 50%;
    left: 1.86667vw;
    display: block;
    margin: -1.6vw 0 0 0;
    width: 3.2vw;
    height: 3.2vw;
    background: url(/assets/img/common/icon_clock.svg) no-repeat center;
    background-size: contain;
    content: '';
  }
  .top-slider__item__artist {
    margin: 2.66667vw 0 1.86667vw;
    color: #fff;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 3.2vw;
  }
  .top-slider__item__live-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: #fff;
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    flex: 1;
  }
}

.top-section__title {
  padding: 0 0 5.41728vw;
}

.top-section__title--en {
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 2.34261vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.2;
}

.top-section__title--ja {
  margin: 0 0 0 1.24451vw;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.31772vw;
  line-height: 1.2;
}

.top-section__inner {
  margin: 0 auto;
  width: 79.64861vw;
}

.anchor-target {
  z-index: 1;
  margin-top: -5.12445vw;
  padding-top: 5.12445vw;
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section__title {
    padding: 0 0 4.79616vw;
    text-align: center;
  }
  .top-section__title span {
    display: block;
  }
  .top-section__title--en {
    letter-spacing: 0.2em;
    font-size: 3.83693vw;
    line-height: 1.2;
  }
  .top-section__title--ja {
    margin: 0.59952vw 0 0;
    letter-spacing: 0.05em;
    font-size: 1.67866vw;
    line-height: 1.2;
  }
  .top-section__inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
  }
  .anchor-target {
    z-index: 1;
    margin-top: -4.79616vw;
    padding-top: 4.79616vw;
  }
}

@media (max-width: 760px) {
  .top-section__title {
    padding: 0 0 8.26667vw;
    text-align: center;
  }
  .top-section__title span {
    display: block;
  }
  .top-section__title--en {
    letter-spacing: 0.2em;
    font-size: 4.8vw;
    line-height: 1.2;
  }
  .top-section__title--ja {
    margin: 1.33333vw 0 0;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
    line-height: 1.2;
  }
  .top-section__inner {
    width: 100%;
  }
  .anchor-target {
    z-index: 1;
    margin-top: -6.93333vw;
    padding-top: 6.93333vw;
  }
}

.top-section-frame--feature {
  position: relative;
  z-index: 1;
  background-color: rgba(13, 202, 183, 0.7);
}

.top-section .feature {
  z-index: 10;
  padding: 4.75842vw 0 0;
  text-align: center;
}

.top-section .feature__logo {
  margin: 0 auto 0.73206vw;
  width: 9.51684vw;
}

.top-section .feature__title {
  margin: 0 auto 60px;
  letter-spacing: 0.05em;
  font-weight: 900;
  font-size: 1.46413vw;
}

.top-section .feature__subtitle {
  padding: 0 0 30px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.31772vw;
}

.top-section .feature__description {
  padding: 0 0 145px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.02489vw;
  line-height: 2.3;
}

.feature__detail {
  background: #222;
}

.slide_wrap {
  position: relative;
  z-index: 1;
  padding: 3.80673vw 0;
}

.slide_wrap .slide_mask {
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  content: '';
}

.slide_wrap .slide_inner {
  position: relative;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.slide_wrap .slide_inner ul {
  display: flex;
}

.feature__detail__item {
  margin: 0 0.43924vw;
  color: #fff;
  text-align: left;
}

.feature__detail__item__inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.feature__detail__item__img {
  position: relative;
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1.46413vw 0 0;
  width: 9.66325vw;
  line-height: 0;
}

.feature__detail__item__img:before {
  display: block;
  padding: 101.51515% 0 0 0;
  content: '';
}

.feature__detail__item__img > img, .feature__detail__item__img > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.feature__detail__item__img > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.top-section .feature .feature__detail__item__box {
  flex-grow: 0;
  flex-shrink: 0;
  width: 15.37335vw;
}

.top-section .feature .feature__detail__item__title {
  padding: 0 0 0.87848vw;
  color: #0dcab7;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.02489vw;
}

.top-section .feature .feature__detail__item__description {
  width: 12.88433vw;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 0.87848vw;
  line-height: 1.5;
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section .feature {
    z-index: 10;
    padding: 7.79376vw 0 0;
    text-align: center;
  }
  .top-section .feature__logo {
    margin: 0 auto 1.19904vw;
    width: 15.58753vw;
  }
  .top-section .feature__title {
    margin: 0 auto 60px;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-size: 2.39808vw;
  }
  .top-section .feature__subtitle {
    padding: 0 0 30px;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 2.15827vw;
  }
  .top-section .feature__description {
    padding: 0 0 145px;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 1.67866vw;
    line-height: 2.3;
  }
  .feature__detail {
    background: #222;
  }
  .slide_wrap {
    position: relative;
    z-index: 1;
    padding: 4.43645vw 0;
  }
  .slide_wrap .slide_mask {
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    content: '';
  }
  .slide_wrap .slide_inner {
    position: relative;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .slide_wrap .slide_inner ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 4.55635vw 0 5.27578vw;
  }
  .feature__detail__item {
    margin: 1.79856vw 0.71942vw;
    color: #fff;
    text-align: left;
  }
  .feature__detail__item:nth-of-type(2n) {
    margin: 1.79856vw 0 0 2.39808vw;
  }
  .ie11 .feature__detail__item:nth-of-type(2n) {
    margin: 1.79856vw 0 0 0.71942vw;
  }
  .feature__detail__item__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .feature__detail__item__img {
    position: relative;
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 2.03837vw 0 0;
    width: 15.82734vw;
    line-height: 0;
  }
  .feature__detail__item__img:before {
    display: block;
    padding: 101.51515% 0 0 0;
    content: '';
  }
  .feature__detail__item__img > img, .feature__detail__item__img > picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .feature__detail__item__img > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .top-section .feature .feature__detail__item__box {
    flex-grow: 0;
    flex-shrink: 0;
    width: 25.17986vw;
  }
  .top-section .feature .feature__detail__item__title {
    padding: 0 0 1.43885vw;
    color: #0dcab7;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 1.67866vw;
  }
  .top-section .feature .feature__detail__item__description {
    width: 23.98082vw;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 1.43885vw;
    line-height: 1.5;
  }
}

@media (max-width: 760px) {
  .top-section .feature {
    padding: 17.6vw 0 0;
  }
  .top-section .feature .feature__logo {
    margin: 0 auto 8vw;
    width: 34.66667vw;
  }
  .top-section .feature .feature__title {
    width: 76.26667vw;
    letter-spacing: 0.05em;
    font-size: 5.33333vw;
    line-height: 1.5;
  }
  .top-section .feature .feature__subtitle {
    margin: 0 auto;
    width: 76.26667vw;
    text-align: left;
    letter-spacing: 0.05em;
    letter-spacing: 0.05em;
    font-weight: 900;
    font-size: 4.26667vw;
    line-height: 1.5;
  }
  .top-section .feature .feature__description {
    margin: 0 auto;
    padding: 0 0 30.93333vw;
    width: 76.26667vw;
    text-align: left;
  }
  .top-section .feature .feature__description p {
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    line-height: 1.71429;
  }
  .top-section .feature .feature__detail {
    height: 74.66667vw;
  }
  .top-section .feature .feature__detail .slide_inner {
    position: relative;
    display: flex;
    justify-content: flex-start;
  }
  .top-section .feature .feature__detail .slide_inner ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .top-section .feature .feature__detail .slide_inner ul li {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100vw;
  }
  .top-section .feature .feature__detail .current {
    position: absolute;
    bottom: 6.4vw;
    left: 0;
    width: 100%;
  }
  .top-section .feature .feature__detail .current ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
  }
  .top-section .feature .feature__detail .current ul li {
    margin: 0 2vw;
  }
  .top-section .feature .feature__detail .current ul li a {
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-radius: 50%;
    background-color: #0dcab7;
    opacity: 0.3;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-section .feature .feature__detail .current ul li.isActive a {
    opacity: 1;
  }
  .top-section .feature .feature__detail .feature__detail__item__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 auto;
    width: 80.8vw;
  }
  .top-section .feature .feature__detail .feature__detail__item__img {
    margin: 0 4.53333vw 0 0;
    width: 35.2vw;
  }
  .top-section .feature .feature__detail .feature__detail__item__box {
    width: 40.8vw;
  }
  .top-section .feature .feature__detail .feature__detail__item__title {
    padding: 0 0 2.66667vw;
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    line-height: 1.42857;
  }
  .top-section .feature .feature__detail .feature__detail__item__description {
    width: 100%;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
    line-height: 1.5;
  }
}

.top-section-frame--method {
  position: relative;
  z-index: 1;
  background: #0dcab7;
}

.top-section .howto {
  padding: 10.2489vw 0;
}

.top-section .howto .howto__detail {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.top-section .howto .howto__detail__embed {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 45.97365vw;
  height: 25.84187vw;
}

.top-section .howto .howto__detail__embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: '';
}

.top-section .howto .howto__detail__part + .howto__detail__part {
  margin: 2.78184vw 0 0;
  padding: 2.78184vw 0 0;
  border-top: 1px dotted #fff;
}

.top-section .howto .howto__detail__block {
  flex-grow: 0;
  flex-shrink: 0;
  width: 30.38067vw;
}

.top-section .howto .howto__detail__title {
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.31772vw;
  line-height: 1.2;
}

.top-section .howto .howto__detail__text {
  padding: 0.73206vw 0 2.04978vw;
  letter-spacing: 0.05em;
  font-size: 1.02489vw;
  line-height: 1.42857;
}

.top-section .howto .howto__detail__button a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  box-sizing: content-box;
  box-sizing: border-box;
  padding: 0.40264vw 0 0;
  width: 12.4451vw;
  height: 2.56223vw;
  border: 2px solid #fff;
  background: #0dcab7;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 0.87848vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.2;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.top-section .howto .howto__detail__button a:before {
  display: block;
  margin: -0.29283vw 0.87848vw 0 0;
  width: 0.73206vw;
  height: 0.73206vw;
  border-radius: 50%;
  background: #fff;
  content: '';
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.mouse .top-section .howto__detail__button a:hover {
  background-color: #fff;
  color: #0dcab7;
}

.mouse .top-section .howto__detail__button a:hover:before {
  background-color: #0dcab7;
}

@media (min-width: 941px) {
  .top-section .howto {
    padding: 10.2489vw 0;
  }
  .top-section .howto .top-section__title {
    padding: 0 0 1.68375vw;
  }
  .top-section .howto .top-section__title span {
    display: block;
  }
  .top-section .howto .top-section__title--ja {
    margin: 0;
  }
  .top-section .howto .top-section__title--en + .top-section__title--ja {
    margin: 1.46413vw 0 0 0;
  }
  .top-section .howto .howto__detail + .top-section__title {
    margin: 2.92826vw 0 0 0;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section .howto {
    padding: 16.78657vw 0;
  }
  .top-section .howto .howto__detail {
    display: block;
  }
  .top-section .howto .howto__detail + .top-section__title {
    margin: 7.19424vw 0 0 0;
  }
  .top-section .howto .howto__detail__embed {
    margin: 0 auto;
    width: 75.29976vw;
    height: 42.32614vw;
  }
  .top-section .howto .howto__detail__part {
    padding: 3.59712vw 2.9976vw 0;
    width: 100%;
  }
  .top-section .howto .howto__detail__part + .howto__detail__part {
    margin: 0;
    padding: 3.59712vw 2.9976vw 0;
    border-top: none;
  }
  .top-section .howto .howto__detail__block {
    display: flex;
    margin: 0 auto;
    width: 81.29496vw;
  }
  .top-section .howto .howto__detail__title {
    letter-spacing: 0.05em;
    font-size: 2.15827vw;
    line-height: 1.2;
  }
  .top-section .howto .howto__detail__text {
    padding: 1.19904vw 0 2.51799vw;
    height: 11.99041vw;
    letter-spacing: 0.05em;
    font-size: 1.67866vw;
    line-height: 1.66667;
  }
  .top-section .howto .howto__detail__button a {
    padding: 0.53957vw 0 0;
    width: 20.38369vw;
    height: 4.19664vw;
    border: 2px solid #fff;
    letter-spacing: 0.2em;
    font-size: 1.43885vw;
    line-height: 1.2;
  }
  .top-section .howto .howto__detail__button a:before {
    margin: -0.47962vw 1.43885vw 0 0;
    width: 1.19904vw;
    height: 1.19904vw;
  }
}

@media (min-width: 761px) {
  .top-section .howto .howto__detail.no_embed .howto__detail {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    padding-bottom: 1.96779rem;
    width: 50%;
  }
  .top-section .howto .howto__detail.no_embed .howto__detail + .howto__detail {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .top-section .howto .howto__detail.no_embed .howto__detail__block {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }
  .top-section .howto .howto__detail.no_embed .howto__detail__button {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

@media (max-width: 760px) {
  .top-section .howto {
    padding: 18.66667vw 0;
  }
  .top-section .howto .howto__detail {
    display: block;
  }
  .top-section .howto .howto__detail + .top-section__title {
    margin: 16vw 0 0 0;
  }
  .top-section .howto .howto__detail__embed {
    margin: 0 auto;
    width: 80.53333vw;
    height: 45.33333vw;
  }
  .top-section .howto .howto__detail__part {
    padding: 8vw 0 0;
    width: 100%;
  }
  .top-section .howto .howto__detail__part + .howto__detail__part {
    margin: 8vw 0 0;
    border-top: 1px dotted #fff;
  }
  .top-section .howto .howto__detail__block {
    display: block;
    margin: 0 auto;
    width: 80vw;
  }
  .top-section .howto .howto__detail__title {
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    line-height: 1.2;
  }
  .top-section .howto .howto__detail__text {
    padding: 2.66667vw 0 5.6vw;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
    line-height: 1.66667;
  }
  .top-section .howto .howto__detail__button a {
    padding: 1.2vw 0 0;
    width: 45.33333vw;
    height: 9.33333vw;
    border: 2px solid #fff;
    letter-spacing: 0.2em;
    font-size: 3.2vw;
    line-height: 1.2;
  }
  .top-section .howto .howto__detail__button a:before {
    margin: -1.06667vw 3.2vw 0 0;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

.top-section-frame--archive {
  position: relative;
  z-index: 1;
}

.top-section .archive {
  position: relative;
  padding: 10.2489vw 0;
  background: #000 url(/assets/img/top/archive_bg.svg) no-repeat 30% 40%;
  background-size: 251.75695vw auto;
}

.top-section .archive .top-section__title {
  color: #0dcab7;
}

.top-section .archive:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 26.35432vw;
  background: #0dcab7;
  content: '';
}

.top-section .archive .archive__items {
  position: relative;
  z-index: 2;
}

.top-section .archive .archive__items__inner {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.top-section .archive .archive__item {
  position: relative;
  flex-grow: 0;
  flex-shrink: 0;
  width: 39.23865vw;
}

.top-section .archive .archive__item + .archive__item {
  margin: 0 0 0 1.24451vw;
}

.top-section .archive .archive__item__wrap {
  position: relative;
}

.top-section .archive .archive__item__img {
  position: relative;
  display: block;
  background-color: #000;
  line-height: 0;
}

.top-section .archive .archive__item__img img {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.top-section .archive .archive__item__date {
  position: absolute;
  right: 0.95168vw;
  bottom: 1.02489vw;
  z-index: 1;
  padding: 0.38799vw 0.24158vw 0.14641vw 1.75695vw;
  background-color: rgba(255, 255, 255, 0.6);
  color: #f00;
  white-space: nowrap;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 0.95168vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
}

.top-section .archive .archive__item__date:before {
  position: absolute;
  top: 50%;
  left: 0.51245vw;
  display: block;
  margin: -0.43924vw 0 0 0;
  width: 0.97584vw;
  height: 0.87848vw;
  background: url(/assets/img/bx-movie-red.svg) no-repeat left center;
  background-size: contain;
  content: '';
}

.top-section .archive .archive__item__detail {
  padding: 1.46413vw 0 0;
  text-align: center;
}

.top-section .archive .archive__item__detail__artist {
  overflow: hidden;
  margin: 0 0 0.73206vw;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 1.02489vw;
  line-height: 1.2;
}

.top-section .archive .archive__item__detail__live {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  color: #fff;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.31772vw;
  line-height: 1.55556em;
  -webkit-line-clamp: 2;
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section .archive {
    position: relative;
    padding: 16.78657vw 0;
    background: #000 url(/assets/img/top/archive_bg.svg) no-repeat 30% 40%;
    background-size: 303.71703vw auto;
  }
  .top-section .archive .top-section__title {
    color: #0dcab7;
  }
  .top-section .archive:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 33.81295vw;
    background: #0dcab7;
    content: '';
  }
  .top-section .archive .archive__items {
    position: relative;
    z-index: 2;
  }
  .top-section .archive .archive__items__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .top-section .archive .archive__item {
    position: relative;
    flex-grow: 0;
    flex-shrink: 0;
    width: 43.28537vw;
  }
  .top-section .archive .archive__item + .archive__item {
    margin: 0 0 0 1.55875vw;
  }
  .top-section .archive .archive__item__wrap {
    position: relative;
  }
  .top-section .archive .archive__item__img {
    position: relative;
    display: block;
    background-color: #000;
    line-height: 0;
  }
  .top-section .archive .archive__item__img img {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-section .archive .archive__item__date {
    position: absolute;
    right: 1.55875vw;
    bottom: 1.67866vw;
    z-index: 1;
    padding: 0.63549vw 0.39568vw 0.23981vw 2.8777vw;
    background-color: rgba(255, 255, 255, 0.6);
    color: #f00;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 1.55875vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
  }
  .top-section .archive .archive__item__date:before {
    position: absolute;
    top: 50%;
    left: 0.83933vw;
    display: block;
    margin: -0.71942vw 0 0 0;
    width: 1.59832vw;
    height: 1.43885vw;
    background: url(/assets/img/bx-movie-red.svg) no-repeat left center;
    background-size: contain;
    content: '';
  }
  .top-section .archive .archive__item__detail {
    padding: 2.39808vw 0 0;
    text-align: center;
  }
  .top-section .archive .archive__item__detail__artist {
    overflow: hidden;
    margin: 0 0 1.19904vw;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 1.67866vw;
    line-height: 1.2;
  }
  .top-section .archive .archive__item__detail__live {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    color: #fff;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 2.15827vw;
    line-height: 1.55556em;
    -webkit-line-clamp: 2;
  }
}

.mouse .top-section .archive .archive__item__link:hover img {
  opacity: 0.7;
}

@media (max-width: 760px) {
  .top-section .archive {
    padding: 18.66667vw 0 16vw;
    background: #000 url(/assets/img/top/archive_bg.svg) no-repeat 7.5% 28%;
    background-size: 407.73333vw auto;
  }
  .top-section .archive:before {
    height: 53.33333vw;
  }
  .top-section .archive .archive__items {
    padding: 0;
  }
  .top-section .archive .archive__items__inner {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 0 9.6vw;
  }
  .top-section .archive .archive__item {
    margin: 0 0 2.66667vw;
    width: 80.8vw;
  }
  .top-section .archive .archive__item + .archive__item {
    margin: 0 0 0 2.66667vw;
  }
  .top-section .archive .archive__item:last-child {
    padding-right: 9.6vw;
    width: 90.4vw;
  }
  .top-section .archive .archive__item:last-child .archive__item__date {
    right: 4.26667vw;
  }
  .top-section .archive .archive__item__date {
    right: 3.2vw;
    bottom: 3.2vw;
    padding: 1.41333vw 1.41333vw 0.53333vw 6.93333vw;
    letter-spacing: 0.1em;
    font-size: 3.2vw;
    line-height: 1.2;
  }
  .top-section .archive .archive__item__date:before {
    top: 50%;
    left: 1.41333vw;
    margin: -1.6vw 0 0 0;
    width: 3.55467vw;
    height: 3.2vw;
  }
  .top-section .archive .archive__item__detail {
    padding: 3.46667vw 0 0;
  }
  .top-section .archive .archive__item__detail__artist {
    margin: 0 0 1.86667vw;
    letter-spacing: 0.05em;
    font-size: 3.2vw;
    line-height: 1.2;
  }
  .top-section .archive .archive__item__detail__live {
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
  }
}

.top-section-frame--lineup {
  position: relative;
  z-index: 1;
}

.top-section .lineup {
  padding: 10.2489vw 0;
  background: #000;
}

.top-section .lineup:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 48.90922vw;
  height: 100%;
  background: url(/assets/img/top/lineup_bg.svg) no-repeat center top;
  background-size: contain;
  content: '';
}

.top-section .lineup .top-section__title {
  color: #0dcab7;
}

.top-section .lineup .lineup__items__inner {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.top-section .lineup .lineup__item {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1.1713vw 2.19619vw 0;
  width: 19.03367vw;
}

.top-section .lineup .lineup__item:nth-of-type(4n) {
  margin-right: 0;
}

.top-section .lineup .lineup__item__link {
  position: relative;
  display: block;
  color: #fff;
}

.top-section .lineup .lineup__item__wrap {
  position: relative;
}

.top-section .lineup .lineup__item__img {
  position: relative;
  display: block;
  line-height: 0;
}

.top-section .lineup .lineup__item__img:before {
  display: block;
  padding: 56.53846% 0 0 0;
  content: '';
}

.top-section .lineup .lineup__item__img > img, .top-section .lineup .lineup__item__img > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.top-section .lineup .lineup__item__img > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.top-section .lineup .lineup__item__img img {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.top-section .lineup .lineup__item__date {
  position: absolute;
  top: 8.49195vw;
  right: 0.95168vw;
  z-index: 1;
  color: #f00;
  white-space: nowrap;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 0.95168vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
}

.top-section .lineup .lineup__item__date:before {
  position: absolute;
  left: 0.51245vw;
  display: block;
  margin: -0.43924vw 0 0 0;
  width: 0.87848vw;
  height: 0.87848vw;
  background: url(/assets/img/common/icon_clock.svg) no-repeat center;
  background-size: contain;
  content: '';
}

.top-section .lineup .lineup__item__detail {
  padding: 0.73206vw 0 0;
}

.top-section .lineup .lineup__item__detail__artist {
  overflow: hidden;
  padding: 0 0 0.43924vw;
  color: #0dcab7;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 0.87848vw;
  line-height: 1.2;
}

.top-section .lineup .lineup__item__detail__live {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 1.02489vw;
  line-height: 1.42857;
  -webkit-line-clamp: 2;
}

@media (min-width: 941px) {
  .top-section .lineup .lineup__item__date {
    padding: 0.41728vw 0.24158vw 0.11713vw 1.61054vw;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .top-section .lineup .lineup__item__date:before {
    top: 50%;
    left: 0.51245vw;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section .lineup {
    padding: 16.78657vw 0;
    background: #000;
  }
  .top-section .lineup:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 80.10791vw;
    height: 100%;
    background: url(/assets/img/top/lineup_bg.svg) no-repeat center top;
    background-size: contain;
    content: '';
  }
  .top-section .lineup .top-section__title {
    color: #0dcab7;
  }
  .top-section .lineup .lineup__items {
    position: relative;
    margin: 0 auto;
    width: 88.1295vw;
  }
  .top-section .lineup .lineup__items.isMask:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 7.79376vw;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    content: '';
  }
  .top-section .lineup .lineup__items.isOpen:after {
    display: none;
  }
  .top-section .lineup .lineup__items__mask {
    overflow: visible;
    height: auto;
  }
  .top-section .lineup .lineup__items__mask.isMask {
    overflow: hidden;
    height: 85.13189vw;
  }
  .top-section .lineup .lineup__items__inner {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .top-section .lineup .lineup__item {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1.91847vw 3.59712vw 0;
    width: 28.05755vw;
  }
  .top-section .lineup .lineup__item:nth-of-type(4n) {
    margin: 0 1.91847vw 3.59712vw 0;
  }
  .top-section .lineup .lineup__item:nth-of-type(3n) {
    margin-right: 0;
  }
  .top-section .lineup .lineup__item__link {
    position: relative;
    display: block;
    color: #fff;
  }
  .top-section .lineup .lineup__item__wrap {
    position: relative;
  }
  .top-section .lineup .lineup__item__img {
    position: relative;
    display: block;
    line-height: 0;
  }
  .top-section .lineup .lineup__item__img:before {
    display: block;
    padding: 56.53846% 0 0 0;
    content: '';
  }
  .top-section .lineup .lineup__item__img > img, .top-section .lineup .lineup__item__img > picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .top-section .lineup .lineup__item__img > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .top-section .lineup .lineup__item__img img {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-section .lineup .lineup__item__date {
    position: absolute;
    top: 12.47002vw;
    right: 1.55875vw;
    z-index: 1;
    padding: 0 0 0 2.63789vw;
    color: #f00;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 1.55875vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
  }
  .top-section .lineup .lineup__item__date:before {
    position: absolute;
    left: 0.83933vw;
    display: block;
    margin: -0.71942vw 0 0 0;
    width: 1.43885vw;
    height: 1.43885vw;
    background: url(/assets/img/common/icon_clock.svg) no-repeat center;
    background-size: contain;
    content: '';
  }
  .top-section .lineup .lineup__item__date {
    padding: 0.7554vw 0.39568vw 0.1199vw 2.63789vw;
    background-color: rgba(255, 255, 255, 0.6);
  }
  .top-section .lineup .lineup__item__date:before {
    top: 50%;
    left: 0.83933vw;
  }
  .top-section .lineup .lineup__item__detail {
    padding: 1.19904vw 0 0;
  }
  .top-section .lineup .lineup__item__detail__artist {
    overflow: hidden;
    padding: 0 0 0.71942vw;
    color: #0dcab7;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 1.43885vw;
    line-height: 1.2;
  }
  .top-section .lineup .lineup__item__detail__live {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    letter-spacing: 0.05em;
    font-weight: 700;
    font-size: 1.67866vw;
    line-height: 1.42857;
    -webkit-line-clamp: 2;
  }
  .lineup__btn_more {
    z-index: 1;
    display: none;
    padding: 4.79616vw 0 0;
  }
  .lineup__btn_more.isMask {
    display: block !important;
  }
  .lineup__btn_more.isOpen {
    display: none !important;
  }
  .lineup__btn_more a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0.28777vw 0 0;
    width: 36.45084vw;
    height: 4.19664vw;
    border: 2px solid #0dcab7;
    background: #000;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 1.43885vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1.2;
  }
  .lineup__btn_more a:before {
    display: block;
    margin: -0.28777vw 1.55875vw 0 0;
    width: 1.19904vw;
    height: 1.19904vw;
    border-radius: 50%;
    background: #f00;
    content: '';
  }
}

.mouse .top-section .lineup .lineup__item a:hover img {
  opacity: 0.7;
}

.mouse .top-section .lineup .lineup__btn_more a:hover {
  background-color: #0dcab7;
  color: #fff;
}

.mouse .top-section .lineup .lineup__btn_more a:hover:before {
  background-color: #fff;
}

@media (max-width: 760px) {
  .top-section .lineup {
    padding: 20.53333vw 0;
  }
  .top-section .lineup:before {
    width: 100%;
    height: 114.93333vw;
  }
  .top-section .lineup .lineup__item + .lineup__item {
    margin-top: 5.6vw;
    padding-top: 4.26667vw;
    border-top: 1px dotted rgba(13, 202, 183, 0.5);
  }
  .top-section .lineup .lineup__items {
    position: relative;
    margin: 0 auto;
    width: 88vw;
  }
  .top-section .lineup .lineup__items:after {
    display: none;
  }
  .top-section .lineup .lineup__items.isMask:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 17.33333vw;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    content: '';
  }
  .top-section .lineup .lineup__items.isOpen:after {
    display: none;
  }
  .top-section .lineup .lineup__items__mask {
    overflow: visible;
    height: auto;
  }
  .top-section .lineup .lineup__items__mask.isMask {
    overflow: hidden;
    height: 290.93333vw;
  }
  .top-section .lineup .lineup__items__inner {
    display: block;
  }
  .top-section .lineup .lineup__item {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    width: 100%;
  }
  .top-section .lineup .lineup__item__link {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }
  .top-section .lineup .lineup__item__wrap {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42.66667vw;
  }
  .top-section .lineup .lineup__item__img {
    background-color: transparent;
  }
  .top-section .lineup .lineup__item__date {
    position: relative;
    top: 0;
    right: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 1.86667vw;
    padding: 0 0 0 4vw;
    letter-spacing: 0.1em;
    font-size: 2.66667vw;
    line-height: 1.2;
  }
  .top-section .lineup .lineup__item__date:before {
    margin: -0.8vw 1.06667vw 0 0;
    width: 2.66667vw;
    height: 2.66667vw;
  }
  .top-section .lineup .lineup__item__date.white {
    background-color: transparent;
  }
  .top-section .lineup .lineup__item__detail {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 4.8vw 0 0;
    width: 42.66667vw;
  }
  .top-section .lineup .lineup__item__detail__artist {
    width: 100%;
    letter-spacing: 0.05em;
    font-size: 2.66667vw;
    line-height: 1.5;
  }
  .top-section .lineup .lineup__item__detail__live {
    padding: 2.66667vw 0 0;
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    line-height: 1.28571;
  }
  .top-section .lineup .lineup__btn_more {
    z-index: 1;
    display: none;
    padding: 8vw 0 0;
  }
  .top-section .lineup .lineup__btn_more.isMask {
    display: block;
  }
  .top-section .lineup .lineup__btn_more.isOpen {
    display: none;
  }
  .top-section .lineup .lineup__btn_more a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0.64vw 0 0;
    width: 81.06667vw;
    height: 9.33333vw;
    border: 2px solid #0dcab7;
    background: #000;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 3.2vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1.2;
  }
  .top-section .lineup .lineup__btn_more a:before {
    display: block;
    margin: -0.64vw 3.46667vw 0 0;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 50%;
    background: #f00;
    content: '';
  }
}

.top-section-frame--past {
  position: relative;
  z-index: 1;
  background: #0dcab7;
}

.top-section .past {
  padding: 10.2489vw 0;
}

.top-section .past .past__items__inner {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.top-section .past .past__item {
  flex-grow: 0;
  flex-shrink: 0;
  margin: 0 1.1713vw 2.19619vw 0;
  width: 19.03367vw;
}

.top-section .past .past__item:nth-of-type(4n) {
  margin-right: 0;
}

.top-section .past .past__item__link {
  position: relative;
  display: block;
  color: #fff;
}

.top-section .past .past__item__wrap {
  position: relative;
}

.top-section .past .past__item__img {
  position: relative;
  display: block;
  line-height: 0;
}

.top-section .past .past__item__img:before {
  display: block;
  padding: 56.53846% 0 0 0;
  content: '';
}

.top-section .past .past__item__img > img, .top-section .past .past__item__img > picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.top-section .past .past__item__img > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.top-section .past .past__item__img img {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.top-section .past .past__item__date {
  top: 8.49195vw;
  right: 0.95168vw;
  z-index: 1;
  white-space: nowrap;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 0.95168vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1;
}

.top-section .past .past__item__detail__artist {
  overflow: hidden;
  padding: 0 0 0.43924vw;
  color: #fff;
  text-overflow: ellipsis;
  white-space: normal;
  letter-spacing: 0.05em;
  font-weight: 400;
  font-size: 1.02489vw;
  line-height: 1.2;
}

@media (min-width: 941px) {
  .top-section .past .past__item__date {
    padding: 0.41728vw 0.24158vw 0.11713vw 0;
  }
  .top-section .past .past__item__date:before {
    top: 50%;
    left: 0.51245vw;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .top-section .past {
    padding: 16.78657vw 0;
  }
  .top-section .past .past__items {
    position: relative;
    margin: 0 auto;
    width: 88.1295vw;
  }
  .top-section .past .past__items.isMask:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 7.79376vw;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    content: '';
  }
  .top-section .past .past__items.isOpen:after {
    display: none;
  }
  .top-section .past .past__items__mask {
    overflow: visible;
    height: auto;
  }
  .top-section .past .past__items__mask.isMask {
    overflow: hidden;
    height: 85.13189vw;
  }
  .top-section .past .past__items__inner {
    margin-left: 5.8%;
  }
  .top-section .past .past__items__inner {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .top-section .past .past__item {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0 1.91847vw 3.59712vw 0;
    width: 28.05755vw;
  }
  .top-section .past .past__item:nth-of-type(4n) {
    margin: 0 1.91847vw 3.59712vw 0;
  }
  .top-section .past .past__item:nth-of-type(3n) {
    margin-right: 0;
  }
  .top-section .past .past__item__link {
    position: relative;
    display: block;
    color: #fff;
  }
  .top-section .past .past__item__wrap {
    position: relative;
  }
  .top-section .past .past__item__img {
    position: relative;
    display: block;
    line-height: 0;
  }
  .top-section .past .past__item__img:before {
    display: block;
    padding: 56.53846% 0 0 0;
    content: '';
  }
  .top-section .past .past__item__img > img, .top-section .past .past__item__img > picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  .top-section .past .past__item__img > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .top-section .past .past__item__img img {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  }
  .top-section .past .past__item__date {
    top: 12.47002vw;
    right: 1.55875vw;
    z-index: 1;
    padding: 0 0 0 2.63789vw;
    white-space: nowrap;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 1.55875vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1;
  }
  .top-section .past .past__item__date {
    padding: 0.7554vw 0.39568vw 0.1199vw 0;
    margin-bottom: 10px;
  }
  .top-section .past .past__item__detail {
    padding: 1.19904vw 0 0;
  }
  .top-section .past .past__item__detail__artist {
    overflow: hidden;
    padding: 0 0 0.71942vw;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.05em;
    font-weight: 400;
    font-size: 1.55875vw;
    line-height: 1.2;
  }
  .past__btn_more {
    z-index: 1;
    display: none;
    padding: 4.79616vw 0 0;
  }
  .past__btn_more.isMask {
    display: block !important;
  }
  .past__btn_more.isOpen {
    display: none !important;
  }
  .past__btn_more a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0.28777vw 0 0;
    width: 36.45084vw;
    height: 4.19664vw;
    border: 2px solid #0dcab7;
    background: #000;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 1.43885vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1.2;
  }
  .past__btn_more a:before {
    display: block;
    margin: -0.28777vw 1.55875vw 0 0;
    width: 1.19904vw;
    height: 1.19904vw;
    border-radius: 50%;
    background: #f00;
    content: '';
  }
}

.mouse .top-section .past .past__item a:hover img {
  opacity: 0.7;
}

.mouse .top-section .past .past__btn_more a:hover {
  background-color: #0dcab7;
  color: #fff;
}

.mouse .top-section .past .past__btn_more a:hover:before {
  background-color: #fff;
}

@media (max-width: 760px) {
  .top-section .past {
    padding: 20.53333vw 0;
  }
  .top-section .past:before {
    width: 100%;
    height: 114.93333vw;
  }
  .top-section .past .past__item + .past__item {
  }
  .top-section .past .past__items {
    position: relative;
    margin: 0 auto;
    width: 50%;
  }
  .top-section .past .past__items:after {
    display: none;
  }
  .top-section .past .past__items.isMask:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    display: block;
    width: 100%;
    height: 17.33333vw;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%);
    content: '';
  }
  .top-section .past .past__items.isOpen:after {
    display: none;
  }
  .top-section .past .past__items__mask {
    overflow: visible;
    height: auto;
  }
  .top-section .past .past__items__mask.isMask {
    overflow: hidden;
    height: 290.93333vw;
  }
  .top-section .past .past__items__inner {
    display: flex;
  }
  .top-section .past .past__items__outer {
    margin-left: 20px;
  }
  .top-section .past .past__item {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
    width: 50%;
    margin-top: 20px;
  }
  .top-section .past .past__item__link {
    display: block;
    align-items: flex-start;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
  }
  .top-section .past .past__item__wrap {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 42.66667vw;
  }
  .top-section .past .past__item__img {
    background-color: transparent;
    overflow: hidden;
  }
  .top-section .past .past__item__date {
    position: relative;
    top: 0;
    right: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 1.86667vw;
    letter-spacing: 0.1em;
    font-size: 3.73333vw;
    line-height: 1.2;
  }
  .top-section .past .past__item__date.white {
    background-color: transparent;
  }
  .top-section .past .past__item__detail {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    flex-wrap: nowrap;
    justify-content: center;
    width: 42.66667vw;
  }
  .top-section .past .past__item__detail__artist {
    width: 100%;
    letter-spacing: 0.05em;
    font-size: 3.73333vw;
    line-height: 1.5;
    margin-top:  10px;
  }
  .top-section .past .past__btn_more {
    z-index: 1;
    display: none;
    padding: 8vw 0 0;
  }
  .top-section .past .past__btn_more.isMask {
    display: block;
  }
  .top-section .past .past__btn_more.isOpen {
    display: none;
  }
  .top-section .past .past__btn_more a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    box-sizing: content-box;
    margin: 0 auto;
    padding: 0.64vw 0 0;
    width: 81.06667vw;
    height: 9.33333vw;
    border: 2px solid #0dcab7;
    background: #000;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 3.2vw;
    font-family: "Kumbh Sans", sans-serif;
    line-height: 1.2;
  }
  .top-section .past .past__btn_more a:before {
    display: block;
    margin: -0.64vw 3.46667vw 0 0;
    width: 2.66667vw;
    height: 2.66667vw;
    border-radius: 50%;
    background: #f00;
    content: '';
  }
}

.past .past__viewmore__button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}

.past .past__viewmore__button a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  box-sizing: content-box;
  box-sizing: border-box;
  padding: 0.40264vw 0 0;
  width: 12.4451vw;
  height: 2.56223vw;
  border: 2px solid #fff;
  background: #0dcab7;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 0.87848vw;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.2;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.past .past__viewmore__button a:before {
  display: block;
  margin: -0.29283vw 0.87848vw 0 0;
  width: 0.73206vw;
  height: 0.73206vw;
  border-radius: 50%;
  background: #fff;
  content: '';
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.past .past__viewmore__button a:hover {
  background-color: #fff;
  color: #0dcab7;
}

.past .past__viewmore__button a:hover:before {
  background-color: #0dcab7;
}


@media (max-width: 760px) {
  .past .past__viewmore__button a {
    padding: 1.2vw 0 0;
    width: 45.33333vw;
    height: 9.33333vw;
    border: 2px solid #fff;
    letter-spacing: 0.2em;
    font-size: 3.2vw;
    line-height: 1.2;
  }

  .past .past__viewmore__button a:before {
    margin: -1.06667vw 3.2vw 0 0;
    width: 2.66667vw;
    height: 2.66667vw;
  }
}

/*  live  */
.button-prev {
  display: none;
}

.category_live .content {
  position: relative;
  z-index: 1;
  background-color: #000;
  color: #fff;
  font-feature-settings: "palt" 1;
}

.category_live .content__inner {
  margin: 0 auto 60px;
  padding: 0;
  max-width: none;
}

.live-detail__main-visual {
  padding: 60px 60px 80px;
  background: #222;
  text-align: center;
}

.live-detail__main-visual__image {
  max-width: 936px;
  width: 100%;
  height: auto;
}

.live-detail__content {
  margin: 70px auto 0;
  padding: 0 36px;
  max-width: 1154px;
}

.live-detail__content__header {
  display: flex;
  margin-bottom: 50px;
  padding-bottom: 30px;
  border-bottom: 1px solid #0dcab7;
}

.live-detail__content__title {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 20px 0 62px;
  min-height: 54px;
  width: 0;
  background: url(/assets/img/logo_ps_font_white.svg) 0 0 no-repeat;
  background-size: auto 54px;
}

.live-detail__artist-name {
  display: block;
  color: #0dcab7;
  word-break: break-word;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}

.live-detail__live-name {
  display: block;
  color: #fff;
  word-break: break-word;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.25;
}

.live-detail__content__date {
  display: flex;
  align-items: center;
  flex-basis: 350px;
  flex-grow: 0;
  flex-shrink: 0;
  color: #0dcab7;
}

.live-detail__content__date__title {
  display: flex;
  align-items: center;
  padding: 0 15px 0 12px;
  color: #0dcab7;
  font-size: 14px;
}

.live-detail__date-content {
  font-size: 18px;
}

.live-detail__date-title {
  display: flex;
  align-items: center;
  padding: 0 15px 0 12px;
  color: #0dcab7;
  font-size: 14px;
}

.live-detail__i-time {
  display: inline-block;
  margin-right: 0.9em;
  width: 14px;
  height: 14px;
  background: url(/assets/img/bxs-time.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-detail__date-content__date {
  display: block;
  margin-right: 5px;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 24px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.3;
  font-display: swap;
}

.live-detail__date-content__time {
  display: block;
}

.live-detail__date-content__time span {
  margin-right: 5px;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 24px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.3;
  font-display: swap;
}

.live-detail__content__body {
  display: flex;
}

.live-detail__description {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 80px 0 0;
  width: 0;
  letter-spacing: 0.7px;
  font-size: 14px;
  line-height: 1.75;
}

.live-detail__description a {
  color: #0dcab7 !important;
}

.live-detail__description__sns {
  margin-top: 27px;
  padding: 0;
  font-size: 16px;
}

.live-detail__description__sns__link {
  color: #888 !important;
  text-decoration: none !important;
  font-size: 52px;
  line-height: 1;
}

.live-detail__description__sns__link + .live-detail__description__sns__link {
  margin: 0 0 0 30px;
}

.live-detail__description__share {
  display: inline-block;
  margin-top: 27px;
  padding: 0 48px 0 0;
  background: url(/assets/img/ico_twitter.svg) 100% 50% no-repeat;
  background-size: 31px auto;
  color: #0dcab7 !important;
  text-decoration: none !important;
  font-size: 16px;
}

.live-detail__info {
  flex-basis: 350px;
  flex-grow: 0;
  flex-shrink: 0;
}

.live-detail__info__button {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 12px 0;
  max-width: 350px;
  width: 100%;
  height: 60px;
  border: none;
  border-radius: 5px;
  background: #0dcab7;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  letter-spacing: 3.6px;
  font-size: 18px;
  line-height: 1.25;
}

a.live-detail__info__button:before {
  content: '';
  opacity: 0;
  transition: all 0.5s;
}

a.live-detail__info__button:hover {
  position: relative;
  opacity: 1;
}

a.live-detail__info__button:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  opacity: 0.24;
}

.live-detail__info__button:disabled {
  background: #bcbcbc !important;
}

.live-detail__info__button__title {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.live-detail__info__button__text {
  margin: 4px 10px 0;
  letter-spacing: 1.6px;
  font-size: 10px;
  line-height: 1.4;
}

.live-detail__i-login {
  display: inline-block;
  margin-top: 2px;
  margin-right: 0.8em;
  width: 18px;
  height: 18px;
  background: url(/assets/img/bx-user-circle.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-detail__i-shoppingcart {
  display: inline-block;
  margin-top: -2px;
  margin-right: 0.8em;
  width: 18px;
  height: 18px;
  background: url(/assets/img/bx-cart.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-detail__info__button + .live-detail__info__button {
  margin-top: 10px;
}

.live-detail__info__button + .live-detail__info__notice {
  margin-top: 10px;
}

.live-detail__info__button + .live-detail__info__notice--indent {
  margin-top: 10px;
}

.live-detail__info__limitdate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 30px auto 10px;
  max-width: 350px;
  color: #0dcab7;
  letter-spacing: 0.7px;
  font-size: 14px;
}

.live-detail__info__limitdate__title {
  display: inline-flex;
  align-items: center;
  margin-right: 1.7em;
}

.live-detail__i-limit {
  display: inline-block;
  margin-right: 0.9em;
  width: 14px;
  height: 14px;
  background: url(/assets/img/bx-movie.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-detail__info__limitdate__date {
  display: inline;
  font-size: 18px;
}

.live-detail__info__limitdate__date span {
  font-weight: 500;
  font-family: "Kumbh Sans", sans-serif;
  font-display: swap;
}

.live-detail__info__notice {
  display: block;
  margin: 0;
  color: #0dcab7;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.live-detail__info__notice--purches {
  display: block;
  margin: 35px auto 20px;
  max-width: 300px;
  color: #0dcab7;
  letter-spacing: 0.7px;
  font-size: 12px;
  line-height: 1.75;
}

.live-detail__info__notice--purches a {
  color: #fff;
}

.live-detail__info__notice--indent {
  display: block;
  margin: 0;
  padding-left: 1em;
  color: #0dcab7;
  text-indent: -1em;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.live-detail__info__ticket:not(.promotion-code) {
  margin: 30px 0 20px;
  border-top: 1px solid #0dcab7;
  border-bottom: 1px solid #0dcab7;
}

.live-detail__info__ticket.promotion-code {
  margin-top: 30px;
  border-top: 1px solid #0dcab7;
}

.live-detail__info__ticket .radio-group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.live-detail__info__ticket .radio-group label {
  position: relative;
  padding: 17px 0;
}

.live-detail__info__ticket:not(.promotion-code) .radio-group label:not(:last-child) {
  border-bottom: 1px dashed #0dcab7;
}

.live-detail__info__ticket input[type='radio'] {
  position: absolute;
  display: inline-block;
  margin: 0;
  width: 1px;
  height: 1px;
  border: none;
  color: #fff;
  opacity: 0;
}

.live-detail__info__ticket input[type='radio']:checked + div:after {
  position: absolute;
  top: calc(50% - 7px);
  left: 5px;
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #0dcab7;
  content: '';
}

.live-detail__info__ticket .radio-group label div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 0 35px;
  min-height: 35px;
}

.live-detail__info__ticket .radio-group label div:before {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #0dcab7;
  border-radius: 50%;
  content: '';
}

.live-detail__info__ticket__name {
  padding-right: 6px;
  color: #0dcab7;
  letter-spacing: 0.7px;
}

.live-detail__info__ticket__price {
  min-width: 130px;
  color: #0dcab7;
  text-align: right;
}

.live-detail__info__ticket__price span {
  letter-spacing: 1.6px;
  font-weight: 500;
  font-size: 18px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.1;
  font-display: swap;
}

.live-detail__info__ticket__title {
  color: #0dcab7;
  font-weight: 500;
}

.live-detail__info__ticket input[type='text'] {
  padding: 0 10px;
  width: 100%;
  height: 42px;
  border: 1px solid #0dcab7;
  background: transparent;
  color: #0dcab7;
  font-size: 16px;
}

.live-detail__info__ticket input[type='text']::placeholder {
  color: #0dcab7;
  font-size: 14px;
}

.live-detail__info__ticket input[type='text']:-ms-input-placeholder {
  color: #0dcab7;
  font-size: 14px;
}

.live-detail__info__ticket input[type='text']:disabled {
  border: 1px solid #6c6c6c;
  color: #6c6c6c;
}

.live-detail__info__ticket input[type='text']:disabled::placeholder {
  color: #6c6c6c;
}

.live-detail__info__ticket input[type='text']:disabled:-ms-input-placeholder {
  color: #6c6c6c;
}

.live-detail__info__ticket input[type='text'].error {
  border-color: #f00 !important;
  font-size: inherit;
}

.live-detail__info__ticket .error {
  display: inline-block;
  padding-bottom: 10px;
  color: #f00;
  font-size: 12px;
}

.live-detail__info .error-general {
  margin: 15px 0 -15px;
  color: #f00;
  font-size: 12px;
}

.live-detail__info .error-general .error-general__text {
  color: #f00;
  font-size: 12px;
}

@media (max-width: 940px) {
  .live-detail__main-visual {
    padding: 0;
  }
  .live-detail__content {
    margin-top: 40px;
  }
  .live-detail__content__header {
    display: block;
    margin-bottom: 17.5px;
    padding-bottom: 17.5px;
    border-bottom: none;
  }
  .live-detail__content__title {
    padding: 0 20px 30px 55px;
    min-height: 44px;
    width: auto;
    border-bottom: 1px solid #0dcab7;
    background: url(/assets/img/logo_ps_font_white.svg) 0 0 no-repeat;
    background-size: auto 44px;
  }
  .live-detail__artist-name {
    font-size: 16px;
  }
  .live-detail__live-name {
    font-size: 18px;
  }
  .live-detail__content__date {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .live-detail__date-title {
    display: inline-flex;
    padding: 0 15px 0 0;
    font-size: 12px;
  }
  .live-detail__i-time {
    width: 12px;
    height: 12px;
  }
  .live-detail__date-content {
    display: inline-block;
    font-size: 12px;
  }
  .live-detail__date-content__date {
    display: inline;
    font-size: 12px;
  }
  .live-detail__date-content__time {
    display: inline;
  }
  .live-detail__date-content__time span {
    font-size: 12px;
  }
  .live-detail__content__body {
    display: block;
  }
  .live-detail__description {
    padding: 0 0 30px;
    width: auto;
    border-bottom: 1px solid #0dcab7;
  }
  .live-detail__description__sns__link + .live-detail__description__sns__link {
    margin: 0 0 0 20px;
  }
  .live-detail__info {
    margin: 45px auto 0;
    max-width: 350px;
  }
  .live-detail__info__limitdate__date {
    font-size: 14px;
  }
  .live-detail__i-limit {
    margin-right: 0.5em;
  }
  .live-detail__info__limitdate__date span {
    font-size: 14px;
  }
}

.page_live-archive .content__inner, .page_live-broadcast .content__inner {
  margin: 0 auto 200px;
}

.live-venue {
  display: flex;
  margin: 20px auto 0;
  padding: 0 25px;
  max-width: 1920px;
}

.live-venue__main {
  width: calc(100% - 425px);
}

.page_live-archive .live-venue__main {
  width: 100%;
}

.live-venue__side {
  width: 425px;
}

.live-venue__video {
  position: relative;
  width: 100%;
}

.live-venue__video__broadcast {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: calc((100vw - 425px - 50px) * 0.5625 + 0px);
}

.live-venue__video__archive {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: calc((100vw - 50px) * 0.5625 + 0px);
}

:root {
  --vh: 1vh;
  --wh: 100vh;
  --common-header-pc-height: 90px;
  --common-header-tb-height: 40px;
  --common-header-sp-height: 40px;
  --chat-margin-top: 20px;
  --chat-margin-bottom: 55px;
  --chat-margin: 75px;
  --maintenance-height: 28px;
  --chat-header-height: 52px;
  --chat-footer-height: 60px;
  --chat-footer-sp-height: px;
  --chat-cheerButton-height: 50px;
  --chat-cheerList-height: 46px;
  --chat-cheer-focus: 46px;
  --chat-cheer: 96px;
  --chat-lines-2: 20px;
  --chat-lines-3: 40px;
  --video-height: 56.25vw;
  --video-height-pc: calc(var(--wh) - var(--common-header-pc-height) - 25px - 45px);
  --video-height-pc-theater: calc(var(--wh) - var(--common-header-pc-height) - 25px - 70px - 14px - 41px + 35px);
  --video-height-pc-archive: calc(var(--wh) - var(--common-header-pc-height) - 25px - 70px - 14px - 41px + 40px);
  --video-height-pc-maintenance: calc(var(--video-height-pc) - var(--maintenance-height));
  --video-height-pc-theater-maintenance: calc(var(--video-height-pc-theater) - var(--maintenance-height));
  --video-height-pc-archive-maintenance: calc(var(--video-height-pc-archive) - var(--maintenance-height));
  --chat-pc: calc(var(--wh) - var(--common-header-pc-height) - var(--chat-margin) - var(--chat-footer-height));
  --chat-pc-cheer: calc(var(--chat-pc) - var(--chat-cheer));
  --chat-pc-maintenance: calc(var(--chat-pc) - var(--maintenance-height));
  --chat-pc-maintenance-cheer: calc(var(--chat-pc-maintenance) - var(--chat-cheer));
  --chat-tb: calc(var(--wh) - var(--common-header-tb-height) - var(--chat-footer-height) - var(--video-height));
  --chat-tb-cheer: calc(var(--chat-tb) - var(--chat-cheer));
  --chat-tb-cheer-focus: calc(var(--chat-tb) - var(--chat-cheer-focus));
  --chat-tb-maintenance: calc(var(--chat-tb) - var(--maintenance-height));
  --chat-tb-maintenance-cheer: calc(var(--chat-tb-maintenance) - var(--chat-cheer));
  --chat-tb-maintenance-cheer-focus: calc(var(--chat-tb-maintenance) - var(--chat-cheer-focus));
  --chat-sp: calc(var(--wh) - var(--chat-footer-height) - var(--video-height));
  --chat-sp-cheer: calc(var(--chat-sp) - var(--chat-cheer) - 6px);
  --chat-sp-cheer-focus: calc(var(--chat-sp) - var(--chat-cheer-focus) - 6px);
  --chat-sp-landscape: calc(var(--wh) - var(--chat-footer-height));
  --chat-sp-landscape-cheer: calc(var(--chat-sp-landscape) - var(--chat-cheer));
  --chat-sp-landscape-cheer-focus: calc(var(--chat-sp-landscape) - var(--chat-cheer-focus));
}

@media (min-width: 941px) {
  .isTheater .live-venue__main {
    width: 100%;
  }
  .live-venue__video__broadcast {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: calc(var(--video-height-pc) * 16 / 9);
    max-height: var(--video-height-pc);
    width: 100%;
    height: calc((100vw - 425px - 50px) * 0.5625);
  }
  .isTheater .live-venue__video__broadcast {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: calc(var(--video-height-pc-theater) * 16 / 9);
    max-height: var(--video-height-pc-theater);
    width: 100%;
    height: calc((100vw - 50px) * 0.5625);
  }
  .live-venue__video__archive {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    max-width: calc(var(--video-height-pc-archive) * 16 / 9);
    max-height: var(--video-height-pc-archive);
    width: 100%;
    height: calc((100vw - 50px) * 0.5625);
  }
  .isMaintenance .live-venue__video__broadcast {
    max-width: calc(var(--video-height-pc-maintenance) * 16 / 9);
    max-height: var(--video-height-pc-maintenance);
  }
  .isMaintenance .isTheater .live-venue__video__broadcast {
    max-width: calc(var(--video-height-pc-theater-maintenance) * 16 / 9);
    max-height: var(--video-height-pc-theater-maintenance);
  }
  .isMaintenance .live-venue__video__archive {
    max-width: calc(var(--video-height-pc-archive-maintenance) * 16 / 9);
    max-height: var(--video-height-pc-archive-maintenance);
  }
  .isTheater .live-venue__content__main {
    width: calc(100% - 425px);
  }
  .isTheater .theater-mode-switch-1 {
    display: block;
  }
  .isTheater .theater-mode-switch-2 {
    display: none;
  }
  .live-venue__video__notice {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    padding: 2px 6px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #f00;
    font-size: 12px;
  }
}

@media (min-width: 1921px) {
  .live-venue__video__broadcast {
    height: calc((1920px - 425px - 50px) * 0.5625);
  }
  .isTheater .live-venue__video__broadcast {
    height: calc((1920px - 50px) * 0.5625);
  }
  .live-venue__video__archive {
    height: calc((1920px - 50px) * 0.5625);
  }
}

@media (max-width: 940px) {
  .live-venue__video__broadcast {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vw * 0.5625);
  }
  .live-venue__video__archive {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: calc(100vw * 0.5625);
  }
  .live-venue__video__notice {
    position: absolute;
    bottom: -29px;
    left: 36px;
    color: #f00;
    font-size: 12px;
  }
}

.live-venue__video__broadcast .jstream-eqPlayer {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-style: none;
  zoom: 1;
}

.live-venue__video__archive iframe {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  border-style: none;
}

.jstream-eqPlayer .errorDialogHeader img {
  width: auto;
  height: auto;
}

.live-venue__content {
  margin: 20px auto 0;
  padding: 0;
}

.isTheater .live-venue__content {
  display: flex;
}

.live-venue__content__header {
  display: flex;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid #0dcab7;
}

.live-venue__content__title {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 20px 0 62px;
  min-height: 54px;
  width: 0;
  background: url(/assets/img/logo_ps_font_white.svg) 0 0 no-repeat;
  background-size: auto 54px;
}

.live-venue__artist-name {
  display: block;
  color: #0dcab7;
  word-break: break-word;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
}

.live-venue__live-name {
  display: block;
  color: #fff;
  word-break: break-word;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.25;
}

.live-venue__content__info {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 35px;
}

.live-venue__content__info__date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 20px 3px 0;
  color: #0dcab7;
}

.live-venue__date-content {
  font-size: 12px;
}

.live-venue__date-title {
  display: flex;
  align-items: center;
  padding: 0 15px 0 0;
  color: #0dcab7;
  font-size: 12px;
}

.live-venue__i-time {
  display: inline-block;
  margin-right: 0.9em;
  width: 12px;
  height: 12px;
  background: url(/assets/img/bxs-time.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-venue__date-content__date {
  display: inline;
  margin-right: 5px;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 12px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.3;
  font-display: swap;
}

.live-venue__date-content__time {
  display: inline;
}

.live-venue__date-content__time span {
  margin-right: 5px;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 12px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.3;
  font-display: swap;
}

.live-venue__limitdate {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 30px auto 10px;
  max-width: 350px;
  color: #0dcab7;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.live-venue__limitdate-outer {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
}

.live-venue__limitdate-title {
  display: inline-flex;
  align-items: center;
  margin-right: 1.7em;
  color: #0dcab7;
  font-size: 12px;
}

.live-venue__i-limit {
  display: inline-block;
  margin-right: 0.9em;
  width: 12px;
  height: 12px;
  background: url(/assets/img/bx-movie.svg) no-repeat 50% 50%;
  background-size: contain;
}

.live-venue__limitdate-date {
  display: inline;
  color: #0dcab7;
  font-size: 12px;
}

.live-venue__limitdate-date span {
  font-weight: 500;
  font-family: "Kumbh Sans", sans-serif;
  font-display: swap;
}

.live-venue__content__body {
  display: flex;
}

.live-venue__description {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 0 0 0;
  width: 0;
  letter-spacing: 0.7px;
  font-size: 14px;
  line-height: 1.75;
}

.live-venue__description a {
  color: #0dcab7 !important;
}

.page_live-archive .live-venue__description {
  padding: 0;
}

.live-venue__description__sns {
  margin-top: 27px;
  padding: 0;
  font-size: 16px;
}

.live-venue__description__sns__link {
  color: #888 !important;
  text-decoration: none !important;
  font-size: 52px;
  line-height: 1;
}

.live-venue__description__sns__link + .live-venue__description__sns__link {
  margin: 0 0 0 30px;
}

.live-venue__description__sns__link img {
  width: 50px;
}

.live-venue__description__share {
  display: inline-block;
  margin-top: 27px;
  padding: 0 48px 0 0;
  background: url(/assets/img/ico_twitter.svg) 100% 50% no-repeat;
  background-size: 31px auto;
  color: #0dcab7 !important;
  text-decoration: none !important;
  font-size: 16px;
}

.live-venue__notice {
  display: block;
  margin: 0;
  color: #0dcab7;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.live-venue__notice--indent {
  display: block;
  margin: 0;
  padding-left: 1em;
  color: #0dcab7;
  text-indent: -1em;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.live-venue-chat {
  position: relative;
  margin: 0 0 0 25px;
  padding: 0;
  max-width: 400px;
  border-right: 1px solid #222;
  border-left: 1px solid #222;
  background: #222;
}

@media (max-width: 940px) {
  .live-venue-chat {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    width: 100%;
    border: none;
  }
}

@media (min-width: 521px) and (max-width: 940px) {
  .isSPLandscape .live-venue-chat {
    max-width: calc(100% - 70px);
  }
}

.live-venue-chat .chat-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 7px 16px;
  height: 52px;
  background: #000;
}

.chat-header .ultracheer-title {
  display: flex;
  align-items: center;
  color: #0dcab7;
  font-size: 12px;
}

.chat-header .ultracheer-title span {
  min-width: 58px;
  width: 58px;
  letter-spacing: 0.7px;
}

.chat-header .ultracheer-title img {
  margin: 0 12px 0 0;
  min-width: 36px;
  width: 36px;
  height: auto;
  filter: drop-shadow(0 0 2px #0dcab7) drop-shadow(0 0 2px #0dcab7) drop-shadow(0 0 2px #0dcab7);
}

.chat-header .ultracheer-popup {
  position: absolute;
  top: 57px;
  left: 0;
  z-index: 2;
  margin: 5px;
  padding: 10px;
  width: calc(100% - 10px);
  border-radius: 5px;
  background-color: #fff;
}

.chat-header .ultracheer-popup .name {
  color: #dcdcdc;
  font-size: 14px;
}

.chat-header .ultracheer-popup .chat {
  color: #fff;
  font-size: 14px;
}

.chat-header .scroll-outer {
  overflow-x: scroll;
  height: 42px;
}

.chat-header .scroll-outer {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.chat-header .scroll-outer::-webkit-scrollbar {
  display: none;
}

.ultracheer-block {
  display: flex;
  width: auto;
}

.ultracheer-block li {
  overflow: hidden;
  margin: 0;
  padding: 4px;
  min-width: 42px;
  width: 42px;
  height: 42px;
}

.ultracheer-block li.isActive {
  opacity: 1;
}

.ultracheer-block li.isActive a:hover {
  opacity: 1;
}

.ultracheer-block li.isNotActive {
  opacity: 0.5;
}

.ultracheer-block li:last-of-type {
  margin: 0;
}

.ultracheer-block li a {
  display: flex;
}

.ultracheer-block li img {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}

@keyframes anime--latest-ultracheer {
  0% {
    background-position: 0 50%;
  }
  10% {
    background-position: 100% 50%;
  }
  20% {
    background-position: 0 50%;
  }
  30% {
    background-position: 100% 50%;
  }
  40% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  60% {
    background-position: 0 50%;
  }
  70% {
    background-position: 100% 50%;
  }
  80% {
    background-position: 0 50%;
  }
  90% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes anime--ultracheer-blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes anime--ultracheer-show {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

.chat-content {
  position: relative;
  padding: 0;
}

.chat-content.isPopup:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  content: '';
}

.button-chat-scroll {
  position: absolute;
  right: 25px;
  bottom: 25px;
  display: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #919191;
  background-size: 30px 30px;
  animation: show 0.5s linear 0s;
  animation-name: anime--chat-scroll-button;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.button-chat-scroll:before {
  position: absolute;
  top: 50%;
  left: calc(50% - 7.071067px - 1px);
  width: 10px;
  height: 2px;
  border-top: 2px solid #fff;
  content: '';
  transform: rotate(45deg);
}

.button-chat-scroll:after {
  position: absolute;
  top: 50%;
  right: calc(50% - 7.071067px - 1px);
  width: 10px;
  height: 2px;
  border-top: 2px solid #fff;
  content: '';
  transform: rotate(-45deg);
}

@keyframes anime--chat-scroll-button {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.chat-body li .link {
  display: flex;
  align-items: flex-start;
  padding: 2px 16px 2px 16px;
  color: #fff;
}

.chat-body li {
  margin: 0 0 2px;
  padding: 2px 0;
}

.chat-body li:last-child {
  margin: 0;
}

.chat-body a {
  text-decoration: none !important;
}

.picture-icon_middle {
  display: flex;
  overflow: hidden;
  min-width: 34px;
  min-height: 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}

.picture-icon_middle img {
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  object-fit: cover;
}

.chat-body .text-block {
  position: relative;
  align-self: center;
  margin: 0 0 0 10px;
  width: 100%;
  line-height: 1.5;
}

.chat-body .name {
  display: inline-block;
  padding: 0 8px 0 0;
  color: #dcdcdc;
  font-size: 12px;
}

.chat-body .message {
  font-size: 14px;
}

.chat-body .ultracheer .text-block .name {
  display: block;
  color: #dcdcdc;
}

.chat-body .ultracheer .text-block .message {
  color: #fff;
}

.chat-body .i-crackero {
  position: absolute;
  top: 50%;
  right: 14px;
  margin-top: -15px;
  width: auto;
  height: 30px;
  background: none;
  font-size: 30px;
  line-height: 1;
  transform: scale(0.7, 0.7);
  animation-name: anime--ultracheer-bounce-in;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

@keyframes anime--ultracheer-bounce-in {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.mouse .chat-container .scroll-outer {
  scrollbar-width: thin;
}

.mouse .chat-container .scroll-outer::-webkit-scrollbar {
  width: 10px;
}

.mouse .chat-container .scroll-outer::-webkit-scrollbar-track {
  border-radius: 0;
  border-radius: 10px;
  background-color: #333;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.mouse .chat-container .scroll-outer::-webkit-scrollbar-thumb {
  border-radius: 0;
  border-radius: 10px;
  background-color: #ddd;
}

@media (min-width: 941px) {
  .isTheater .chat-container .scroll-outer {
    height: 500px !important;
  }
}

.chat-container .scroll-outer {
  overflow-y: scroll;
  padding: 5px 0;
  overscroll-behavior: none;
}

@media (min-width: 941px) {
  .chat-container .scroll-outer {
    min-height: 150px;
    height: -webkit-fill-available;
    height: var(--chat-pc);
  }
  .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc) - var(--chat-lines-2));
  }
  .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-pc-cheer);
  }
  .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc-cheer) - var(--chat-lines-2));
  }
  .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-pc-cheer) - var(--chat-cheerList-height));
  }
  .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .chat-container .scroll-outer {
    height: var(--chat-pc-maintenance);
  }
  .isMaintenance .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc-maintenance) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-pc-maintenance-cheer);
  }
  .isMaintenance .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc-maintenance-cheer) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-pc-maintenance-cheer) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-pc-maintenance-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  html.html-live.isFocus {
    height: var(--wh);
    background: #000;
  }
  html.html-live.isFocus .page_live-broadcast {
    min-height: auto;
    height: var(--wh);
    overscroll-behavior-y: none;
  }
  html.html-live.isFocus .page_live-broadcast .live-venue__content, html.html-live.isFocus .page_live-broadcast .common-footer, html.html-live.isFocus .page_live-broadcast .global-footer {
    display: none;
  }
  html.html-live.isFocus .page_live-broadcast .content__inner {
    margin: 0;
  }
  html.html-live.isFocus .page_live-broadcast .content > i {
    display: none;
  }
  .chat-container .scroll-outer {
    min-height: auto;
    min-height: 150px;
    height: var(--chat-tb);
  }
  .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb) - var(--chat-lines-2));
  }
  .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-tb-cheer);
  }
  .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer) - var(--chat-lines-2));
  }
  .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer) - var(--chat-cheerList-height));
  }
  .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-tb-cheer-focus);
  }
  .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer-focus) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer-focus) - var(--chat-cheerList-height));
  }
  .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .chat-container .scroll-outer {
    height: var(--chat-tb-maintenance);
  }
  .isMaintenance .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-tb-maintenance-cheer);
  }
  .isMaintenance .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-tb-maintenance-cheer-focus);
  }
  .isMaintenance .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer-focus) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer-focus) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-tb-maintenance-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
}

@media (max-width: 760px) {
  html.html-live {
    height: var(--wh);
    background: #000;
  }
  .page_live-broadcast {
    min-height: auto;
    height: var(--wh);
    overscroll-behavior-y: none;
  }
  .page_live-broadcast header, .page_live-broadcast .live-venue__content, .page_live-broadcast .common-footer, .page_live-broadcast .global-footer {
    display: none;
  }
  .page_live-broadcast .content {
    padding: 0;
  }
  .page_live-broadcast .content__inner {
    margin: 0;
  }
  .page_live-broadcast .content > i {
    display: none !important;
  }
  .chat-container .scroll-outer {
    min-height: auto;
    min-height: 80px;
    height: var(--chat-sp);
  }
  .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp) - var(--chat-lines-2));
  }
  .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-sp-cheer);
  }
  .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-lines-2));
  }
  .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-cheerList-height));
  }
  .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-sp-cheer-focus);
  }
  .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-cheerList-height));
  }
  .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .chat-container .scroll-outer {
    height: var(--chat-sp);
  }
  .isMaintenance .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-sp-cheer);
  }
  .isMaintenance .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-sp-cheer-focus);
  }
  .isMaintenance .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
}

@media (max-width: 940px) and (max-height: 440px) and (orientation: landscape) {
  html.html-live {
    height: var(--wh);
    background: #000;
  }
  .page_live-broadcast {
    min-height: auto;
    height: var(--wh);
    overscroll-behavior-y: none;
  }
  .page_live-broadcast header, .page_live-broadcast .live-venue__content, .page_live-broadcast .common-footer, .page_live-broadcast .global-footer {
    display: none;
  }
  .page_live-broadcast .content {
    padding: 0;
  }
  .page_live-broadcast .content__inner {
    margin: 0;
  }
  .chat-container .scroll-outer {
    min-height: 100px;
    height: var(--chat-sp-landscape);
  }
  .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape) - var(--chat-lines-2));
  }
  .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-sp-landscape-cheer);
  }
  .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-lines-2));
  }
  .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-cheerList-height));
  }
  .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-sp-landscape-cheer-focus);
  }
  .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-lines-2));
  }
  .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-cheerList-height));
  }
  .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .chat-container .scroll-outer {
    height: var(--chat-sp-landscape);
  }
  .isMaintenance .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .chat-container .scroll-outer {
    height: var(--chat-sp-landscape-cheer);
  }
  .isMaintenance .isUltracheer .isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus .chat-container .scroll-outer {
    height: var(--chat-sp-landscape-cheer-focus);
  }
  .isMaintenance .isUltracheer .isFocus.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-lines-2));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-cheerList-height));
  }
  .isMaintenance .isUltracheer .isFocus.isOpen.isLines-2 .chat-container .scroll-outer {
    height: calc(var(--chat-sp-landscape-cheer-focus) - var(--chat-cheerList-height) - var(--chat-lines-2));
  }
  .live-venue__video__broadcast {
    max-width: calc(var(--wh) * 16 / 9);
    max-height: var(--wh);
    width: 100%;
    height: var(--wh);
  }
}

.isSP .button-prev, .isSPLandscape .button-prev {
  position: absolute;
  top: -90px;
  left: -90px;
  z-index: 2;
  display: none;
  overflow: hidden;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
}

.isSP .button-prev.isPaused, .isSPLandscape .button-prev.isPaused {
  display: block !important;
}

.isSP .button-prev .button-prev__text, .isSPLandscape .button-prev .button-prev__text {
  position: absolute;
  top: 90px;
  left: 90px;
  margin: 15px 13px;
  padding: 35px 0 0;
  width: 40px;
  height: auto;
  background: url(/assets/img/top/chevron-prev@3x.png) no-repeat center top;
  background-size: 25px auto;
  color: #fff;
  text-align: center;
  letter-spacing: 0.7px;
  font-size: 10px;
}

.live-venue-chat .chat-footer {
  padding: 7px 16px 0;
  width: 100%;
  background: #000;
}

.live-venue-chat .message-block {
  position: relative;
  display: flex;
  margin: 7px 0 0;
}

.live-venue-chat .chat-footer .user {
  display: flex;
  align-items: flex-start;
  padding: 0 10px 0 0;
  color: #fff;
  font-size: 13px;
}

.live-venue-chat .chat-footer .user .name {
  margin: 0 0 0 10px;
}

.live-venue-chat .message-block .textarea-group {
  margin: 0 0 12px;
  padding: 6px 0 2px;
  width: calc(100% - 85px);
  border-bottom: 1px solid #e0e0e0;
}

.live-venue-chat .message-block .textarea-group.isFocus {
  animation: anime--blinkline 1s ease infinite alternate;
}

.chat-footer.isOpen .message-block .textarea-group {
  border-bottom-color: #0dcab7;
}

@keyframes anime--blinkline {
  0% {
  }
  100% {
    border-bottom-color: transparent;
  }
}

.live-venue-chat .message-block textarea {
  overflow: hidden;
  padding: 0 5px 0 0;
  max-height: 40px;
  width: 100%;
  height: 20px;
  border: none;
  background: #000;
  color: #fff;
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 20px;
  resize: none;
  overflow-wrap: break-word;
  scrollbar-width: thin;
}

.live-venue-chat .message-block textarea::-webkit-scrollbar {
  width: 10px;
}

.live-venue-chat .message-block textarea::-webkit-scrollbar-track {
  border-radius: 0;
  border-radius: 10px;
  background-color: #333;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.live-venue-chat .message-block textarea::-webkit-scrollbar-thumb {
  border-radius: 0;
  border-radius: 10px;
  background-color: #ddd;
}

.live-venue-chat .message-block textarea.isOverflow {
  overflow-y: scroll;
}

.live-venue-chat .message-block textarea:focus {
  outline: none;
  border-color: #0dcab7;
}

.live-venue-chat .message-block textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.live-venue-chat .message-block textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
}

.chat-footer.isOpen .message-block textarea::placeholder {
  color: #0dcab7;
}

.chat-footer.isOpen .message-block textarea:-ms-input-placeholder {
  color: #0dcab7;
}

.live-venue-chat .message-block .button-send {
  position: absolute !important;
  right: 0;
  bottom: 15px;
  display: block;
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: none;
  background-image: url(/assets/img/icon-send.svg);
  background-position: 6.5px center;
  background-size: 20px auto;
  background-repeat: no-repeat;
  font-size: 10px;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.live-venue-chat .message-block .button-send:before {
  display: none;
}

.live-venue-chat .message-block .button-send:active {
  background-color: rgba(13, 202, 183, 0.5);
}

.chat-footer.isOpen .message-block .button-send {
  background-image: url(/assets/img/icon-send-green.svg);
}

.chat-footer.isOpen .message-block .button-send:active {
  background-color: rgba(255, 255, 255, 0.4);
}

.live-venue-chat .message-block .button-send:focus {
  outline: none;
}

.live-venue-chat .message-block .button-send:disabled {
  background-color: transparent !important;
  opacity: 0.35;
}

.live-venue-chat .message-block .text-counter {
  position: absolute;
  right: 5px;
  bottom: 49px;
  display: none;
  color: rgba(255, 255, 255, 0.6);
  font-size: 10px;
}

.live-venue-chat .message-block .text-counter.show {
  display: block;
}

.live-venue-chat .message-block .text-counter.caution {
  color: orange;
}

.live-venue-chat .message-block .text-counter.overfllow {
  color: #ec3323;
}

.ultracheer-list {
  margin: 0;
  color: #fff;
}

.ultracheer-button {
  margin: 0;
  color: #fff;
}

.ultracheer-button a:before {
  content: '';
  opacity: 0;
  transition: all 0.5s;
}

.ultracheer-button a:hover {
  position: relative;
  opacity: 1;
}

.ultracheer-button a:hover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  content: '';
  opacity: 0.24;
}

.ultracheer-buy, .ultracheer-open {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0 2px;
  width: 100%;
  height: 50px;
  background: #0dcab7;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  font-size: 12px;
}

.ultracheer-buy span, .ultracheer-open span {
  display: inline-block;
}

.ultracheer-buy span:after, .ultracheer-open span:after {
  display: inline-block;
  margin: 0 0 -9px 4px;
  width: 0;
  height: 14px;
  border-width: 9px 5px;
  border-style: solid;
  border-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  content: '';
}

.ultracheer-buy {
  flex-direction: column;
}

.ultracheer-buy .note {
  display: none;
  font-size: 10px;
}

.ultracheer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0 2px;
  width: 100%;
  height: 23px;
  height: 50px;
  background: #000;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  font-size: 12px;
}

.ultracheer-close span {
  position: relative;
  display: inline-block;
  padding: 0 13px 0 0;
}

.ultracheer-close span:before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 0;
  height: 15px;
  border-left: 1px solid #fff;
  content: '';
  transform: rotate(45deg) translate(0, 25%);
}

.ultracheer-close span:after {
  position: absolute;
  right: 0;
  display: inline-block;
  margin: 0 -12px 0 0;
  width: 15px;
  height: 15px;
  border-left: 1px solid #fff;
  content: '';
  transform: rotate(-45deg) translate(0%, -25%);
}

.chat-footer .ultracheer-buy {
  display: none;
}

.chat-footer .ultracheer-close {
  display: none;
}

.chat-footer #js-open-target {
  display: none;
}

.chat-footer #js-open-target.isOpen {
  display: block;
}

.chat-footer .ultracheer-button.isOpen {
  display: flex;
}

.chat-footer .ultracheer-button.isOpen .ultracheer-open {
  display: none;
}

.chat-footer .ultracheer-button.isOpen .ultracheer-buy, .chat-footer .ultracheer-button.isOpen .ultracheer-close {
  display: flex;
  width: 50%;
}

.ultracheer-empty.isOpen .message-block {
  display: none;
}

.ultracheer-empty .ultracheer-button.isOpen {
  display: block;
}

.ultracheer-empty .ultracheer-button.isOpen .ultracheer-buy, .ultracheer-empty .ultracheer-button.isOpen .ultracheer-close {
  width: 100%;
}

.ultracheer-empty .ultracheer-button.isOpen .ultracheer-buy .note, .ultracheer-empty .ultracheer-button.isOpen .ultracheer-close .note {
  display: block;
}

.ultracheer-empty .ultracheer-button.isOpen .ultracheer-close {
  height: 46px;
}

@media (min-width: 761px) and (max-width: 940px) {
  .ultracheer-open {
    max-width: 50%;
  }
  .ultracheer-empty .ultracheer-button.isOpen .ultracheer-buy, .ultracheer-empty .ultracheer-button.isOpen .ultracheer-close {
    margin: 0;
    max-width: 50%;
  }
}

@media (max-width: 940px) {
  .ultracheer-button {
    padding-bottom: 20px;
  }
  .ultracheer-close, .ultracheer-open, .ultracheer-buy {
    height: 30px;
  }
  .ultracheer-empty .ultracheer-button.isOpen {
    display: flex;
    padding: 10px 0 30px;
  }
  .ultracheer-empty .ultracheer-button.isOpen .ultracheer-buy {
    height: 50px;
  }
  .ultracheer-empty .ultracheer-button.isOpen .ultracheer-close {
    height: 50px;
  }
}

.ultracheer-list .item-block {
  position: relative;
  padding: 0;
}

.ultracheer-list {
  margin: 0 0 7px 0;
}

.ultracheer-list .item-list {
  display: flex;
  align-items: center;
  padding: 0;
}

.ultracheer-list .item-list p + p {
  margin: 8px 0 0 0;
}

.ultracheer-list .ultracheer-remaining {
  min-width: 90px;
  letter-spacing: 0.7px;
  font-size: 12px;
}

.ultracheer-list .item-list.disabled label {
  opacity: 0.5;
}

.ultracheer-list .item-list.disabled p:not(.caution-text) {
  opacity: 0.5;
}

.ultracheer-list .item-block .scroll-outer {
  display: flex;
  overflow-x: scroll;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0;
  height: 46px;
}

.ultracheer-list .item-block .scroll-outer {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ultracheer-list .item-block .scroll-outer::-webkit-scrollbar {
  display: none;
}

.ultracheer-list .item-block .scroll-body {
  display: flex;
}

.ultracheer-list .radio-group input {
  opacity: 0;
}

.ultracheer-list .radio-group label {
  position: relative;
  min-width: 46px;
  width: 46px;
  height: 46px;
  border: none;
}

.ultracheer-list .radio-group label div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
}

.ultracheer-list .radio-group label div:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  border: 2px solid transparent;
  content: '';
}

.ultracheer-list .radio-group input[type='radio']:checked + div:after {
  border-color: #0dcab7;
}

.ultracheer-list .radio-group label div span {
  position: absolute;
  top: 2px;
  left: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 42px;
  height: 42px;
}

.ultracheer-list .radio-group label div span img {
  margin: 0;
  width: auto;
  height: 32px;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 3px white);
}

.ultracheer-list .radio-group label div span i {
  font-size: 32px;
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.5)) drop-shadow(0 0 3px white);
}

.ultracheer-list .radio-group label div span [class^='icon-'] {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0)) drop-shadow(0 0 3px rgba(255, 255, 255, 0));
}

.ultracheer-list .radio-group label div span .icon-cupnoodle {
  filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0)) drop-shadow(0 0 3px rgba(255, 255, 255, 0));
}

.theater-mode-switch {
  text-align: right;
}

.theater-mode-switch a {
  position: relative;
  padding: 0 20px 0 0;
  text-decoration: none !important;
}

.theater-mode-switch a:after {
  position: absolute;
  top: 3px;
  right: 0;
  width: 14px;
  height: 14px;
  background: url(/assets/img/icon-return.png) right center no-repeat;
  background-size: 14px;
  content: '';
}

.theater-mode-switch-1 {
  display: none;
  margin: -14px 0 7px 0;
}

.theater-mode-switch-1 a:after {
  transform: scale(-1, 1) rotate(180deg);
}

.theater-mode-switch-2 {
  margin: 10px 0 0 0;
}

@media (max-width: 940px) {
  .live-venue {
    visibility: hidden;
    margin: 0;
    padding: 0;
  }
  .live-venue.isView {
    visibility: visible;
  }
  .live-venue__main {
    width: 100%;
  }
  .live-venue__side {
    width: 100%;
  }
  .live-venue__content {
    margin: 40px 0 0;
    padding: 0 36px;
    width: 100%;
  }
  .live-venue__content__title {
    padding: 0 20px 0 55px;
    min-height: 44px;
    background: url(/assets/img/logo_ps_font_white.svg) 0 0 no-repeat;
    background-size: auto 44px;
  }
  .live-venue__artist-name {
    font-size: 16px;
  }
  .live-venue__live-name {
    font-size: 18px;
  }
  .live-venue__description {
    display: block;
    padding: 0;
    width: auto;
  }
  .live-venue__description__sns__link + .live-venue__description__sns__link {
    margin: 0 0 0 20px;
  }
  .live-venue-chat .chat-footer {
    padding: 7px 16px 0;
    background: #000;
  }
  .live-venue__main {
    width: 100%;
  }
  .theater-mode-switch {
    display: none;
  }
}

@media (min-width: 761px) and (max-width: 940px) {
  .chat-footer.isFocus {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .chat-footer.isFocus .ultracheer-button {
    display: none;
  }
  .safari.touch .chat-footer.isFocus {
    position: fixed;
    bottom: calc(285px + 54px);
    left: 0;
  }
  .safari.touch .chat-footer.isFocus.isOpen {
    bottom: calc(285px + 54px);
    left: 0;
  }
  .safari.touch.ipad97mini .chat-footer.isFocus {
    bottom: calc(260px + 53px);
  }
  .safari.touch.ipad97mini .chat-footer.isFocus.isOpen {
    bottom: calc(260px + 53px);
  }
  .safari.touch.crios .chat-footer.isFocus {
    bottom: calc(285px + 54px + 45px);
  }
  .safari.touch.crios .chat-footer.isFocus.isOpen {
    bottom: calc(285px + 54px + 45px);
  }
  .safari.touch.isSPLandscape .chat-footer.isFocus {
    position: relative;
    bottom: auto;
    left: auto;
  }
  .safari.touch.isSPLandscape .chat-footer.isFocus.isOpen {
    bottom: auto;
    left: auto;
  }
}

@media (max-width: 760px) {
  .chat-body li {
    margin: 0 0 3px;
    padding: 2px 0;
  }
  .chat-body .message {
    font-size: 12px;
  }
  .picture-icon_middle {
    min-width: 24px;
    min-height: 24px;
    width: 24px;
    height: 24px;
  }
  .chat-footer .message-block .textarea-group {
    margin: 0 0 15px;
    padding: 3px 0 2px;
  }
  .chat-footer.isFocus {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .chat-footer.isFocus .ultracheer-button {
    display: none;
  }
  .iphone .chat-footer.isFocus {
    position: fixed;
    bottom: calc(260px);
    left: 0;
  }
  .iphone .chat-footer.isFocus.isOpen {
    bottom: calc(260px);
    left: 0;
  }
  .iphone .chat-footer.isFocus.isMini {
    bottom: calc(260px + 40px);
  }
  .iphone .chat-footer.isFocus.isOpen.isMini {
    bottom: calc(260px + 40px);
  }
  .iphone.iphonex .chat-footer.isFocus {
    bottom: calc(260px + 34px);
  }
  .iphone.iphonex .chat-footer.isFocus.isOpen {
    bottom: calc(260px + 34px);
  }
  .iphone.iphonex .chat-footer.isFocus.isMini {
    bottom: calc(260px + 34px + 80px);
  }
  .iphone.iphonex .chat-footer.isFocus.isOpen.isMini {
    bottom: calc(260px + 34px + 80px);
  }
  .iphone.iphonex.ios15 .chat-footer.isFocus {
    bottom: 0;
  }
  .iphone.iphonex.ios15.tablist .chat-footer.isFocus {
    bottom: calc(260px + 8px);
  }
  .iphone.isSPLandscape .chat-footer.isFocus {
    position: relative;
    bottom: auto;
    left: auto;
  }
  .iphone.isSPLandscape .chat-footer.isFocus.isOpen {
    bottom: auto;
    left: auto;
  }
  .iphone.isSPLandscape.iphonex .chat-footer.isFocus {
    bottom: auto;
    left: auto;
  }
  .iphone.isSPLandscape.iphonex .chat-footer.isFocus.isOpen {
    bottom: auto;
    left: auto;
  }
  .iphone.isSPLandscape.iphonex .chat-footer.isFocus.isMini {
    bottom: auto;
    left: auto;
  }
  .iphone.isSPLandscape.iphonex .chat-footer.isFocus.isOpen.isMini {
    bottom: auto;
    left: auto;
  }
}

.js-background-change {
  background: #000;
}

.js-background-change.bg-0 {
  background: #000;
}

.js-background-change.bg-1 {
  background: #0dcab7;
}

.js-background-change.bg-2 {
  background: #000;
}

.js-background-change.bg-3 {
  background-image: linear-gradient(-180deg, #ebebeb 0%, #dcdddf 48%, #c4c5c7 99%);
}

.js-background-change.bg-4 {
  background: linear-gradient(90deg, #7e898f 0%, #636c75 100%), radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.55) 100%), radial-gradient(at top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.08) 63%);
}

.js-background-change.bg-5 {
  background-image: linear-gradient(-180deg, #15140f 0%, #34312c 97%);
}

.js-background-change.bg-6 {
  background-image: radial-gradient(51% 96%, #e7e9e4 10%, #d4d6d1 96%);
}

.js-background-change.bg-7 {
  background: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 2%, rgba(0, 0, 0, 0.5) 100%), radial-gradient(51% 97%, #e8e8e8 7%, #ccc 97%);
  background-blend-mode: multiply;
}

.js-background-change.bg-8 {
  background-image: radial-gradient(51% 98%, #d3d4cf 7%, #bdbfba 98%);
}

.js-background-change.bg-9 {
  background-image: linear-gradient(#dedfe3 2%, #aeb3b9 95%), radial-gradient(33% 100%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: screen;
}

.js-background-change.bg-10 {
  background-image: radial-gradient(73% 147%, #eadfdf 59%, #ece2df 100%), radial-gradient(91% 146%, rgba(255, 255, 255, 0.5) 47%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: screen;
}

.js-background-change.bg-11 {
  background: linear-gradient(-180deg, #bcc5ce 0%, #929ead 98%), radial-gradient(at top left, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  background-blend-mode: screen;
}

.js-background-change.bg-12 {
  background-image: radial-gradient(at top right, #b7b6bb 0%, #e8eae9 100%);
}

.js-background-change.bg-13 {
  background: #c9ccd3;
  background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-blend-mode: lighten;
}

.js-background-change.bg-14 {
  background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%);
  background-blend-mode: multiply;
}

.js-background-change.bg-15 {
  background-image: radial-gradient(50% 150%, #787b7d 5%, #4b5052 100%);
}

.js-background-change.bg-16 {
  background: radial-gradient(55% 330%, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 550%), linear-gradient(to top, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.6) 50%), linear-gradient(to top right, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 120%);
  background-color: #dfe3e4;
  background-blend-mode: color-burn, screen, color-burn;
}

.js-background-change.bg-17 {
  background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
  background-size: 2800% 2800%;
  animation: anime--background-rainbow 18s ease infinite;
}

.js-background-change.bg-18 > i {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
}

.js-background-change.bg-18 > i:nth-of-type(2), .js-background-change.bg-18 > i:nth-of-type(3) {
  opacity: 0;
}

.js-background-change.bg-18 > i:nth-of-type(1) {
  background: linear-gradient(#0584c5, #c405c4);
  animation: anime--background-graduation-1 10s infinite;
}

.js-background-change.bg-18 > i:nth-of-type(2) {
  background: linear-gradient(#05c468, #c405c4);
  animation: anime--background-graduation-2 10s infinite;
  animation-delay: 2s;
}

.js-background-change.bg-18 > i:nth-of-type(3) {
  background: linear-gradient(#05c468, #0584c5);
  animation: anime--background-graduation-2 10s infinite;
  animation-delay: 8s;
}

@keyframes anime--background-circle {
  0% {
    border-radius: 0;
    opacity: 0.4;
    transform: translateY(0) rotate(0deg);
  }
  100% {
    border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    transform: translateY(-2000px) rotate(720deg);
  }
}

@keyframes anime--background-rainbow {
  0% {
    background-position: 0 82%;
  }
  50% {
    background-position: 100% 19%;
  }
  100% {
    background-position: 0 82%;
  }
}

@keyframes anime--background-graduation-1 {
  0% {
    opacity: 1.0;
  }
  10% {
    opacity: 0.8;
  }
  20% {
    opacity: 0.6;
  }
  30% {
    opacity: 0.4;
  }
  40% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.1;
  }
  60% {
    opacity: 0.2;
  }
  70% {
    opacity: 0.4;
  }
  80% {
    opacity: 0.6;
  }
  90% {
    opacity: 0.8;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes anime--background-graduation-2 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0.2;
  }
  20% {
    opacity: 0.4;
  }
  30% {
    opacity: 0.6;
  }
  40% {
    opacity: 0.8;
  }
  50% {
    opacity: 1.0;
  }
  60% {
    opacity: 0.8;
  }
  70% {
    opacity: 0.6;
  }
  80% {
    opacity: 0.4;
  }
  90% {
    opacity: 0.2;
  }
  100% {
    opacity: 0;
  }
}

.explosion {
  position: absolute;
  top: 0;
  left: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  line-height: 1;
  pointer-events: none;
}

.explosion > div:not(.splash) {
  animation-duration: 1200ms, 2500ms;
  animation-timing-function: cubic-bezier(0.67, 0.09, 0.96, 0.4), cubic-bezier(0.7, 0.01, 0.93, 0.75);
  animation-delay: 0ms, 1200ms;
  animation-direction: reverse, normal;
  animation-fill-mode: forwards, forwards;
}

.explosion .star1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 16px;
  animation-name: anime--pop, anime--fall1;
}

.explosion .star1 .icon-cupnoodle, .explosion .star1 [class^='icon-'] {
  color: white;
  font-size: 28px;
}

.explosion .star2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 14px;
  animation-name: anime--pop, anime--fall2;
}

.explosion .star2 .icon-cupnoodle, .explosion .star2 [class^='icon-'] {
  color: white;
  font-size: 24px;
}

.explosion .star3 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  animation-name: anime--pop, anime--fall3;
}

.explosion .star3 .icon-cupnoodle, .explosion .star3 [class^='icon-'] {
  color: white;
  font-size: 20px;
}

.explosion .cupnoodle1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 16px;
  animation-name: anime--pop, anime--fall1;
}

.explosion .cupnoodle1 .svg-cupnoodle svg {
  width: auto;
  height: 28px;
}

.explosion .cupnoodle1 .svg-cupnoodle #background {
  fill: currentColor;
}

.explosion .cupnoodle2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 14px;
  animation-name: anime--pop, anime--fall2;
}

.explosion .cupnoodle2 .svg-cupnoodle svg {
  width: auto;
  height: 24px;
}

.explosion .cupnoodle2 .svg-cupnoodle #background {
  fill: currentColor;
}

.explosion .cupnoodle3 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 12px;
  animation-name: anime--pop, anime--fall3;
}

.explosion .cupnoodle3 .svg-cupnoodle svg {
  width: auto;
  height: 20px;
}

.explosion .cupnoodle3 .svg-cupnoodle #background {
  fill: currentColor;
}

.explosion .circle1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 6px;
  animation-name: anime--pop, anime--fall4;
}

.explosion .glitter1 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 13px;
  animation-name: anime--pop, anime--fall4;
}

.explosion .glitter2 {
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 10px;
  animation-name: anime--pop, anime--fall4;
}

.explosion .splash {
  position: absolute;
  width: 10px;
  height: auto;
  font-size: 7px;
  opacity: 0;
}

.explosion.show .splash {
  opacity: 1;
  animation-name: anime--splash;
  animation-duration: 1700ms;
  animation-timing-function: ease-out;
  animation-delay: 0ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

.explosion .item-cupnoodle, .explosion .item-star {
  display: inline-block;
  width: 15px;
  height: auto;
}

.explosion .icon-star {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.explosion .item-glitter {
  filter: drop-shadow(0 0 2px white);
}

.explosion .item-glitter .icon-glitter {
  color: white;
}

.explosion.ie11 .icon-glitter {
  text-shadow: 0 0 3px #fff;
}

.explosion .item-circle {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 3px 2px #fff;
}

.explosion.fall .stars, .explosion.fall .cupnoodles, .explosion.fall .circles, .explosion.fall .glitters {
  animation-duration: 2500ms;
  animation-timing-function: cubic-bezier(0.36, 0.63, 0.42, 0.81);
  animation-iteration-count: 1;
  animation-direction: alternate;
}

.explosion.fall .star1 .stars {
  animation-name: anime--swing-star1;
}

.explosion.fall .star2 .stars {
  animation-name: anime--swing-star2;
}

.explosion.fall .star3 .stars {
  animation-name: anime--swing-star3;
}

.explosion.fall .cupnoodle1 .cupnoodles {
  animation-name: anime--swing-star1;
}

.explosion.fall .cupnoodle2 .cupnoodles {
  animation-name: anime--swing-star2;
}

.explosion.fall .cupnoodle3 .cupnoodles {
  animation-name: anime--swing-star3;
}

.explosion.fall .glitter1 .glitters {
  animation-name: anime--swing-glitter1;
}

.explosion.fall .glitter2 .glitters {
  animation-name: anime--swing-glitter2;
}

.explosion.fall .circle1 .circles {
  animation-name: anime--swing-circle1;
}

@keyframes anime--splash {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes anime--blink-star {
  0% {
    filter: drop-shadow(0 0 3px #fff);
  }
  100% {
    filter: drop-shadow(0 0 0);
  }
}

@keyframes anime--swing-star1 {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  100% {
    transform: translate3d(45px, 0, 0);
  }
}

@keyframes anime--swing-star2 {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  100% {
    transform: translate3d(50px, 0, 0);
  }
}

@keyframes anime--swing-star3 {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  100% {
    transform: translate3d(55px, 0, 0);
  }
}

@keyframes anime--swing-circle1 {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(30px, 0, 0);
  }
}

@keyframes anime--swing-glitter1 {
  0% {
    opacity: 1;
    transform: translate3d(0px, 0, 0);
  }
  10% {
    opacity: 0.4;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0.4;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.4;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
    transform: translate3d(45px, 0, 0);
  }
}

@keyframes anime--swing-glitter2 {
  0% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  10% {
    opacity: 0.4;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0.4;
  }
  40% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  60% {
    opacity: 1;
  }
  70% {
    opacity: 0.4;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
    transform: translate3d(30px, 0, 0);
  }
}

@keyframes anime--fall1 {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(10px, 200px, 0);
  }
}

@keyframes anime--fall2 {
  0% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(10px, 130px, 0);
  }
}

@keyframes anime--fall3 {
  0% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(10px, 110px, 0);
  }
}

@keyframes anime--fall4 {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(10px, 50px, 0);
  }
}

@keyframes anime--fall5 {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(10px, 40px, 0);
  }
}

@keyframes anime--pop {
  0% {
    transform: translate3d(0) scale(1);
  }
  90% {
  }
  100% {
    bottom: -20px;
    left: 10px;
    transform: translate3d(0, 0) scale(0.3);
  }
}

/*  mypage  */
.purchase-history {
  display: block;
  font-feature-settings: "palt" 1;
}

.purchase-history__table {
  width: 100%;
}

.purchase-history__table th {
  min-width: 122px;
}

.purchase-history__table th:nth-last-of-type(6) {
  min-width: 330px;
}

.purchase-history__table th:nth-last-of-type(5) {
  min-width: 70px;
  width: 70px;
}

.purchase-history__table th:nth-last-of-type(4) {
  min-width: 140px;
  max-width: 200px;
  width: 200px;
}

.purchase-history__table th:nth-last-of-type(3) {
  min-width: 140px;
}

.purchase-history__table th:nth-last-of-type(2) {
  min-width: 90px;
}

.purchase-history__table th:nth-last-of-type(1) {
  min-width: 90px;
}

.purchase-history__table, .purchase-history__table th, .purchase-history__table td {
  border: 1px solid #ededed;
  border-collapse: collapse;
  line-height: 1.5;
}

.purchase-history__table th {
  padding: 5px 10px;
  background: #f8f8f8;
  vertical-align: middle;
  text-align: center;
}

.purchase-history__table td {
  padding: 10px;
  vertical-align: middle;
  word-break: break-word;
}

.purchase-history__table__live-info {
  display: flex;
  align-items: center;
  word-break: break-word;
}

.purchase-history__table__live-info__picture {
  margin-right: 10px;
  width: 150px;
  height: auto;
}

.purchase-history__table__button {
  display: inline-block;
  padding: 9.5px 10px;
  width: 70px;
  background-color: #0dcab7;
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

.purchase-history__table__title {
  display: inline-block;
  text-align: left;
}

.purchase-history__table__title .purchase-history__table__date__live {
  padding-left: 0;
  text-indent: 0;
}

.purchase-history__table__title .purchase-history__table__date__archive {
  margin-top: 0 !important;
  padding-left: 0;
  text-indent: 0;
}

.purchase-history__table__date__live {
  padding-left: 1rem;
  text-indent: -0.5rem;
  word-break: break-word;
}

.purchase-history__table__date__live:before {
  display: inline-block;
  color: #0dcab7;
  content: '\25cf';
}

.purchase-history__table__date__live + .purchase-history__table__date__archive {
  margin-top: 1em;
}

.purchase-history__table__date__archive {
  padding-left: 1rem;
  text-indent: -0.5rem;
  word-break: break-word;
}

.purchase-history__table__date__archive:before {
  display: inline-block;
  color: #000;
  content: '\25cf';
}

@media (min-width: 941px) {
  .tablet-down {
    display: none !important;
  }
  .purchase-history__table td:nth-last-of-type(5) {
    text-align: center;
  }
  .purchase-history__table td:nth-last-of-type(3) {
    text-align: center;
  }
  .purchase-history__table td:nth-last-of-type(2) {
    text-align: right;
  }
  .purchase-history__table td:nth-last-of-type(1) {
    text-align: center;
  }
}

@media (max-width: 940px) {
  .tablet-up {
    display: none !important;
  }
  .purchase-history__table + .purchase-history__table {
    margin-top: 30px;
  }
  .purchase-history__table td {
    padding: 20px;
    vertical-align: top;
    line-height: 1.7;
  }
  .purchase-history__table th {
    width: auto;
    text-align: left;
  }
  .purchase-history__table__col2 {
    width: 50%;
  }
  .purchase-history__table__detail {
    padding: 20px 10px !important;
    text-align: center !important;
  }
  .purchase-history__table__date__live + .purchase-history__table__date__archive {
    margin-top: 0;
  }
  .purchase-history__table__live-info {
    flex-direction: column;
  }
  .purchase-history__table__live-info__picture {
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 500px;
    width: 100%;
  }
  .purchase-history__table__button {
    margin-top: 5px;
    width: 80px;
  }
}

.withdrawal__table {
  width: 100%;
}

.withdrawal__table:nth-of-type(1) {
  margin: 20px 0 0;
}

.withdrawal__table, .withdrawal__table th, .withdrawal__table td {
  border: 1px solid #ededed;
  border-collapse: collapse;
  line-height: 1.5;
}

.withdrawal__table th {
  padding: 7px;
  background: #f8f8f8;
  vertical-align: middle;
  text-align: center;
}

.withdrawal__table td {
  padding: 7px 7px;
  vertical-align: middle;
  word-break: break-word;
}

.withdrawal__table__date {
  word-break: break-word;
}

.withdrawal__table__date + .withdrawal__table__date {
  display: inline-block;
  margin-top: 3px;
  padding-top: 3px;
  border-top: 1px dashed #adadad;
}

.withdrawal__table__link {
  color: #0dcab7 !important;
  word-break: break-word;
  font-weight: 700;
}

@media (min-width: 761px) {
  .withdrawal__table:not(:first-of-type) thead {
    display: none;
  }
  .withdrawal__table:not(:first-of-type) {
    border-top: none;
  }
  .withdrawal__table:not(:first-of-type) td {
    border-top: none;
  }
  .withdrawal__table td:nth-of-type(1) {
    width: 105px;
    text-align: center;
  }
  .withdrawal__table td:nth-of-type(2) {
    width: 180px;
  }
  .withdrawal__table td:nth-of-type(3) {
    width: auto;
  }
  .withdrawal__table td:nth-of-type(4) {
    width: 130px;
    text-align: center;
  }
}

@media (max-width: 760px) {
  .withdrawal__table {
    display: flex;
    margin: 20px 0 0;
    border: none;
  }
  .withdrawal__table thead, .withdrawal__table tbody, .withdrawal__table tr, .withdrawal__table td {
    display: block;
  }
  .withdrawal__table th {
    display: flex;
    align-items: center;
    border-right: none;
  }
  .withdrawal__table th:not(:first-of-type) {
    border-top: none;
  }
  .withdrawal__table td:not(:first-of-type) {
    border-top: none;
  }
  .withdrawal__table thead {
    width: 115px;
    text-align: left;
  }
  .withdrawal__table tbody {
    width: calc(100% - 115px);
    text-align: left;
  }
}

/*  subject  */
.subject--terms {
  letter-spacing: 0.05em;
  font-size: 14px;
  line-height: 1.7;
}

.subject--law {
  letter-spacing: 0.05em;
  font-size: 14px;
  line-height: 1.7;
}

.subject--system-requirements {
  letter-spacing: 0.05em;
  font-size: 14px;
}

.subject__category {
  margin-bottom: 3.09rem;
  color: #0dcab7;
  font-weight: bold;
  font-size: 0.89rem;
}

._sublect__category-list {
  margin-top: 0.56rem;
}

.subject__intro {
  margin-bottom: 1.4rem;
}

.subject__dl {
  margin-bottom: -2rem;
}

.subject__category-item {
  display: inline-block;
  margin-right: 1.01rem;
  line-height: 2.1;
}

.subject__category-item a {
  color: #0dcab7;
}

.subject__category-item:last-of-type {
  margin-right: 0;
}

.subject__dl__dt {
  font-weight: 700;
}

.subject__dl__dd {
  margin-bottom: 2rem;
}

.subject__dl__dd--mt {
  margin-top: 1.4rem;
}

.subject--terms .subject__dl__dd > p {
  padding-left: 1.2em;
  text-indent: -1.2em;
}

.subject--terms .subject__dl__dd > p.child {
  padding-left: 4.1em;
  text-indent: -3.4em;
}

.subject__qa {
  margin-top: 1.4rem;
}

.subject__qa-indent {
  padding-left: 1rem;
  text-indent: -1rem;
}

.subject__summary {
  padding-top: 1.4rem;
}

.subject__caution {
  padding-top: 1.4rem;
  font-weight: bold;
}

@media (max-width: 760px) {
  .subject--terms {
    font-size: 12px;
    line-height: 2;
  }
  .subject--law {
    font-size: 14px;
  }
  .subject--system-requirements {
    padding-right: 0;
  }
  .subject__intro {
    margin-bottom: 2rem;
  }
  .subject__dl {
    margin-bottom: -2.5rem;
  }
  .subject__dl__dd {
    margin-bottom: 2.5rem;
  }
  .subject__summary, .subject__caution {
    padding-top: 2rem;
  }
}

/*  faq  */
.faq {
  letter-spacing: 0.05em;
  font-size: 14px;
}

.faq__category__title {
  color: #0dcab7;
  font-weight: 700;
  font-size: 16px;
}

.faq__category__list {
  margin-top: 0.4rem;
}

.faq__category__list__item {
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
  line-height: 2.5;
}

.faq__category__list__item a {
  text-decoration: none;
}

.faq__lists {
  margin-top: 3rem;
}

.faq__lists__item__title {
  margin-bottom: 0.7rem;
  border-bottom: 1px solid #0dcab7;
  color: #0dcab7;
  font-weight: bold;
  font-size: 16px;
}

.faq__lists__item {
  position: relative;
}

.faq__lists__item + .faq__lists__item {
  margin-top: 1.8rem;
}

.faq__lists__item__dl {
  position: relative;
  margin-bottom: 1.4rem;
}

.faq__lists__item__dl__dt {
  position: relative;
  background-color: #f5f5f5;
  font-weight: bold;
  font-size: 16px;
}

.faq__lists__item__dl__dt::before {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: 16px;
  height: 16px;
  border-top: 2px solid #000;
  content: '';
  opacity: 1;
  transition: all 0.5s;
  transform: translate(0, -1px);
}

.faq__lists__item__dl__dt::after {
  position: absolute;
  top: 50%;
  right: 1.25rem;
  width: 16px;
  height: 16px;
  border-top: 2px solid #000;
  content: '';
  transition: all 0.5s;
  transform: rotate(90deg) translate(-7px, 7px);
}

.faq__lists__item__dl__dt.isActive a {
  opacity: 1 !important;
}

.faq__lists__item__dl__dt.isActive::before {
  opacity: 0;
  transition: all 0.5s;
}

.faq__lists__item__dl__dt.isActive::after {
  transition: all 0.5s;
  transform: rotate(0deg);
}

.faq__lists__item__dl__dt a {
  position: relative;
  display: block;
  padding: 0.572rem 3.5rem 0.572rem 2.7rem;
  text-decoration: none !important;
}

.faq__lists__item__dl__dt a::before {
  position: absolute;
  top: 0.5rem;
  left: 1rem;
  display: inline-block;
  width: 2rem;
  content: 'Q.';
}

.faq__lists__item__dl__dd {
  position: relative;
  display: none;
  margin: 0.75rem 1rem 0.75rem 2.7rem;
  padding: 0 0 0 1.2rem;
}

.faq__lists__item__dl__dd::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  content: 'A.';
}

.faq__number-indent {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.faq__paragraph {
  margin-top: 1.4rem;
}

.faq__anchor {
  position: absolute;
  top: -7rem;
}

#testmovie .modal__inner, #tutorialmovie .modal__inner {
  height: auto;
}

#testmovie .faq__iframe, #tutorialmovie .faq__iframe {
  position: relative;
  padding-bottom: 56.25%;
}

#testmovie .faq__iframe iframe, #tutorialmovie .faq__iframe iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

@media (max-width: 760px) {
  .faq__category__item {
    font-size: 16px;
  }
  .faq__lists {
    margin-top: 2rem;
  }
  .faq__lists__item__dl__dd {
    margin: 0.75rem 0.6rem 0.75rem 1.1rem;
  }
  .faq__anchor {
    top: -3.5rem;
  }
}

/*  error  */
.error-page {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.error-page__logo {
  width: 134px;
}

.error-page__description {
  margin-left: 40px;
  color: #0dcab7;
}

.error-page__title {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 24px;
}

.error-page__text {
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 760px) {
  .error-page {
    display: block;
    margin: 60px auto 180px;
  }
  .error-page__logo {
    margin: 0 auto;
    width: 102px;
  }
  .error-page__description {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
    margin-left: 0;
  }
  .error-page__title {
    margin: 0 0 12px;
    font-size: 18px;
  }
}

/*  modal  */
.modal, .modal--cart {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 300ms ease;
}

.modal[aria-hidden], .modal--cart[aria-hidden] {
  z-index: -1;
  display: none;
  opacity: 0;
  pointer-events: none;
}

.modal--ultracheer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1500;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: opacity 300ms ease;
}

.modal--ultracheer[aria-hidden] {
  z-index: -1;
  display: none;
  opacity: 0;
  pointer-events: none;
}

.modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  box-sizing: border-box;
  max-width: calc(100% - 20px);
  max-height: 100%;
  width: 900px;
  height: calc(100% - 40px);
  background-color: #000;
  color: #fff;
  transform: translate(-50%, -50%);
}

.modal__inner:focus {
  outline: 0;
}

.modal__inner a {
  color: #fff;
}

.modal__scroller {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  margin: 35px 0 0;
  height: 100%;
  scrollbar-width: thin;
}

.modal__scroller::-webkit-scrollbar {
  width: 10px;
}

.modal__scroller::-webkit-scrollbar-track {
  border-radius: 0;
  border-radius: 10px;
  background-color: #333;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.modal__scroller::-webkit-scrollbar-thumb {
  border-radius: 0;
  border-radius: 10px;
  background-color: #ddd;
}

.modal__scroller img {
  width: 100%;
}

.modal__image {
  padding: 0 20px 20px;
}

.modal__image__title {
  padding: 0 0 74px;
  color: #0dcab7;
}

.modal__image__title__text--en {
  letter-spacing: 0.2em;
  font-weight: 700;
  font-size: 32px;
  font-family: "Kumbh Sans", sans-serif;
  line-height: 1.2;
}

.modal__image__title__text--ja {
  margin: 0 0 0 17px;
  letter-spacing: 0.05em;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
}

.modal__step-title {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
  width: 100%;
  font-size: 18px;
  line-height: 35px;
}

.modal__step-title__num {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px 0 0;
  width: 92px;
  height: 35px;
  background: #0dcab7;
  letter-spacing: 0.15em;
  font-size: 14px;
}

.modal__step-notice {
  margin: 0 0 30px 0;
  color: #0dcab7;
  font-size: 12px;
}

.modal__step-notice__title {
  margin: 0 0 1em 0;
}

.modal__step {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 50px 0;
  border-bottom: 1px solid #0dcab7;
}

.modal__step__box {
  margin-bottom: 50px;
  width: calc(50% - 8px);
  font-size: 14px;
}

.modal__step__box__picture {
  width: 100px;
}

.modal__step__box__text {
  margin: 15px 15px 0;
  word-break: break-word;
}

.modal__step__box:nth-of-type(2n-1) {
  margin-right: 8px;
}

.modal__step__box:nth-of-type(2n) {
  margin-left: 8px;
}

@media (min-width: 761px) and (max-width: 940px) {
  .modal__image__title {
    padding: 0 0 50px;
  }
  .modal__image__title {
    text-align: center;
  }
}

@media (max-width: 760px) {
  .modal__image__title {
    padding: 0 0 50px;
  }
  .modal__image__title {
    text-align: center;
  }
  .modal__image__title__text--en {
    display: block;
    font-size: 18px;
  }
  .modal__image__title__text--ja {
    display: block;
    margin: 6px 0 0;
    font-size: 12px;
  }
  .modal__step-title {
    font-size: 16px;
  }
  .modal__step-title__num {
    width: 74px;
  }
  .modal__step {
    display: block;
  }
  .modal__step__box {
    width: 100%;
  }
  .modal__step__box__picture {
    width: 100px;
  }
  .modal__step__box:nth-of-type(2n-1) {
    margin-right: 0;
  }
  .modal__step__box:nth-of-type(2n) {
    margin-left: 0;
  }
}

@media (max-width: 360px) {
  .modal__step-title {
    font-size: 14px;
  }
  .modal__step-title__num {
    margin: 0 7px 0 0;
    width: 68px;
  }
}

.modal__close, .modal__close--cart, .modal__close--ultracheer {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 3;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.modal__close::before, .modal__close::after, .modal__close--cart::before, .modal__close--cart::after, .modal__close--ultracheer::before, .modal__close--ultracheer::after {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -1px;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: '';
}

.modal__close::before, .modal__close--cart::before, .modal__close--ultracheer::before {
  transform: rotate(45deg);
}

.modal__close::after, .modal__close--cart::after, .modal__close--ultracheer::after {
  transform: rotate(-45deg);
}

@media (min-width: 761px) {
  .modal__close {
    top: 10px;
    width: 40px;
    height: 40px;
  }
}

.modal__caution:last-child {
  padding-bottom: 40px;
}

.modal__caution + .modal__caution {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px dotted #00ada2;
}

.modal__caution-caption {
  margin-bottom: 10px;
  color: #00ada2;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
}

.modal__text {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 24px;
}

.modal__list {
  padding-left: 1em;
  font-size: 14px;
  line-height: 24px;
}

.modal__list > li {
  margin-bottom: 1em;
  text-indent: -1em;
}

.modal__article {
  font-size: 14px;
  line-height: 24px;
}

.modal__text a, .modal__list a {
  color: #00ada2;
  text-decoration: underline;
  text-indent: 0;
}

.modal__text a:hover, .modal__list a:hover {
  text-decoration: none;
}

.modal__contact {
  margin: 40px 0 0;
  padding-bottom: 50px;
  font-size: 14px;
  line-height: 24px;
}

.modal--cart {
  z-index: 1000000;
}

.modal--cart .modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0 40px;
  max-width: calc(100% - 10px);
  max-height: 608px;
  width: 400px;
  height: calc(100% - 10px);
  border: 1px solid #0dcab7;
  background-color: #000;
  color: #fff;
  transform: translate(-50%, -50%);
}

.modal--cart .modal__scroller {
  margin: 0;
}

.modal--ultracheer .modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0 0 40px;
  max-width: calc(100% - 10px);
  max-height: 100%;
  max-height: 608px;
  width: 400px;
  height: calc(100% - 10px);
  border: 1px solid #0dcab7;
  background-color: #000;
  color: #fff;
  transform: translate(-50%, -50%);
}

.modal--ultracheer .modal__scroller {
  margin: 0;
}

.modal__title {
  margin: 0 0 1px 0;
  padding: 11px 16px;
  height: 41px;
  border-bottom: 1px solid #0dcab7;
  background: #0dcab7;
  background: #000;
  color: #0dcab7;
  font-size: 18px;
  line-height: 1;
}

.modal__close--cart, .modal__close--ultracheer {
  top: 5px;
  right: 5px;
}

.modal__cart__iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  payment  */
.page_payment {
  scrollbar-width: thin;
}

.page_payment::-webkit-scrollbar {
  width: 10px;
}

.page_payment::-webkit-scrollbar-track {
  border-radius: 0;
  border-radius: 10px;
  background-color: #333;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
}

.page_payment::-webkit-scrollbar-thumb {
  border-radius: 0;
  border-radius: 10px;
  background-color: #ddd;
}

.category_payment {
  background-color: #000;
}

.category_payment .content {
  background-color: #000;
}

.category_payment .content__inner {
  margin: 0 auto;
  padding: 7px 0 10px;
  max-width: 400px;
}

.category_payment .section__content {
  margin: 0 auto;
  padding: 0;
}

.category_payment .section__title {
  margin: 0 8px 7px;
  font-size: 18px;
}

.payment {
  margin: 0 auto;
  max-width: 500px;
  color: #0dcab7;
}

.payment__description {
  margin: 0 16px;
}

.payment__tablist {
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
}

.payment__method {
  margin: 0 16px 7px;
}

.payment__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-top: 1px solid #0dcab7;
  border-right: 1px solid #0dcab7;
  border-bottom: 1px solid #0dcab7;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}

.payment__tab.active {
  background: #0dcab7;
  color: #fff;
}

.payment__tab:last-child {
  border-right: none;
}

.payment__tab img {
  width: auto;
  height: 30px;
}

.payment__tabpanel {
  padding: 0 8px;
}

.payment__tabpanel[aria-hidden='true'] {
  display: none;
}

.payment__card-info {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px 0 0 0px;
  vertical-align: middle;
  font-size: 0;
}

.payment__f700 {
  font-weight: 700;
}

.payment__card-info__picture {
  margin: 0 2px;
  width: 48px;
  height: auto;
}

.payment__paypay-info {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 10px 0 0 0px;
  vertical-align: middle;
  font-size: 0;
}
.payment__paypay-info__picture {
  margin: 0 2px;
  width: 72px;
  height: auto;
}

.playguide {
  margin-top: 30px;
  font-weight: 700;
}

.payment__playguide-info {
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin: 15px 0 0 -10px;
  vertical-align: middle;
  font-size: 0;
}
.payment__playguide-info__picture {
  margin: 0 0 10px 10px;
  width: auto;
  height: 40px;
}

.payment__card-selet {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-bottom: 1px dashed #0dcab7;
  color: #0dcab7;
}

.payment__card-selet .form-group + .form-group {
  margin: 0 0 0 15px;
}

.payment__save-check {
  margin: 0 auto;
  border-bottom: 1px solid #0dcab7;
  color: #0dcab7;
}

.payment__amount--ultracheer, .payment__amount {
  display: flex;
  margin: 0 8px 7px;
  padding: 0 8px 7px;
  border-bottom: 1px solid #0dcab7;
  color: #0dcab7;
}

.payment__amount__inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.payment__amount--ultracheer .payment__amount__inner {
  justify-content: space-between;
}

.payment__amount__quantity {
  display: flex;
  align-items: center;
  margin: 0 10px 0 0;
}

.payment__amount__quantity__unit-price {
  display: inline-block;
  margin: 0 5px 0 0;
}

.payment__amount__total {
  text-align: right;
  font-size: 10px;
}

.payment__amount__total__title {
  margin: 0 5px 0 0;
  font-weight: 700;
  font-size: 14px;
}

.payment__amount__total__price {
  letter-spacing: 1.6px;
  font-weight: 700;
  font-size: 18px;
  font-family: 'Kumbh Sans', sans-serif;
  line-height: 1.1;
  font-display: swap;
}

.payment__card-input {
  overflow: hidden;
  margin: 7px 0 0;
  padding: 0 0 5px 0;
  height: 0;
  border-bottom: 1px dashed #0dcab7;
  opacity: 0;
}

.payment__card-input.isView {
  height: auto;
  opacity: 1;
}

.payment__card-input .error-general {
  margin: 0 8px;
  color: #f00;
  font-size: 12px;
}

.payment__card-input .error-general .error {
  display: block;
}

.payment__card-input__table {
  margin: 10px 0;
  margin: 0 auto !important;
  max-width: 800px;
  width: 100%;
}

.payment__card-input__table .form-content__note {
  margin: 3px 0 0;
  font-size: 11px;
  line-height: 1.3;
}

.payment__card-input__table .flex-group, .payment__card-input__table .radio-group, .payment__card-input__table .checkbox-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}

.payment__card-input__table textarea, .payment__card-input__table input[type='email'], .payment__card-input__table input[type='text'], .payment__card-input__table input[type='tel'], .payment__card-input__table input[type='password'], .payment__card-input__table button {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.payment select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.payment select::-ms-expand {
  display: none;
}

.payment__card-input__table input[type='email'], .payment__card-input__table input[type='text'], .payment__card-input__table input[type='tel'], .payment__card-input__table input[type='password'] {
  padding: 0 5px;
  width: 100%;
  height: 32px;
  border: 1px solid #0dcab7;
  border-radius: 3px;
  background: none;
  color: #0dcab7;
  font-size: 16px;
}

.payment__card-input__table .mid-text {
  margin-right: 4px;
  margin-left: 4px;
}

.payment__card-input__table .suf-text {
  margin-left: 4px;
}

.payment button, .payment input, .payment select, .payment textarea {
  font-size: 100%;
  font-family: inherit;
}

.payment select {
  padding: 0 23px 0 10px;
  width: 100%;
  height: 32px;
  border: 1px solid #0dcab7;
  border-radius: 3px;
  background: none;
  color: #0dcab7;
  font-size: 16px;
}

.payment .select-group {
  position: relative;
  z-index: 1;
  display: block;
  background-color: transparent;
}

.payment .select-group:after {
  position: absolute;
  top: calc(50% - 3px);
  right: calc(0% + 6px);
  z-index: -1;
  display: block;
  width: 0;
  height: 0;
  border-width: 5.7px 4px 0 4px;
  border-style: solid;
  border-color: #0dcab7 transparent transparent transparent;
  content: '';
}

.payment__card-input__table textarea.error, .payment__card-input__table input[type='email'].error, .payment__card-input__table input[type='text'].error, .payment__card-input__table input[type='tel'].error, .payment__card-input__table input[type='password'].error, .payment__card-input__table input[type='radio'].error + span:before, .payment__card-input__table input[type='checkbox'].error + span:before {
  border-color: #f00;
  font-size: inherit;
  opacity: 0.7;
}

.payment__card-input__table select.error {
  border-color: #f00;
  font-size: inherit;
  opacity: 0.7;
}

.payment__card-input__table .text-group--narrow {
  max-width: 220px;
}

.payment__card-input__table .text-group--super-narrow {
  max-width: 100px;
}

.payment__card-input__table td, .payment__card-input__table th {
  padding: 7px 8px;
  border: none;
  border-top: 1px dashed #0dcab7;
  border-bottom: 1px dashed #0dcab7;
  background-color: transparent;
  color: #0dcab7;
  font-size: 13px;
  line-height: 1.7;
}

.payment__card-input__table tr:first-of-type td, .payment__card-input__table tr:first-of-type th {
  padding-top: 5px;
  border-top: none;
}

.payment__card-input__table tr:last-of-type td, .payment__card-input__table tr:last-of-type th {
  padding-bottom: 5px;
  border-bottom: none;
}

.payment__card-input__table th {
  padding-right: 0;
  width: 152px;
  background: none;
  vertical-align: top;
}

.payment__card-input__table th .form-content__text, .payment__card-input__table th .form-label {
  padding-top: 3px;
}

.payment__card-input__table td .form-content__text {
  padding-top: 3px;
}

@media (max-width: 360px) {
  .payment__card-input__table .form-content__note {
    font-size: 11px;
  }
  .payment__card-input__table th {
    width: 110px;
  }
}

.payment__note {
  display: flex;
  justify-content: center;
  margin: 15px 8px 0;
  color: #0dcab7;
  font-size: 11px;
}

.payment__notice {
  margin: 25px 8px 0;
  color: #0dcab7;
}

.payment__notice a {
  color: #0dcab7;
  text-decoration: underline;
}

.payment__attention {
  margin: 15px auto;
  color: #f00;
  font-size: 12px;
}

.payment__submit {
  margin: 15px 8px;
}

.payment__submit--blank {
  margin: 120px 8px 15px;
}

.payment__submit__button {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 12px 0;
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 5px;
  background: #0dcab7;
  color: #fff;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;
  letter-spacing: 3.6px;
  font-size: 18px;
  line-height: 1.25;
}

.payment__submit__button:disabled {
  background: #bcbcbc !important;
}

.payment__submit__button__title {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 14px;
}

.payment__submit__button__i-new-window {
  display: inline-block;
  margin-top: 2px;
  margin-left: 0.5em;
  width: 15px;
  height: 15px;
  background: url(/assets/img/i-new-window.svg) no-repeat 50% 50%;
  background-size: contain;
}

.payment__submit__button__text {
  margin: 4px 10px 0;
  letter-spacing: 1.6px;
  font-size: 10px;
  line-height: 1.4;
}

.live-detail__i-login {
  display: inline-block;
  margin-top: 2px;
  margin-right: 0.8em;
  width: 18px;
  height: 18px;
  background: url(/assets/img/bx-user-circle.svg) no-repeat 50% 50%;
  background-size: contain;
}

.payment .checkbox-group, .payment .radio-group {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.payment .payment__card-selet .checkbox-group, .payment .payment__card-selet .radio-group {
  display: inline-flex;
}

.payment .checkbox-group label, .payment .radio-group label {
  position: relative;
  padding: 12px 0;
}

.payment input[type='checkbox'], .payment input[type='radio'] {
  position: absolute;
  display: inline-block;
  margin: 0;
  width: 1px;
  height: 1px;
  border: none;
  color: #fff;
  opacity: 0;
}

.payment input[type='radio']:checked + div:after {
  position: absolute;
  top: calc(50% - 7px);
  left: 5px;
  display: block;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #0dcab7;
  content: '';
}

.payment input[type='checkbox']:checked + div:after {
  position: absolute;
  top: calc(50% - 5px);
  left: 5px;
  display: block;
  width: 14px;
  height: 8px;
  border-bottom: 4px solid #0dcab7;
  border-left: 4px solid #0dcab7;
  content: '';
  transform: rotate(-45deg);
}

.payment .checkbox-group label div, .payment .radio-group label div {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 30px;
  min-width: 240px;
  min-height: 35px;
}

.payment .payment__card-selet .checkbox-group label div, .payment .payment__card-selet .radio-group label div {
  min-width: auto;
}

.payment .radio-group label div:before {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #0dcab7;
  border-radius: 50%;
  content: '';
}

.payment .checkbox-group label div:before {
  position: absolute;
  top: calc(50% - 12px);
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 24px;
  height: 24px;
  border: 1px solid #0dcab7;
  border-radius: 3px;
  content: '';
}

.payment__securitycode-link {
  position: relative;
  display: inline-block;
  margin: -2px 0 0 1px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}

.payment__securitycode-link:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/img/icon-question.png) no-repeat center center;
  background-size: 14px auto;
  content: '';
}

.popup__about-securitycode__title {
  color: #0dcab7;
}

.popup__about-securitycode__picture {
  display: block;
  margin: 10px auto 15px;
  max-width: 180px;
}

.popup__about-securitycode__picture:last-child {
  margin-bottom: 0;
}

.global-footer .h1803_footer_sp .h1803_footer_bs_list_img img {
    width: auto;
}

/*  temp  */

/*# sourceMappingURL=style.css.map */