@charset "UTF-8";
/*! Writen  by SCSS */
.txt_bg {
  text-shadow: #e5c130 1px 1px 2px, #e5c130 -1px 1px 2px, #e5c130 1px -1px 2px, #e5c130 -1px -1px 2px, #fff 2px 2px 3px, #fff -2px 2px 3px, #fff 2px -2px 3px, #fff -2px -2px 3px; }

.flex {
  display: flex;
  justify-content: space-between; }

.ai_fs {
  align-items: flex-start; }

.flex_wrap {
  flex-wrap: wrap; }

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

.inner {
  max-width: 960px;
  width: calc(100% - 40px);
  margin: 0 auto; }

.pos_r {
  position: relative; }

.pos_a {
  position: absolute; }

.sec01 {
  background: #fffded;
  position: relative;
  margin-top: -30px; }
  @media screen and (max-width: 1000px) {
    .sec01 {
      margin-top: 0; } }
  @media screen and (max-width: 480px) {
    .sec01 {
      padding-top: 20px; } }

.ticket_wrap {
  background: #fff;
  color: #333; }

.ticket_wrap_top {
  padding-bottom: 70px; }
  @media screen and (max-width: 480px) {
    .ticket_wrap_top {
      padding-bottom: 50px; } }

.sec02 {
  padding-top: 150px;
  background: #000;
  color: #fff; }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding-top: 50px; } }

.ticket_wrap_bottom {
  padding-bottom: 50px; }

.leaf {
  position: absolute; }

.main {
  position: relative; }
  .main::after {
    content: "";
    position: absolute;
    display: block;
    padding-top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/lp/main_cut.png") top center/contain no-repeat; }

.main_wrap {
  position: relative; }
  .main_wrap::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%; }

.main_video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 0; }
  .main_video video {
    width: 100%; }

.main_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 3.13%; }
  .main_text > span {
    max-width: 399px;
    width: 24.94%; }

.sec01_ticket_image {
  max-width: 836px;
  margin: 0 auto 30px;
  position: relative; }
  .sec01_ticket_image .cap_r {
    color: #a60d15;
    display: block;
    position: absolute;
    bottom: 1.11%;
    right: 26.56%; }
    @media screen and (max-width: 480px) {
      .sec01_ticket_image .cap_r {
        bottom: -20px;
        right: 0; } }

.sec01_image {
  margin-bottom: 45px; }
  @media screen and (max-width: 480px) {
    .sec01_image {
      margin-bottom: 30px; } }

.ticket_wrap .cap_c {
  font-size: 14px; }

.ticket_wrap_top_bg {
  background: #fffded;
  padding-bottom: 40px; }

.ticket_bg {
  background: #a60d15;
  color: #fff;
  text-align: center;
  padding: 20px 0 25px;
  margin-bottom: 30px; }
  @media screen and (max-width: 480px) {
    .ticket_bg {
      padding: 25px 0; } }
  .ticket_bg .ticket_lead {
    color: #fff; }
  .ticket_bg .ticket_image {
    margin-bottom: 30px; }

.ticket_lead {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: #a60d15;
  margin-bottom: 10px; }
  @media screen and (max-width: 1000px) {
    .ticket_lead {
      font-size: 3.2vw; } }
  @media screen and (max-width: 480px) {
    .ticket_lead {
      font-size: 22px;
      line-height: 1.6;
      font-size: 24px;
      line-height: 1.2; } }
  .ticket_lead .smoll {
    font-size: 70%; }
  .ticket_lead .big {
    font-size: 160%; }

.ticket_image {
  max-width: 880px;
  margin: 0 auto; }

.ticket_date_wrap {
  align-items: flex-start;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .ticket_date_wrap {
      display: block; } }
  .ticket_date_wrap .date_text {
    max-width: 438px;
    width: 45.63%; }
    @media screen and (max-width: 768px) {
      .ticket_date_wrap .date_text {
        width: 100%;
        margin: 0 auto 20px; } }
  .ticket_date_wrap .date_cap {
    width: 51.05%;
    color: #a60d15; }
    @media screen and (max-width: 768px) {
      .ticket_date_wrap .date_cap {
        max-width: 440px;
        width: 100%;
        margin: 0 auto; } }
    .ticket_date_wrap .date_cap .cap_l {
      font-feature-settings: "palt";
      letter-spacing: -0.05em;
      font-size: 12px;
      line-height: 1.4;
      border-top: 1px solid #a60d15;
      padding-top: 5px; }
      .ticket_date_wrap .date_cap .cap_l:first-of-type {
        margin-bottom: 5px; }

.button_wrap {
  max-width: 505px;
  width: 100%;
  margin: 0 auto; }
  .button_wrap .btn {
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .button_wrap .btn {
        margin-bottom: 15px; } }

.text_vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
  /*@include mq($br_tb){
  -ms-writing-mode: lr-tb;
  writing-mode: lr-tb;
  font-family: YakuHanMP,"Noto Serif JP", "游明朝", "Yu Mincho", YuMincho, "游明朝体", 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','HGS明朝E','ＭＳ Ｐ明朝', serif;
  }*/ }

.sec02_lead_wrap {
  position: relative;
  z-index: 2; }

.sec02_lead_box {
  flex-direction: row-reverse;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-bottom: -150px; }
  @media screen and (max-width: 480px) {
    .sec02_lead_box {
      margin-bottom: -50px; } }

.sec02_lead_text {
  font-size: 20px;
  line-height: 3.15;
  letter-spacing: 0.2em; }
  @media screen and (max-width: 1000px) {
    .sec02_lead_text {
      line-height: 2.5; } }
  @media screen and (max-width: 768px) {
    .sec02_lead_text {
      font-size: 18px; } }
  @media screen and (max-width: 600px) {
    .sec02_lead_text {
      font-size: 14px; } }

.sec02_lead_box.parallax {
  overflow: hidden; }
  .sec02_lead_box.parallax .sec02_lead_text {
    overflow: hidden;
    transform: translateY(-100%);
    transition-property: transform;
    transition-duration: 1.4s;
    transition-timing-function: ease-in-out; }
    .sec02_lead_box.parallax .sec02_lead_text.bold {
      font-weight: 700;
      margin-left: 10px; }
    .sec02_lead_box.parallax .sec02_lead_text > span {
      display: block;
      transform: translateY(100%);
      transition-property: transform;
      transition-duration: 1.4s;
      transition-timing-function: ease-in-out; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(1) {
      transition-delay: 0.3s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(1) > span {
        transition-delay: 0.3s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(2) {
      transition-delay: 0.6s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(2) > span {
        transition-delay: 0.6s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(3) {
      transition-delay: 0.8s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(3) > span {
        transition-delay: 0.8s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(4) {
      transition-delay: 1s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(4) > span {
        transition-delay: 1s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(5) {
      transition-delay: 1.2s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(5) > span {
        transition-delay: 1.2s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(6) {
      transition-delay: 1.4s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(6) > span {
        transition-delay: 1.4s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(7) {
      transition-delay: 1.6s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(7) > span {
        transition-delay: 1.6s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(8) {
      transition-delay: 1.8s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(8) > span {
        transition-delay: 1.8s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(9) {
      transition-delay: 2s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(9) > span {
        transition-delay: 2s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(10) {
      transition-delay: 2.2s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(10) > span {
        transition-delay: 2.2s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(11) {
      transition-delay: 2.4s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(11) > span {
        transition-delay: 2.4s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(12) {
      transition-delay: 2.6s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(12) > span {
        transition-delay: 2.6s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(13) {
      transition-delay: 2.8s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(13) > span {
        transition-delay: 2.8s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(14) {
      transition-delay: 3s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(14) > span {
        transition-delay: 3s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(15) {
      transition-delay: 3.2s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(15) > span {
        transition-delay: 3.2s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(16) {
      transition-delay: 3.4s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(16) > span {
        transition-delay: 3.4s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(17) {
      transition-delay: 3.6s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(17) > span {
        transition-delay: 3.6s; }
    .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(18) {
      transition-delay: 3.8s; }
      .sec02_lead_box.parallax .sec02_lead_text:nth-of-type(18) > span {
        transition-delay: 3.8s; }
  .sec02_lead_box.parallax.p-view .sec02_lead_text {
    transform: translateY(0); }
    .sec02_lead_box.parallax.p-view .sec02_lead_text > span {
      transform: translateY(0); }

.lead_leaf_01 {
  max-width: 180px;
  width: 18.75%;
  right: -0.72%;
  bottom: 92.11%; }

.lead_leaf_02 {
  max-width: 154px;
  width: 16.05%;
  right: -3.85%;
  bottom: 35.75%; }

.lead_leaf_03 {
  max-width: 119px;
  width: 12.4%;
  left: -3.12%;
  bottom: 12.07%; }

.sec02_lead_bg_01 img {
  width: 100%; }

.sec02_lead_image_wrap {
  position: relative;
  z-index: 2; }
  .sec02_lead_image_wrap .sec02_lead_image_item {
    width: 25%; }
    .sec02_lead_image_wrap .sec02_lead_image_item img {
      width: 100%; }

.sec02_lead_bottom {
  position: relative;
  z-index: 1; }
  .sec02_lead_bottom::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 57.82%; }
    @media screen and (max-width: 480px) {
      .sec02_lead_bottom::before {
        padding-top: 70%; } }
  .sec02_lead_bottom::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15%;
    pointer-events: none;
    z-index: -1;
    background: #000;
    transform: skewY(-9.8deg); }
    @media screen and (max-width: 480px) {
      .sec02_lead_bottom::after {
        bottom: 12%; } }
  .sec02_lead_bottom .inner {
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 17.5%; }

.sec02_lead_bg_02 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .sec02_lead_bg_02 img {
    width: 100%; }

.sec02_lead_bottom_text {
  font-size: 34px;
  line-height: 1.7;
  letter-spacing: 0.2em; }
  @media screen and (max-width: 1240px) {
    .sec02_lead_bottom_text {
      font-size: 2.74vw; } }
  @media screen and (max-width: 480px) {
    .sec02_lead_bottom_text {
      font-size: 20px; } }

.lead_leaf_04 {
  max-width: 95px;
  width: 9.9%;
  right: -2.08%;
  top: 47.57%; }

.lead_leaf_05 {
  max-width: 279px;
  width: 29.07%;
  right: -3.64%;
  top: 54.38%; }

.sec02_lead_bg_03 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }
  .sec02_lead_bg_03 img {
    width: 100%; }

.sec02_text_box {
  max-width: 410px;
  width: 100%; }
  @media screen and (max-width: 1000px) {
    .sec02_text_box {
      width: 42.71%; } }
  @media screen and (max-width: 768px) {
    .sec02_text_box {
      width: 100%;
      margin: 0 auto; } }
  .sec02_wrap_01 .sec02_text_box, .sec02_wrap_03 .sec02_text_box {
    margin-left: auto; }
  .sec02_text_box .sec02_box_head {
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
    @media screen and (max-width: 1000px) {
      .sec02_text_box .sec02_box_head {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 7.32%; } }
    @media screen and (max-width: 1000px) {
      .sec02_wrap_01 .sec02_text_box .sec02_box_head {
        max-width: 206px;
        width: 50.25%; } }
    @media screen and (max-width: 1000px) {
      .sec02_wrap_02 .sec02_text_box .sec02_box_head {
        max-width: 187px;
        width: 45.61%; } }
    @media screen and (max-width: 1000px) {
      .sec02_wrap_03 .sec02_text_box .sec02_box_head {
        max-width: 182px;
        width: 44.4%; } }
  .sec02_text_box .sec02_box_text {
    font-size: 14px;
    font-weight: bold;
    line-height: 2;
    margin-bottom: 30px; }
    @media screen and (max-width: 1000px) {
      .sec02_text_box .sec02_box_text {
        margin-bottom: 7.32%; } }
    @media screen and (max-width: 1000px) {
      .sec02_text_box .sec02_box_text br {
        display: none; } }
  .sec02_text_box .sec02_image_list {
    align-items: flex-start; }
    .sec02_text_box .sec02_image_list .sec02_image_item {
      max-width: 196px;
      width: 47.81%; }

.sec02_wrap_01 {
  margin-top: -14.37%;
  position: relative;
  z-index: 1;
  background: url("../images/lp/bg04.jpg") left bottom/cover no-repeat; }
  @media screen and (max-width: 768px) {
    .sec02_wrap_01 {
      background: url("../images/lp/bg04_sp.jpg") center top/100% auto no-repeat;
      padding-top: 90%; } }
  .sec02_wrap_01::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 81.25%; }
    @media screen and (max-width: 768px) {
      .sec02_wrap_01::before {
        content: none; } }
  .sec02_wrap_01 .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end; }
    @media screen and (max-width: 1240px) {
      .sec02_wrap_01 .inner {
        padding-top: 9.68%;
        justify-content: flex-start; } }
    @media screen and (max-width: 1000px) {
      .sec02_wrap_01 .inner {
        padding-top: 5%; } }
    @media screen and (max-width: 768px) {
      .sec02_wrap_01 .inner {
        padding-top: 0;
        position: static; } }

.sec02_wrap_02 {
  position: relative;
  z-index: 2;
  color: #000;
  background: url("../images/lp/bg05.png") left bottom/100% auto no-repeat;
  margin-top: -28.12%; }
  @media screen and (max-width: 1000px) {
    .sec02_wrap_02 {
      background-size: cover; } }
  @media screen and (max-width: 768px) {
    .sec02_wrap_02 {
      margin-top: 30px;
      padding-bottom: 20%; } }
  .sec02_wrap_02::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 71.07%; }
    @media screen and (max-width: 1000px) {
      .sec02_wrap_02::before {
        padding-top: 80%; } }
    @media screen and (max-width: 768px) {
      .sec02_wrap_02::before {
        content: none; } }
  .sec02_wrap_02 .inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    @media screen and (max-width: 768px) {
      .sec02_wrap_02 .inner {
        position: static; } }

.sec02_02_right_image {
  position: absolute;
  top: 13.2%;
  bottom: 4.14%;
  right: 0;
  max-width: 850px;
  width: 53.13%; }
  @media screen and (max-width: 768px) {
    .sec02_02_right_image {
      width: 80%;
      margin-bottom: -30px;
      position: static;
      margin-left: auto; } }
  @media screen and (max-width: 480px) {
    .sec02_02_right_image {
      width: 90%; } }
  .sec02_02_right_image img {
    width: 100%; }

.sec02_02_leaf {
  max-width: 169px;
  width: 41.22%;
  top: 9.26%;
  right: -21.95%; }

.sec02_wrap_03 {
  position: relative;
  z-index: 1;
  margin-top: -12.5%;
  padding-top: 16.88%;
  padding-bottom: 19.69%;
  background: url("../images/lp/bg06.jpg") left top/100% auto no-repeat; }
  @media screen and (max-width: 768px) {
    .sec02_wrap_03 {
      margin-top: -16%;
      background: url("../images/lp/bg06_sp.jpg") center top/100% auto no-repeat;
      padding-top: 90%;
      padding-bottom: 150px; } }
  @media screen and (max-width: 768px) {
    .sec02_wrap_03::after {
      content: "";
      display: block;
      position: absolute;
      z-index: -3;
      pointer-events: none;
      padding-top: 22.5%;
      left: 0;
      right: 0;
      bottom: 0;
      background: url("../images/lp/bg06_sp_bottom.png") left bottom/100% auto no-repeat; } }
  @media screen and (max-width: 480px) {
    .sec02_wrap_03::after {
      bottom: 50px; } }

.sec03_01_leaf {
  max-width: 81px;
  width: 5.07%;
  top: 17.47%;
  right: 7.01%; }
  @media screen and (max-width: 768px) {
    .sec03_01_leaf {
      max-width: 81px;
      width: 8.44%;
      top: auto;
      bottom: 40%;
      z-index: -1; } }
  @media screen and (max-width: 480px) {
    .sec03_01_leaf {
      bottom: 60%; } }

.sec03_02_leaf {
  max-width: 181px;
  width: 11.32%;
  top: 20.97%;
  right: 0; }
  @media screen and (max-width: 768px) {
    .sec03_02_leaf {
      max-width: 181px;
      width: 18.86%;
      top: auto;
      bottom: 30%;
      z-index: -1; } }
  @media screen and (max-width: 480px) {
    .sec03_02_leaf {
      bottom: 50%; } }

.sec03_03_leaf {
  max-width: 311px;
  width: 32.4%;
  bottom: 7.43%;
  left: 10.63%; }
  @media screen and (max-width: 768px) {
    .sec03_03_leaf {
      z-index: -1;
      left: 20px;
      bottom: 20px; } }

.copyright {
  margin-top: 30px;
  text-align: center;
  font-size: 12px; }

.img_cap {
  position: relative; }
  .img_cap span {
    background: rgba(0, 0, 0, 0.6);
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    line-height: 1.5;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right; }
  .img_cap.white span {
    background: rgba(255, 255, 255, 0.6);
    color: #333333; }

/*.pagetop{
	position: fixed;
	bottom: 20px;
	right: -60px;
	transition: all 0.5s ease-in-out 0s;
	
	&.scrolled{
		right: 20px;
	}
}

.pagetop2{
	position: fixed;
	bottom: 80px;
	right: -60px;
	transition: all 0.5s ease-in-out 0s;
	&.scrolled{
		right: 20px;
	}
}*/
/*パララックス*/
.fadeup {
  transition-property: transform,opacity;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out;
  opacity: 0;
  transform: translateY(30px); }
  @media screen and (max-width: 480px) {
    .fadeup {
      transform: translateY(20px); } }

.delay_01 {
  transition-delay: 0.2s; }
.delay_02 {
  transition-delay: 0.4s; }
.delay_03 {
  transition-delay: 0.6s; }
.delay_04 {
  transition-delay: 0.8s; }
.delay_05 {
  transition-delay: 1s; }

.p-view.fadeup,
.p-view .fadeup {
  opacity: 1;
  transform: translateY(0px); }

.slide_l {
  transform: translateX(-100%) rotate(0.001deg);
  overflow: hidden;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out; }
  .slide_l > * {
    transform: translateX(100%) rotate(0.001deg);
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out; }
  .p-view .slide_l, .slide_l.p-view {
    transform: translateX(0); }
    .p-view .slide_l > *, .slide_l.p-view > * {
      transform: translateX(0); }

.slide_r {
  transform: translateX(100%) rotate(0.001deg);
  overflow: hidden;
  transition-property: transform;
  transition-duration: 0.8s;
  transition-timing-function: ease-in-out; }
  .slide_r > * {
    transform: translateX(-100%) rotate(0.001deg);
    overflow: hidden;
    transition-property: transform;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out; }
  .p-view .slide_r, .slide_r.p-view {
    transform: translateX(0); }
    .p-view .slide_r > *, .slide_r.p-view > * {
      transform: translateX(0); }

/*# sourceMappingURL=lp.css.map */