@charset "UTF-8";
/*==================================================*/
/* アニメーション用css */
/*==================================================*/
/*==================================================*/
/*==============================================================*/
/* アニメーション */
/*==============================================================*/
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
@import url("//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Serif+KR:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Noto+Serif+SC:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&display=swap");
@keyframes bright {
  0% {
    filter: blur(10px);
    opacity: 0;
  }
  90% {
    filter: blur(0);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes click {
  0% {
    transform: translateY(0%);
  }
  35% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-10%);
  }
  65% {
    transform: translateY(0%);
  }
  80% {
    transform: translateY(-10%);
  }
  95% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes text_on {
  0% {
    opacity: 0;
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text-eff_on {
  0% {
    left: -100%;
  }
  50% {
    left: 0%;
  }
  100% {
    left: 100%;
  }
}
.bright {
  animation: bright 1s ease;
  animation-fill-mode: both;
}

/*==================================================*/
/* 前提css */
/*==================================================*/
a,
article,
blockquote,
body,
caption,
dd,
div,
dl,
dt,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
img,
li,
nav,
ol,
p,
pre,
section,
small,
span,
strong,
table,
td,
th,
tr,
ul,
figure {
  background: 0;
  border: 0;
  font-size: 100%;
  line-height: 1;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: bottom;
}

a,
small,
span,
strong {
  vertical-align: baseline;
}

article,
footer,
header,
nav,
section {
  display: block;
}

li {
  list-style: none;
}

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

address,
th {
  font-style: normal;
}

:focus,
a:focus {
  outline: 0;
}

br {
  letter-spacing: normal;
}

textarea {
  resize: none;
}

a {
  text-decoration: none;
}

main img {
  height: auto;
  width: 100%;
}

img {
  width: 100%;
}

/*==================================================*/
/* レスポンシブ用css */
/*==================================================*/
.pc {
  display: block;
}
.pc.inline {
  display: inline;
}
.pc.flex {
  display: flex;
}

.sp {
  display: none;
}
.sp.inline {
  display: none;
}
.sp.flex {
  display: none;
}

@media (min-width: 981px) {
  .pc {
    display: none;
  }
  .pc.inline {
    display: none;
  }
  .pc.flex {
    display: none;
  }
  .sp {
    display: block;
  }
  .sp.inline {
    display: inline;
  }
  .sp.flex {
    display: flex;
  }
}
body {
  background-color: #000;
}

* {
  font-family: "Noto Sans JP", sans-serif;
  box-sizing: border-box;
}

.kr p,
.kr dd,
.kr dt,
.kr span {
  font-family: "Noto Sans KR", sans-serif;
}

.zh-hans p,
.zh-hans dd,
.zh-hans dt,
.zh-hans span {
  font-family: "Noto Sans SC", sans-serif;
}

.zh-hant p,
.zh-hant dd,
.zh-hant dt,
.zh-hant span {
  font-family: "Noto Sans TC", sans-serif;
}

.yellow {
  color: #ffff00;
}

.orange {
  color: #eb6100;
}

.hover:hover {
  opacity: 0.6;
}

.mainMovie {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  position: fixed;
  z-index: -1;
  background-color: #333;
  display: flex;
  justify-content: center;
}
.mainMovie video {
  height: 100%;
}
@media (min-width: 981px) {
  .mainMovie video {
    width: 100%;
    height: auto;
  }
}
.mainMovie::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-image: url(../img/pattern.png);
  z-index: 10;
}

.movie {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120vw;
  height: 120vh;
  transform: translate(-50%, -50%);
}

.noLink {
  pointer-events: none;
}

.anniversary {
  width: 14.1692150866vw;
}
@media (min-width: 981px) {
  .anniversary {
    width: 7.2395833333vw;
  }
}
.anniversary {
  top: 61.1620795107vw;
}
@media (min-width: 981px) {
  .anniversary {
    top: 31.25vw;
  }
}
.anniversary {
  right: -80.4281345566vw;
}
@media (min-width: 981px) {
  .anniversary {
    right: -41.09375vw;
  }
}
.anniversary {
  position: absolute;
  left: 0;
  margin: auto;
}
.anniversary a:hover {
  opacity: 0.6;
}

/* -----------------------------------------------------
   animation
----------------------------------------------------- */
.scale {
  opacity: 0;
}
.scale.effect {
  animation: scale 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes scale {
  0% {
    transform: scale(0.8);
    opacity: 0;
    filter: blur(6px);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
  }
}
.slide_In {
  opacity: 0;
  transition: all 0.2s;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.slide_In.effect {
  animation-name: slideIn;
  transition: 0.3s;
}

@keyframes slideIn {
  0% {
    transform: translateY(40px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%, 100% {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  animation: fadein-top 1.5s 0.3s ease-out forwards;
}

@keyframes fadein-top {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade_in {
  opacity: 0;
}
.fade_in.effect {
  animation: fadein 1s 0.3s ease-out forwards;
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.system_content_point {
  opacity: 0;
}
.system_content_point.effect {
  opacity: 1;
}
.system_content_point.effect img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  visibility: hidden;
  transform: translateX(-30px);
  animation: imgIn 0.6s ease forwards;
  animation-delay: 0.6s;
}
.system_content_point.effect .wipe {
  position: absolute;
  inset: 0;
  background: #111;
  animation: wipeInOut 1s ease forwards;
  pointer-events: none;
}

/* 黒の動き */
@keyframes wipeInOut {
  0% {
    width: 0%;
    left: 0;
  }
  50% {
    width: 100%;
    left: 0;
  }
  100% {
    width: 100%;
    left: 100%;
  }
}
/* 黒がMAXになった瞬間から画像表示 */
@keyframes imgIn {
  from {
    visibility: visible;
    transform: translateX(-30px);
    opacity: 0;
  }
  to {
    visibility: visible;
    transform: translateX(0);
    opacity: 1;
  }
}
/* -----------------------------------------------------
   header
----------------------------------------------------- */
header {
  height: 60px;
}
@media (min-width: 601px) {
  header {
    height: 10.1936799185vw;
  }
}
@media (min-width: 981px) {
  header {
    height: 5.2083333333vw;
  }
}
header {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0vw 4.1794087666vw 0vw 4.1794087666vw;
}
@media (min-width: 981px) {
  header {
    padding: 0vw 4.21875vw 0vw 4.21875vw;
  }
}
header {
  justify-content: flex-start;
  position: fixed;
  top: 0;
  z-index: 99999999;
}
@media (min-width: 981px) {
  header {
    justify-content: space-between;
    background: linear-gradient(to bottom, #060505 0%, rgba(6, 5, 5, 0) 100%);
  }
}

.globalNavi {
  display: none;
}
@media (min-width: 981px) {
  .globalNavi {
    display: block;
  }
}

.globalNavi_list {
  align-items: center;
}
@media (min-width: 981px) {
  .globalNavi_list {
    display: flex;
  }
}
.globalNavi_list li {
  padding-right: 0vw;
}
@media (min-width: 981px) {
  .globalNavi_list li {
    padding-right: 1.5104166667vw;
  }
}
.globalNavi_list li {
  padding-bottom: 3.0581039755vw;
}
@media (min-width: 981px) {
  .globalNavi_list li {
    padding-bottom: 0vw;
  }
}
@media (max-width: 768px) {
  .globalNavi_list li {
    padding-bottom: 20px;
  }
}
.globalNavi_list a {
  color: #fff;
  font-weight: 500;
  font-size: 3.2619775739vw;
  font-size: max(12px, 3.2619775739vw);
}
@media (min-width: 981px) {
  .globalNavi_list a {
    font-size: 1.3541666667vw;
  }
}
.globalNavi_list a {
  letter-spacing: 0.5px;
}
@media (max-width: 768px) {
  .globalNavi_list a {
    font-size: 20px;
  }
}
.globalNavi_list a.yellow {
  color: #ffff00;
}

.language {
  background: rgba(17, 17, 17, 0.85);
  border: 1px solid #fff;
  border-radius: 60px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-size: max(12px, 14px);
}
@media (min-width: 601px) {
  .language {
    font-size: 2.3445463812vw;
  }
}
@media (min-width: 981px) {
  .language {
    font-size: 1.1979166667vw;
  }
}
.language {
  max-height: 37px;
}
@media (min-width: 601px) {
  .language {
    max-height: 6.1162079511vw;
  }
}
@media (min-width: 981px) {
  .language {
    max-height: 3.125vw;
  }
}
.language {
  max-width: 122px;
}
@media (min-width: 601px) {
  .language {
    max-width: 20.2854230377vw;
  }
}
@media (min-width: 981px) {
  .language {
    max-width: 10.4166666667vw;
  }
}
.language {
  font-weight: bold;
  height: 100%;
  width: 100%;
  text-align: left;
  z-index: 2;
  transition: 0.3s;
}
.language:hover {
  color: rgba(17, 17, 17, 0.85);
  background-color: #ffff00;
}
.language:hover .acd-label {
  color: rgba(17, 17, 17, 0.85);
}
.language:hover .acd-label::before {
  opacity: 0;
}

.acd-check {
  display: none;
}

.acd-label {
  box-sizing: border-box;
  cursor: pointer;
  color: #ffff00;
  display: flex;
  align-items: center;
  padding-left: 42px;
}
@media (min-width: 601px) {
  .acd-label {
    padding-left: 7.0336391437vw;
  }
}
@media (min-width: 981px) {
  .acd-label {
    padding-left: 3.59375vw;
  }
}
.acd-label {
  position: relative;
  height: 100%;
  width: 100%;
}

.acd-label::before {
  background: url(../img/language_icon.png) no-repeat;
  background-size: 100% auto;
  content: "";
  margin-top: -8px;
}
@media (min-width: 601px) {
  .acd-label::before {
    margin-top: -0.8154943935vw;
  }
}
@media (min-width: 981px) {
  .acd-label::before {
    margin-top: -0.6770833333vw;
  }
}
.acd-label::before {
  pointer-events: none;
  position: absolute;
  left: 14px;
}
@media (min-width: 601px) {
  .acd-label::before {
    left: 2.1406727829vw;
  }
}
@media (min-width: 981px) {
  .acd-label::before {
    left: 1.1979166667vw;
  }
}
.acd-label::before {
  top: 50%;
}
@media (min-width: 601px) {
  .acd-label::before {
    top: 2.3445463812vw;
  }
}
@media (min-width: 981px) {
  .acd-label::before {
    top: 50%;
  }
}
.acd-label::before {
  width: 24px;
}
@media (min-width: 601px) {
  .acd-label::before {
    width: 3.9755351682vw;
  }
}
@media (min-width: 981px) {
  .acd-label::before {
    width: 2.03125vw;
  }
}
.acd-label::before {
  height: 16px;
}
@media (min-width: 601px) {
  .acd-label::before {
    height: 2.6503567788vw;
  }
}
@media (min-width: 981px) {
  .acd-label::before {
    height: 1.3541666667vw;
  }
}
.acd-label::before {
  opacity: 1;
  z-index: 1;
}

.acd-label::after {
  background: url(../img/language_icon_hover.png) no-repeat;
  background-size: 100% auto;
  content: "";
  margin-top: -8px;
}
@media (min-width: 601px) {
  .acd-label::after {
    margin-top: -0.8154943935vw;
  }
}
@media (min-width: 981px) {
  .acd-label::after {
    margin-top: -0.6770833333vw;
  }
}
.acd-label::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
}
@media (min-width: 981px) {
  .acd-label::after {
    top: 1.1979166667vw 50%;
  }
}
.acd-label::after {
  left: 14px;
}
@media (min-width: 601px) {
  .acd-label::after {
    left: 2.1406727829vw;
  }
}
@media (min-width: 981px) {
  .acd-label::after {
    left: 1.1979166667vw;
  }
}
.acd-label::after {
  width: 24px;
}
@media (min-width: 601px) {
  .acd-label::after {
    width: 3.9755351682vw;
  }
}
@media (min-width: 981px) {
  .acd-label::after {
    width: 2.03125vw;
  }
}
.acd-label::after {
  height: 16px;
}
@media (min-width: 601px) {
  .acd-label::after {
    height: 2.6503567788vw;
  }
}
@media (min-width: 981px) {
  .acd-label::after {
    height: 1.3541666667vw;
  }
}
.acd-label::after {
  opacity: 1;
}

.acd-content {
  box-sizing: border-box;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  top: 92px;
  height: 0;
  opacity: 0;
  padding: 20px 15px;
  transition: all 0.1s;
  visibility: hidden;
  width: 100%;
  max-width: 142px;
}

@media (max-width: 768px) {
  .acd-content {
    top: 52px;
    max-width: 120px;
  }
}
.acd-content li {
  color: #1b0b05;
  font-size: 16px;
  text-align: center;
}

.acd-content li:nth-child(n+2) {
  margin-top: 15px;
}

.acd-content li a {
  color: #1b0b05;
  transition: all 0.3s;
  width: 100%;
}

.acd-content li a:hover {
  color: #e60020;
  font-weight: 600;
}

.acd-content li a.on {
  color: #e60020;
  cursor: default;
}

.acd-content.box {
  box-sizing: border-box;
  position: fixed;
  background: #000;
  top: 0;
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: all 0.1s;
  visibility: hidden;
  width: 100%;
  max-width: 200px;
}

.acd-content.box p {
  color: #555;
  text-align: center;
}

.acd-content.box p a {
  color: #fff;
  transition: all 0.3s;
}

.acd-content.box p a:hover {
  color: orange;
  opacity: 1;
}

.acd-check:checked + .acd-label + .acd-content {
  box-sizing: border-box;
  height: auto;
  opacity: 1;
  padding: 10px 0;
  visibility: visible;
  z-index: 1;
}

.purchase {
  position: fixed;
  right: -14px;
  font-size: 3.0581039755vw;
  font-size: max(12px, 3.0581039755vw);
}
@media (min-width: 981px) {
  .purchase {
    font-size: 1.5625vw;
  }
}
.purchase {
  padding: 2.4464831804vw 7.3394495413vw;
}
@media (min-width: 981px) {
  .purchase {
    padding: 1.25vw 3.75vw;
  }
}
.purchase {
  width: 35.9836901121vw;
}
@media (min-width: 981px) {
  .purchase {
    width: 18.3854166667vw;
  }
}
.purchase {
  height: 9.378185525vw;
}
@media (min-width: 981px) {
  .purchase {
    height: 4.7916666667vw;
  }
}
.purchase {
  bottom: 9.7859327217vw;
}
@media (min-width: 981px) {
  .purchase {
    bottom: 5vw;
  }
}
.purchase {
  border: 2px solid #fff;
  border-radius: 46px 0 0 46px;
  background-color: rgba(165, 42, 25, 0.9);
  color: #fff;
  font-weight: 900;
  z-index: 999;
  transition: 0.3s;
}
.purchase:hover {
  opacity: 0.6;
}
.purchase::before {
  content: "";
  width: 3.5677879715vw;
}
@media (min-width: 981px) {
  .purchase::before {
    width: 1.8229166667vw;
  }
}
.purchase::before {
  height: 3.7716615698vw;
}
@media (min-width: 981px) {
  .purchase::before {
    height: 1.9270833333vw;
  }
}
.purchase::before {
  left: 2.6503567788vw;
}
@media (min-width: 981px) {
  .purchase::before {
    left: 1.3541666667vw;
  }
}
.purchase::before {
  bottom: 0;
  top: 0;
  margin: auto;
  position: absolute;
  background-image: url(../img/arrow.png);
  background-size: 100%;
  background-repeat: no-repeat;
}
.purchase::after {
  content: "";
  position: absolute;
  width: 16.4118246687vw;
}
@media (min-width: 981px) {
  .purchase::after {
    width: 8.3854166667vw;
  }
}
.purchase::after {
  height: 14.4750254842vw;
}
@media (min-width: 981px) {
  .purchase::after {
    height: 7.3958333333vw;
  }
}
.purchase::after {
  background-image: url(../img/kunio.gif);
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: -1;
  right: 7px;
  bottom: -6px;
}

.en .purchase {
  font-size: 2.6503567788vw;
  font-size: max(12px, 2.6503567788vw);
}
@media (min-width: 981px) {
  .en .purchase {
    font-size: 1.3541666667vw;
  }
}
.en .purchase {
  padding: 2.8542303772vw 7.3394495413vw;
}
@media (min-width: 981px) {
  .en .purchase {
    padding: 1.4583333333vw 3.75vw;
  }
}

/* -----------------------------------------------------
   SP_menu
----------------------------------------------------- */
.globalNavi_sp .globalNavi_list {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.buy_menu_btn {
  background: #fff144;
  border: 1px solid #3d120a;
  box-sizing: border-box;
  color: #3d120a;
  display: none;
  font-size: 2.9947916667vw;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
  position: fixed;
  right: 14.3229166667vw;
  text-align: center;
  top: 1.3020833333vw;
  height: 11.9791666667vw;
  width: 23.4375vw;
  z-index: 80;
}

@media (max-width: 768px) {
  .buy_menu_btn {
    display: block;
  }
}
.buy_menu_btn:active {
  transition: all 0.5s;
  background: rgba(255, 241, 68, 0.6);
}

.buy_menu_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 5px;
  color: #3d120a;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s;
}

.buy_menu_btn a:active {
  transition: all 0.5s;
  color: #3d120a;
}

.buy_menu_btn figure {
  margin-right: 2px;
  height: auto;
  width: 4.5572916667vw;
}

.buy_menu_btn figure img {
  height: auto;
  width: 100%;
}

.globalNavi_sp {
  z-index: 999999999;
  position: relative;
}
@media (min-width: 981px) {
  .globalNavi_sp {
    display: none;
  }
}

.globalNavi_list a {
  transition: 0.3s;
}
.globalNavi_list a:hover {
  color: #ffff00;
}

.globalNavi_sp .globalNavi_list {
  flex-direction: column;
  height: auto;
}

.globalNavi_sp .globalNavi_list {
  margin-top: 80px;
  margin-top: 8.1549439348vw;
}
@media (min-width: 981px) {
  .globalNavi_sp .globalNavi_list {
    margin-top: 0vw;
  }
}
.globalNavi_sp .globalNavi_list {
  padding: 3.0581039755vw 0vw;
}
@media (min-width: 981px) {
  .globalNavi_sp .globalNavi_list {
    padding: 1.5625vw 0vw;
  }
}
.globalNavi_sp .globalNavi_list {
  padding: 30px 0;
}

.globalNavi_sp .globalNavi_list > li.reserve-btn {
  margin: 0 auto;
  height: auto;
  width: 100%;
  max-width: 80% !important;
  position: relative;
  text-align: center;
}

@media (max-width: 768px) {
  .globalNavi_sp .globalNavi_list > li.reserve-btn {
    margin-top: 40px;
  }
}
.globalNavi_sp .globalNavi_list > li.reserve-btn > a {
  background: #ff1200;
  box-sizing: border-box;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif !important;
  font-weight: 900;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 768px) {
  .globalNavi_sp .globalNavi_list > li.reserve-btn > a {
    font-size: 2.9947916667vw;
    padding: 1.953125vw 2.6041666667vw 1.953125vw 7.1614583333vw;
  }
}
@media (max-width: 414px) {
  .globalNavi_sp .globalNavi_list > li.reserve-btn > a {
    font-size: 4.8309178744vw;
    padding: 3.6231884058vw 4.8309178744vw 3.6231884058vw 13.2850241546vw;
  }
}
.globalNavi_sp .globalNavi_list > li.reserve-btn > a:active {
  transition: all 0.3s;
  color: #ffff00;
}

.globalNavi_sp .globalNavi_list > li.reserve-btn > a::after {
  content: "";
  background: url("../img/reserve-btn_arrow.png") no-repeat;
  background-size: 100%;
  position: absolute;
  top: 50%;
}

@media (max-width: 768px) {
  .globalNavi_sp .globalNavi_list > li.reserve-btn > a::after {
    height: 3.125vw;
    width: 3.515625vw;
    left: 2.6041666667vw;
    margin-top: -1.4322916667vw;
  }
}
@media (max-width: 414px) {
  .globalNavi_sp .globalNavi_list > li.reserve-btn > a::after {
    height: 5.7971014493vw;
    width: 6.5217391304vw;
    left: 4.8309178744vw;
    margin-top: -2.6570048309vw;
  }
}
.globalNavi_sp .globalNavi_list > li.reserve-btn::after {
  display: none;
}

.globalNavi_sp .globalNavi_item {
  margin-right: 0;
}

.globalNavi_sp .globalNavi_item a {
  margin: 0 auto;
}

.menu-content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%;
  z-index: 80;
  background-color: #000;
  transition: all 0.5s;
}

@media (max-width: 768px) {
  .menu-content {
    background: rgba(0, 0, 0, 0.9);
  }
}
.menu-btn {
  position: fixed;
  top: 11px;
}
@media (min-width: 601px) {
  .menu-btn {
    top: 1.9367991845vw;
  }
}
@media (min-width: 981px) {
  .menu-btn {
    top: 0.8854166667vw;
  }
}
.menu-btn {
  right: 0;
  display: flex;
  height: auto;
  width: 110px;
}
@media (min-width: 601px) {
  .menu-btn {
    width: 18.4505606524vw;
  }
}
@media (min-width: 981px) {
  .menu-btn {
    width: 9.4270833333vw;
  }
}
.menu-btn {
  justify-content: center;
  align-items: center;
  z-index: 120;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: "";
  display: block;
  height: 2px;
}
@media (min-width: 601px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    height: 0.4077471967vw;
  }
}
@media (min-width: 981px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    height: 0.390625vw;
  }
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  width: 15px;
}
@media (min-width: 601px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    width: 2.5484199796vw;
  }
}
@media (min-width: 981px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    width: 4.6875vw;
  }
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  border-radius: 3px;
  background-color: #ffffff;
  position: absolute;
  transition: all 0.5s;
  left: 18px;
}
@media (min-width: 601px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    left: 3.0581039755vw;
  }
}
@media (min-width: 981px) {
  .menu-btn span,
  .menu-btn span:before,
  .menu-btn span:after {
    left: 1.5625vw;
  }
}

.menu-btn span::before {
  bottom: 5px;
}
@media (min-width: 601px) {
  .menu-btn span::before {
    bottom: 0.8154943935vw;
  }
}
@media (min-width: 981px) {
  .menu-btn span::before {
    bottom: 0.4166666667vw;
  }
}
.menu-btn span::before {
  left: 0;
}

.menu-btn span::after {
  top: 5px;
}
@media (min-width: 601px) {
  .menu-btn span::after {
    top: 0.8154943935vw;
  }
}
@media (min-width: 981px) {
  .menu-btn span::after {
    top: 0.4166666667vw;
  }
}
.menu-btn span::after {
  left: 0;
}

#menu-btn-check {
  display: none;
}

#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);
  /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}

#menu-btn-check:checked ~ .menu-content {
  left: 0;
  /*メニューを画面内へ*/
}

/* -----------------------------------------------------
   main
----------------------------------------------------- */
.main {
  height: 91.6411824669vw;
}
@media (min-width: 981px) {
  .main {
    height: 46.8229166667vw;
  }
}
.main {
  position: relative;
  display: flex;
  justify-content: center;
}

.main_logo {
  margin-top: 17.7370030581vw;
}
@media (min-width: 981px) {
  .main_logo {
    margin-top: 9.0625vw;
  }
}
.main_logo {
  width: 91.7431192661vw;
}
@media (min-width: 981px) {
  .main_logo {
    width: 62.5vw;
  }
}

.platform {
  background: #111;
  display: flex;
  align-items: center;
  position: absolute;
  padding: 2.1406727829vw 4.0774719674vw;
}
@media (min-width: 981px) {
  .platform {
    padding: 1.09375vw 2.0833333333vw;
  }
}
.platform {
  bottom: 16.3098878695vw;
}
@media (min-width: 981px) {
  .platform {
    bottom: 8.3333333333vw;
  }
}
.platform {
  z-index: 1;
  justify-content: center;
}

.platform li:nth-child(1) {
  width: 100%;
  max-width: 17.4311926606vw;
}
@media (min-width: 981px) {
  .platform li:nth-child(1) {
    max-width: 8.90625vw;
  }
}

.platform li:nth-child(2) {
  width: 100%;
  max-width: 17.3292558614vw;
}
@media (min-width: 981px) {
  .platform li:nth-child(2) {
    max-width: 8.8541666667vw;
  }
}
.platform li:nth-child(2) {
  margin: 0vw 2.9561671764vw;
}
@media (min-width: 981px) {
  .platform li:nth-child(2) {
    margin: 0vw 1.5104166667vw;
  }
}

.platform li:nth-child(3) {
  width: 100%;
  max-width: 12.4362895005vw;
}
@media (min-width: 981px) {
  .platform li:nth-child(3) {
    max-width: 6.3541666667vw;
  }
}

.link_wrap {
  background-color: #000;
}
@media (min-width: 981px) {
  .link_wrap {
    display: flex;
  }
}

.link {
  width: 100%;
  transition: 0.3s;
}
@media (min-width: 981px) {
  .link {
    width: 50%;
  }
}
.link:hover {
  opacity: 0.6;
}

/* -----------------------------------------------------
   news
----------------------------------------------------- */
.news {
  background-color: #222222;
  position: relative;
  overflow: hidden;
  padding: 5.0968399592vw 0vw 8.1549439348vw;
}
@media (min-width: 981px) {
  .news {
    padding: 4.7916666667vw 0vw 4.1666666667vw;
  }
}

.news_wrap {
  overflow-y: auto;
  position: relative;
  background: #222;
  color: #fff;
  -webkit-overflow-scrolling: touch;
}

/* ⭐ スマホヒント（確実表示） */
.news_wrap::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  pointer-events: none;
}
@media (min-width: 981px) {
  .news_wrap::after {
    display: none;
  }
}

.news_list {
  max-width: 1480px;
  padding: 0vw 4.0774719674vw;
}
@media (min-width: 981px) {
  .news_list {
    padding: 0vw 2.0833333333vw;
  }
}
.news_list {
  margin: 0 auto;
  position: relative;
  max-height: 44.1386340469vw;
}
@media (min-width: 981px) {
  .news_list {
    max-height: 10.4166666667vw;
  }
}
.news_list {
  overflow-y: auto;
  scrollbar-gutter: stable;
  z-index: 2;
  /* Firefox */
  scrollbar-width: thin;
  scrollbar-color: #222 #eee;
}

/* Chrome / Edge / Safari */
.news_list::-webkit-scrollbar {
  width: 8px;
}

.news_list::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}

.news_list::-webkit-scrollbar-thumb {
  background: #222;
  border-radius: 10px;
}

.news_list::-webkit-scrollbar-thumb:hover {
  background: #000;
}

.news_title {
  position: absolute;
  bottom: -1.4271151886vw;
}
@media (min-width: 981px) {
  .news_title {
    bottom: -0.7291666667vw;
  }
}
.news_title {
  right: -1.4271151886vw;
}
@media (min-width: 981px) {
  .news_title {
    right: -0.7291666667vw;
  }
}
.news_title {
  width: 50.9683995923vw;
}
@media (min-width: 981px) {
  .news_title {
    width: 26.0416666667vw;
  }
}
.news_title {
  z-index: 1;
}

.news_item {
  font-size: 2.0387359837vw;
  font-size: max(12px, 2.0387359837vw);
}
@media (min-width: 981px) {
  .news_item {
    font-size: 1.0416666667vw;
  }
}
@media (min-width: 981px) {
  .news_item {
    display: flex;
  }
}
.news_item .date {
  color: #ffff00;
  font-family: "M PLUS 2", sans-serif;
  font-weight: bold;
  margin-right: 6.1162079511vw;
}
@media (min-width: 981px) {
  .news_item .date {
    margin-right: 3.125vw;
  }
}
.news_item .date {
  margin-bottom: 1.8348623853vw;
}
@media (min-width: 981px) {
  .news_item .date {
    margin-bottom: 0vw;
  }
}
.news_item .news_link {
  color: #fff;
  font-family: "M PLUS 2", sans-serif;
  line-height: 150%;
  transition: 0.3s;
  display: block;
  margin-bottom: 4.99490316vw;
}
@media (min-width: 981px) {
  .news_item .news_link {
    margin-bottom: 2.03125vw;
  }
}
.news_item .news_link:hover {
  opacity: 0.6;
}

/* -----------------------------------------------------
   about
----------------------------------------------------- */
.about01 {
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(../img/pattern.png);
  text-align: center;
  padding: 5.6065239551vw 4.4852191641vw 4.7910295617vw;
}
@media (min-width: 981px) {
  .about01 {
    padding: 3.125vw 0vw 2.7083333333vw;
  }
}
.about01 img {
  max-width: 142.7115188583vw;
}
@media (min-width: 981px) {
  .about01 img {
    max-width: 72.9166666667vw;
  }
}

.about02 {
  background-image: url(../img/about_bg.webp);
  background-position: bottom;
  text-align: center;
  background-size: 236%;
}
@media (min-width: 981px) {
  .about02 {
    background-size: 100%;
  }
}
.about02 {
  padding-bottom: 9.0723751274vw;
}
@media (min-width: 981px) {
  .about02 {
    padding-bottom: 6.7708333333vw;
  }
}
.about02 {
  background-repeat: no-repeat;
  background-color: #f0f0cf;
}

.about_image03 {
  max-width: 85.0152905199vw;
}
@media (min-width: 981px) {
  .about_image03 {
    max-width: 56.6145833333vw;
  }
}
.about_image03 {
  margin-top: -2.5484199796vw;
}
@media (min-width: 981px) {
  .about_image03 {
    margin-top: -1.3020833333vw;
  }
}
.about_image03 {
  filter: drop-shadow(0 0 2px #fff) drop-shadow(0 0 3px #fff);
}

.about_text {
  text-align: center;
  font-size: 2.0387359837vw;
  font-size: max(12px, 2.0387359837vw);
}
@media (min-width: 981px) {
  .about_text {
    font-size: 1.0416666667vw;
  }
}
.about_text {
  font-family: "Noto Serif JP", serif;
  line-height: 173%;
  margin-top: 3.873598369vw;
}
@media (min-width: 981px) {
  .about_text {
    margin-top: 2.2916666667vw;
  }
}
.about_text {
  margin-bottom: 4.0774719674vw;
}
@media (min-width: 981px) {
  .about_text {
    margin-bottom: 2.0833333333vw;
  }
}
.about_text {
  font-weight: bold;
  padding: 0vw 20px;
}
@media (min-width: 981px) {
  .about_text {
    padding: 0vw;
  }
}

.kr .about_text {
  font-family: "Noto Serif KR", serif;
}

.zh-hant .about_text {
  font-family: "Noto Serif TC", serif;
}

.zh-hans .about_text {
  font-family: "Noto Serif SC", serif;
}

.about_gallery {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 96.8399592253vw;
}
@media (min-width: 981px) {
  .about_gallery {
    max-width: 72.9166666667vw;
  }
}

.about_gallery_img {
  max-width: 42.8134556575vw;
}
@media (min-width: 981px) {
  .about_gallery_img {
    max-width: 21.875vw;
  }
}
.about_gallery_img {
  margin: 0 auto;
}
@media (min-width: 981px) {
  .about_gallery_img {
    margin: 0;
  }
}

.about_gallery_img:nth-child(3) {
  margin: 3.2619775739vw auto;
}
@media (min-width: 981px) {
  .about_gallery_img:nth-child(3) {
    margin: 1.6666666667vw auto;
  }
}
@media (min-width: 981px) {
  .about_gallery_img:nth-child(3) {
    margin: 0;
  }
}

/* -----------------------------------------------------
   character
----------------------------------------------------- */
.character {
  background-image: url(../img/character/bg.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 8.3588175331vw 0vw 5.7084607543vw;
}
@media (min-width: 981px) {
  .character {
    padding: 4.2708333333vw 0vw 2.9166666667vw;
  }
}
.character {
  min-height: 189.8063200815vw;
}
@media (min-width: 981px) {
  .character {
    min-height: 77.6041666667vw;
  }
}
.character {
  position: relative;
  overflow: hidden;
}
.character::before {
  content: "";
  position: absolute;
  background-image: url(../img/character/bg_cloud.png);
  left: 0vw;
}
@media (min-width: 981px) {
  .character::before {
    left: 0vw;
  }
}
.character::before {
  bottom: 21.4067278287vw;
}
@media (min-width: 981px) {
  .character::before {
    bottom: 10.9375vw;
  }
}
.character::before {
  width: 42.7115188583vw;
}
@media (min-width: 981px) {
  .character::before {
    width: 21.8229166667vw;
  }
}
.character::before {
  height: 18.3486238532vw;
}
@media (min-width: 981px) {
  .character::before {
    height: 9.375vw;
  }
}
.character::before {
  background-repeat: no-repeat;
  background-size: 100%;
}
.character::after {
  content: "";
  position: absolute;
  background-image: url(../img/character/bg_circle.png);
  background-repeat: no-repeat;
  right: -34.6585117227vw;
}
@media (min-width: 981px) {
  .character::after {
    right: 0vw;
  }
}
.character::after {
  top: 73.1906218145vw;
}
@media (min-width: 981px) {
  .character::after {
    top: 24.53125vw;
  }
}
.character::after {
  width: 80.8358817533vw;
}
@media (min-width: 981px) {
  .character::after {
    width: 41.3020833333vw;
  }
}
.character::after {
  height: 81.5494393476vw;
}
@media (min-width: 981px) {
  .character::after {
    height: 41.6666666667vw;
  }
}
.character::after {
  background-size: 100%;
}

.character_title {
  width: 97.4515800204vw;
}
@media (min-width: 981px) {
  .character_title {
    width: 57.7083333333vw;
  }
}
.character_title {
  margin: 0vw auto 2.5484199796vw auto;
}
@media (min-width: 981px) {
  .character_title {
    margin: 0vw auto 1.3020833333vw auto;
  }
}

.slick_character {
  z-index: 1;
}
.slick_character .slick-dots {
  right: 0;
  left: 0;
  top: 0;
  bottom: auto;
  margin: auto;
  width: 76.4525993884vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots {
    width: auto;
  }
}
.slick_character .slick-dots {
  border: 0;
}
.slick_character .slick-dots li {
  margin: 0vw 1.0193679918vw 2.0387359837vw 1.0193679918vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots li {
    margin: 0vw 0.4166666667vw;
  }
}
.slick_character .slick-dots li {
  width: 13.251783894vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots li {
    width: 5.2083333333vw;
  }
}
.slick_character .slick-dots li {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots li {
    height: 7.8125vw;
  }
}
.slick_character .slick-dots button {
  margin: 0vw 1.0193679918vw 2.0387359837vw 1.0193679918vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots button {
    margin: 0vw 0.4166666667vw;
  }
}
.slick_character .slick-dots button {
  width: 13.251783894vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots button {
    width: 5.2083333333vw;
  }
}
.slick_character .slick-dots button {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .slick_character .slick-dots button {
    height: 7.8125vw;
  }
}
.slick_character .slick-dots button {
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
}
.slick_character .slick-dots button.dot-gokuu {
  background-image: url(../img/character/kunio_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gokuu {
    background-image: url(../img/character/kunio_button.png);
  }
}
.slick_character .slick-dots button.dot-gokuu.slick-active {
  background-image: url(../img/character/kunio_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gokuu.slick-active {
    background-image: url(../img/character/kunio_button_on.png);
  }
}
.slick_character .slick-dots button.dot-hakkai {
  background-image: url(../img/character/hakkai_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-hakkai {
    background-image: url(../img/character/hakkai_button.png);
  }
}
.slick_character .slick-dots button.dot-hakkai.slick-active {
  background-image: url(../img/character/hakkai_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-hakkai.slick-active {
    background-image: url(../img/character/hakkai_button_on.png);
  }
}
.slick_character .slick-dots button.dot-gojou {
  background-image: url(../img/character/gojou_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gojou {
    background-image: url(../img/character/gojou_button.png);
  }
}
.slick_character .slick-dots button.dot-gojou.slick-active {
  background-image: url(../img/character/gojou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gojou.slick-active {
    background-image: url(../img/character/gojou_button_on.png);
  }
}
.slick_character .slick-dots button.dot-sanzou {
  background-image: url(../img/character/sanzou_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-sanzou {
    background-image: url(../img/character/sanzou_button.png);
  }
}
.slick_character .slick-dots button.dot-sanzou.slick-active {
  background-image: url(../img/character/sanzou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-sanzou.slick-active {
    background-image: url(../img/character/sanzou_button_on.png);
  }
}
.slick_character .slick-dots button.dot-gouda {
  background-image: url(../img/character/gouda_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gouda {
    background-image: url(../img/character/gouda_button.png);
  }
}
.slick_character .slick-dots button.dot-gouda.slick-active {
  background-image: url(../img/character/gouda_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-gouda.slick-active {
    background-image: url(../img/character/gouda_button_on.png);
  }
}
.slick_character .slick-dots button.dot-nishimura {
  background-image: url(../img/character/nishimura_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-nishimura {
    background-image: url(../img/character/nishimura_button.png);
  }
}
.slick_character .slick-dots button.dot-nishimura.slick-active {
  background-image: url(../img/character/nishimura_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-nishimura.slick-active {
    background-image: url(../img/character/nishimura_button_on.png);
  }
}
.slick_character .slick-dots button.dot-mami {
  background-image: url(../img/character/mami_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-mami {
    background-image: url(../img/character/mami_button.png);
  }
}
.slick_character .slick-dots button.dot-mami.slick-active {
  background-image: url(../img/character/mami_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-mami.slick-active {
    background-image: url(../img/character/mami_button_on.png);
  }
}
.slick_character .slick-dots button.dot-hasebe {
  background-image: url(../img/character/hasebe_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-hasebe {
    background-image: url(../img/character/hasebe_button.png);
  }
}
.slick_character .slick-dots button.dot-hasebe.slick-active {
  background-image: url(../img/character/hasebe_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-hasebe.slick-active {
    background-image: url(../img/character/hasebe_button_on.png);
  }
}
.slick_character .slick-dots button.dot-riki {
  background-image: url(../img/character/riki_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-riki {
    background-image: url(../img/character/riki_button.png);
  }
}
.slick_character .slick-dots button.dot-riki.slick-active {
  background-image: url(../img/character/riki_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-riki.slick-active {
    background-image: url(../img/character/riki_button_on.png);
  }
}
.slick_character .slick-dots button.dot-kamijou {
  background-image: url(../img/character/kamijou_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-kamijou {
    background-image: url(../img/character/kamijou_button.png);
  }
}
.slick_character .slick-dots button.dot-kamijou.slick-active {
  background-image: url(../img/character/kamijou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-kamijou.slick-active {
    background-image: url(../img/character/kamijou_button_on.png);
  }
}
.slick_character .slick-dots button.dot-yamamoto {
  background-image: url(../img/character/yamamoto_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-yamamoto {
    background-image: url(../img/character/yamamoto_button.png);
  }
}
.slick_character .slick-dots button.dot-yamamoto.slick-active {
  background-image: url(../img/character/yamamoto_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-yamamoto.slick-active {
    background-image: url(../img/character/yamamoto_button_on.png);
  }
}
.slick_character .slick-dots button.dot-misuzu {
  background-image: url(../img/character/misuzu_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-misuzu {
    background-image: url(../img/character/misuzu_button.png);
  }
}
.slick_character .slick-dots button.dot-misuzu.slick-active {
  background-image: url(../img/character/misuzu_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-misuzu.slick-active {
    background-image: url(../img/character/misuzu_button_on.png);
  }
}
.slick_character .slick-dots button.dot-yamada {
  background-image: url(../img/character/yamada_button_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-yamada {
    background-image: url(../img/character/yamada_button.png);
  }
}
.slick_character .slick-dots button.dot-yamada.slick-active {
  background-image: url(../img/character/yamada_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots button.dot-yamada.slick-active {
    background-image: url(../img/character/yamada_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-gokuu {
  background-image: url(../img/character/kunio_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-gokuu {
    background-image: url(../img/character/kunio_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-hakkai {
  background-image: url(../img/character/hakkai_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-hakkai {
    background-image: url(../img/character/hakkai_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-gojou {
  background-image: url(../img/character/gojou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-gojou {
    background-image: url(../img/character/gojou_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-sanzou {
  background-image: url(../img/character/sanzou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-sanzou {
    background-image: url(../img/character/sanzou_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-gouda {
  background-image: url(../img/character/gouda_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-gouda {
    background-image: url(../img/character/gouda_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-nishimura {
  background-image: url(../img/character/nishimura_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-nishimura {
    background-image: url(../img/character/nishimura_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-mami {
  background-image: url(../img/character/mami_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-mami {
    background-image: url(../img/character/mami_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-hasebe {
  background-image: url(../img/character/hasebe_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-hasebe {
    background-image: url(../img/character/hasebe_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-riki {
  background-image: url(../img/character/riki_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-riki {
    background-image: url(../img/character/riki_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-yamamoto {
  background-image: url(../img/character/yamamoto_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-yamamoto {
    background-image: url(../img/character/yamamoto_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-kamijou {
  background-image: url(../img/character/kamijou_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-kamijou {
    background-image: url(../img/character/kamijou_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-misuzu {
  background-image: url(../img/character/misuzu_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-misuzu {
    background-image: url(../img/character/misuzu_button_on.png);
  }
}
.slick_character .slick-dots .slick-active .dot-yamada {
  background-image: url(../img/character/yamada_button_on_sp.png);
}
@media (min-width: 981px) {
  .slick_character .slick-dots .slick-active .dot-yamada {
    background-image: url(../img/character/yamada_button_on.png);
  }
}

.character_name {
  opacity: 0;
  transform: translate(180px);
  filter: blur(6px);
}

.character_name.is-animated {
  animation: scale-in 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.character_text.is-animated {
  animation: scale-in 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.character_img.is-animated {
  animation: scale-in 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.character_movie.is-animated {
  animation: scale-in 0.45s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes scale-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
    filter: blur(6px);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
  }
}
.slick_character_item {
  display: flex;
  position: relative;
}
.slick_character_item .wrap {
  width: 100%;
  max-width: 142.7115188583vw;
}
@media (min-width: 981px) {
  .slick_character_item .wrap {
    max-width: 72.9166666667vw;
  }
}
.slick_character_item .wrap {
  min-height: 142.7115188583vw;
}
@media (min-width: 981px) {
  .slick_character_item .wrap {
    min-height: 54.84375vw;
  }
}
.slick_character_item .wrap {
  padding: 0vw 2.0387359837vw;
}
@media (min-width: 981px) {
  .slick_character_item .wrap {
    padding: 0vw 1.0416666667vw;
  }
}
.slick_character_item .wrap {
  margin: 0 auto;
}

.inr-flex {
  width: 100%;
  z-index: 100;
}
@media (min-width: 981px) {
  .inr-flex {
    width: 50%;
  }
}
.inr-flex {
  position: relative;
  padding-top: 56.2691131498vw;
}
@media (min-width: 981px) {
  .inr-flex {
    padding-top: 11.6145833333vw;
  }
}
.inr-flex {
  padding-bottom: 2.6503567788vw;
}
@media (min-width: 981px) {
  .inr-flex {
    padding-bottom: 13.0208333333vw;
  }
}
.inr-flex {
  min-height: 101.630988787vw;
}
@media (min-width: 981px) {
  .inr-flex {
    min-height: 20.8333333333vw;
  }
}
.inr-flex {
  box-sizing: content-box;
}

.character_name {
  position: absolute;
  left: 2.0387359837vw;
}
@media (min-width: 981px) {
  .character_name {
    left: -1.09375vw;
  }
}
.character_name {
  height: 13.251783894vw;
}
@media (min-width: 981px) {
  .character_name {
    height: 8.3333333333vw;
  }
}
.character_name.lines {
  height: 16.004077472vw;
}
@media (min-width: 981px) {
  .character_name.lines {
    height: 10.4166666667vw;
  }
}
.character_name.lines.ja {
  height: 16.9215086646vw;
}
@media (min-width: 981px) {
  .character_name.lines.ja {
    height: 11.4583333333vw;
  }
}
.character_name img {
  height: 100%;
  width: auto;
}

.ja .character_name {
  height: 14.2711518858vw;
}
@media (min-width: 981px) {
  .ja .character_name {
    height: 9.1145833333vw;
  }
}
.ja .hasebe .character_name {
  height: 17.3292558614vw;
}
@media (min-width: 981px) {
  .ja .hasebe .character_name {
    height: 11.4583333333vw;
  }
}

.character_text {
  font-size: 1.7329255861vw;
  font-size: max(12px, 1.7329255861vw);
}
@media (min-width: 981px) {
  .character_text {
    font-size: 0.8854166667vw;
  }
}
.character_text {
  color: #fff;
  line-height: 247%;
  font-family: "Noto Sans JP", sans-serif;
  margin-top: 16.2079510703vw;
}
@media (min-width: 981px) {
  .character_text {
    margin-top: 10.0520833333vw;
  }
}
.character_text {
  padding-left: 2.2426095821vw;
}
@media (min-width: 981px) {
  .character_text {
    padding-left: 0.5208333333vw;
  }
}
.character_text {
  opacity: 0;
  max-width: 61.1620795107vw;
}
@media (min-width: 981px) {
  .character_text {
    max-width: 100%;
  }
}

.lines + .character_text {
  margin-top: 17.9408766565vw;
}
@media (min-width: 981px) {
  .lines + .character_text {
    margin-top: 11.3541666667vw;
  }
}

.lines.ja + .character_text {
  margin-top: 18.8583078491vw;
}
@media (min-width: 981px) {
  .lines.ja + .character_text {
    margin-top: 12.3958333333vw;
  }
}

.character_movie {
  opacity: 0;
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2.2426095821vw;
}
@media (min-width: 981px) {
  .character_movie {
    margin-left: 0.5208333333vw;
  }
}
.character_movie {
  margin-top: 2.8542303772vw;
}
@media (min-width: 981px) {
  .character_movie {
    margin-top: 1.4583333333vw;
  }
}
.character_movie {
  width: 48.9296636086vw;
}
@media (min-width: 981px) {
  .character_movie {
    width: 25vw;
  }
}
.character_movie {
  height: 28.4403669725vw;
}
@media (min-width: 981px) {
  .character_movie {
    height: 14.0625vw;
  }
}

.character_img {
  position: absolute;
  right: 0vw;
}
@media (min-width: 981px) {
  .character_img {
    right: 10.9895833333vw;
  }
}
.character_img {
  top: 56.2691131498vw;
}
@media (min-width: 981px) {
  .character_img {
    top: 8.0729166667vw;
  }
}
.character_img {
  width: 73.2925586137vw;
}
@media (min-width: 981px) {
  .character_img {
    width: 44.1145833333vw;
  }
}
.character_img {
  z-index: 10;
  opacity: 0;
}

.kunio .character_img {
  right: 0vw;
}
@media (min-width: 981px) {
  .kunio .character_img {
    right: 10.9895833333vw;
  }
}

.nishimura .character_img {
  right: 0vw;
}
@media (min-width: 981px) {
  .nishimura .character_img {
    right: 8.8541666667vw;
  }
}

.yamamoto .character_img {
  top: 49.9490316004vw;
}
@media (min-width: 981px) {
  .yamamoto .character_img {
    top: 6.25vw;
  }
}

/* -----------------------------------------------------
   trailer
----------------------------------------------------- */
.trailer {
  background-image: url(../img/trailer/trailer_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8.8685015291vw 0vw 8.1549439348vw;
}
@media (min-width: 981px) {
  .trailer {
    padding: 4.53125vw 0vw;
  }
}

.trailer_title {
  width: 79.001019368vw;
}
@media (min-width: 981px) {
  .trailer_title {
    width: 40.3645833333vw;
  }
}
.trailer_title {
  margin: 0 auto;
}

.slick_trailer {
  margin-top: 3.7716615698vw;
}
@media (min-width: 981px) {
  .slick_trailer {
    margin-top: 1.9270833333vw;
  }
}
.slick_trailer {
  padding-bottom: 9.2762487258vw;
}
@media (min-width: 981px) {
  .slick_trailer {
    padding-bottom: 0vw;
  }
}
.slick_trailer .slick-prev {
  z-index: 10;
  top: auto;
  bottom: -1.4271151886vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev {
    bottom: -0.7291666667vw;
  }
}
.slick_trailer .slick-prev {
  left: 4.1794087666vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev {
    left: 13.59375vw;
  }
}
.slick_trailer .slick-prev {
  width: 30.5810397554vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev {
    width: 15.625vw;
  }
}
.slick_trailer .slick-prev {
  height: 3.0581039755vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev {
    height: 1.5625vw;
  }
}
.slick_trailer .slick-prev::before {
  content: "";
  display: block;
  width: 30.5810397554vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev::before {
    width: 15.625vw;
  }
}
.slick_trailer .slick-prev::before {
  height: 3.0581039755vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-prev::before {
    height: 1.5625vw;
  }
}
.slick_trailer .slick-prev::before {
  background-image: url(../img/trailer/arrow_prev.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.slick_trailer .slick-next {
  z-index: 10;
  top: auto;
  bottom: -1.4271151886vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next {
    bottom: -0.7291666667vw;
  }
}
.slick_trailer .slick-next {
  right: 4.1794087666vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next {
    right: 13.59375vw;
  }
}
.slick_trailer .slick-next {
  width: 30.5810397554vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next {
    width: 15.625vw;
  }
}
.slick_trailer .slick-next {
  height: 3.0581039755vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next {
    height: 1.5625vw;
  }
}
.slick_trailer .slick-next::before {
  content: "";
  display: block;
  width: 30.5810397554vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next::before {
    width: 15.625vw;
  }
}
.slick_trailer .slick-next::before {
  height: 3.0581039755vw;
}
@media (min-width: 981px) {
  .slick_trailer .slick-next::before {
    height: 1.5625vw;
  }
}
.slick_trailer .slick-next::before {
  background-image: url(../img/trailer/arrow_next.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.slick_trailer_item {
  max-width: 91.7431192661vw;
}
@media (min-width: 981px) {
  .slick_trailer_item {
    max-width: 52.2916666667vw;
  }
}
.slick_trailer_item {
  margin: 0vw 5.0968399592vw;
}
@media (min-width: 981px) {
  .slick_trailer_item {
    margin: 0vw 2.6041666667vw;
  }
}
.slick_trailer_item a {
  position: relative;
  display: block;
  overflow: hidden;
  height: 56.880733945vw;
}
@media (min-width: 981px) {
  .slick_trailer_item a {
    height: 32.1875vw;
  }
}
.slick_trailer_item a {
  background-color: #000;
}
.slick_trailer_item a::before {
  content: "";
  position: absolute;
  width: 16.3098878695vw;
}
@media (min-width: 981px) {
  .slick_trailer_item a::before {
    width: 8.3333333333vw;
  }
}
.slick_trailer_item a::before {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .slick_trailer_item a::before {
    height: 8.3333333333vw;
  }
}
.slick_trailer_item a::before {
  background-image: url(../img/trailer/play_button.svg);
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.slick_trailer_item a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  top: 0;
  right: 0;
  box-sizing: border-box;
}
.slick_trailer_item a:hover img {
  opacity: 1;
}
.slick_trailer_item a img {
  opacity: 0.6;
  transition: 0.3s;
}

.movie_name {
  font-family: "Noto Sans JP", sans-serif;
  color: #502424;
  font-weight: 900;
  font-size: 3.0581039755vw;
  font-size: max(12px, 3.0581039755vw);
}
@media (min-width: 981px) {
  .movie_name {
    font-size: 1.3020833333vw;
  }
}
.movie_name {
  margin-top: 3.6697247706vw;
}
@media (min-width: 981px) {
  .movie_name {
    margin-top: 2.7083333333vw;
  }
}
.movie_name {
  text-align: center;
}

/* フェード効果用 */
.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
  /* 背景の透明度 */
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.3s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
  transform: scale(1);
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
  transform: scale(0.95);
}

.mfp-iframe-holder .mfp-content {
  max-width: 1140px;
}

/* -----------------------------------------------------
   system
----------------------------------------------------- */
.system {
  background-image: url(../img/system/system_bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  padding: 10.7033639144vw 0vw 2.752293578vw;
}
@media (min-width: 981px) {
  .system {
    padding: 5.46875vw 0vw 1.1458333333vw;
  }
}

.system_title {
  width: 83.5881753313vw;
}
@media (min-width: 981px) {
  .system_title {
    width: 42.7083333333vw;
  }
}
.system_title {
  margin: 0 auto;
  margin-bottom: 1.8348623853vw;
}
@media (min-width: 981px) {
  .system_title {
    margin-bottom: 4.9479166667vw;
  }
}

.system_content {
  width: 91.7431192661vw;
}
@media (min-width: 981px) {
  .system_content {
    width: 72.9166666667vw;
  }
}
.system_content {
  margin: 0 auto;
  position: relative;
}
@media (min-width: 981px) {
  .system_content {
    display: flex;
  }
}
.system_content {
  margin: 0vw auto 6.9317023445vw auto;
}
@media (min-width: 981px) {
  .system_content {
    margin: 0vw auto 4.2708333333vw auto;
  }
}
.system_content:nth-of-type(2) .system_content_point {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(2) .system_content_point {
    height: 8.3333333333vw;
  }
}
.system_content:nth-of-type(3) .system_content_point {
  margin-top: 8.7665647299vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(3) .system_content_point {
    margin-top: 4.4791666667vw;
  }
}
.system_content:nth-of-type(3) .system_content_point {
  height: 7.747196738vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(3) .system_content_point {
    height: 3.9583333333vw;
  }
}
.system_content:nth-of-type(3) .system_content_point {
  top: 26.9113149847vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(3) .system_content_point {
    top: -6.3541666667vw;
  }
}
.system_content:nth-of-type(3) .system_content_text {
  margin-top: 13.7614678899vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(3) .system_content_text {
    margin-top: 4.4791666667vw;
  }
}
.system_content:nth-of-type(4) .system_content_point {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .system_content:nth-of-type(4) .system_content_point {
    height: 8.3333333333vw;
  }
}

.system_content_point {
  overflow: hidden;
  position: absolute;
  top: 35.372069317vw;
}
@media (min-width: 981px) {
  .system_content_point {
    top: -1.8229166667vw;
  }
}
.system_content_point {
  left: 0vw;
}
@media (min-width: 981px) {
  .system_content_point {
    left: 28.59375vw;
  }
}
.system_content_point {
  height: 16.3098878695vw;
}
@media (min-width: 981px) {
  .system_content_point {
    height: 8.3333333333vw;
  }
}

.system_content_text {
  font-size: 1.9367991845vw;
  font-size: max(12px, 1.9367991845vw);
}
@media (min-width: 981px) {
  .system_content_text {
    font-size: 0.9895833333vw;
  }
}
.system_content_text {
  padding-left: 0vw;
}
@media (min-width: 981px) {
  .system_content_text {
    padding-left: 2.03125vw;
  }
}
.system_content_text {
  margin-top: 21.9164118247vw;
}
@media (min-width: 981px) {
  .system_content_text {
    margin-top: 8.6458333333vw;
  }
}
.system_content_text {
  line-height: 194%;
}

.system_content_movie {
  margin: 0vw 0vw 0vw auto;
}
@media (min-width: 981px) {
  .system_content_movie {
    margin: 0vw 0vw 0vw 0vw;
  }
}
.system_content_movie {
  width: 58.9194699286vw;
}
@media (min-width: 981px) {
  .system_content_movie {
    width: 30.1041666667vw;
  }
}
.system_content_movie {
  flex-shrink: 0;
  height: 33.0275229358vw;
}
@media (min-width: 981px) {
  .system_content_movie {
    height: 16.875vw;
  }
}
.system_content_movie {
  background-color: #000;
  position: relative;
}
.system_content_movie::before {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  box-sizing: border-box;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}

/* -----------------------------------------------------
   product
----------------------------------------------------- */
.product {
  background-color: rgba(0, 0, 0, 0.8);
  padding: 10.1936799185vw 0vw;
}
@media (min-width: 981px) {
  .product {
    padding: 5.2083333333vw 0vw;
  }
}

.product_title {
  width: 78.7971457696vw;
}
@media (min-width: 981px) {
  .product_title {
    width: 40.2604166667vw;
  }
}
.product_title {
  margin: 0vw auto 5.0968399592vw;
}
@media (min-width: 981px) {
  .product_title {
    margin: 0vw auto 4.0104166667vw;
  }
}

.product_content {
  width: 91.7431192661vw;
}
@media (min-width: 981px) {
  .product_content {
    width: 72.9166666667vw;
  }
}
.product_content {
  margin: 0 auto;
}
@media (min-width: 981px) {
  .product_content {
    display: flex;
  }
}

.package {
  width: 53.0071355759vw;
}
@media (min-width: 981px) {
  .package {
    width: 27.0833333333vw;
  }
}
.package {
  flex-shrink: 0;
  margin: 0 auto;
}
@media (min-width: 981px) {
  .package {
    margin: 0;
  }
}

.information {
  margin-left: 0vw;
}
@media (min-width: 981px) {
  .information {
    margin-left: 2.2916666667vw;
  }
}
.information {
  padding: 0vw 3.6697247706vw;
}
@media (min-width: 981px) {
  .information {
    padding: 0vw 0vw;
  }
}
.information {
  margin-top: 4.99490316vw;
}
@media (min-width: 981px) {
  .information {
    margin-top: 0vw;
  }
}
.information dl {
  display: flex;
  align-items: center;
  margin-bottom: 2.4464831804vw;
}
@media (min-width: 981px) {
  .information dl {
    margin-bottom: 1.25vw;
  }
}
.information dl dt {
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 1.3251783894vw 0vw;
}
@media (min-width: 981px) {
  .information dl dt {
    padding: 0.6770833333vw 0vw;
  }
}
.information dl dt {
  font-size: 2.0387359837vw;
  font-size: max(12px, 2.0387359837vw);
}
@media (min-width: 981px) {
  .information dl dt {
    font-size: 1.0416666667vw;
  }
}
.information dl dt {
  border: 1px solid #fff;
  width: 20.1834862385vw;
}
@media (min-width: 981px) {
  .information dl dt {
    width: 10.3125vw;
  }
}
.information dl dd {
  color: #fff;
  font-size: 2.6503567788vw;
  font-size: max(12px, 2.6503567788vw);
}
@media (min-width: 981px) {
  .information dl dd {
    font-size: 1.3541666667vw;
  }
}
.information dl dd {
  margin-left: 3.2619775739vw;
}
@media (min-width: 981px) {
  .information dl dd {
    margin-left: 1.6666666667vw;
  }
}

.en .information dl dt {
  width: 25.993883792vw;
}
@media (min-width: 981px) {
  .en .information dl dt {
    width: 13.28125vw;
  }
}

.store_title {
  width: 100%;
}
@media (min-width: 981px) {
  .store_title {
    width: 72.9166666667vw;
  }
}
.store_title {
  margin: 5.0968399592vw auto 4.1794087666vw;
}
@media (min-width: 981px) {
  .store_title {
    margin: 2.6041666667vw auto 2.0833333333vw;
  }
}

.spec_btn {
  width: 55.0458715596vw;
}
@media (min-width: 981px) {
  .spec_btn {
    width: 72.9166666667vw;
  }
}
.spec_btn {
  margin: 0 auto;
}
@media (min-width: 981px) {
  .spec_btn {
    display: flex;
    justify-content: space-between;
  }
}

.spec_btn a {
  color: #fff;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #fff;
  padding: 3.2619775739vw 4.99490316vw;
}
@media (min-width: 981px) {
  .spec_btn a {
    padding: 0.8854166667vw 0vw 0.8854166667vw 2.6041666667vw;
  }
}
.spec_btn a {
  position: relative;
  width: 100%;
  max-width: 55.0458715596vw;
}
@media (min-width: 981px) {
  .spec_btn a {
    max-width: 22.3958333333vw;
  }
}
.spec_btn a {
  max-height: 10.1936799185vw;
}
@media (min-width: 981px) {
  .spec_btn a {
    max-height: 4.1666666667vw;
  }
}
.spec_btn a + a {
  margin-top: 2.0387359837vw;
}
@media (min-width: 981px) {
  .spec_btn a + a {
    margin-top: 0vw;
  }
}

@media (max-width: 768px) {
  .spec_btn a:nth-child(n+2) {
    margin-left: 0;
    margin-top: 30px;
  }
}
.spec_btn a::before {
  content: "";
  background: url("../img/spec_btn_arrow.svg") no-repeat;
  background-size: 100%;
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -1.121304791vw;
}
@media (min-width: 981px) {
  .spec_btn a::before {
    margin-top: -0.5729166667vw;
  }
}
.spec_btn a::before {
  right: 5.0968399592vw;
}
@media (min-width: 981px) {
  .spec_btn a::before {
    right: 2.6041666667vw;
  }
}
.spec_btn a::before {
  height: 2.1406727829vw;
}
@media (min-width: 981px) {
  .spec_btn a::before {
    height: 1.09375vw;
  }
}
.spec_btn a::before {
  max-width: 8.7665647299vw;
}
@media (min-width: 981px) {
  .spec_btn a::before {
    max-width: 4.4791666667vw;
  }
}

.spec_btn a:hover {
  transition: all 0.5s;
}

.spec_btn a:hover::before {
  transition: all 0.3s;
  right: 2.5484199796vw;
}
@media (min-width: 981px) {
  .spec_btn a:hover::before {
    right: 1.3020833333vw;
  }
}

.spec_btn a.switch {
  background: #e60012;
}

.spec_btn a.switch:hover {
  background: rgba(230, 0, 18, 0.4);
}

.spec_btn a.switch > img {
  width: 100%;
  max-width: 17.4311926606vw;
}
@media (min-width: 981px) {
  .spec_btn a.switch > img {
    max-width: 8.90625vw;
  }
}

.spec_btn a.playstation {
  background: #003087;
}

.spec_btn a.playstation:hover {
  background: rgba(0, 48, 135, 0.4);
}

.spec_btn a.playstation > img {
  width: 100%;
  max-width: 17.6350662589vw;
}
@media (min-width: 981px) {
  .spec_btn a.playstation > img {
    max-width: 9.0104166667vw;
  }
}

.spec_btn a.steam {
  background: #333e50;
}

.spec_btn a.steam:hover {
  background: rgba(51, 62, 80, 0.4);
}

.spec_btn a.steam > img {
  width: 100%;
  max-width: 15.2905198777vw;
}
@media (min-width: 981px) {
  .spec_btn a.steam > img {
    max-width: 7.8125vw;
  }
}

/* -----------------------------------------------------
   footer
----------------------------------------------------- */
footer {
  background: #000;
  padding-bottom: 5.0968399592vw;
}
@media (min-width: 981px) {
  footer {
    padding-bottom: 2.6041666667vw;
  }
}
footer {
  box-sizing: border-box;
  height: auto;
  width: 100%;
}

footer .bnr_inr {
  background: #111;
  box-sizing: border-box;
  padding: 5.6065239551vw 0vw;
}
@media (min-width: 981px) {
  footer .bnr_inr {
    padding: 2.6041666667vw 0vw;
  }
}

footer .footer_link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

footer .footer_link .btm_twitter,
footer .footer_link .btm_youtube,
footer .footer_link .btm_facebook,
footer .footer_link .btm_bilibili,
footer .footer_link .btm_weibo {
  width: 9.1743119266vw;
}
@media (min-width: 981px) {
  footer .footer_link .btm_twitter,
  footer .footer_link .btm_youtube,
  footer .footer_link .btm_facebook,
  footer .footer_link .btm_bilibili,
  footer .footer_link .btm_weibo {
    width: 4.6875vw;
  }
}

footer .footer_link .btm_twitter:hover,
footer .footer_link .btm_youtube:hover,
footer .footer_link .btm_facebook:hover,
footer .footer_link .btm_bilibili:hover,
footer .footer_link .btm_weibo:hover {
  opacity: 0.5;
  transition: all 0.3s;
}

footer .footer_link .btm_twitter:active,
footer .footer_link .btm_youtube:active,
footer .footer_link .btm_facebook:active,
footer .footer_link .btm_bilibili:active,
footer .footer_link .btm_weibo:active {
  transition: all 0.3s;
}

footer .footer_link > li:nth-child(n+2) {
  margin-left: 3.2619775739vw;
}
@media (min-width: 981px) {
  footer .footer_link > li:nth-child(n+2) {
    margin-left: 1.6666666667vw;
  }
}

footer .footer_link_bnr {
  margin-top: 4.0774719674vw;
}
@media (min-width: 981px) {
  footer .footer_link_bnr {
    margin-top: 2.0833333333vw;
  }
}
footer .footer_link_bnr {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

footer .footer_link_bnr > .ft_bnr {
  width: 100%;
  max-width: 26.9113149847vw;
}
@media (min-width: 981px) {
  footer .footer_link_bnr > .ft_bnr {
    max-width: 13.28125vw;
  }
}

footer .footer_link_bnr > .ft_bnr:nth-child(n+2) {
  margin-left: 3.2619775739vw;
}
@media (min-width: 981px) {
  footer .footer_link_bnr > .ft_bnr:nth-child(n+2) {
    margin-left: 2.1875vw;
  }
}

footer .footer_link_bnr > .ft_bnr:hover {
  opacity: 0.5;
  transition: all 0.3s;
}

footer .footer_link_bnr > .ft_bnr:active {
  transition: all 0.3s;
}

footer .footer_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 7.8491335372vw auto 4.1794087666vw;
}
@media (min-width: 981px) {
  footer .footer_logo {
    margin: 4.3229166667vw auto 2.1354166667vw;
  }
}

footer .footer_logo li:nth-child(1) {
  width: 21.9164118247vw;
}
@media (min-width: 981px) {
  footer .footer_logo li:nth-child(1) {
    width: 11.1979166667vw;
  }
}

footer .footer_logo li:nth-child(2) {
  width: 22.120285423vw;
}
@media (min-width: 981px) {
  footer .footer_logo li:nth-child(2) {
    width: 11.3020833333vw;
  }
}
footer .footer_logo li:nth-child(2) {
  margin-left: 3.4658511723vw;
}
@media (min-width: 981px) {
  footer .footer_logo li:nth-child(2) {
    margin-left: 1.7708333333vw;
  }
}

footer .footer_logo li:nth-child(3) {
  width: 15.494393476vw;
}
@media (min-width: 981px) {
  footer .footer_logo li:nth-child(3) {
    width: 7.9166666667vw;
  }
}
footer .footer_logo li:nth-child(3) {
  margin-left: 2.8542303772vw;
}
@media (min-width: 981px) {
  footer .footer_logo li:nth-child(3) {
    margin-left: 1.4583333333vw;
  }
}

.copy {
  width: 100%;
  max-width: 83.6901121305vw;
}
@media (min-width: 981px) {
  .copy {
    max-width: 52.1875vw;
  }
}
.copy {
  margin: 2.6503567788vw auto 0vw;
}
@media (min-width: 981px) {
  .copy {
    margin: 1.3541666667vw auto 0vw;
  }
}

.copy_en {
  width: 100%;
  max-width: 106.2181447503vw;
}
@media (min-width: 981px) {
  .copy_en {
    max-width: 54.2708333333vw;
  }
}
.copy_en {
  margin: 2.6503567788vw auto 0vw;
}
@media (min-width: 981px) {
  .copy_en {
    margin: 1.3541666667vw auto 0vw;
  }
}

.footer_link_company {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 8.0530071356vw;
}
@media (min-width: 981px) {
  .footer_link_company {
    margin-top: 2.1875vw;
  }
}
.footer_link_company .arc {
  height: 6.5239551478vw;
}
@media (min-width: 981px) {
  .footer_link_company .arc {
    height: 3.3333333333vw;
  }
}
.footer_link_company .arc {
  display: block;
}
.footer_link_company .arc img {
  height: 100%;
}
.footer_link_company .uniteplus {
  height: 6.5239551478vw;
}
@media (min-width: 981px) {
  .footer_link_company .uniteplus {
    height: 3.3333333333vw;
  }
}
.footer_link_company .uniteplus {
  display: block;
}
.footer_link_company .uniteplus img {
  height: 100%;
}
.footer_link_company a:hover {
  opacity: 0.5;
  transition: all 0.3s;
}

footer .footer_link_company > li:nth-child(n+2) {
  margin-left: 2.0387359837vw;
}
@media (min-width: 981px) {
  footer .footer_link_company > li:nth-child(n+2) {
    margin-left: 1.0416666667vw;
  }
}

.copy_arc {
  color: #fff;
  text-align: center;
  margin-top: 2.752293578vw;
}
@media (min-width: 981px) {
  .copy_arc {
    margin-top: 1.40625vw;
  }
}
.copy_arc {
  font-size: 1.4271151886vw;
  font-size: max(12px, 1.4271151886vw);
}
@media (min-width: 981px) {
  .copy_arc {
    font-size: 0.7291666667vw;
  }
}/*# sourceMappingURL=style.css.map */