/* Margin Calc Set
===============================*/
@keyframes is-open-pc {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  50% {
    transform: translateY(7px);
  }
  100% {
    opacity: 1;
  }
}
/* Base Style
===============================*/
html {
  font-size: 62.5%;
}
@media screen and (max-width: 1535px) {
  html {
    font-size: 50%;
  }
}
@media screen and (max-width: 1326px) {
  html {
    font-size: 44%;
  }
}
@media screen and (max-width: 800px) {
  html {
    font-size: 62.5%;
  }
}

body {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
}

img {
  height: auto;
}

a:hover {
  cursor: pointer;
}

/* Visible Style
===============================*/
@media screen and (max-width: 800px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 1110px) {
  .tb {
    display: none;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 800px) {
  .sp {
    display: block;
  }
}

.sp-600 {
  display: none;
}
@media screen and (max-width: 600px) {
  .sp-600 {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .pc-600 {
    display: none;
  }
}

.sp-360 {
  display: none;
}
@media screen and (max-width: 365px) {
  .sp-360 {
    display: block;
  }
}

#footer-link-sp {
  display: none;
}
@media screen and (max-width: 600px) {
  #footer-link-sp {
    display: flex;
  }
}

@media screen and (max-width: 600px) {
  #footer-link-pc {
    display: none;
  }
}

.nav-sp {
  display: none;
}
@media screen and (max-width: 1110px) {
  .nav-sp {
    display: block;
  }
}

@media screen and (max-width: 1110px) {
  .nav-pc {
    display: none;
  }
}

/* Header Section 
===============================*/
.header-body {
  position: fixed;
  width: 100%;
  border-radius: 0 0 100px 100px;
  background-color: #ffffff;
  box-shadow: 0px 2px 1px rgba(96, 53, 44, 0.05);
  z-index: 20000;
  transition: 0.15s;
}
@media screen and (max-width: 800px) {
  .header-body {
    border-radius: 0 0 40px 40px;
  }
}
.header-body div.header-wide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 66%;
  margin: 0 auto;
  padding-top: 22px;
  padding-bottom: 22px;
  z-index: 19000;
}
@media screen and (max-width: 1535px) {
  .header-body div.header-wide {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .header-body div.header-wide {
    padding-top: 16px;
    padding-bottom: 16px;
    width: 82%;
  }
}
@media screen and (max-width: 1535px) {
  .header-body div.header-wide .header-logo {
    width: 134px;
  }
  .header-body div.header-wide .header-logo img {
    width: 100%;
  }
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .header-logo {
    width: 114px;
  }
}
@media screen and (max-width: 600px) {
  .header-body div.header-wide .header-logo {
    width: 90px;
  }
}
.header-body div.header-wide .nav-list-main {
  display: flex;
  justify-content: space-between;
  width: 62%;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-list-main {
    width: 49%;
  }
}
.header-body div.header-wide .nav-list-main li {
  font-size: 1.7rem;
  font-weight: 900;
  color: #3b201b;
}
@media screen and (max-width: 800px) {
  .header-body div.header-wide .nav-list-main li {
    font-size: 1rem;
  }
}
.header-body div.header-wide .nav-button div {
  width: 25px;
  height: 3px;
  border-radius: 3px;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div {
    width: 19px;
  }
}
.header-body div.header-wide .nav-button div:hover {
  cursor: pointer;
}
.header-body div.header-wide .nav-button div:first-child {
  background-color: #008132;
  margin-bottom: 7.5px;
  transition: 0.3s;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div:first-child {
    margin-bottom: 5px;
  }
}
.header-body div.header-wide .nav-button div:nth-child(2) {
  background-color: #c8000f;
  margin-bottom: 7.5px;
  transition: 0.2s;
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-button div:nth-child(2) {
    margin-bottom: 5px;
  }
}
.header-body div.header-wide .nav-button div:nth-child(3) {
  background-color: #ffc400;
  transition: 0.2s;
}
.header-body div.header-wide .nav-active:first-child {
  transform: rotate(45deg) translate(10px, 10px);
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-active:first-child {
    transform: rotate(45deg) translate(7px, 7px);
  }
}
.header-body div.header-wide .nav-active:nth-child(2) {
  opacity: 0;
}
.header-body div.header-wide .nav-active:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -5px);
}
@media screen and (max-width: 1110px) {
  .header-body div.header-wide .nav-active:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
  }
}

.header-body-open {
  border-radius: 0;
  transition: 0.15s;
  z-index: 20000;
}

.nav-open {
  position: absolute;
  position: fixed;
  top: -100px;
  width: 100%;
  height: 73px;
  background-color: #ffc400;
  z-index: 5000;
  transition: 0.2s;
}
@media screen and (max-width: 1535px) {
  .nav-open {
    height: 66px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open {
    overflow-y: scroll;
  }
}
.nav-open .header-curve {
  width: 100vw;
}
@media screen and (max-width: 1110px) {
  .nav-open .header-curve {
    display: none;
  }
}
.nav-open .header-curve img {
  width: 100%;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp {
    display: flex;
    justify-content: space-between;
    margin-top: 90px;
    padding: 0 10% 0 10%;
  }
}
.nav-open .nav-container-sp .common-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  padding: 47px 22px 0 22px;
  margin: 0 auto 0 auto;
}
@media screen and (max-width: 1535px) {
  .nav-open .nav-container-sp .common-menu {
    max-width: 1000px;
    padding-top: 36px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect {
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    margin-bottom: 24px;
    font-size: 24px;
    color: #3b201b;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    font-size: 21px;
  }
}
@media screen and (max-width: 365px) {
  .nav-open .nav-container-sp .common-menu .menu-effect {
    font-size: 19px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
  margin-bottom: 20px;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 15px;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 14px;
  }
}
@media screen and (max-width: 365px) {
  .nav-open .nav-container-sp .common-menu .menu-effect.menu-effect-small {
    font-size: 14px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect .header-menu-img {
  width: auto;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .header-menu-img {
    display: block;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list {
  display: flex;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #8b675f;
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list li {
  padding-right: 11px;
  padding-left: 11px;
  border-right: 1px solid #8b675f;
}
.nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
  padding-left: 0;
}
@media screen and (max-width: 1110px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
    font-size: 11px;
  }
}
@media screen and (max-width: 400px) {
  .nav-open .nav-container-sp .common-menu .menu-effect .lang_list li:first-child {
    font-size: 11px;
  }
}
.nav-open .nav-container-sp .common-menu .menu-effect #menu-effect-last {
  margin-bottom: 28px;
}
.nav-open .nav-container-sp .common-menu .menu-effect #header_sns {
  display: flex;
}
.nav-open .nav-container-sp .common-menu .menu-effect #header_sns li {
  padding-left: 10px;
}
@media screen and (max-width: 1110px) {
  .nav-open #header_sns_sp {
    display: inline;
    animation: is-open-pc 0.47s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: 0.8s;
    opacity: 0;
  }
  .nav-open #header_sns_sp li {
    margin-bottom: 22px;
  }
  .nav-open #header_sns_sp img {
    width: 32px;
  }
}
.nav-open .pc-effect-active {
  animation: is-open-pc 0.47s ease-in-out;
  animation-fill-mode: forwards;
  opacity: 0;
}
.nav-open .pc-effect-active:nth-child(2) {
  animation-delay: 0.2s;
}
.nav-open .pc-effect-active:nth-child(3) {
  animation-delay: 0.3s;
}
.nav-open .pc-effect-active:nth-child(4) {
  animation-delay: 0.4s;
}
.nav-open .pc-effect-active:nth-child(5) {
  animation-delay: 0.5s;
}
.nav-open .pc-effect-active:nth-child(6) {
  animation-delay: 0.6s;
}
.nav-open .pc-effect-active:nth-child(n+7) {
  animation-delay: 0.7s;
}
@media screen and (max-width: 1110px) {
  .nav-open .pc-effect-active:nth-child(6) {
    animation-delay: 0s;
  }
  .nav-open .pc-effect-active:nth-child(7) {
    animation-delay: 0.1s;
  }
  .nav-open .pc-effect-active:nth-child(8) {
    animation-delay: 0.2s;
  }
  .nav-open .pc-effect-active:nth-child(9) {
    animation-delay: 0.3s;
  }
  .nav-open .pc-effect-active:nth-child(10) {
    animation-delay: 0.4s;
  }
  .nav-open .pc-effect-active:nth-child(11) {
    animation-delay: 0.5s;
  }
  .nav-open .pc-effect-active:nth-child(12) {
    animation-delay: 0.6s;
  }
  .nav-open .pc-effect-active:nth-child(13) {
    animation-delay: 0.7s;
  }
  .nav-open .pc-effect-active:nth-child(n+14) {
    animation-delay: 0.8s;
  }
}

.nav-open-active {
  top: 100px;
  transition: 0.2s;
}
@media screen and (max-width: 1535px) {
  .nav-open-active {
    top: 70px;
  }
}
@media screen and (max-width: 1110px) {
  .nav-open-active {
    top: 0px;
    width: 100vw;
    height: 100vh;
  }
}

/* Footer Section 
================================*/
footer {
  z-index: 500;
}

.app-link {
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  background-color: #c8000f;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .app-link {
    padding-top: 24px;
    padding-bottom: 20px;
  }
}
.app-link img {
  max-width: 956px;
}
@media screen and (max-width: 1535px) {
  .app-link img {
    max-width: 878px;
  }
}
@media screen and (max-width: 1110px) {
  .app-link img {
    max-width: 70%;
  }
}
@media screen and (max-width: 800px) {
  .app-link img {
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .app-link img {
    max-width: 88%;
  }
}

.footer-nav {
  padding-top: 70px;
  padding-bottom: 72px;
  background-color: #60352c;
  background-image: url(/lp/2025_mankitsuset/images/footer_illust.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 800px) {
  .footer-nav {
    background-image: url(/lp/2025_mankitsuset/images/footer_illust_sp.png);
    padding-top: 35px;
    padding-bottom: 110px;
    padding-left: 8.1%;
    padding-right: 8.1%;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav {
    padding-bottom: 90px;
  }
}
.footer-nav ul.footer-link {
  font-weight: 700;
  font-size: 1.3rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 900px;
  margin: 0 auto 25px auto;
  color: #fff;
  letter-spacing: 0.075em;
}
@media screen and (max-width: 1110px) {
  .footer-nav ul.footer-link {
    max-width: 700px;
  }
}
@media screen and (max-width: 800px) {
  .footer-nav ul.footer-link {
    font-size: 1.1rem;
  }
}
.footer-nav ul.footer-link li {
  width: 25%;
  margin-bottom: 21px;
}
.footer-nav ul.footer-link li:nth-child(4n+1) {
  width: 24%;
  padding-left: 1%;
}
.footer-nav ul.footer-link li:nth-child(4n+2) {
  width: 24%;
}
.footer-nav ul.footer-link li:nth-child(4n+3) {
  width: 27%;
}
.footer-nav ul.footer-link li:nth-child(4n+4) {
  width: 23.7%;
}
.footer-nav ul.footer-link li:nth-child(-n+4) {
  margin-bottom: 22px;
}
@media screen and (max-width: 800px) {
  .footer-nav ul.footer-link li {
    margin-bottom: 16px;
    line-height: 1.7;
  }
  .footer-nav ul.footer-link li:nth-child(4n+1) {
    width: 50%;
    padding-right: 10%;
    padding-left: 0;
  }
  .footer-nav ul.footer-link li:nth-child(4n+2) {
    width: 46%;
  }
  .footer-nav ul.footer-link li:nth-child(4n+3) {
    width: 50%;
    padding-right: 10%;
  }
  .footer-nav ul.footer-link li:nth-child(4n+4) {
    width: 46%;
  }
  .footer-nav ul.footer-link li:nth-child(-n+4) {
    margin-bottom: 22px;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav ul.footer-link li {
    margin-bottom: 15px;
  }
  .footer-nav ul.footer-link li:nth-child(-n+4) {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .footer-nav #footer-link-sp {
    display: flex;
  }
}
.footer-nav .footer-sns {
  display: flex;
  justify-content: space-between;
  width: 206px;
  margin: 0 auto 15px auto;
}
@media screen and (max-width: 600px) {
  .footer-nav .footer-sns {
    display: flex;
    justify-content: space-between;
    width: 167px;
    margin-bottom: 20px;
  }
}
.footer-nav .copy {
  font-size: 1.1rem;
  color: #a38680;
  letter-spacing: 0.075em;
  text-align: center;
}
@media screen and (max-width: 1110px) {
  .footer-nav .copy {
    font-size: 1rem;
  }
}

/* COLUMN STYLE
===============================*/
.column {
  position: relative;
  display: flex;
  overflow: visible;
}

.center {
  position: relative;
  overflow: visible;
  width: 600px;
  z-index: 50;
}
@media screen and (max-width: 1535px) {
  .center {
    width: 450px;
  }
}
@media screen and (max-width: 600px) {
  .center {
    width: 100%;
  }
}

.leftside {
  width: calc(50% - 300px);
  height: 100vh;
  background-color: #000;
  position: sticky;
  top: 0;
  left: 0;
  overflow: clip;
  z-index: 32;
}
@media screen and (max-width: 1535px) {
  .leftside {
    width: calc(50% - 225px);
  }
}
@media screen and (max-width: 600px) {
  .leftside {
    display: none;
  }
}

.rightside {
  width: calc(50% - 300px);
  height: 100vh;
  background-color: #000;
  position: sticky;
  top: 0;
  right: 0;
  overflow: clip;
  z-index: 32;
}
@media screen and (max-width: 1535px) {
  .rightside {
    width: calc(50% - 225px);
  }
}
@media screen and (max-width: 600px) {
  .rightside {
    display: none;
  }
}

/* Media Query
===============================*/
.rel {
  position: relative;
}

.abs {
  position: absolute;
}

main {
  display: flex;
}

.center {
  box-shadow: 0px 0px 85px 0px rgba(244, 170, 73, 0.8);
}
@media screen and (max-width: 600px) {
  .center {
    overflow: hidden;
  }
}
.center img {
  width: 100%;
}

.bg_ticker {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 33;
}
.bg_ticker .bg_ticker__splide {
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
}
.bg_ticker .splide__track {
  padding-block: 3%;
}
.bg_ticker .splide__slide:nth-child(odd) {
  animation: slide_updown 4s ease-in-out infinite;
}
.bg_ticker .splide__slide:nth-child(even) {
  animation: slide_downup 4s ease-in-out infinite;
}
.bg_ticker .mgn {
  margin: 0 3% 0 1% !important;
}
.bg_ticker img {
  width: 100%;
}

.leftside {
  background: url(/lp/2025_mankitsuset/images/left_bg.jpg) no-repeat center center;
  background-size: cover;
}
.leftside .particles {
  z-index: 1;
  animation: bg_particle 5s ease-in-out infinite;
}
.leftside .leftside_particles1 {
  width: 4.69%;
  top: 30%;
  left: 3.93%;
  animation-delay: 0.5s;
}
.leftside .leftside_particles2 {
  width: 20.15%;
  top: 18%;
  left: 13.48%;
  animation-delay: 3s;
}
.leftside .leftside_particles3 {
  width: 13.93%;
  top: 28%;
  left: 39.09%;
}
.leftside .leftside_particles4 {
  width: 35.3%;
  top: 12%;
  left: 53.03%;
  animation-delay: 1s;
}
.leftside .leftside_particles5 {
  width: 42.72%;
  top: 26.5%;
  left: -5.6%;
  animation-delay: 2s;
}

.rightside {
  background: url(/lp/2025_mankitsuset/images/right_bg.jpg) no-repeat center center;
  background-size: cover;
}
.rightside .particles {
  z-index: 1;
  animation: bg_particle 5s ease-in-out infinite;
}
.rightside .rightside_particles1 {
  width: 7.57%;
  top: 21%;
  left: 11.81%;
}
.rightside .rightside_particles2 {
  width: 15.15%;
  top: 13.5%;
  left: 25%;
  animation-delay: 1s;
}
.rightside .rightside_particles3 {
  width: 19.84%;
  top: 22%;
  left: 39.69%;
  animation-delay: 3s;
}
.rightside .rightside_particles4 {
  width: 38.78%;
  top: 9.5%;
  left: 52.27%;
  animation-delay: 2s;
}
.rightside .rightside_particles5 {
  width: 26.66%;
  top: 20.5%;
  left: 76.21%;
  animation-delay: 0.5s;
}

.rightside_navi {
  width: calc((100% - 600px) / 2 * 0.4272);
  position: fixed;
  bottom: 5%;
  right: 9.5%;
  z-index: 35;
}
@media screen and (max-width: 1535px) {
  .rightside_navi {
    width: calc((100% - 450px) / 2 * 0.55);
    right: 6%;
  }
}
@media screen and (max-width: 1110px) {
  .rightside_navi {
    width: calc((100% - 450px) / 2 - 60px);
    right: 30px;
  }
}
.rightside_navi a {
  display: block;
}
.rightside_navi a:not(:last-child) {
  margin-bottom: -7%;
}
.rightside_navi a img {
  width: 100%;
  transition: opacity 0.5s;
}
.rightside_navi a .abs {
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}
.rightside_navi a:hover .abs {
  opacity: 1;
}

@keyframes bg_particle {
  0% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide_updown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slide_downup {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
.loading {
  width: 600px;
  height: 100%;
  min-height: 995px;
  margin: auto;
  /*background: url(/lp/2025_mankitsuset/images/loading_bg1.jpg) no-repeat center top;
  background-size: cover;*/
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 51;
}
@media screen and (max-width: 1535px) {
  .loading {
    width: 450px;
    min-height: 622px;
  }
}
@media screen and (max-width: 600px) {
  .loading {
    width: 100%;
  }
}
.loading .loading__text {
  width: 100%;
  height: 100%;
  min-height: 995px;
  z-index: 1;
}
@media screen and (max-width: 1535px) {
  .loading .loading__text {
    min-height: 622px;
  }
}
.loading .loading__text img {
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  filter: blur(5px);
}
.loading .loading__bg {
  width: calc(100% + 2px);
  height: 100%;
  min-height: 995px;
  background-color: #000;
  top: 0;
  left: -1px;
}
@media screen and (max-width: 1535px) {
  .loading .loading__bg {
    min-height: 622px;
  }
}
.loading .loading__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: 0;
}
.loading.is-active .loading__text img {
  animation: loading__text 3s linear forwards;
}
.loading.is-active .loading__text img:nth-child(1) {
  animation-delay: 0s;
}
.loading.is-active .loading__text img:nth-child(2) {
  animation-delay: 2.5s;
}
.loading.is-active .loading__text img:nth-child(3) {
  animation-delay: 5s;
}
.loading.is-active .loading__text img:nth-child(4) {
  animation-delay: 7.5s;
}
.loading.is-active .loading__text img:first-child {
  animation-delay: 0s;
}
.loading.is-active .loading__bg img {
  animation: loading__bg 2.3s ease-in forwards;
}
.loading.is-active .loading__bg img:last-child {
  animation: loading__bg_last 2.3s ease-in forwards;
}
.loading.is-active .loading__bg img:nth-child(1) {
  animation-delay: 1s;
}
.loading.is-active .loading__bg img:nth-child(2) {
  animation-delay: 2.9s;
}
.loading.is-active .loading__bg img:nth-child(3) {
  animation-delay: 4.8s;
}
.loading.is-active .loading__bg img:nth-child(4) {
  animation-delay: 6.7s;
}
.loading.is-active .loading__bg img:nth-child(5) {
  animation-delay: 8.6s;
}
.loading.is-active .loading__bg img:first-child {
  animation-delay: 0.6s;
}
.loading.is-active .loading__bg img:nth-child(3) {
  animation-delay: 5.5s;
}

@keyframes loading__text {
  0% {
    opacity: 0;
    filter: blur(5px);
  }
  35% {
    opacity: 1;
    filter: blur(0);
  }
  75% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(5px);
  }
}
@keyframes loading__bg {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading__bg_last {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.mv {
  height: 100vh;
  min-height: 995px;
}
@media screen and (max-width: 1535px) {
  .mv {
    min-height: 622px;
  }
}
.mv .mv__text {
  width: 78.4%;
  margin: 0 auto;
  top: 14%;
  left: 0;
  right: 0;
  z-index: 1;
}
.mv .mv__img {
  width: calc(100% + 2px);
  height: 100%;
  min-height: 995px;
  position: relative;
  left: -1px;
}
@media screen and (max-width: 1535px) {
  .mv .mv__img {
    min-height: 622px;
  }
}
.mv .mv__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.mv .mv__scroll {
  width: 20.53%;
  margin: 0 auto;
  bottom: 9%;
  left: 0;
  right: 0;
  z-index: 1;
  animation: mv__scroll 5s linear infinite;
}
.mv .mv__scroll__dots {
  width: 100%;
  top: 0;
  left: 0;
}
.mv .mv__scroll__dots img {
  top: 0;
  left: 0;
  opacity: 0;
}
.mv .mv__scroll__dots img:nth-child(1) {
  animation: mv__scroll__dots1 5s linear infinite;
}
.mv .mv__scroll__dots img:nth-child(2) {
  animation: mv__scroll__dots2 5s linear infinite;
}
.mv .mv__scroll__dots img:nth-child(3) {
  animation: mv__scroll__dots3 5s linear infinite;
}

@keyframes mv__scroll {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mv__scroll__dots1 {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mv__scroll__dots2 {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  55% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mv__scroll__dots3 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.main_copy .main_copy__text {
  width: 100%;
  top: 5.5%;
  left: 0;
  z-index: 1;
}
.main_copy .main_copy__text img {
  width: 100%;
  opacity: 0;
  filter: blur(10px);
  transition: all 1s linear;
}
.main_copy .main_copy__text img:nth-child(1) {
  transform: translateY(10%);
}
.main_copy .main_copy__text img:nth-child(2) {
  transform: translateY(-10%);
}
.main_copy .main_copy__text .abs {
  top: 0;
  left: 0;
}
.main_copy .main_copy__movie video {
  width: 100%;
  display: block;
}
.main_copy.is-active .main_copy__text img {
  opacity: 1;
  filter: blur(0);
  transform: translateY(0);
}

.about {
  padding-block: 52.26% 77.33%;
  background-color: #000;
  background-image: url(/lp/2025_mankitsuset/images/about_bg_gradation_top.png), url(/lp/2025_mankitsuset/images/about_bg_gradation_bottom.png);
  background-repeat: no-repeat, no-repeat;
  background-position: center top, center bottom;
  background-size: 100% auto, 100% auto;
  margin-top: -1px;
}
.about .about__inner {
  width: calc(100% - 36px);
  margin: 0 auto;
}
@media screen and (max-width: 1535px) {
  .about .about__inner {
    width: calc(100% - 30px);
  }
}
@media screen and (max-width: 600px) {
  .about .about__inner {
    width: calc(100% - 20px);
  }
}
.about .about__inner::before, .about .about__inner::after {
  content: "";
  width: 100%;
  display: block;
  padding-top: 41.47%;
  background: transparent url(/lp/2025_mankitsuset/images/about_inner_bg_corner.png) no-repeat center center;
  background-size: 100% auto;
  position: relative;
  z-index: 1;
}
.about .about__inner::before {
  top: 1px;
}
.about .about__inner::after {
  bottom: 1px;
  transform: rotate(180deg);
}
.about .about__inner__bg {
  padding: 20px 0;
  background-color: #faf5f0;
}
.about .about__ticker {
  width: calc(100% + 36px);
  left: -18px;
  z-index: 2;
}
.about .about__ticker.ticker__top {
  top: 0;
  transform: translateY(-150%);
}
.about .about__ticker.ticker__bottom {
  bottom: 0;
  transform: translateY(130%);
}
.about .about__item h2 {
  width: 85.29%;
  margin: 0 auto 8.9% auto;
  transition: all 0.5s ease-in;
  transform: translateY(10%);
  opacity: 0;
  filter: blur(10px);
}
.about .about__item h2 .abs {
  top: 0;
  left: 0;
}
.about .about__item h2.is-active {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.about .about__item h2.is-active img:nth-child(2) {
  animation: item_title_icon 2s linear infinite;
  animation-delay: 0.8s;
}
@keyframes item_title_icon {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-5px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
.about .about__item .item__lead {
  font-size: 21px;
  font-weight: 800;
  color: #3b201b;
  text-align: center;
  line-height: 1.9;
  letter-spacing: 0.025em;
  margin-bottom: 11%;
}
@media screen and (max-width: 1535px) {
  .about .about__item .item__lead {
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .item__lead {
    font-size: 14px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .item__lead {
    font-size: 13px;
  }
}
.about .about__item .item__set {
  margin-bottom: 23.5%;
}
.about .about__item .item__set__img {
  margin-bottom: 7.3%;
}
.about .about__item .item__set__name {
  font-size: 45px;
  font-weight: 900;
  font-feature-settings: "palt";
  color: #3b201b;
  line-height: 1;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .item__set__name {
    font-size: 33px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .item__set__name {
    font-size: 29px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .item__set__name {
    font-size: 27px;
  }
}
.about .about__item .item__set__name span {
  font-size: 28px;
  display: block;
  margin-top: 12px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .item__set__name span {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .item__set__name span {
    font-size: 18px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .item__set__name span {
    font-size: 16px;
  }
}
.about .about__item .select_size {
  width: 80%;
  display: flex;
  align-items: center;
  padding: 25px;
  margin: 0 auto 40px auto;
  border-radius: 50px;
  background-color: #eddac5;
}
@media screen and (max-width: 1535px) {
  .about .about__item .select_size {
    width: 85%;
    padding: 20px;
    margin: 0 auto 35px auto;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .select_size {
    width: 90%;
    padding: 15px;
    margin: 0 auto 30px auto;
  }
}
.about .about__item .select_size p {
  font-size: 19px;
  font-weight: 800;
  color: #3b201b;
  flex: 1;
}
@media screen and (max-width: 1535px) {
  .about .about__item .select_size p {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .select_size p {
    font-size: 13px;
  }
}
.about .about__item .select_size .selbox {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.1em;
  width: 28.8%;
  padding: 10px 40px 12px 15px;
  border-radius: 50px;
  background: #987c76 url(/lp/2025_mankitsuset/images/about_item_select_arrow.svg) no-repeat right 15px center;
  background-size: 20px auto;
}
@media screen and (max-width: 1535px) {
  .about .about__item .select_size .selbox {
    font-size: 12px;
    letter-spacing: 0;
    width: 30%;
    padding: 10px 35px 12px 13px;
    background-position: right 10px center;
    background-size: 16px auto;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .select_size .selbox {
    font-size: 12px;
    padding: 10px 30px 12px 10px;
    background-position: right 8px center;
    background-size: 12px auto;
  }
}
.about .about__item .price {
  width: 220px;
  margin: 0 auto 50px auto;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price {
    width: 200px;
    margin: 0 auto 45px auto;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price {
    width: 175px;
    margin: 0 auto 40px auto;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .price {
    width: 150px;
    margin: 0 auto 35px auto;
  }
}
.about .about__item .price .price__box {
  display: flex;
  align-items: center;
  gap: 35px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price .price__box {
    gap: 30px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price .price__box {
    gap: 25px;
  }
}
.about .about__item .price .price__box:not(:last-child) {
  margin-bottom: 25px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price .price__box:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price .price__box:not(:last-child) {
    margin-bottom: 15px;
  }
}
.about .about__item .price .price__type {
  width: 50px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price .price__type {
    width: 45px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price .price__type {
    width: 40px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .price .price__type {
    width: 35px;
  }
}
.about .about__item .price .price__num {
  flex: 1;
}
.about .about__item .price .price__num p {
  font-family: "Rubik", sans-serif;
  text-align: center;
  color: #3b201b;
  line-height: 1;
  display: flex;
  align-items: flex-end;
}
.about .about__item .price .price__num .yen {
  font-size: 20px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price .price__num .yen {
    font-size: 18px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price .price__num .yen {
    font-size: 16px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .price .price__num .yen {
    font-size: 15px;
  }
}
.about .about__item .price .price__num .num {
  font-size: 38px;
}
@media screen and (max-width: 1535px) {
  .about .about__item .price .price__num .num {
    font-size: 32px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .price .price__num .num {
    font-size: 32px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .price .price__num .num {
    font-size: 30px;
  }
}
.about .about__item .item__set__cap {
  display: flex;
  justify-content: center;
  padding-inline: 20px;
}
@media screen and (max-width: 365px) {
  .about .about__item .item__set__cap {
    padding-inline: 14px;
  }
}
.about .about__item .item__set__cap li {
  font-size: 18px;
  font-weight: 500;
  color: #3b201b;
  line-height: 1.4;
}
@media screen and (max-width: 1535px) {
  .about .about__item .item__set__cap li {
    font-size: 14px;
  }
}
@media screen and (max-width: 600px) {
  .about .about__item .item__set__cap li {
    font-size: 11px;
  }
}
@media screen and (max-width: 365px) {
  .about .about__item .item__set__cap li {
    font-size: 10px;
  }
}
.about .about__item .item__set__cap li:not(:last-child) {
  margin-bottom: 5px;
}
.about .about__item .item__reserve {
  width: 58.82%;
  display: none;
  margin: 10% auto 0 auto;
  transition: transform 0.5s;
}
.about .about__item .item__reserve:hover {
  transform: scale(1.06);
}
.about .menuselect .menuselect__title {
  margin-bottom: 3.5%;
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(20%) scale(0.9);
  opacity: 0;
  filter: blur(10px);
}
.about .menuselect .menuselect__title.is-active {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.about .menuselect .menuselect__step:not(:last-child) {
  margin-bottom: 20px;
}
.about .menuselect .step__tap {
  margin-bottom: 15px;
}
.about .menuselect .step__tap img {
  opacity: 0;
}
.about .menuselect .step__num {
  width: 57.35%;
  display: block;
  margin: 0 auto;
  border-radius: 100px;
  background-color: #eddac5;
  filter: drop-shadow(2px 2px 2px rgba(151, 112, 68, 0.5));
}
.about .menuselect .step__content {
  max-height: 0;
  transition: max-height 0.5s linear;
  overflow: hidden;
}
.about .menuselect .step__content.is-active {
  max-height: 500px;
}
.about .menuselect .step__content_inner {
  padding: 40px 0 0 0;
}
@media screen and (max-width: 1535px) {
  .about .menuselect .step__content_inner {
    padding: 35px 0 0 0;
  }
}
@media screen and (max-width: 600px) {
  .about .menuselect .step__content_inner {
    padding: 30px 0 0 0;
  }
}
.about .menuselect .step__content__text {
  font-size: 26px;
  font-weight: 900;
  text-align: center;
  color: #3b201b;
  margin-bottom: 20px;
}
@media screen and (max-width: 1535px) {
  .about .menuselect .step__content__text {
    font-size: 19px;
  }
}
@media screen and (max-width: 600px) {
  .about .menuselect .step__content__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 365px) {
  .about .menuselect .step__content__text {
    font-size: 14px;
  }
}
.about .menuselect .step__scroll {
  width: 26.47%;
  margin-left: 30px;
}
.about .menuselect .step_list .splide__track {
  padding: 8% 0;
}
.about .menuselect .step_list .splide__list {
  height: auto;
}
.about .menuselect .step_list .splide__slide.is-active img {
  transform: scale(1.3);
}
.about .menuselect .step_list img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.5s;
}
.about .menuselect__step.is-active .step__tap img {
  animation: step__tap 3s ease-in-out infinite;
}
.about .menuselect__step.is-active .step__num {
  filter: drop-shadow(0px 0px 8px rgb(255, 194, 25));
}

.device-sp .about .about__item .item__reserve {
  display: block;
}

@keyframes step__tap {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.gradation_bg {
  background-color: #3b1f12;
  background-image: linear-gradient(180deg, #000 0%, #1f120c 10%, #3c2416 25%, #633f2c 50%, #4a2b1c 70%, #3b1f12 100%);
}

.point {
  margin-top: -29%;
  z-index: 1;
}
.point .point_title {
  margin-bottom: 13.06%;
}
.point .point_title__baloon {
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(20%) scale(0.9);
  opacity: 0;
  filter: blur(10px);
  z-index: 2;
}
.point .point_title__baloon.is-active {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.point .point_title__text {
  margin-top: -2%;
  z-index: 2;
}
.point .point_title__text .abs {
  top: 0;
  left: 0;
}
.point .point_title__text img:not(:first-child) {
  transition: all 0.5s ease-in-out;
  transform: translateY(20%) scale(0.65);
  opacity: 0;
  filter: blur(10px);
}
.point .point_title__text.is-active img {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.point .point_title__text.is-active img:nth-child(3) {
  transition-delay: 0.1s;
}
.point .point_title__text.is-active img:nth-child(4) {
  transition-delay: 0.2s;
}
.point .particles {
  z-index: 1;
  transform: translateY(10%);
  opacity: 0;
  animation: particles 8s ease-in-out infinite;
}
.point .point_title_particles1 {
  width: 8.26%;
  top: -15%;
  left: 29%;
  animation-delay: 1s;
}
.point .point_title_particles2 {
  width: 11.2%;
  top: 9%;
  left: -2.5%;
  animation-delay: 2s;
}
.point .point_title_particles3 {
  width: 21.6%;
  top: 0%;
  right: -5%;
  animation-delay: 0s;
}
.point .point_title_particles4 {
  width: 5.6%;
  top: 29%;
  right: 13%;
  animation-delay: 3s;
}
.point .point_title_particles5 {
  width: 6.13%;
  top: 48%;
  right: 9%;
  animation-delay: 0s;
}
.point .point_title_particles6 {
  width: 20.53%;
  top: 47%;
  left: -1%;
  animation-delay: 1s;
}
.point .point_title_particles7 {
  width: 26.93%;
  top: 67%;
  right: 4.5%;
  animation-delay: 2s;
}
.point .point_title_particles8 {
  width: 11.2%;
  top: 88%;
  left: 9%;
  animation-delay: 3s;
}
.point .point_navi {
  margin-bottom: 49.5%;
}
.point .point_navi ul {
  width: 77.86%;
  margin: 0 auto;
}
.point .point_navi li:not(:last-child) {
  margin-bottom: 5.13%;
}
.point .point_navi a {
  display: flex;
}
.point .point_navi a .abs {
  top: 0;
  left: 0;
}
.point .point_navi a img {
  transition: transform 0.5s, opacity 0.3s;
}
.point .point_navi a img:nth-child(2) {
  opacity: 0;
}
.point .point_navi a:hover img {
  transform: translateX(10px);
}
.point .point_navi a:hover img:nth-child(1) {
  opacity: 0;
}
.point .point_navi a:hover img:nth-child(2) {
  opacity: 1;
}
.point .point_navi .point_navi1 {
  width: 73.28%;
}
.point .point_navi .point_navi2 {
  width: 56.84%;
}
.point .point_navi .point_navi3 {
  width: 88.01%;
}
.point .point_navi .point_navi4 {
  width: 58.9%;
}
.point .point_navi .point_navi5 {
  width: 100%;
}
.point .point_navi .point_navi6 {
  width: 65.06%;
}
.point .point_blk {
  overflow: hidden;
}
.point .point_blk:not(:last-child) {
  padding-bottom: 30.93%;
}
.point .point_blk:last-child {
  padding-bottom: 46.66%;
}
.point .point_blk .point_blk__head {
  width: 92.26%;
  margin-bottom: 14.66%;
}
.point .point_blk .point_blk__head .abs {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.point .point_blk .point_blk__photo {
  transition: all 1s ease-in-out;
  transform: translateX(-3%);
  opacity: 0;
  filter: blur(10px);
}
.point .point_blk.reverse .point_blk__head {
  margin-left: auto;
}
.point .point_blk.reverse .point_blk__photo {
  transform: translateX(3%);
}
.point .point_blk .point_blk__catch img {
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(5%);
  opacity: 0;
  filter: blur(10px);
}
.point .point_blk .point_blk__head.is-active .point_blk__photo {
  transform: translateX(0);
  opacity: 1;
  filter: blur(0);
}
.point .point_blk .point_blk__head.is-active .point_blk__catch img {
  transition-delay: 0.5s;
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
}
.point .point_blk .point_blk__head.is-active .point_blk__catch img:nth-child(2) {
  transition-delay: 0.8s;
}
.point .point_blk .point_blk__head.is-active .point_blk__catch img:nth-child(3) {
  transition-delay: 1.1s;
}
.point .point_blk.reverse .point_blk__head.is-active .point_blk__photo {
  transform: translateX(0);
}
.point .point_blk .point_blk__content {
  width: 73.33%;
  display: flex;
  align-items: flex-start;
  margin-left: 11.73%;
}
@media screen and (max-width: 1535px) {
  .point .point_blk .point_blk__content {
    width: 77%;
  }
}
@media screen and (max-width: 600px) {
  .point .point_blk .point_blk__content {
    width: 100%;
    padding: 0 30px;
    margin-left: 0;
  }
}
.point .point_blk .point_blk__content h3,
.point .point_blk .point_blk__content p {
  transition: all 0.8s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(20px);
  opacity: 0;
}
.point .point_blk .point_blk__content h3 {
  width: 15.27%;
  order: 1;
  padding-top: 1.5%;
  margin-left: auto;
  transition-delay: 0.3s;
}
.point .point_blk .point_blk__content p {
  font-size: 24px;
  font-weight: bold;
  font-feature-settings: "palt";
  color: #fff;
  text-align: justify;
  line-height: 2.2;
  letter-spacing: 0.06em;
  width: 72.72%;
  transition-delay: 0.5s;
}
@media screen and (max-width: 1535px) {
  .point .point_blk .point_blk__content p {
    font-size: 19px;
  }
}
@media screen and (max-width: 600px) {
  .point .point_blk .point_blk__content p {
    font-size: 16px;
    width: 75%;
  }
}
@media screen and (max-width: 365px) {
  .point .point_blk .point_blk__content p {
    font-size: 14px;
  }
}
.point .point_blk .point_blk__content p span {
  transition: color 1.2s ease-in-out;
}
.point .point_blk .point_blk__content.is-active h3,
.point .point_blk .point_blk__content.is-active p {
  transform: translateY(0);
  opacity: 1;
}
.point .point_blk .point_blk__content.is-active p span {
  color: #f4c322;
  transition-delay: 1s;
}
.point .point_blk .point_blk__content .point_block_particles1 {
  width: 36.72%;
  animation-delay: 0.5s;
}
.point .point_blk .point_blk__content .point_block_particles2 {
  width: 29.45%;
  animation-delay: 1.5s;
}
.point .point_blk .point_blk__content .point_block_particles3 {
  width: 8.36%;
  animation-delay: 2s;
}
.point .point_blk.reverse .point_blk__content {
  margin-left: 15.73%;
}
@media screen and (max-width: 1535px) {
  .point .point_blk.reverse .point_blk__content {
    margin-left: 11.73%;
  }
}
@media screen and (max-width: 600px) {
  .point .point_blk.reverse .point_blk__content {
    margin-left: 0;
  }
}
.point .point_blk.reverse .point_blk__content h3 {
  order: unset;
  margin-left: 0;
}
.point .point_blk.reverse .point_blk__content p {
  margin-left: auto;
}
.point .point1 .point_block_particles1 {
  bottom: -27%;
  left: -5%;
}
.point .point1 .point_block_particles2 {
  bottom: -2%;
  right: 11%;
}
.point .point1 .point_block_particles3 {
  bottom: -9%;
  right: 9%;
}
.point .point2 .point_block_particles1 {
  bottom: -1.5%;
  left: -14%;
}
@media screen and (max-width: 600px) {
  .point .point2 .point_block_particles1 {
    left: -7%;
  }
}
.point .point2 .point_block_particles2 {
  bottom: -32%;
  right: 0%;
}
@media screen and (max-width: 600px) {
  .point .point2 .point_block_particles2 {
    right: 6%;
  }
}
.point .point3 .point_block_particles2 {
  bottom: -13%;
  left: 6%;
}
.point .point3 .point_block_particles3 {
  bottom: -13%;
  right: 32%;
}
.point .point4 .point_block_particles1 {
  bottom: -25%;
  right: -5%;
}
.point .point4 .point_block_particles3 {
  bottom: -23%;
  right: 30%;
}
.point .point5 .point_block_particles1 {
  bottom: -9.5%;
  left: -12%;
}
@media screen and (max-width: 600px) {
  .point .point5 .point_block_particles1 {
    left: -5%;
  }
}
.point .point5 .point_block_particles2 {
  bottom: -21%;
  right: 39%;
}
.point .point6 .point_block_particles1 {
  bottom: -36%;
  left: -5%;
}
@media screen and (max-width: 600px) {
  .point .point6 .point_block_particles1 {
    left: 1%;
  }
}
.point .point6 .point_block_particles2 {
  bottom: -13%;
  right: 14%;
}
.point .point6 .point_block_particles3 {
  bottom: -18%;
  right: 10%;
}

@keyframes particles {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  30% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-10%);
  }
}
.tvcm {
  margin-bottom: 30.06%;
}
.tvcm .tvcm__baloon {
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(20%) scale(0.9);
  opacity: 0;
  filter: blur(10px);
}
.tvcm .tvcm__baloon.is-active {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.tvcm .tvcm__title {
  font-size: 36px;
  font-weight: 800;
  font-feature-settings: "palt";
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
@media screen and (max-width: 1535px) {
  .tvcm .tvcm__title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 600px) {
  .tvcm .tvcm__title {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 365px) {
  .tvcm .tvcm__title {
    font-size: 20px;
  }
}
.tvcm .tvcm__title span {
  font-size: 32px;
}
@media screen and (max-width: 1535px) {
  .tvcm .tvcm__title span {
    font-size: 22px;
  }
}
@media screen and (max-width: 600px) {
  .tvcm .tvcm__title span {
    font-size: 18px;
  }
}
@media screen and (max-width: 365px) {
  .tvcm .tvcm__title span {
    font-size: 16px;
  }
}
.tvcm .tvcm__movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.bnr {
  margin-bottom: 24%;
}
.bnr a {
  width: 77.33%;
  display: block;
  margin: 0 auto;
}

.shop {
  padding-bottom: 26.66%;
  overflow: hidden;
}
.shop .shop__title {
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: scale(0.8);
  opacity: 0;
  filter: blur(10px);
}
.shop .shop__title .abs {
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.8s cubic-bezier(0.61, 1, 0.88, 1);
  transition-delay: 0.3s;
  opacity: 0;
}
.shop .shop__title.is-active {
  transform: scale(1);
  opacity: 1;
  filter: blur(0);
}
.shop .shop__title.is-active .abs {
  opacity: 1;
}
.shop .search_reserve {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: -4%;
  position: relative;
  z-index: 1;
}
.shop .search_reserve a {
  width: 38%;
}
.shop .search_reserve a:hover .search_reserve__baloon {
  transform: scale(1.05);
}
.shop .search_reserve__baloon {
  transition: all 1s cubic-bezier(0.61, 1, 0.88, 1);
  transform: translateY(20%) scale(0.9);
  opacity: 0;
  filter: blur(10px);
}
.shop .search_reserve__baloon.is-active {
  transform: translateY(0) scale(1);
  opacity: 1;
  filter: blur(0);
}
.shop .search_reserve__icon {
  margin-top: -12%;
}
.shop .particles {
  z-index: 1;
  transform: translateY(10%);
  opacity: 0;
  animation: particles 8s ease-in-out infinite;
}
.shop .shop_particles1 {
  width: 15.46%;
  top: 10%;
  left: 4.26%;
}
.shop .shop_particles2 {
  width: 21.6%;
  top: 4.5%;
  left: 86.93%;
  animation-delay: 2.5s;
}
.shop .shop_particles3 {
  width: 20.53%;
  top: 32%;
  left: -8.53%;
  animation-delay: 3s;
}
.shop .shop_particles4 {
  width: 6.13%;
  top: 31.5%;
  left: 86.93%;
  animation-delay: 1s;
}
.shop .shop_particles5 {
  width: 18.4%;
  top: 46%;
  left: 91.2%;
  animation-delay: 4s;
}
.shop .shop_particles6 {
  width: 11.2%;
  top: 62%;
  left: 5.06%;
  animation-delay: 5s;
}
.shop .shop_particles7 {
  width: 26.93%;
  top: 63%;
  left: 75.46%;
  animation-delay: 1.5s;
}
.shop .shop_particles8 {
  width: 11.2%;
  top: 83%;
  left: 51.46%;
  animation-delay: 0.5s;
}

.fixed_shop_search {
  width: 60px;
  position: fixed;
  top: 18%;
  right: calc((100% - 600px) / 2);
  z-index: 48;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1535px) {
  .fixed_shop_search {
    width: 45px;
    right: calc((100% - 450px) / 2);
    top: 14%;
  }
}
@media screen and (max-width: 600px) {
  .fixed_shop_search {
    width: 38px;
    right: 0;
  }
}
.fixed_shop_search a {
  display: block;
  transition: transform 0.5s;
  transform-origin: right center;
}
.fixed_shop_search a:hover {
  transform: scale(1.1);
}
.fixed_shop_search img {
  transition: opacity 0.5s;
}
.fixed_shop_search img:nth-child(2) {
  opacity: 0;
}
.fixed_shop_search .abs {
  top: 0;
  left: 0;
}
.fixed_shop_search.is-active img:nth-child(1) {
  opacity: 0;
}
.fixed_shop_search.is-active img:nth-child(2) {
  opacity: 1;
}

.point_modal__button {
  width: 112px;
  position: fixed;
  bottom: 30px;
  right: calc((100% - 600px) / 2);
  z-index: 50;
  overflow: hidden;
}
@media screen and (max-width: 1535px) {
  .point_modal__button {
    width: 100px;
    bottom: 25px;
    right: calc((100% - 450px) / 2);
  }
}
@media screen and (max-width: 600px) {
  .point_modal__button {
    width: 90px;
    bottom: 20px;
    right: 0;
  }
}
@media screen and (max-width: 365px) {
  .point_modal__button {
    width: 80px;
  }
}
.point_modal__button button {
  width: 100%;
  display: block;
  transition: transform 0.5s;
  transform: translateX(100%);
  transform-origin: right center;
}
.point_modal__button button img {
  transition: opacity 0.5s;
}
.point_modal__button button .abs {
  top: 0;
  left: 0;
  opacity: 0;
}
.point_modal__button button.is-visible {
  transform: translateX(0);
}
.point_modal__button button.is-visible:hover {
  transform: translateX(0) scale(1.1);
}
.point_modal__button button.is-active img {
  opacity: 0;
}
.point_modal__button button.is-active .abs {
  opacity: 1;
}

.point_modal__navi {
  width: 600px;
  height: 100vh;
  padding-top: 160px;
  margin: 0 auto;
  background-color: rgba(96, 53, 44, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 49;
  transition: all 0.5s;
  opacity: 0;
  visibility: hidden;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
@media screen and (max-width: 1535px) {
  .point_modal__navi {
    width: 450px;
    padding-top: 140px;
  }
}
@media screen and (max-width: 600px) {
  .point_modal__navi {
    width: 100%;
    padding-top: 120px;
  }
}
.point_modal__navi.is-active {
  opacity: 1;
  visibility: visible;
}
.point_modal__navi ul {
  width: 83.46%;
  margin: 0 auto;
}
.point_modal__navi li:not(:last-child) {
  margin-bottom: 5.13%;
}
.point_modal__navi a {
  display: flex;
}
.point_modal__navi a .abs {
  top: 0;
  left: 0;
  opacity: 0;
}
.point_modal__navi a img {
  transition: transform 0.5s, opacity 0.3s;
}
.point_modal__navi a img:nth-child(2) {
  opacity: 0;
}
.point_modal__navi a:hover img, .point_modal__navi a.is-active img {
  transform: translateX(10px);
}
.point_modal__navi a:hover img:nth-child(1), .point_modal__navi a.is-active img:nth-child(1) {
  opacity: 0;
}
.point_modal__navi a:hover img:nth-child(2), .point_modal__navi a.is-active img:nth-child(2) {
  opacity: 1;
}
.point_modal__navi .point_modal__navi1 {
  width: 73.28%;
}
.point_modal__navi .point_modal__navi2 {
  width: 56.84%;
}
.point_modal__navi .point_modal__navi3 {
  width: 88.01%;
}
.point_modal__navi .point_modal__navi4 {
  width: 58.9%;
}
.point_modal__navi .point_modal__navi5 {
  width: 100%;
}
.point_modal__navi .point_modal__navi6 {
  width: 65.06%;
}