.h1 {
  color: #EC59BA;
  font-size: 18vw;
  text-align: center;
  padding-top: 50px;
  padding-bottom: 100px;
}
@media (max-width: 960px) {
  .h1 {
    padding-top: 25px;
    padding-bottom: 50px;
  }
}

.h1 span {
  display: none;
}

.h1::after {
  content: "|";
  animation: typinganime .8s ease infinite;
}
@keyframes typinganime{
  from{opacity:0}
  to{opacity:1}
}

h2 {
  color: #EC59BA;
  font-size: 15vw;
  text-align: center;
  padding-top: 100px;
}
@media (max-width: 960px) {
  h2 {
    padding-top: 50px;
  }
}

h3 {
  color: #EC59BA;
  font-size: 2.5rem;
  display: flex;
}

h3::before,
h3::after {
  content: '';
  width: 25px;
  height: 1px;
  background-color: #EC59BA;
}

h3::before {
  margin-right: 20px;
  margin-top: 15px;
}

h3::after {
  margin-left: 20px;
  margin-top: 15px;
}

@media (max-width: 700px) {
  h3::before,
h3::after {
  content: '';
  width: 25px;
  height: 1px;
  background-color: #EC59BA;
}

h3::before {
  margin-right: 20px;
  margin-top: 10px;
}

h3::after {
  margin-left: 20px;
  margin-top: 10px;
}
}

.fv {
  position: relative;
}

.fv_pc {
  display: block;
  width: 100%;
  background-image: url(../img/top/top_fv_pc01.webp);
  height: 800px;
  background-repeat: no-repeat;
  object-fit: contain;
  background-size: cover;
  background-position: center;
}



@media (max-width: 959px) {
  .fv_pc {
    display: none;
  }
}


@media (min-width: 960px) {
  .fv_sp {
    display: none;
    background-image: url(../img/top/top_fv_sp.webp);
    width: 100%;
    height: 200vw;
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: cover;
    background-position: center;
  }
}

@media (max-width: 960px) {
  .fv_sp {
    display: block;
    background-image: url(../img/top/top_fv_sp.webp);
    width: 100%;
    height: 700px;
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: cover;
    background-position: center;
  }
}

.top_comment {
  font-family: 'Arvo', serif;
  font-weight: bold;
  font-size: 2.8vw;
  position: absolute;
  top: 200px;
  color: #fff;
  margin-left: 50px;
  text-shadow: 4px 3px 3px #581B74; 
}

.top_comment2 {
  font-family: 'Arvo', serif;
  font-weight: bold;
  font-size: 2.8vw;
  position: absolute;
  top: 270px;
  color: #fff;
  margin-left: 50px;
  text-shadow: 4px 3px 3px #581B74;
}

@media (max-width: 1030px) {
  .top_comment {
    margin-left: 50px;
    font-size: 2.5rem;
    top: 120px;
  }

  .top_comment2 {
    font-size: 2.5rem;
    margin-left: 50px;
    top: 160px;
  }
}
@media (max-width: 700px) {
  .top_comment {
    margin-left: 20px;
    top: 620px;
  }

  .top_comment2 {
    margin-left: 20px;
    top: 650px;
  }
}



.main {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
@media (max-width: 1030px) {
  .main {
    padding-bottom: 50px;
  }
}
@media (max-width: 700px) {
  .main {
    display: block;
  }
}


.live {
  width: 400px;
  height: 600px;
  margin-right: 50px;
}
@media (max-width: 1030px) {
  .live {
    width: 200px;
    height: 300px;
    margin-left: 50px;
  }
}
@media (max-width: 1030px) {
  .live {
    margin-left: 20px;
  }
}

.main_comment p {
  font-size: 2rem;
  line-height: 4rem;
  color: #383838;
}
@media (max-width: 1030px) {
  .main_comment p {
    padding-right: 50px;
  }
}
@media (max-width: 700px) {
  .main_comment p {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    font-size: 1.6rem;
  }
}

.main_comment p span {
  color: #EC59BA;
}


.more a {
  font-size: 1.5rem;
  line-height: 50px;
  color: #383838;
  border: 1px solid #EC59BA;
  border-radius: 100px;
  width: 150px;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
  margin-top: 50px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .more a {
    margin-top: 0;
    width: 335px;
    margin-bottom: 0;
    margin: 0 auto;
  }
}

.menu {
  background-color: #383838;
  padding-bottom: 100px;
}
@media (max-width: 1030px) {
  .menu {
    padding-bottom: 50px;
  }
}

.menu h2 {
  text-align: center;
}

.menu h3 {
  justify-content: center;
}

.menu_heading h3 {
  text-align: center;
  padding-top: 50px;
}
@media (max-width: 700px) {
  .menu_heading h3 {
    padding-top: 30px;
    font-size: 1.6rem;
  }
}

.menu_comment {
  padding: 50px 0 30px 0;
}
@media (max-width: 700px) {
  .menu_comment {
    padding: 30px 20px 30px 20px;
  }
}

.menu_comment p {
  text-align: center;
  color: #fff;
  font-size: 2rem;
  line-height: 3rem;
}
@media (max-width: 700px) {
  .menu_comment p {
    font-size: 1.6rem;
  }
}




.more_menu a {
  font-size: 1.5rem;
  line-height: 50px;
  color: #fff;
  border: 1px solid #EC59BA;
  border-radius: 100px;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .more_menu a {
    width: 335px;
    margin: 0 auto 30px auto;
  }
}

.menu_img {
  background-image: url(../img/top/top_menu_pc.webp);
  width: 100%;
  height: 800px;
  background-repeat: no-repeat;
  object-fit: contain;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1030px) {
  .menu_img {
    display: none;
  }
}
@media (max-width: 1030px) {
  .menu_img {
    display: block;
    background-image: url(../img/top/top_menu_sp.webp);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    object-fit: contain;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 700px) {
  .menu_img {
    height: 200px;
  }
}

.bokking {
  background-color: #BDBDBD;
}

.bokking_freame {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
@media (max-width: 1030px) {
  .bokking_freame {
    padding-bottom: 50px;
  }
}
@media (max-width: 700px) {
  .bokking_freame {
    flex-direction: column;
    padding-bottom: 0;
  }
}


.bokking_sentence {
  margin-right: 130px;
}
@media (max-width: 700px) {
  .bokking_sentence {
    margin-right: 0;
  }
}

@media (max-width: 700px) {
  .bokking_sentence p {
    text-align: center;
  }
}


.bokking h3{
  padding-bottom: 50px;
}
@media (max-width: 700px) {
  .bokking h3 {
    justify-content: center;
    padding-top: 30px;
    font-size: 1.6rem;
  }
}

.bokking_comment p {
font-size: 2.0rem;
}
@media (max-width: 700px) {
  .bokking_comment p {
    font-size: 1.6rem;
    }
}


.more_bokking {
  padding-top: 30px;
}

.more_bokking a {
  font-size: 1.5rem;
  line-height: 50px;
  color: #383838;
  border: 1px solid #EC59BA;
  border-radius: 100px;
  width: 150px;
  text-align: center;
  display: block;
  text-decoration: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  transition: 0.3s;
}
@media (max-width: 700px) {
  .more_bokking a {
    margin-top: 0;
    width: 335px;
    margin-bottom: 0;
    margin: 0 auto;
  }
}

@media (max-width: 700px) {
  .bokking_live_freame {
    margin-left: auto;
    padding-right: 20px;
  }
}

.bokking_live {
  height: 500px;
  width: 500px;
  padding-top: 100px;
}
@media (max-width: 1030px) {
  .bokking_live {
    height: 250px;
    width: 250px;
    padding-top: 50px;
    padding-bottom: 20px;
  }
}
@media (max-width: 700px) {
  .bokking_live {
    padding-top: 30px;
  }
}

.bokking_slide_wrap {
  display: flex;
}

.scroll-infinity__wrap {
  padding-bottom: 100px;
  width: 100%;
  margin: 50px auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1030px) {
  .scroll-infinity__wrap {
    padding-bottom: 50px;
  }
}
@media (max-width: 700px) {
  .scroll-infinity__wrap {
    margin: 0;
  }
}

/**
.bokking_slide_wrap {
  display: flex;
}

.bokking_slide {
  padding-bottom: 100px;
  width: 100%;
  margin: 50px auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1030px) {
  .bokking_slide {
    padding-bottom: 50px;
  }
}
@media (max-width: 700px) {
  .bokking_slide {
    margin: 0;
  }
}
*/


/*.slide {
  width: 300px;
  object-fit:cover;
  margin-left: 100px;
}
@media (max-width: 1030px) {
  .slide {
    width: 150px;
    height: 100px;
  }
}
@media (max-width: 700px) {
  .slide {
    width: 150px;
    height: 100px;
    margin-left: 50px;
    margin-top: 20px;
  }
}*/

/*@keyframes slide-flow {
  0% {transform: translateX(0);}
  100% {transform: translateX(calc(-100% * 3));} 
}*/

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
    to {
    transform: translateX(-100%);
  }
  }
  .scroll-infinity__wrap {
    display: flex;
    overflow: hidden;
  }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0
  }
  .scroll-infinity__list--left {
    animation: infinity-scroll-left 20s infinite linear 1s both;
  }
  .scroll-infinity__item {
    width: calc(100vw / 6);
    padding-right: 50px;
  }
  @media (max-width: 700px) {
    .scroll-infinity__item {
      width: calc(150vw / 6);
      padding-right: 50px;
    }
  }
  .scroll-infinity__item>img {
    width: 100%;
  }






  

.access_heading h3 {
  text-align: center;
  padding-top: 50px;
  justify-content: center;
}
@media (max-width: 1030px) {
  .access_heading h3 {
    padding-top: 30px;
  }
}
@media (max-width: 700px) {
  .access_heading h3 {
    font-size: 1.6rem;
  }
}


.access_comment p {
  text-align: center;
  color: #383838;
  font-size: 2rem;
  line-height: 4rem;
  padding-top: 50px;
}
@media (max-width: 700px) {
  .access_comment p {
    padding-top: 30px;
    font-size: 1.6rem;
  }
}
.access_comment a {
  color: #383838;
  text-decoration: none;
}


.more_access a {
  font-size: 1.5rem;
  line-height: 50px;
  color: #383838;
  border: 1px solid #EC59BA;
  border-radius: 100px;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  margin-bottom: 50px;
  margin-top: 20px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  transition: 0.3s;
}
@media (max-width: 1030px) {
  .more_access a {
    margin-bottom: 30px;
  }
}
@media (max-width: 700px) {
  .more_access a {
        width: 335px;
    }
  }
  a.btn--orange {
    color: #383838;
    border-bottom: 1px solid #EC59BA;
  }
  a.btn--orange:hover {
    color: #fff;
    background: #EC59BA;;
  }
  a.btn--shadow {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  }

  a.btn--orange01 {
    color: #fff;
    border-bottom: 1px solid #EC59BA;
  }
  a.btn--orange01:hover {
    color: #383838;
    background: #EC59BA;
  }
  a.btn--shadow01 {
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  }