@charset "UTF-8";

/*//////////////////////////////////////////////////

  Biople FES 2025 TOKYO | Biople(ビープル)WEB STORE 

//////////////////////////////////////////////////*/

/* ========================================================
                      * Layout style *
========================================================= */

/* calc(xx * yyrem / zz);
xx：SPデザインの各値
yy：PCデザインのメインコンテンツの横幅
zz：SPデザインの横幅 */

html {
  font-size: calc(10 * (100vw/500));
}

@media (min-width: 769px) {
  html {
    font-size: calc(10 * (100vw/1800));
  }
}

@media (min-width: 1600px) {
  html {
    font-size: 62.5%
  }

}

footer {
  position: relative;
  z-index: 10;
  margin-top: 0 !important;
}

#FooterWrap {
  position: relative;
  background: #fff;
  z-index: 3;
}

/* ========================================================
                      * root *
========================================================= */
:root {
  /* font-size: calc(21 *(var(--rate))); */

  --rate: calc(var(--pcMainContentWidth) / var(--spWidth));

  /* PCデザインのメインコンテンツの横幅 */
  --pcMainContentWidth: 50rem;

  /* PCデザインの横幅 */
  --pcWidth: 1800;

  /* SPデザインの横幅 */
  --spWidth: 390;

  --color-lp_font: #000;
  --color-lp_bg: #FFF7DB;
  --color-lp_white: #fff;
  --font_mix: "futura-pt", "Noto Sans JP", sans-serif;
  --font_ja: "Noto Sans JP", sans-serif;
  --font_en: "futura-pt", sans-serif;
}

@media (min-width: 769px) {
  :root {
    /* --rate: calc(100vw / var(--pcWidth)); */
  }
}

#Wrap {
  width: 100%;
}

/* ========================================================
                      * lp_contents *
========================================================= */

.lp_contents * {
  box-sizing: border-box;
  /* font-feature-settings: "palt"; */
  line-height: 1;
  letter-spacing: .05em;
  font-weight: 400;
  text-align: center;
}

.lp_contents {
  width: 100%;
  max-width: var(--pcMainContentWidth);
  height: 100%;
  font-family: var(--font_mix);
  overflow-x: clip;
  color: var(--color-lp_font);
}

@media (min-width: 769px) {
  .lp_contents {
    position: relative;
    width: 100%;
    max-width: 100vw;
    height: 100%;
  }
}

.lp_contents .pcOnly {
  display: block;
}

@media (max-width: 768px) {
  .lp_contents .pcOnly {
    display: none;
  }
}

.lp_contents .spOnly {
  display: block;
}

@media (min-width: 769px) {
  .lp_contents .spOnly {
    display: none;
  }
}

.lp_contents img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.lp_contents a {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.lp_contents h1,
.lp_contents h2,
.lp_contents h3,
.lp_contents h4,
.lp_contents h5 {}

.lp_contents_inner {
  position: relative;
  z-index: 1;
  overflow: clip;
  background: var(--color-lp_bg);
}

.lp_contents a,
.lp_contents button {
  -webkit-tap-highlight-color: transparent;
  /* iOS Safari用 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* Android Chrome用 */
}

/* ========================================================
                      * PC *
========================================================= */
@media (min-width: 769px) {

  .lp_contents .fixed_area {
    position: relative;
    position: fixed;
    top: 0;
    left: 50%;
    translate: -50% 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #FFFCE2;
  }

  .lp_contents .fixed_area .fixed_nav {
    display: grid;
    place-items: center;
    width: calc((100% - var(--pcMainContentWidth)) / 2);
    height: 100vh;
    padding-top: 25vh;
    align-items: flex-start;
    /* margin-top: 100px; */
  }

  .fixed_left_inner .logo {
    width: 30rem;
  }

  .lp_contents_inner {
    width: var(--pcMainContentWidth);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    overflow: clip;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
  }

}


/* ========================================================
            * fixed_nav fixed_right   *
========================================================= */

.fixed_right .menu_list {}

.fixed_right .menu_list .frame {
  width: 30rem;
  border-radius: 2rem;
  overflow: hidden;
  background: #fff;
  padding-bottom: 1.6rem;
}

.fixed_right .menu_list .frame.event {
  border: solid .3rem #70C700;
}

.fixed_right .menu_list .frame.web {
  border: solid .3rem #FF9D00;
  margin-top: 1.1rem;
}

.fixed_right .menu_list .ttl {
  font-size: 1.8rem;
  color: #fff;
  padding: 1.4rem 0;
  padding-left: 3.9rem;
  position: relative;
}

.fixed_right .menu_list .ttl::before {
  content: "";
  width: 4rem;
  height: 3.3rem;
  position: absolute;
  background: #fff;
}

.fixed_right .menu_list .frame.event .ttl::before {
  top: .4rem;
  left: 7.1rem;
  -webkit-mask: url("../../img/251113/icon_ankerlink_img01.svg") no-repeat center / contain;
  mask: url("../../img/251113/icon_ankerlink_img01.svg") no-repeat center / contain;
}

.fixed_right .menu_list .frame.web .ttl::before {
  top: .8rem;
  left: 6.1rem;
  -webkit-mask: url("../../img/251113/icon_ankerlink_img02.svg") no-repeat center / contain;
  mask: url("../../img/251113/icon_ankerlink_img02.svg") no-repeat center / contain;
}

.fixed_right .menu_list .frame.event .ttl {
  background: #70C700;
}

.fixed_right .menu_list .frame.web .ttl {
  background: #FF9D00;
  padding-left: 5.5rem;
}

.fixed_right .menu_list .frame.web .ttl span {
  font-size: 2.2rem;
}

.fixed_right .frame ul {}

.fixed_right .frame li {}

.fixed_right .frame li a {
  padding: 1.8rem 0 .9rem;
  position: relative;
}

.fixed_right .frame li:not(:last-of-type) a::before {
  content: "";
  width: 25rem;
  height: 1px;
  position: absolute;
  bottom: -.6rem;
  left: 50%;
  transform: translateX(-50%);
  opacity: .5;
}

.fixed_right .frame.event li a::before {
  background: #70C700;
}

.fixed_right .frame.web li a::before {
  background: #FF9D00;
}

.fixed_right .frame li a::after {
  content: "";
  width: calc(5 * (var(--rate)));
  height: calc(10 * (var(--rate)));
  position: absolute;
  top: calc(21 * (var(--rate)));
  left: calc(18 * (var(--rate)));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
}

.fixed_right .frame.event li a::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'><path d='M5,0l5,5H0Z' transform='translate(5) rotate(90)' fill='%2370c700'/></svg>");
}

.fixed_right .frame.web li a::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'><path d='M5,0l5,5H0Z' transform='translate(5) rotate(90)' fill='%23FF9D00'/></svg>");
}

.fixed_right .frame li.is-active a::after {
  opacity: 1;
}

.fixed_right .frame li p {
  font-size: 1.6rem;
  text-align: left;
  padding-left: 8.6rem;
  position: relative;
  opacity: .7;
  transition: all .5s;
}
.fixed_right .frame li a:hover, .fixed_right .frame li a:hover p {
    opacity: 1;
}
.fixed_right .frame li.is-active p {
  opacity: 1;
}

.fixed_right .frame li p::before {
  content: "";
  width: 4.4rem;
  height: 2.2rem;
  position: absolute;
  top: .5rem;
  left: 3.8rem;
}

.fixed_right .frame li:nth-of-type(1) p::before {
  -webkit-mask: url("../../img/251113/ttl_num01.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num01.svg") no-repeat center / contain;
}

.fixed_right .frame li:nth-of-type(2) p::before {
  -webkit-mask: url("../../img/251113/ttl_num02.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num02.svg") no-repeat center / contain;
}

.fixed_right .frame li:nth-of-type(3) p::before {
  -webkit-mask: url("../../img/251113/ttl_num03.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num03.svg") no-repeat center / contain;
}

.fixed_right .frame li:nth-of-type(4) p::before {
  -webkit-mask: url("../../img/251113/ttl_num04.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num04.svg") no-repeat center / contain;
}

.fixed_right .frame li:nth-of-type(5) p::before {
  -webkit-mask: url("../../img/251113/ttl_num05.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num05.svg") no-repeat center / contain;
}

.fixed_right .frame.event li p::before {
  background-color: #70C700;
}

.fixed_right .frame.web li p::before {
  background-color: #FF9D00;
}

.fixed_right .frame li span {
  font-size: 1.2rem;
  display: block;
  text-align: left;
  margin-top: .5rem;
}

.fixed_right .frame.event li p {
  color: #70C700;
}

.fixed_right .frame.web li p {
  color: #FF9D00;
}


@media (max-width: 768px) {

  /* SP時ナビゲーション設定 */
  .lp_contents .fixed_area .fixed_right {
    position: fixed;
    left: 0;
    bottom: -1px;
    display: block;
    /* translate: 0 100%; */
    translate: 0 0;
    /* opacity: 0; */
    transition: all .5s;
    z-index: 100;
    width: 100%;
  }

  .lp_contents .fixed_area .fixed_right.active {
    /* translate: 0 0; */
    /* opacity: 1; */
  }

  .fixed_right .flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }

  .fixed_right .menu_list {
    background: #fff;
    display: flex;
    width: calc(318 * (var(--rate)));
    height: calc(56 * (var(--rate)));
    border-top-right-radius: calc(20 * (var(--rate)));
    overflow: hidden;
    box-shadow: 0 0 4px #ddd;
  }

  .fixed_right .menu_list li {
    width: calc(100% / 2);
    border-bottom: solid calc(4 * (var(--rate))) #fff;
    transition: all .5s;

  }

  .fixed_right .menu_list li.event.is-active {
    background: #EDFADC;
    border-bottom: solid calc(4 * (var(--rate))) #70C700;
  }

  .fixed_right .menu_list li.web.is-active {
    background: #FFF2DE;
    border-bottom: solid calc(4 * (var(--rate))) #FF9D00;
  }

  .fixed_right .menu_list li a {
    font-size: calc(14 * (var(--rate)));
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: calc(6 * (var(--rate)));
    padding-left: calc(36 * (var(--rate)));
  }

  .fixed_right .menu_list li.event a {
    color: #70C700;
	  border-right: 1px solid #eee;
  }

  .fixed_right .menu_list li.web a {
    padding-left: calc(44 * (var(--rate)));
    color: #FF9D00;
  }

  .fixed_right .menu_list li.is-active a::after {
    content: "";
    width: calc(16 * (var(--rate)));
    height: calc(6 * (var(--rate)));
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }

  .fixed_right .menu_list li.event.is-active a::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'><path d='M8,0l8,6H0Z' fill='%2370c700'/></svg>");
  }

  .fixed_right .menu_list li.web.is-active a::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='6' viewBox='0 0 16 6'><path d='M8,0l8,6H0Z' fill='%23FF9D00'/></svg>");
  }

  .fixed_right .menu_list li a span {
    font-size: calc(16 * (var(--rate)));
  }

  .fixed_right .menu_list li a::before {
    content: "";
    width: calc(40 * (var(--rate)));
    height: calc(33 * (var(--rate)));
    position: absolute;
    top: 50%;
    left: calc(9 * (var(--rate)));
    transform: translateY(-50%)
  }

  .fixed_right .menu_list li.event a::before {
    background: url(../../img/251113/icon_ankerlink_img01.svg)no-repeat center / 100%;
  }

  .fixed_right .menu_list li.web a::before {
    left: calc(10 * (var(--rate)));
    background: url(../../img/251113/icon_ankerlink_img02.svg)no-repeat center / 100%;
  }

  .fixed_right .modal_btn {
    width: calc(62 * (var(--rate)));
    height: calc(44 * (var(--rate)));
    cursor: pointer;
    margin-right: calc(-2 * (var(--rate)));
  }

}

/* ========================================================
                      * modal  *
========================================================= */

.lp_contents .modal_toggle {
  cursor: pointer;
  transition: opacity .5s ease-in-out;
}

body.no_scroll {
  overflow: hidden;
}

.lp_contents .modal_button {
  position: relative;
  cursor: pointer;
  z-index: 10;
}

.lp_contents .modal_button.btn_modalClose {
  width: calc(23 * (var(--rate)));
  height: calc(23 * (var(--rate)));
  background: url(../../img/251113/btn_close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  border: none;
  float: right;
  position: fixed;
  top: calc(17 * (var(--rate)));
  right: calc(17 * (var(--rate)));
  z-index: 9999;
}

.lp_contents .modal_outside.hide {
  opacity: 0;
  pointer-events: none;
  overflow-y: auto;
}

.lp_contents .modal_outside {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: flex;
  /* align-items: center; */
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.lp_contents .modal_outside::-webkit-scrollbar {
  display: none;
}

.lp_contents .modal_outside::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFF7DB;
  content: "";
}

.lp_contents .modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.lp_contents .modal_wrap {
  width: calc(660 * ((var(--rate))));
  margin: 0 auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: #FFF7DB;
  will-change: transform;
}

.lp_contents .modal_wrap::-webkit-scrollbar {
  display: none;
}

.lp_contents .modal_inner {
  position: relative;
}

.lp_contents .modal_content {
  height: calc(727 * (var(--rate)));
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.lp_contents .modal_content>div {
  padding: calc(26 * (var(--rate))) 0 calc(26 * (var(--rate)));
}

.lp_contents .modal_content .ttl_main {
  font-size: calc(24 * (var(--rate)));
  color: #008C51;
  margin-bottom: calc(20 * (var(--rate)));
}

.lp_contents .modal_content .frame {
  width: calc(350 * (var(--rate)));
  border-radius: calc(20 * (var(--rate)));
  overflow: hidden;
  background: #fff;
  padding-bottom: calc(16 * (var(--rate)));
  margin: 0 auto;
}

.lp_contents .modal_content .frame.event {
  border: solid calc(3 * (var(--rate))) #70C700;
}

.lp_contents .modal_content .frame.web {
  border: solid calc(3 * (var(--rate))) #FF9D00;
  margin-top: calc(11 * (var(--rate)));
}

.lp_contents .modal_content .ttl {
  font-size: calc(18 * (var(--rate)));
  color: #fff;
  padding: calc(14 * (var(--rate))) 0;
  padding-left: calc(39 * (var(--rate)));
  position: relative;
}

.lp_contents .modal_content .ttl::before {
  content: "";
  width: calc(40 * (var(--rate)));
  height: calc(33 * (var(--rate)));
  position: absolute;
  background: #fff;
}

.lp_contents .modal_content .frame.event .ttl::before {
  top: calc(4 * (var(--rate)));
  left: calc(96 * (var(--rate)));
  -webkit-mask: url("../../img/251113/icon_ankerlink_img01.svg") no-repeat center / contain;
  mask: url("../../img/251113/icon_ankerlink_img01.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame.web .ttl::before {
  top: calc(8 * (var(--rate)));
  left: calc(84 * (var(--rate)));
  -webkit-mask: url("../../img/251113/icon_ankerlink_img02.svg") no-repeat center / contain;
  mask: url("../../img/251113/icon_ankerlink_img02.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame.event .ttl {
  background: #70C700;
}

.lp_contents .modal_content .frame.web .ttl {
  background: #FF9D00;
  padding-left: calc(45 * (var(--rate)));
}

.lp_contents .modal_content .frame.web .ttl span {
  font-size: calc(22 * (var(--rate)));
}

.lp_contents .modal_content .frame ul {}

.lp_contents .modal_content .frame li {}

.lp_contents .modal_content .frame li a {
  padding: calc(18 * (var(--rate))) 0 calc(9 * (var(--rate)));
  position: relative;
}

.lp_contents .modal_content .frame li:not(:last-of-type) a::before {
  content: "";
  width: calc(300 * (var(--rate)));
  height: calc(2 * (var(--rate)));
  position: absolute;
  bottom: calc(-6 * (var(--rate)));
  left: 50%;
  transform: translateX(-50%);
  opacity: .5;
}

.lp_contents .modal_content .frame.event li a::before {
  background: #70C700;
}

.lp_contents .modal_content .frame.web li a::before {
  background: #FF9D00;
}

.lp_contents .modal_content .frame li a::after {
  content: "";
  width: calc(5 * (var(--rate)));
  height: calc(10 * (var(--rate)));
  position: absolute;
  top: calc(30 * (var(--rate)));
  right: calc(27 * (var(--rate)));
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.lp_contents .modal_content .frame.event a::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'><path d='M5,0l5,5H0Z' transform='translate(5) rotate(90)' fill='%2370c700'/></svg>");
}

.lp_contents .modal_content .frame.web a::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10'><path d='M5,0l5,5H0Z' transform='translate(5) rotate(90)' fill='%23FF9D00'/></svg>");
}

.lp_contents .modal_content .frame li p {
  font-size: calc(16 * (var(--rate)));
  text-align: left;
  padding-left: calc(72 * (var(--rate)));
  position: relative;
}

.lp_contents .modal_content .frame li p::before {
  content: "";
  width: calc(44 * (var(--rate)));
  height: calc(22 * (var(--rate)));
  position: absolute;
  top: calc(5 * (var(--rate)));
  left: calc(22 * (var(--rate)));
}

.lp_contents .modal_content .frame li:nth-of-type(1) p::before {
  -webkit-mask: url("../../img/251113/ttl_num01.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num01.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame li:nth-of-type(2) p::before {
  -webkit-mask: url("../../img/251113/ttl_num02.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num02.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame li:nth-of-type(3) p::before {
  -webkit-mask: url("../../img/251113/ttl_num03.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num03.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame li:nth-of-type(4) p::before {
  -webkit-mask: url("../../img/251113/ttl_num04.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num04.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame li:nth-of-type(5) p::before {
  -webkit-mask: url("../../img/251113/ttl_num05.svg") no-repeat center / contain;
  mask: url("../../img/251113/ttl_num05.svg") no-repeat center / contain;
}

.lp_contents .modal_content .frame.event li p::before {
  background-color: #70C700;
}

.lp_contents .modal_content .frame.web li p::before {
  background-color: #FF9D00;
}

.lp_contents .modal_content .frame li span {
  font-size: calc(12 * (var(--rate)));
  display: block;
  text-align: left;
  margin-top: calc(5 * (var(--rate)));
}

.lp_contents .modal_content .frame.event li p {
  color: #70C700;
}

.lp_contents .modal_content .frame.web li p {
  color: #FF9D00;
}

/* ========================================================
                      * 共通設定  *
========================================================= */

.lp_contents .sp_only {
  display: none;
}

@media (max-width: 768px) {
  .lp_contents .sp_only {
    display: block;
  }
}

.lp_contents a,
.lp_contents a:before,
.lp_contents a:after,
.lp_contents a img {
  transition: all .5s;
}

.lp_contents .txt_en {}

.lp_contents .txt_ja {}

.lp_contents .font_weight_en_medium {
  font-weight: 500;
}

.lp_contents .font_weight_en_demi {
  font-weight: 600;
}

.lp_contents .font_weight_en_heavy {
  font-weight: 700;
}

.lp_contents .font_weight_en_extrabold {
  font-weight: 800;
}

.lp_contents .font_weight_en_bold {
  font-weight: 700;
}


.lp_contents .font_weight_ja_medium {
  font-weight: 500;
}

.lp_contents .font_weight_ja_semibold {
  font-weight: 600;
}

.lp_contents .font_weight_ja_bold {
  font-weight: 700;
}

.lp_contents .font_weight_ja_extrabold {
  font-weight: 800;
}

.lp_contents .accordion {
  transition: height 0.5s;
  overflow: hidden;
}

.lp_contents .btn_accordion {
  cursor: pointer;
  position: relative;
  font-size: calc(12 * (var(--rate)));
  border-bottom: 1px solid #008C51;
  padding-right: calc(19 * (var(--rate)));
  padding-bottom: calc(3 * (var(--rate)));
  color: #008C51;
  width: calc(90 * (var(--rate)));
  margin: 0 auto;
}

.lp_contents .btn_accordion.is-open {
  margin-top: calc(20 * (var(--rate)));
  width: calc(60 * (var(--rate)));
}

.lp_contents .btn_accordion::before {
  content: "";
  position: absolute;
  background: url(../../img/251113/icon_plus.svg) no-repeat center;
  background-size: 100%;
  width: calc(8 * (var(--rate)));
  height: calc(8 * (var(--rate)));
  top: calc(2 * (var(--rate)));
  right: calc(1 * (var(--rate)));
}

.lp_contents .btn_accordion.is-open::before {
  background: url(../../img/251113/icon_minus.svg) no-repeat center;
  top: calc(0 * (var(--rate)));
}

.lp_contents .btn_accordion::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(15 * (var(--rate)));
  transform: translateX(-50%);
  width: calc(390 * (var(--rate)));
  height: calc(60 * (var(--rate)));
  background: linear-gradient(180deg, rgba(255, 247, 219, 0) 0%, rgba(255, 247, 219, 100%) 95%);
  display: block;
}

.lp_contents .btn_accordion.is-open::after {
  display: none;
}

.lp_contents .roll_txt_wrap {
  position: relative;
  width: 105%;
  left: 50%;
  transform: translateX(-50%);
}

.lp_contents .roll_txt_wrap .roll_txt {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: calc(33 * (var(--rate)));
}

.lp_contents .roll_txt_wrap .roll_txt span {
  display: inline-block;
  padding-right: calc(28 * (var(--rate)));
  animation: textLoop 10s infinite linear 1s both;
  position: relative;
}

.lp_contents .roll_txt_wrap .roll_txt span::before {
  content: "";
  position: absolute;
  right: calc(11 * (var(--rate)));
  top: 50%;
  transform: translateY(-50%);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: calc(7 * (var(--rate)));
  height: calc(7 * (var(--rate)));

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.071 7.071'><rect width='5' height='5' transform='translate(3.536) rotate(45)' fill='%23FFFFFF'/></svg>");
}

.lp_contents .roll_txt_wrap.orange .roll_txt span::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.071 7.071'><rect width='5' height='5' transform='translate(3.536) rotate(45)' fill='%23FF5600'/></svg>");
}

.lp_contents .roll_txt_wrap.green .roll_txt span::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7.071 7.071'><rect width='5' height='5' transform='translate(3.536) rotate(45)' fill='%23008c51'/></svg>");
}

.lp_contents .roll_txt_wrap.white {
  background: #FF5600;
}

.lp_contents .roll_txt_wrap.white .roll_txt {}

.lp_contents .roll_txt_wrap.white .roll_txt span {
  font-size: calc(15 * (var(--rate)));
  color: #fff;
}

.lp_contents .roll_txt_wrap.orange {
  background: #fff;
  border-top: 1px solid #FF5600;
  border-bottom: 1px solid #FF5600;
}

.lp_contents .roll_txt_wrap.orange .roll_txt {}

.lp_contents .roll_txt_wrap.orange .roll_txt span {
  font-size: calc(16 * (var(--rate)));
  color: #FF5600;
}

.lp_contents .roll_txt_wrap.green {
  background: #fff;
  border-top: 1px solid #008C51;
  border-bottom: 1px solid #008C51;
}

.lp_contents .roll_txt_wrap.green .roll_txt span {
  font-size: calc(16 * (var(--rate)));
  color: #008C51;
}

@keyframes textLoop {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.lp_contents .js-faade {
  opacity: 0;
  transform: scale(0.5);
  transition: all 800ms cubic-bezier(0.71, 1.52, 0.65, 1.06) 200ms;
}

.lp_contents .js-faade.is-show {
  opacity: 1 !important;
  transform: translateY(0rem);
}

.lp_contents a:hover {
  /* opacity: 1 !important; */
}

/* ========================================================
                      * sec_mv  *
========================================================= */
.sec_mv .mv {}

.sec_mv .confetti_wrap {
  position: relative;
}

.sec_mv .confetti {
  position: absolute;
  top: 0;
  animation: floating 6s cubic-bezier(0.11, 0, 0.5, 0) alternate infinite;
  transform-origin: top left;
  width: calc(390 * (var(--rate)));
  height: calc(916 * (var(--rate)));
}

.sec_mv .confetti01 {
  background: url(../../img/251113/confetti01.svg) no-repeat center / 100%;
}

.sec_mv .confetti02 {
  background: url(../../img/251113/confetti02.svg) no-repeat center / 100%;
  animation-delay: 1s;
}

.sec_mv .confetti03 {
  background: url(../../img/251113/confetti03.svg) no-repeat center / 100%;
  animation-delay: .4s;
}

.sec_mv .confetti04 {
  background: url(../../img/251113/confetti04.svg) no-repeat center / 100%;
  animation-delay: 1.5s;
}

.sec_mv .confetti05 {
  background: url(../../img/251113/confetti05.svg) no-repeat center / 100%;
  animation-delay: .6s;
}

@keyframes floating {
  0% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }

  25% {
    transform: translate(-2px, 1px) rotate(-1deg) scale(1.01);
  }

  50% {
    transform: translate(2px, -1px) rotate(1deg) scale(0.99);
  }

  75% {
    transform: translate(-1px, 2px) rotate(-0.5deg) scale(1);
  }

  100% {
    transform: translate(0, 0) rotate(0deg) scale(1);
  }
}

.sec_mv .ttl_main {
  width: calc(220 * (var(--rate)));
  padding-top: calc(40 * (var(--rate)));
  margin: 0 auto;
}

.sec_mv .countdown_wrap {
  background: #FFF0BC;
  border: 3px solid #FFC600;
  border-radius: calc(10 * (var(--rate)));
  width: calc(320 * (var(--rate)));
  padding-bottom: calc(23 * (var(--rate)));
  margin: calc(38 * (var(--rate))) auto 0;
}

.sec_mv .countdown_ttl {
  font-size: calc(16 * (var(--rate)));
  margin-top: calc(23 * (var(--rate)));
}

.sec_mv .countdown_set {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(19 * (var(--rate)));
  margin-top: calc(11 * (var(--rate)));
}

.sec_mv .countdown_set p {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: calc(3 * (var(--rate)));
}

.sec_mv .countdown_set .move_time {
  font-size: calc(34 * (var(--rate)));
  color: #008C51;
  background: #FFFBEA;
  width: calc(50 * (var(--rate)));
  height: calc(50 * (var(--rate)));
  border-radius: calc(5 * (var(--rate)));
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(3 * (var(--rate)));
}

.sec_mv .countdown_set p:not(:first-of-type) .move_time::before {
  content: ":";
  font-size: calc(30 * (var(--rate)));
  position: absolute;
  top: calc(7 * (var(--rate)));
  left: calc(-13 * (var(--rate)));
  color: var(--color-lp_font);
}

.sec_mv .countdown_set .units {
  font-size: calc(12 * (var(--rate)));
}

.sec_mv .roll_txt_wrap {}

.sec_mv .roll_txt_wrap.white {
  transform: translateX(-50%) rotate(5deg);
  top: calc(14 * (var(--rate)));
}

.sec_mv .roll_txt_wrap.white .roll_txt {}

.sec_mv .roll_txt_wrap.white .roll_txt span {}

.sec_mv .roll_txt_wrap.orange {
  transform: translateX(-50%) rotate(-7deg);
  top: calc(78 * (var(--rate)));
}

.sec_mv .roll_txt_wrap.orange .roll_txt {}

.sec_mv .roll_txt_wrap.orange .roll_txt span {}

.sec_mv .roll_txt_wrap.green {
  margin-top: calc(49 * (var(--rate)));
}

.sec_mv .roll_txt_wrap.green .roll_txt span {}


.sec_mv .accordion {
  height: calc(232 * (var(--rate)));
}

.sec_mv .about_wrap {
  margin-top: calc(72 * (var(--rate)));
}

.sec_mv .about_wrap .about_ttl {
  font-size: calc(20 * (var(--rate)));
  color: #008C51;
  margin-top: calc(16 * (var(--rate)));
}

.sec_mv .about_wrap .about_ttl span {
  font-size: calc(28 * (var(--rate)));
}

.sec_mv .about_wrap .txt_wrap {
  margin-top: calc(15 * (var(--rate)));
}

.sec_mv .about_wrap .txt {
  font-size: calc(14 * (var(--rate)));
  line-height: calc(26/14);
}

.sec_mv .about_wrap .txt_wrap .txt:not(:first-of-type) {
  margin-top: calc(20 * (var(--rate)));
}

.sec_mv .ankerlink_wrap {
  margin-top: calc(40 * (var(--rate)));
}

.sec_mv .ankerlink_wrap ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(10 * (var(--rate)));
}

.sec_mv .ankerlink_wrap li {
  width: calc(156 * (var(--rate)));
  height: calc(120 * (var(--rate)));
  border-radius: calc(15 * (var(--rate)));
  background: #fff;
  transition: .3s;
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) {
  border: 2px solid #83CC27;
  box-shadow: 3px 3px 0 #639D1D;
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) {
  border: 2px solid #FFA900;
  box-shadow: 3px 3px 0 #DE9300;
}

.sec_mv .ankerlink_wrap li:hover {
  box-shadow: unset;
  transform: translateY(3px);
}

.sec_mv .ankerlink_wrap li a {
  position: relative;
}

.sec_mv .ankerlink_wrap li a::before {
  content: "";
  width: calc(60 * (var(--rate)));
  height: calc(50 * (var(--rate)));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) a::before {
  background: url(../../img/251113/icon_ankerlink_img01.svg)no-repeat center / 100%;
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) a::before {
  background: url(../../img/251113/icon_ankerlink_img02.svg)no-repeat center / 100%;
}

.sec_mv .ankerlink_wrap li .date {
  font-size: calc(12 * (var(--rate)));
  border-radius: calc(4 * (var(--rate)));
  padding: calc(2 * (var(--rate))) calc(6 * (var(--rate)));
  width: fit-content;
  margin: 0 auto;
  color: #fff;
  margin-top: calc(12 * (var(--rate)));
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) .date {
  background: #83CC27;
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) .date {
  background: #FFA900;
}

.sec_mv .ankerlink_wrap li .img {}

.sec_mv .ankerlink_wrap li .sec_name {
  font-size: calc(16 * (var(--rate)));
  margin-top: calc(62 * (var(--rate)));
}

.sec_mv .ankerlink_wrap li:nth-of-type(1) .sec_name {
  color: #83CC27;
}

.sec_mv .ankerlink_wrap li:nth-of-type(2) .sec_name {
  color: #FFA900;
}

/* ========================================================
                      * sec_info  *
========================================================= */

.sec_info {}

.sec_info01 {
  background: #8BD62F;
  padding-top: calc(50 * (var(--rate)));
}

.sec_info02 {
  background: #FFB729;
  padding-top: calc(50 * (var(--rate)));
  padding-bottom: calc(62 * (var(--rate)));
}

.sec_info .ttl_main {
  width: calc(290 * (var(--rate)));
  height: calc(85 * (var(--rate)));
  margin: 0 auto;
}

.sec_info .ttl_wrap {
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.sec_info .ttl_wrap .img {
  width: calc(65 * (var(--rate)));
  display: block;
  margin: 0 auto;
}

.sec_info .ttl_wrap .ttl {
  font-size: calc(35 * (var(--rate)));
  margin-top: calc(10 * (var(--rate)));
  display: block;
}

.sec_info .ttl_wrap .ttl_sub {
  display: block;
  font-size: calc(14 * (var(--rate)));
  margin-top: calc(8 * (var(--rate)));
}

.sec_info .block {
  padding-top: calc(37 * (var(--rate)));
}

.sec_info01 .block02 {
  padding-top: calc(42 * (var(--rate)));
}

.sec_info01 .block04 {
  padding-top: calc(42 * (var(--rate)));
}

.sec_info .block05 {
  padding-top: calc(40 * (var(--rate)));
  padding-bottom: calc(64 * (var(--rate)));
}

.sec_info02 .block01 {
  padding-top: calc(28 * (var(--rate)));
}

.sec_info02 .block02 {
  padding-top: calc(33 * (var(--rate)));
}

.sec_info02 .block03 {
  padding-top: calc(40 * (var(--rate)));
}

.sec_info02 .block04 {
  padding-top: calc(40 * (var(--rate)));
}

.sec_info .frame {
  width: calc(350 * (var(--rate)));
  border-radius: calc(20 * (var(--rate)));
  background: #fff;
  margin: calc(30 * (var(--rate))) auto 0;
  overflow: hidden;
  padding-bottom: calc(25 * (var(--rate)));
}

.sec_info01 .block01 .frame:nth-of-type(2) {
  margin-top: calc(19 * (var(--rate)));
  padding-bottom: calc(30 * (var(--rate)));
}

.sec_info .block02 .frame .campaign_wrcap {
  padding-top: calc(15 * (var(--rate)));
}

.sec_info02 .block01 .frame {
  margin: 0 auto 0;
}

.sec_info02 .block02 .frame:nth-of-type(2) {
  margin-top: calc(17 * (var(--rate)));
}

.sec_info02 .block03 .frame:nth-of-type(2) {
  margin-top: calc(23 * (var(--rate)));
}

.sec_info02 .block03 .frame:nth-of-type(3) {
  margin-top: calc(23 * (var(--rate)));
}

.sec_info02 .block03 .frame:nth-of-type(4) {
  margin-top: calc(20 * (var(--rate)));
}

.sec_info .frame02 {
  border-radius: calc(10 * (var(--rate)));
}

.sec_info .frame_border {
  border: 3px solid #FFDC4B
}

.sec_info01 .block02 .frame:nth-of-type(2) {
  margin: calc(10 * (var(--rate))) auto 0;
}

.sec_info01 .block04 .frame.purple {
  margin: calc(20 * (var(--rate))) auto 0;
}

.sec_info01 .block04 .frame.blue {
  margin: calc(24 * (var(--rate))) auto 0;
}

.sec_info01 .block05 .frame:nth-of-type(2) {
  margin: calc(21 * (var(--rate))) auto 0;
}


.sec_info .brand_wrap {
  background: #FFFBE5;
  border: 4px solid #FFD800;
  margin-top: calc(29 * (var(--rate)));
  padding-top: calc(15 * (var(--rate)));
  padding-bottom: calc(27 * (var(--rate)));
}

.sec_info .brand_wrap .lead {
  color: #FF7600;
  font-size: calc(18 * (var(--rate)));
  line-height: calc(34/18);
}

.sec_info .brand_wrap .lead .md {
  font-size: calc(22 * (var(--rate)));
}

.sec_info .brand_wrap .lead .lg {
  font-size: calc(32 * (var(--rate)));
}

.sec_info .brand_wrap .brand_list {
  margin-top: calc(16 * (var(--rate)));
  width: 100%;
  height: calc(120 * (var(--rate)));
  background-image: url(../../img/251113/brand_list.png);
  background-repeat: repeat-x;
  background-size: calc(2917 *(var(--rate))) 100%;
  animation: scrollBackground 80s linear infinite;
}

.sec_info .brand_wrap .brand_list img {
  opacity: 0;
}

@keyframes scrollBackground {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: calc(-2505 *(var(--rate))) 0;
  }
}


.sec_info .brand_wrap .note {
  font-size: calc(10 * (var(--rate)));
  color: #555555;
  line-height: calc(15/10);
  text-align: justify;
  margin-top: calc(25 * (var(--rate)));
  padding-inline: calc(10 * (var(--rate)));
}

.sec_info .frame dl {
  padding-inline: calc(15 * (var(--rate)));
}

.sec_info .frame dl:nth-of-type(1) {
  margin-top: calc(20 * (var(--rate)));
}

.sec_info .frame dl:nth-of-type(2) {
  margin-top: calc(20 * (var(--rate)));
}

.sec_info .frame dt {
  color: #fff;
  background: #FF7600;
  font-size: calc(15 * (var(--rate)));
  border-radius: calc(4 * (var(--rate)));
  padding: calc(8 * (var(--rate))) 0;
  padding-left: calc(22 * (var(--rate)));
}

.sec_info .frame dl:nth-of-type(2) dt {
  margin-top: calc(24 * (var(--rate)));
}

.sec_info .frame .ttl_date,
.sec_info .frame .ttl_place,
.sec_info .frame .ttl_train {
  position: relative;
}

.sec_info .frame .ttl_date::before,
.sec_info .frame .ttl_place::before,
.sec_info .frame .ttl_train::before {
  content: "";
  width: calc(14 * (var(--rate)));
  height: calc(17 * (var(--rate)));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(118 * (var(--rate)));
}

.sec_info .frame .ttl_date::before {
  background: url(../../img/251113/icon_calendar.svg) no-repeat center / 100%;
}

.sec_info .frame .ttl_place::before {
  background: url(../../img/251113/icon_map.svg) no-repeat center / 100%;
}

.sec_info .frame .ttl_train::before {
  width: calc(15 * (var(--rate)));
  height: calc(16 * (var(--rate)));
  background: url(../../img/251113/icon_train.svg) no-repeat center / 100%;
  left: calc(88 * (var(--rate)));
}

.sec_info .block05 .frame .ttl_place::before {
  left: calc(131 * (var(--rate)));
}

.sec_info .frame dd .head {
  font-size: calc(12 * (var(--rate)));
  border-radius: calc(4 * (var(--rate)));
  border: 1px solid #000;
  width: fit-content;
  padding: calc(3 * (var(--rate))) calc(9 * (var(--rate)));
  margin: calc(15 * (var(--rate))) auto 0;
}

.sec_info .frame dd .head02 {
  margin: calc(20 * (var(--rate))) auto 0;
}

.sec_info .frame dd .txt {
  font-size: calc(20 * (var(--rate)));
  margin-top: calc(5 * (var(--rate)));
}

.sec_info01 .block05 .frame dd .txt {
  margin-top: calc(15 * (var(--rate)));
}

.sec_info01 .block05 .frame dd .note {
  font-size: calc(10 * (var(--rate)));
  line-height: calc(16/10);
  margin-top: calc(9 * (var(--rate)));
}

.sec_info .frame dl:nth-of-type(2) dd .txt {
  margin-top: calc(12 * (var(--rate)));
  line-height: 1.2;
}

.sec_info02 .block01 .frame dl:nth-of-type(1) dd .txt {
  margin-top: calc(11 * (var(--rate)));
  line-height: 1.3;
}

.sec_info .frame dd .txt .txt_en {
  font-size: calc(18 * (var(--rate)));
}

.sec_info .frame dd .txt .txt_ja {
  font-size: calc(16 * (var(--rate)));
}

.sec_info .frame dd .txt .md {
  font-size: calc(14 * (var(--rate)));
}

.sec_info .frame dd .txt .bold {}

.sec_info .frame dd .txt .sm {
  font-size: calc(10 * (var(--rate)));
}

.sec_info .frame dd .note {
  font-size: calc(10 * (var(--rate)));
  margin-top: calc(12 * (var(--rate)));
}

.sec_info .frame .ttl {
  color: #000;
  font-size: calc(18 * (var(--rate)));
  background: #FFDC4B;
  padding: calc(15 * (var(--rate))) 0;
}

.sec_info02 .block03 .frame .ttl {
  color: #fff;
  background: #FF7600;
}

.sec_info .frame.pink .ttl {
  background: #FF6583;
  color: #fff;
}

.sec_info .frame.purple .ttl {
  background: #B46BDE;
  color: #fff;
}

.sec_info .frame.blue .ttl {
  background: #5486F7;
  color: #fff;
}

.sec_info .frame .ttl.md {
  font-size: calc(15 * (var(--rate)));
  padding: calc(9 * (var(--rate))) 0;
}

.sec_info .frame_border .ttl.md {
  padding: calc(6 * (var(--rate))) 0 calc(8 * (var(--rate)));
}

.sec_info .frame .btn {
  border-radius: calc(100 * (var(--rate)));
  width: calc(200 * (var(--rate)));
  height: calc(35 * (var(--rate)));
  margin: 0 auto;
}

.sec_info .frame .btn a {
  font-size: calc(12 * (var(--rate)));
  display: flex;
  align-items: center;
  justify-content: center;
}


.sec_info .frame .btn.btn_orange {
  border: 1.5px solid #FC6E26;
  margin-top: calc(17 * (var(--rate)));
}

.sec_info .frame .btn.btn_orange a {
  color: #FC6E26;
  position: relative;
}

.sec_info .frame .btn.btn_orange a::before {
  /*content: "";
  width: calc(9 * (var(--rate)));
  height: calc(9 * (var(--rate)));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(14 * (var(--rate)));
  background: url(../../img/251113/icon_link.svg) no-repeat center / 100%;*/
}


.sec_info .frame .lead.orange {
  font-size: calc(25 * (var(--rate)));
  color: #FF5601;
  padding-left: calc(45 * (var(--rate)));
  position: relative;
}

.sec_info01 .block02 .frame:nth-of-type(2) .lead.orange {
  padding-left: calc(40 * (var(--rate)));
  font-size: calc(26 * (var(--rate)));
}

.sec_info02 .block02 .frame:nth-of-type(2) .lead.orange {
  font-size: calc(18 * (var(--rate)));
  /* letter-spacing: 0; */
  padding-left: calc(38 * (var(--rate)));
}

.sec_info02 .block02 .frame:nth-of-type(2) .lead.orange span:nth-of-type(1) {
  font-size: calc(30 * (var(--rate)));
  margin-right: calc(-10 * (var(--rate)));
}

.sec_info02 .block02 .frame:nth-of-type(2) .lead.orange span:nth-of-type(2) {
  font-size: calc(30 * (var(--rate)));
}


.sec_info .frame .lead.orange::before {
  content: "";
  width: calc(36 * (var(--rate)));
  height: calc(36 * (var(--rate)));
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(78 * (var(--rate)));
  background: url(../../img/251113/icon_bag.svg) no-repeat center / 100%;
}

.sec_info01 .block02 .frame:nth-of-type(2) .lead.orange::before,
.sec_info02 .block02 .frame:nth-of-type(2) .lead.orange::before {
  width: calc(34 * (var(--rate)));
  height: calc(34 * (var(--rate)));
  left: calc(75 * (var(--rate)));
  background: url(../../img/251113/icon_point.svg) no-repeat center / 100%;
}

.sec_info02 .block02 .frame:nth-of-type(2) .lead.orange::before {
  left: calc(25 * (var(--rate)));
  top: calc(20 * (var(--rate)));
}

.sec_info .frame .lead.orange .lg {
  font-size: calc(32 * (var(--rate)));
}

.sec_info01 .block02 .frame:nth-of-type(2) .lead.orange .lg {
  font-size: calc(34 * (var(--rate)));
}

.sec_info .frame .campaign_wrcap .txt {
  font-size: calc(14 * (var(--rate)));
  margin-top: calc(17 * (var(--rate)));
  line-height: calc(23/13);
  font-weight: 500;
}

.sec_info02 .frame:nth-of-type(2) .campaign_wrcap .txt {
  font-size: calc(13 * (var(--rate)));
  margin-top: calc(13 * (var(--rate)));
}

.sec_info01 .block02 .frame:nth-of-type(2) .campaign_wrcap .txt {
  font-size: calc(13 * (var(--rate)));
  line-height: calc(23/13);
  margin-top: calc(12 * (var(--rate)));
}

.sec_info .frame>.txt span {}

.sec_info .frame .campaign_wrcap .txt .note {
  font-size: calc(10 * (var(--rate)));
  display: block;
  margin-top: calc(0 * (var(--rate)));
  line-height: calc(16/10);
}

.sec_info02 .frame:nth-of-type(2) .campaign_wrcap .txt .note {
  margin-top: calc(9 * (var(--rate)));
}

.sec_info .frame .band {
  background: #FF5601;
  border-radius: calc(4 * (var(--rate)));
  width: calc(310 * (var(--rate)));
  margin: calc(14 * (var(--rate))) auto 0;
  padding: calc(8 * (var(--rate))) calc(0 * (var(--rate)))
}

.sec_info .frame .band p {
  font-size: calc(16 * (var(--rate)));
  color: #fff;
  letter-spacing: 0;
}

.sec_info .frame .band .bold {}

.sec_info .frame .band .md {
  font-size: calc(12 * (var(--rate)));
}

.sec_info .frame .band .sm {
  font-size: calc(10 * (var(--rate)));
}

.sec_info .slide_wrap {
  width: calc(290 * (var(--rate)));
  height: calc(290 * (var(--rate)));
  margin: calc(30 * (var(--rate))) auto calc(28 * (var(--rate)));
  position: relative;
}

.sec_info .slide_wrap.bnr {
  margin: calc(17 * (var(--rate))) auto calc(4 * (var(--rate)));
}

.sec_info02 .block03 .slide_wrap::before {
  content: "";
  position: absolute;
  top: calc(-14 * (var(--rate)));
  right: calc(-17 * (var(--rate)));
  width: calc(76 * (var(--rate)));
  height: calc(50 * (var(--rate)));
  z-index: 1;
}

.sec_info02 .block03 .slide_wrap.limited::before {
  background: url(../../img/251113/icon_off.png) no-repeat center / 100%;
}

.sec_info02 .block03 .slide_wrap.pontup::before {
  background: url(../../img/251113/icon_pointup.png) no-repeat center / 100%;
}

.sec_info02 .block03 .slide_wrap.pickup::before {
  background: url(../../img/251113/icon_pickup.png) no-repeat center / 100%;
}


.sec_info .slide_wrap ul {}

.sec_info .slide_wrap li {
  width: calc(290 * (var(--rate)));
  height: calc(290 * (var(--rate)));
  background: #EFEFEF;
  border-radius: calc(15 * (var(--rate)));
  display: flex;
  align-items: center;
  justify-content: center;
}

.sec_info .slide_wrap li .img {
  /* width: calc(156 * (var(--rate))); */
}

.sec_info .tab_wrap {
  margin-top: calc(27 * (var(--rate)));
}

.sec_info .tab_wrap .tab_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(2 * (var(--rate)));
  width: calc(350 * (var(--rate)));
  margin: 0 auto;
}

.sec_info .tab_wrap .tab_btn li {
  width: calc(100% / 2);
  height: calc(40 * (var(--rate)));
  background: #EFEFEF;
  border-radius: calc(10 * (var(--rate))) calc(10 * (var(--rate))) 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.sec_info02 .tab_wrap .tab_btn li {
  width: calc(100% / 6);
}

.sec_info .tab_wrap .tab_btn li.default,
.sec_info .tab_wrap .tab_btn li.is-active {
  background: #FF7600;
}

.sec_info .tab_wrap .tab_btn li p {
  color: #666666;
  font-size: calc(18 * (var(--rate)));
}

.sec_info .tab_wrap .tab_btn li.default p,
.sec_info .tab_wrap .tab_btn li.is-active p {
  color: #fff;
}

.sec_info .tab_wrap .tab_btn li span {
  font-size: calc(11 * (var(--rate)));
}

.sec_info .tab_wrap .tab_contents {}

.sec_info .tab_wrap .tab_contents li {
  display: none;
  background: #fff;
  border-radius: 0 0 calc(20 * (var(--rate))) calc(20 * (var(--rate)));
  width: calc(350 * (var(--rate)));
  margin: 0 auto;

  padding: calc(83 * (var(--rate))) 0 calc(100 * (var(--rate)))
}

.sec_info .tab_wrap .tab_contents li.default,
.sec_info .tab_wrap .tab_contents li.is-active {
  display: block;
}

.sec_info .tab_wrap .tab_contents li .img {
  width: calc(156 * (var(--rate)));
  margin: 0 auto;
}

.sec_info .frame .map_wrap {
  width: calc(290 * (var(--rate)));
  height: calc(290 * (var(--rate)));
  background: #EFEFEF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(15 * (var(--rate)));
  overflow: hidden;
  margin: calc(30 * (var(--rate))) auto calc(6 * (var(--rate)));
}

.sec_info .frame .map_wrap .img {
  /* width: calc(156 * (var(--rate))); */
}

.sec_info .frame .ttl_sub {
  color: #FF7600;
  font-size: calc(20 * (var(--rate)));
  margin-top: calc(26 * (var(--rate)));
  line-height: calc(30/20);
}

.sec_info .frame .txt_en {
  font-size: calc(15 * (var(--rate)));
}

.sec_info .frame .txt_ja {
  font-size: calc(15 * (var(--rate)));
}

/* イベント会場　入場チケット */
.sec_info .frame_mini {
  width: calc(320 * (var(--rate)));
  border-radius: calc(10 * (var(--rate)));
  margin-top: calc(22 * (var(--rate)));
  padding-bottom: calc(25 * (var(--rate)));
}

.sec_info .frame_mini.frame_border {
  border: 2px solid #FF7600
}

.sec_info .frame_mini .ttl {
  font-size: calc(15 * (var(--rate)));
  background: #FF7600;
  color: #fff;
  padding: calc(9 * (var(--rate))) 0;
}

.frame_mini .lead {
  font-size: calc(14 * (var(--rate)));
  margin-top: calc(20 * (var(--rate)));
  display: flex;
  align-items: center;
  justify-content: center;
}

.frame_mini .lead span {
  color: #F20D17;
}

.frame_mini .lead .price {
  font-size: calc(30 * (var(--rate)));
}

.frame_mini .lead .tax {
  font-size: calc(16 * (var(--rate)));
}

.bonus_wrap {
  background: #FFFCDB;
  width: calc(320 * (var(--rate)));
  border-radius: calc(15 * (var(--rate)));
  padding: calc(25 * (var(--rate))) 0;
  margin: 0 auto;
  position: relative;
  margin-top: calc(15 * (var(--rate)));
}

.bonus_wrap:nth-of-type(2) {
  /* margin-top: calc(15 * (var(--rate))); */
}

.sec_info01 .block01 .bonus_wrap::before {
  content: "";
  width: calc(65 * (var(--rate)));
  height: calc(65 * (var(--rate)));
  position: absolute;
  top: calc(-8 * (var(--rate)));
  left: calc(-8 * (var(--rate)));
}

.bonus_wrap:nth-of-type(1)::before {
  background: url(../../img/251113/icon_bonus01.png) no-repeat center / 100%;
}

.sec_info01 .block01 .bonus01::before {
  background: url(../../img/251113/icon_bonus01.png) no-repeat center / 100%;
}

.bonus_wrap p {
  font-size: calc(13 * (var(--rate)));
}

.bonus_wrap p>span {
  font-size: calc(18 * (var(--rate)));
  color: #FF5601;
  display: block;
  line-height: calc(21/15);
  margin-top: calc(6 * (var(--rate)));
}

.bonus_wrap p span span {
  font-size: calc(20 * (var(--rate)));
}

.bonus_wrap .note {
  font-size: calc(10 * (var(--rate)));
  line-height: calc(15/10);
  margin-top: calc(12 * (var(--rate)));
}

.bonus_wrap .img {
  width: calc(160 * (var(--rate)));
  margin: calc(15 * (var(--rate))) auto 0;
}

.frame_mini:nth-of-type(2) .bonus_wrap:nth-of-type(2) .img {
  width: calc(230 * (var(--rate)));
}

.sec_info .frame.chiket .btn {
  width: calc(290 * (var(--rate)));
  height: calc(50 * (var(--rate)));
  margin-top: calc(22 * (var(--rate)));
  background: #FF5601;
  box-shadow: 0 6px 0 #D14600;
  transition: .3s;
}

.sec_info .frame.chiket .btn a {
  font-size: calc(16 * (var(--rate)));
  color: #fff;
  position: relative;
}

.sec_info .frame.chiket .btn a::before {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='12' viewBox='0 0 6 12'><path d='M6,0l6,6H0Z' transform='translate(6) rotate(90)' fill='%23FFFFFF'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: calc(6 * (var(--rate)));
  height: calc(12 * (var(--rate)));
  position: absolute;
  top: 50%;
  right: calc(25 * (var(--rate)));
  transform: translateY(-50%);
}

.sec_info .frame.chiket .btn:hover {
  box-shadow: unset;
  transform: translateY(6px);
}

.sec_info .frame_mini.attention {
  margin-top: calc(30 * (var(--rate)));
  border: 2px solid #F20D17;
  padding: calc(17 * (var(--rate))) calc(14 * (var(--rate)));
}

.sec_info .frame_mini.attention .attention_wrap {}

.sec_info .frame_mini.attention .attention_ttl {
  font-size: calc(14 * (var(--rate)));
  color: #F20D17;
  padding-left: calc(25 * (var(--rate)));
}

.sec_info .frame_mini.attention .attention_note {
  font-size: calc(12 * (var(--rate)));
  line-height: calc(22/12);
  margin-top: calc(10 * (var(--rate)));
  text-align: justify;

}

/* ========================================================
                      * slick  *
========================================================= */

.lp_contents .slick-slide {
  margin-right: calc(10 * (var(--rate)));
}

.lp_contents .slick-list {
  overflow: hidden;
}

/* ドットナビゲーション */
.lp_contents .slick-dots {
  position: static;
  line-height: 0;
  display: flex !important;
  justify-content: center;
  gap: calc(16 * (var(--rate)));
}

.lp_contents .slick-dots li {
  margin: calc(16 * (var(--rate))) 0 0;
  width: calc(8 * (var(--rate)));
  height: calc(8 * (var(--rate)));
  border-radius: 100%;
  background: #FF7600;
  opacity: .2;
}

.lp_contents .slick-dots li:first-child:last-child {
  display: none;
}

.lp_contents .slick-dots li.slick-active {
  background: #FF6583;
  opacity: 1;
}

.lp_contents .sec_info01 .block04 .frame.pink .slick-dots li {
  background: #FF6583;
}

.lp_contents .sec_info01 .block04 .frame.purple .slick-dots li {
  background: #B46ADE;
}

.lp_contents .sec_info01 .block04 .frame.blue .slick-dots li {
  background: #5386F7;
}

.lp_contents .slick-dots li button {
  display: none;
}

.lp_contents .slick-dotted.slick-slider {
  margin: 0;
}

/* 矢印全体 */
.lp_contents .slick-prev,
.lp_contents .slick-next {
  position: absolute;
  top: calc(129 * (var(--rate)));
  width: calc(35 * (var(--rate)));
  height: calc(35 * (var(--rate)));
  background: #FF7600;
  box-shadow: 0 3px 0 #C95D00;
  color: transparent;
  border: none;
  border-radius: 50%;
  z-index: 2;
  cursor: pointer;
  transition: .3s;
}

.lp_contents .sec_info01 .block04 .frame.pink .slick-prev,
.lp_contents .sec_info01 .block04 .frame.pink .slick-next {
  background: #FF6583;
  box-shadow: 0 3px 0 #D53C59;
}

.lp_contents .sec_info01 .block04 .frame.purple .slick-prev,
.lp_contents .sec_info01 .block04 .frame.purple .slick-next {
  background: #B46ADE;
  box-shadow: 0 3px 0 #8A4FAC;
}

.lp_contents .sec_info01 .block04 .frame.blue .slick-prev,
.lp_contents .sec_info01 .block04 .frame.blue .slick-next {
  background: #5386F7;
  box-shadow: 0 3px 0 #3863C3;
}

/* ホバー時の色 */
.lp_contents .slick-prev:hover,
.lp_contents .slick-next:hover,
.lp_contents .sec_info01 .block04 .frame .slick-prev:hover,
.lp_contents .sec_info01 .block04 .frame .slick-next:hover {
  box-shadow: unset;
  /* transform: translateY(calc(-50% + 3px)); */
  transform: translateY(3px);
}

/* 左右位置 */
.lp_contents .slick-prev {
  left: calc(-22 * (var(--rate)));
}

.lp_contents .slick-next {
  right: calc(-22 * (var(--rate)));
}

/* デフォルト文字を完全に消す */
.lp_contents .slick-prev::before,
.lp_contents .slick-next::before {
  content: "";
  position: absolute;
  width: calc(7 * (var(--rate)));
  height: calc(10 * (var(--rate)));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* 矢印アイコン風の形 */
.lp_contents .slick-prev::before {
  background: url(../../img/251113/icon_arrow_left.svg) no-repeat center / 100%;
}

.lp_contents .slick-next::before {
  background: url(../../img/251113/icon_arrow_right.svg) no-repeat center / 100%;
}



.sec_info .frame dd {
    margin-top: calc(15 * (var(--rate)));
}

.sec_info02 .block02 .frame:nth-of-type(1) .lead.orange::before {
    left: calc(98 * (var(--rate)));
}

.sec_info .ttl_wrap .ico_txt {
    background: #fff;
    color: #8bd630;
    font-weight: 600;
    font-size: calc(13 * (var(--rate)));
    border-radius: calc(4 * (var(--rate)));
    padding: calc(4 * (var(--rate))) calc(8 * (var(--rate))) calc(3 * (var(--rate)));
    margin-top: calc(15 * (var(--rate)));
}

.sec_info02 .ttl_wrap .ico_txt {
    color: #ffb72a;
}

.sec_info01 .block01 .price-wrap dl {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: calc(10 * (var(--rate)));
    margin: calc(15 * (var(--rate))) calc(15 * (var(--rate)));
}

.sec_info01 .block01 .price-wrap dt {
    background: #FF7600;
    color: #fff;
    font-size: calc(13 * (var(--rate)));
    padding: calc(5 * (var(--rate))) calc(6 * (var(--rate))) calc(3 * (var(--rate)));
    margin: 0 !important;
}

.sec_info01 .block01 .price-wrap dd {
    margin: 0;
    font-size: calc(14 * (var(--rate)));
}

.sec_info01 .block01 .price-wrap dd span {
    font-size: calc(30 * (var(--rate)));
    color: #F20D17;
    letter-spacing: 0.03em;
}

.sec_info01 .block01 .price-wrap dd .tax {
    font-size: calc(16 * (var(--rate)));
}

.sec_info01 .block01 .one-day {
    border-bottom: 1px dashed;
    padding-bottom: calc(15 * (var(--rate)));
    margin-bottom: 0 !important;
}

.sec_info01 .block01 .bonus02::before {
    background: url(../../img/251113/icon_bonus02.png) no-repeat center / 100%;
}

.sec_info01 .special-gift {
    border: 2px solid;
    border-radius: calc(15 * (var(--rate)));
    width: calc(280 * (var(--rate)));
    margin: calc(30 * (var(--rate))) auto 0;
    color: #FF7600;
    position: relative;
}

.sec_info01 .special-gift .ttl {
    background: transparent;
    color: #FF7600;
    font-size: calc(14 * (var(--rate)));
}

.sec_info01 .special-gift .ttl span {
    font-weight: 700;
}

.sec_info01 .special-gift .ico-txt {
    background: #FF7600;
    color: #fff;
    font-size: calc(13 * (var(--rate)));
    padding: calc(5 * (var(--rate))) calc(6 * (var(--rate))) calc(3 * (var(--rate)));
    display: inline-block;
    line-height: 1;
    border-radius: calc(3 * (var(--rate)));
    margin: 0 calc(5 * (var(--rate))) 0 0;
}

.sec_info01 .special-gift .plus-txt {
    position: absolute;
    z-index: 1;
    top: calc(-7 * (var(--rate)));
    left: 50%;
    transform: translate(-50%, 0);
    font-weight: 700;
    background: #fffcdb;
    padding: 0 calc(10 * (var(--rate)));
}

.sec_info01 .block01 .price-wrap {
    margin: calc(20 * (var(--rate))) auto calc(30 * (var(--rate)));
}

.sec_info01 .special-gift .img {
    width: calc(100 * (var(--rate)));
    margin: 0 auto calc(20 * (var(--rate)));
}
.sec_mv .ankerlink_wrap li a:hover {
    opacity: 1;
}

.sec_info .frame.chiket .btn a:hover {
    opacity: 1;
}
.sec_info01 .frame02 .lead.orange::before {
    background: url(../../img/251113/icon_point.svg) no-repeat center / 100%;
}