@charset "UTF-8";
dt {
  font-weight: normal;
}

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

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

.fade-in-out {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-in-out.active {
  opacity: 1;
  transform: translateY(0);
}

.mv div picture img {
  width: 100%;
  pointer-events: none;
}

.main {
  background-color: #000;
  color: white;
  text-align: center;
  padding: 0 0 16rem 0;
}
@media screen and (max-width: 767px) {
  .main {
    width: 100%;
    padding: 0 0 17.8666666667vw 0;
  }
}
.main .main__wrap {
  width: calc(100% - 45.39vw);
  margin: 0 auto;
}
.main .main__wrap.ex {
  width: calc(100% - 30.39vw);
}
@media screen and (max-width: 1052px) {
  .main .main__wrap,
  .main .main__wrap.ex{
    width: calc(100% - 11.7333333333vw);
  }
}
@media screen and (max-width: 767px) {
  .main .main__wrap {
    width: calc(100% - 11.7333333333vw);
  }
  .main .main__wrap.ex {
    width: 100%;
  }
}
.main .main__wrap .main__area-date {
  width: 100%;
}
@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-date {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-date {
    width: 100%;
  }
}
.main .main__wrap .main__area-date h2,
.main .main__wrap .main__area-date .lyt-h2{
  margin: 0 auto;
  color: #FFE418;
  font-size: 4.4rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  font-family: "Hanken Grotesk", sans-serif;
  padding: 12rem 0 3.5rem 0;
}
.main .main__wrap .main__area-date .lyt-h2{
  line-height: 1.3;
}
.main .main__wrap .main__area-date .lyt-h2 .att{
  color: red;
  padding-bottom: 2.5rem;
}
.main .main__wrap .main__area-date .lyt-h2 + h2{
  padding: 3rem 0 3.5rem 0;
}

@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-date h2,
  .main .main__wrap .main__area-date .lyt-h2 {
    font-size: 4.8vw;
    padding: 13.8666666667vw 0 4.8vw 0;
  }
	
　/*.main .main__wrap .main__area-date .lyt-h2 .att{
    padding-bottom: 1.8vw;
  }
　.main .main__wrap .main__area-date .lyt-h2 + h2{
    padding: 3.8666666667vw 0 4.8vw 0;
  }*/
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-date h2,
  .main .main__wrap .main__area-date .lyt-h2 {
    font-size: 4.8vw;
    padding: 13.8666666667vw 0 4.8vw 0;
  }
}
.main .main__wrap .main__area-date h2 .bigfont {
  font-size: 5.4rem;
  margin: 0 1.3rem 0 0;
}
@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-date h2 .bigfont {
    font-size: 7.4666666667vw;
    margin: 0 1.3333333333vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-date h2 .bigfont {
    font-size: 7.4666666667vw;
    margin: 0 1.3333333333vw 0 0;
  }
}
.main .main__wrap .main__area-date h2 .hyphen {
  margin: 0 1.5rem;
}
@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-date h2 .hyphen {
    margin: 0 1.3333333333vw;
    font-size: 7.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-date h2 .hyphen {
    margin: 0 1.3333333333vw;
    font-size: 7.4666666667vw;
  }
}

.collabo__wrpa .collabo__pricebox-sub.top {
	padding-top: .6em;
}
em.extension {
  position: relative;
  font-style: normal;
	width: 100%;
  /*margin: 0 1.5rem;*/
}
em.extension::before {
  content: "";
  position: absolute;
  top: .55em;
  width: 100%;
  height: 6px;
  background-color: red;
 }

em.extension .time {
  position: absolute;
  top: -1.2em;
  left: 0;
	color: red;	
 }
.collabo__wrpa em.extension::before {
  top: .65em;
  height: 3px;
 }
.collabo__wrpa em.extension .time {
	width: 7em;
  top: -.9em;
  left: -.2em;
	font-weight: 600;
 }

@media screen and (max-width: 1052px) {
  .main__area-date em.extension::after {
    font-size: 5.4vw;
  }	
  em.extension .time {
    top: -1.8em;
  }
}
@media screen and (max-width: 767px) {
  em.extension::before {
    height: 4px;
  }
}





.main .main__wrap .main__area-txtbox {
  width: 100%;
  margin: 0 auto 4.5rem auto;
}
@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-txtbox {
    width: 100%;
    margin: 0 auto 5.3333333333vw auto;
  }
}
.main .main__wrap .main__area-txtbox p {
  font-size: 2rem;
  line-height: 4.5rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-txtbox p {
    font-size: 4.2666666667vw;
    line-height: 9.6vw;
    text-align: left;
    margin: 0 auto 8vw auto;
  }
}
.main .main__wrap .main__area-addtbox {
  width: 100%;
  margin: 0 auto 6rem auto;
}
@media screen and (max-width: 1052px) {
  .main .main__wrap .main__area-addtbox {
    width: 100%;
    margin: 0 auto 8vw auto;
  }
}
.main .main__wrap .main__area-addtbox p {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 4.5rem;
  color: #FFE418;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-addtbox p {
    font-size: 4.2666666667vw;
    line-height: 6.9333333333vw;
    margin: 0 auto 10.6666666667vw auto;
  }
}
.main .main__wrap .main__area-pricebox {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-pricebox {
    width: 100%;
  }
}
.main .main__wrap .main__area-pricebox-ttl {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 4rem 0;
  text-decoration: underline;
  text-underline-offset: 1.3rem;
  text-decoration-thickness: 0.3rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-pricebox-ttl {
    font-size: 4.2666666667vw;
    font-weight: 700;
    margin: 0 0 5.3333333333vw 0;
    text-underline-offset: 2.1333333333vw;
    text-decoration-thickness: 0.5333333333vw;
  }
}
.main .main__wrap .main__area-pricebox-sub {
  font-size: 1.6rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-pricebox-sub {
    font-size: 4.2666666667vw;
    line-height: 6.9333333333vw;
    font-weight: 700;
  }
}
.main .main__wrap .main__area-pricebox-price {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin: 1rem 0 2.8rem 0;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-pricebox-price {
    font-size: 6.1333333333vw;
    letter-spacing: 0.2666666667vw;
    margin: 2.1333333333vw 0 6.6666666667vw 0;
    font-weight: 700;
  }
}
.main .main__wrap .main__area-pricebox-price span {
  font-size: 2.5rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-pricebox-price span {
    font-size: 4.8vw;
  }
}
.main .main__wrap .main__area-notesbox {
  width: 100%;
  max-width: 61rem;
  margin: 5rem auto 8.4rem auto;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-notesbox {
    width: 100%;
    margin: 5.8666666667vw auto 6.6666666667vw auto;
    font-size: 2.9333333333vw;
    line-height: 4.8vw;
  }
}
.main .main__wrap .main__area-notesbox li {
  position: relative;
  padding: 0 0 0 1.1rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-notesbox li {
    padding: 0 0 0 2.6666666667vw;
  }
}
.main .main__wrap .main__area-notesbox li::after {
  content: "※";
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  font-size: 1rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-notesbox li::after {
    font-size: 2.6666666667vw;
  }
}
.main .main__wrap .main__area-dl {
  width: 60rem;
  margin: 0 auto;
  background-color: #F5F3EF;
  padding: 4.5rem 2rem 5.4rem;
  outline: 1px solid #333;
  outline-offset: -5px;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-dl {
    width: 100%;
    padding: 7.4666666667vw 5.3333333333vw 8.5333333333vw;
  }
}
.main .main__wrap .main__area-dl dl {
  width: 100%;
  margin: 0 auto;
}
.main .main__wrap .main__area-dl dl dt {
  color: #B78000;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.4rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-dl dl dt {
    font-size: 4.2666666667vw;
    line-height: 5.8666666667vw;
    font-weight: 700;
  }
}
.main .main__wrap .main__area-dl dl p {
  color: #000;
  font-size: 1.4rem;
  line-height: 2.3rem;
  font-weight: 400;
  margin: 1.5rem auto;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-dl dl p {
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    margin: 2.6666666667vw auto 5.3333333333vw auto;
  }
}
.main .main__wrap .main__area-dl dl dd {
  width: 24.5rem;
  margin: 0 auto 0 auto;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #B78000;
  padding: 1.7rem 2rem;
  transition: 0.4s;
  position: relative;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-dl dl dd {
    width: 60vw;
    font-size: 4.2666666667vw;
    padding: 2.1333333333vw 6.6666666667vw 2.1333333333vw 4vw;
  }
}
.main .main__wrap .main__area-dl dl dd::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1.4rem;
  background-image: url(../img/arw-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  position: absolute;
  top: 38%;
  right: 2rem;
}
@media screen and (max-width: 767px) {
  .main .main__wrap .main__area-dl dl dd::after {
    width: 1.8666666667vw;
    top: 30%;
    right: 3.2vw;
  }
}
@media (hover: hover) {
  .main .main__wrap .main__area-dl dl dd:hover {
    opacity: 0.6;
  }
}

.main-second {
  width: 100%;
  margin: 0.5rem auto 0 auto;
  vertical-align: bottom;
  position: relative;
  height: 21.96vw;
}
@media screen and (max-width: 1052px) {
  .main-second {
    width: 100%;
    margin: 0vw auto;
    height: 26.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .main-second {
    width: 100%;
    margin: 0vw auto;
    height: 40vw;
  }
}
.main-second picture {
  display: block;
  width: 100%;
}
.main-second picture img {
  position: absolute;
  width: 100%;
  bottom: -0.2rem;
}
@media screen and (max-width: 767px) {
  .main-second picture img {
    bottom: 0vw;
  }
}

.main-third {
  background-color: #000;
  padding: 11.3rem 0 11rem 0;
}
@media screen and (max-width: 767px) {
  .main-third {
    padding: 10.6666666667vw 0 14vw 0;
  }
}
.main-third .main__area-thirdbox {
  max-width: 100.5rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6rem 7rem;
}
@media screen and (max-width: 1052px) {
  .main-third .main__area-thirdbox {
    width: calc(100% - 5rem);
    gap: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox {
    width: calc(100% - 22.9333333333vw);
    max-width: 77.0666666667vw;
    gap: 4vw 0;
  }
}
.main-third .main__area-thirdbox a {
  display: block;
  text-align: center;
  position: relative;
  transition: 0.4s;
  background-color: #fff;
  border-radius: 1.6rem 0 0 0;
}
.main-third .main__area-thirdbox a::before {
  content: "";
  position: absolute;
  width: 97.3%;
  height: 16.5rem;
  left: 1rem;
  top: 1rem;
  background: #fff;
  border-radius: 1.6rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a::before {
    height: 42.6666666667vw;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox {
  width: 28rem;
  position: relative;
  padding: 2.5rem 0.5rem 2rem 0.5rem;
  background-color: #fff;
  border: 0.5rem solid #000;
  border-radius: 1.5rem 0 0 0;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox {
    width: 76.5333333333vw;
    padding: 5.8666666667vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
  }
}
@media (hover: hover) {
  .main-third .main__area-thirdbox a .main__area-cbox:hover {
    opacity: 0.6;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card {
  color: #d61313;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card dt {
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.5rem;
  text-decoration-thickness: 0.3rem;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox .main__area-card dt {
    font-size: 4.8vw;
    text-underline-offset: 1.6vw;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card dd {
  font-size: 2.6rem;
  font-weight: 700;
  margin: 2rem 0 2.1rem 0;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox .main__area-card dd {
    font-size: 6.9333333333vw;
    margin: 5.3333333333vw 0 4vw 0;
    letter-spacing: 0.1333333333vw;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card dd span {
  display: block;
  font-size: 1.3rem;
  margin: 0.3rem 0;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox .main__area-card dd span {
    font-size: 3.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox .main__area-card .dd-sp {
    letter-spacing: -0.0533333333vw;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card p {
  width: 2.2rem;
  height: 0.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .main-third .main__area-thirdbox a .main__area-cbox .main__area-card p {
    margin: 5.3333333333vw auto 0 auto;
  }
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card p img {
  width: 100%;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .flag {
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 4rem solid transparent;
  border-bottom: 4rem solid #CF0000;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .blue {
  border-bottom: 4rem solid #201BC2;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .ylw {
  border-bottom: 4rem solid #D7AA00;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .gray {
  border-bottom: 4rem solid #939393;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .org {
  border-bottom: 4rem solid #F36A00;
}
.main-third .main__area-thirdbox a .main__area-cbox .main__area-card .ppr {
  border-bottom: 4rem solid #6B4095;
}
.main-third .main__area-thirdbox a .main__area-cbox .blue {
  color: #201BC2;
}
.main-third .main__area-thirdbox a .main__area-cbox .ylw {
  color: #D7AA00;
}
.main-third .main__area-thirdbox a .main__area-cbox .gray {
  color: #939393;
}
.main-third .main__area-thirdbox a .main__area-cbox .org {
  color: #F36A00;
}
.main-third .main__area-thirdbox a .main__area-cbox .ppr {
  color: #6B4095;
}

.room {
  width: 100%;
  background-color: #CF0000;
  padding: 0 0 10rem 0;
  position: relative;
  margin: 0.1rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .room {
    padding: 0 0 21.3333333333vw 0;
    margin: 0.5333333333vw 0 0 0;
  }
}
.room::before {
  content: "";
  background-image: url(../img/bg_room1-01_pc.png);
  max-width: 71rem;
  width: 50vw;
  height: 67vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .room::before {
    background-image: url(../img/bg_room1-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.room::after {
  content: "";
  background-image: url(../img/bg_room1-02_pc.png);
  max-width: 71rem;
  width: 48.7vw;
  height: 83vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 1rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .room::after {
    background-image: url(../img/bg_room1-02_sp.png);
    max-width: 64vw;
    width: 62.56vw;
    height: 189.1333333333vw;
    right: 0vw;
    bottom: 1.3333333333vw;
  }
}
.room .room__wrap {
  width: calc(100% - 26.7vw);
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap {
    width: calc(100% - 20vw);
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap {
    width: calc(100% - 11.7333333333vw);
  }
}
.room .room__wrap .room__box .room__ttl {
  padding: 7rem 0 4rem 0;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__ttl {
    padding: 10.6666666667vw 0 5.3333333333vw 0;
  }
}
.room .room__wrap .room__box .room__ttl h3 {
  font-size: 3.6rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 0.7rem;
  text-decoration-thickness: 0.3rem;
}
.room .room__wrap .room__box .room__ttl h3 span {
  font-size: 6.3rem;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__ttl h3 {
    font-weight: 800;
  }
}
.room .room__wrap .room__box .room__rogo {
  width: 35rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__rogo {
    width: 66.6666666667vw;
  }
}
.room .room__wrap .room__box .room__rogo img {
  width: 100%;
}
.room .room__wrap .room__box .room__mv {
  max-width: 80rem;
  margin: 4.5rem auto 10.5rem;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__mv {
    max-width: 100%;
    margin: 8vw auto 12vw;
  }
}
.room .room__wrap .room__box .room__mv img {
  width: 100%;
}
.room .room__wrap .room__box .room__amenities {
  font-size: 4.1rem;
  font-family: "Hanken Grotesk", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #fff;
  margin: 0 0 5.5rem 0;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities {
    font-size: 9.3333333333vw;
    line-height: 9.3333333333vw;
    margin: 0 0 12vw 0;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox {
  max-width: 100rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0 9rem;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__amenities-flexbox {
    max-width: 90rem;
    width: 100%;
    display: block;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 8rem 0;
  text-align: center;
  color: #fff;
  margin: 0 0 4rem 0;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex {
    gap: 5.3333333333vw 0;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex {
    gap: 10.6666666667vw 0;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section:first-of-type {
  width: 35rem;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section:first-of-type {
    width: 93%;
    margin: 0 auto;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section div img {
  width: 100%;
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section:nth-of-type(2) {
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section:nth-of-type(2) {
    width: 63.4666666667vw;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section:nth-of-type(2) div img {
  width: 100%;
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section p {
  font-size: 2rem;
  font-weight: 700;
  margin: 2rem 0 1rem 0;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section p {
    font-size: 5.3333333333vw;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex section span {
  font-weight: 400;
  font-size: 1.4rem;
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 {
  margin: 4.5rem 0 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 9rem;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 {
    gap: 5.3333333333vw 0;
    flex-direction: column;
    margin: 5.3333333333vw auto 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 {
    gap: 10.6666666667vw 0;
    margin: 10.6666666667vw auto 0 auto;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:first-of-type {
  width: 24.5rem;
  margin: 0 0 4rem 0;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:first-of-type {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:first-of-type {
    width: 80%;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section div img {
  width: 93%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section div img {
    width: 69.5%;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:nth-of-type(2) {
  width: 19.6rem;
  margin: 0 0 4rem 0;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:nth-of-type(2) {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:nth-of-type(2) {
    width: 60%;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:nth-of-type(2) div img {
  width: 30%;
  margin: 0 auto 4.5rem auto;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section:nth-of-type(2) div img {
    width: 26.5%;
    margin: 0 auto;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section p {
  font-size: 2rem;
  font-weight: 700;
  margin: 2.5rem 0 1.3rem 0;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section p {
    font-size: 5.3333333333vw;
    margin: 4.2666666667vw 0 2.6666666667vw 0;
  }
}
.room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section span {
  font-size: 1.4rem;
  display: block;
  white-space: nowrap;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__amenities-flexbox .room__amenities-flex02 section span {
    margin: 0 auto;
    font-size: 3.7333333333vw;
  }
}
.room .room__wrap .room__box .room__btnflex {
  width: 100%;
  max-width: 82.5rem;
  margin: 8.5rem auto 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.room .room__wrap .room__box .room__btnflex.hide-btn a {pointer-events :none;}
.room .room__wrap .room__box .room__btnflex.hide-btn .room__btn-a ::before,.room .room__wrap .room__box .room__btnflex.hide-btn .room__btn-a .room__btn-div::after { display: none;}
.room .room__wrap .room__box .room__btnflex.hide-btn .room__btn-a .room__btn-div {background-color : #6e6e6e !important;border-color:#6e6e6e !important; color: rgba(255,255,255,.5)}


@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__btnflex {
    flex-direction: column;
    max-width: 80vw;
    margin: 9.8666666667vw auto 0 auto;
  }
}
.room .room__wrap .room__box .room__btnflex .room__btn-a {
  max-width: 36.7rem;
  width: 26.8667642753vw;
  height: 10rem;
  display: block;
  color: #fff;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 400;
  text-align: center;
  position: relative;
  transition: 0.4s;
}
@media (hover: hover) {
  .room .room__wrap .room__box .room__btnflex .room__btn-a:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__btnflex .room__btn-a {
    max-width: 36.7rem;
    width: 37.866764vw;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__btnflex .room__btn-a {
    max-width: 80vw;
    width: 100%;
    margin: 0 auto 4vw auto;
    font-size: 4.2666666667vw;
    line-height: 5.3333333333vw;
  }
}
.room .room__wrap .room__box .room__btnflex .room__btn-a ::before {
  content: "";
  position: absolute;
  width: 101.7%;
  height: 10.2rem;
  left: 0.2rem;
  top: 0.3rem;
  background: transparent;
  border-right: 0.2rem solid #000000;
  border-bottom: 0.2rem solid #000000;
  transition: 0.15s;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__btnflex .room__btn-a ::before {
    height: 21.3333333333vw;
  }
}
.room .room__wrap .room__box .room__btnflex .room__btn-a .room__btn-div {
  width: 100%;
  height: 10rem;
  border: 0.2rem solid #000;
  position: absolute;
  padding: 0.7rem 0;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__btnflex .room__btn-a .room__btn-div {
    width: 100%;
    height: 21.3333333333vw;
    padding: 2.6666666667vw 0;
  }
}
.room .room__wrap .room__box .room__btnflex .room__btn-a .room__btn-div::after {
  content: "";
  display: block;
  width: 1rem;
  height: 2.2rem;
  background-image: url(../img/r-btn-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  position: absolute;
  top: 39%;
  right: 1.7rem;
}
.room .room__wrap .room__box .room__notes {
  width: 82rem;
  max-width: 82.5rem;
  margin: 4.5rem auto 0 auto;
  text-align: left;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.8rem;
  color: #ffffff;
}
@media screen and (max-width: 1052px) {
  .room .room__wrap .room__box .room__notes {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .room .room__wrap .room__box .room__notes {
    width: 100%;
    margin: 2.6666666667vw auto 0 auto;
    font-size: 2.9333333333vw;
    letter-spacing: -0.08vw;
  }
}
.room .room__wrap .room__box .room__notes li {
  position: relative;
  padding: 0 0 0 1rem;
}
.room .room__wrap .room__box .room__notes li::after {
  content: "※";
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  font-size: 1rem;
}

.r02 {
  width: 100%;
  padding: 0 0 10rem 0;
  position: relative;
  background-color: #201BC2;
}
@media screen and (max-width: 767px) {
  .r02 {
    padding: 0 0 21.3333333333vw 0;
  }
}
.r02::before {
  content: "";
  background-image: url(../img/bg_room2-01_pc.png);
  max-width: 71rem;
  width: 50vw;
  height: 67vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .r02::before {
    background-image: url(../img/bg_room2-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.r02::after {
  content: "";
  background-image: url(../img/bg_room2-02_pc.png);
  max-width: 71rem;
  width: 49vw;
  height: 85.5vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 0.7rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .r02::after {
    background-image: url(../img/bg_room2-02_sp.png);
    max-width: 64vw;
    width: 61.3333333333vw;
    height: 189.8666666667vw;
    bottom: 1.3333333333vw;
    right: 0vw;
  }
}
.r02 .room__wrap .room__box .room__rogo {
  width: 27.2rem;
}
@media screen and (max-width: 767px) {
  .r02 .room__wrap .room__box .room__rogo {
    width: 48.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .r02 .room__wrap .room__box .room__mv {
    margin: 6.1333333333vw auto 17.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .r02 .room__wrap .room__box .room__amenities {
    margin: 0 0 8vw 0;
  }
}

.r03 {
  background-color: #D7AA00;
}
@media screen and (max-width: 767px) {
  .r03 {
    padding: 0 0 21.3333333333vw 0;
  }
}
.r03::before {
  background-image: url(../img/bg_room3-01_pc.png);
}
@media screen and (max-width: 767px) {
  .r03::before {
    background-image: url(../img/bg_room3-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.r03::after {
  content: "";
  background-image: url(../img/bg_room3-02_pc.png);
  max-width: 71rem;
  width: 48.5vw;
  height: 81vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 0.5rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .r03::after {
    background-image: url(../img/bg_room3-02_sp.png);
    max-width: 64vw;
    width: 63.0933333333vw;
    height: 171.2vw;
    bottom: 1.3333333333vw;
    right: 0vw;
  }
}
.r03 .room__wrap .room__box .room__rogo {
  width: 30rem;
}
@media screen and (max-width: 767px) {
  .r03 .room__wrap .room__box .room__rogo {
    width: 49.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .r03 .room__wrap .room__box .room__mv {
    margin: 4.2666666667vw auto 17.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .r03 .room__wrap .room__box .room__amenities {
    margin: 0 0 8vw 0;
  }
}

.r04 {
  background-color: #939393;
}
@media screen and (max-width: 767px) {
  .r04 {
    padding: 0 0 21.3333333333vw 0;
  }
}
.r04::before {
  background-image: url(../img/bg_room4-01_pc.png);
}
@media screen and (max-width: 767px) {
  .r04::before {
    background-image: url(../img/bg_room4-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.r04::after {
  content: "";
  background-image: url(../img/bg_room4-02_pc.png);
  max-width: 71rem;
  width: 48vw;
  height: 81.6vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 0.7rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .r04::after {
    background-image: url(../img/bg_room4-02_sp.png);
    max-width: 64vw;
    width: 63.4666666667vw;
    height: 179.2vw;
    bottom: 1.3333333333vw;
    right: 0vw;
  }
}
.r04 .room__wrap .room__box .room__rogo {
  width: 25.5rem;
  margin: 0 auto 6rem auto;
}
@media screen and (max-width: 767px) {
  .r04 .room__wrap .room__box .room__rogo {
    width: 42.1333333333vw;
    margin: 0 auto 5.3333333333vw auto;
  }
}
@media screen and (max-width: 767px) {
  .r04 .room__wrap .room__box .room__mv {
    margin: 6.1333333333vw auto 15.4666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .r04 .room__wrap .room__box .room__amenities {
    margin: 0 0 8vw 0;
  }
}

.r05 {
  background-color: #F36A00;
}
@media screen and (max-width: 767px) {
  .r05 {
    padding: 0 0 21.3333333333vw 0;
  }
}
.r05::before {
  background-image: url(../img/bg_room5-01_pc.png);
}
@media screen and (max-width: 767px) {
  .r05::before {
    background-image: url(../img/bg_room5-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.r05::after {
  content: "";
  background-image: url(../img/bg_room5-02_pc.png);
  max-width: 71rem;
  width: 48.5vw;
  height: 82.5vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 0.7rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .r05::after {
    background-image: url(../img/bg_room5-02_sp.png);
    max-width: 64vw;
    width: 63.1466666667vw;
    height: 170.6666666667vw;
    bottom: 1.3333333333vw;
    right: 0vw;
  }
}
.r05 .room__wrap .room__box .room__ttl {
  padding: 7rem 0 2rem 0;
}
@media screen and (max-width: 767px) {
  .r05 .room__wrap .room__box .room__ttl {
    padding: 10.6666666667vw 0 2.6666666667vw 0;
  }
}
.r05 .room__wrap .room__box .room__rogo {
  width: 27.6rem;
}
@media screen and (max-width: 767px) {
  .r05 .room__wrap .room__box .room__rogo {
    width: 50.1333333333vw;
    margin: 0 auto 5.3333333333vw auto;
  }
}
@media screen and (max-width: 767px) {
  .r05 .room__wrap .room__box .room__mv {
    margin: 6.1333333333vw auto 16vw;
  }
}
@media screen and (max-width: 767px) {
  .r05 .room__wrap .room__box .room__amenities {
    margin: 0 0 8vw 0;
  }
}

.r06 {
  background-color: #6B4095;
}
@media screen and (max-width: 767px) {
  .r06 {
    padding: 0 0 21.3333333333vw 0;
  }
}
.r06::before {
  background-image: url(../img/bg_room6-01_pc.png);
}
@media screen and (max-width: 767px) {
  .r06::before {
    background-image: url(../img/bg_room6-01_sp.png);
    max-width: 77.3333333333vw;
    width: 68vw;
    height: 74.6666666667vw;
  }
}
.r06::after {
  content: "";
  background-image: url(../img/bg_room6-02_pc.png);
  max-width: 71rem;
  width: 48.2vw;
  height: 79.1vw;
  background-position: 0 0;
  display: block;
  background-repeat: no-repeat;
  position: absolute;
  background-size: contain;
  z-index: 0;
  bottom: 1rem;
  right: 0;
}
@media screen and (max-width: 767px) {
  .r06::after {
    background-image: url(../img/bg_room6-02_sp.png);
    max-width: 64vw;
    width: 63.4666666667vw;
    height: 171.4666666667vw;
    bottom: 1.3333333333vw;
    right: 0vw;
  }
}
.r06 .room__wrap .room__box .room__ttl {
  padding: 7rem 0 2rem 0;
}
@media screen and (max-width: 767px) {
  .r06 .room__wrap .room__box .room__ttl {
    padding: 10.6666666667vw 0 0.8vw 0;
  }
}
.r06 .room__wrap .room__box .room__rogo {
  width: 34.3rem;
  margin: 0 auto 6rem auto;
}
@media screen and (max-width: 767px) {
  .r06 .room__wrap .room__box .room__rogo {
    width: 65.8666666667vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .r06 .room__wrap .room__box .room__mv {
    margin: 6.1333333333vw auto 16vw;
  }
}
@media screen and (max-width: 767px) {
  .r06 .room__wrap .room__box .room__amenities {
    margin: 0 0 8vw 0;
  }
}

.collabo__wrpa {
  background-color: #000;
  padding: 0 0 14.5rem 0;
  background-image: url(../img/bg_collabo-pc.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa {
    background-image: url(../img/bg_collabo-sp.png);
    margin: 1.3333333333vw 0 0 0;
    padding: 0 0 22.4vw 0;
  }
}
.collabo__wrpa .collabo__pricebox {
  width: calc(100% - 26.35vw);
  max-width: 90rem;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__pricebox {
    width: calc(100% - 30vw);
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox {
    width: calc(100% - 11.7333333333vw);
  }
}
.collabo__wrpa .collabo__pricebox-txt {
  font-size: 2rem;
  line-height: 3.8rem;
  font-weight: 500;
  padding: 14.6rem 0 6.5rem 0;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox-txt {
    font-size: 4.2666666667vw;
    line-height: 9.6vw;
    text-align: left;
    padding: 15.2vw 0 9.3333333333vw 0;
  }
}
.collabo__wrpa .collabo__pricebox-ttl {
  font-size: 2.5rem;
  font-weight: 500;
  margin: 0 0 2.7rem 0;
  text-decoration: underline;
  text-underline-offset: 1rem;
  text-decoration-thickness: 0.2rem;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox-ttl {
    font-size: 5.3333333333vw;
    margin: 0 0 8vw 0;
    font-weight: 700;
  }
}
.collabo__wrpa .collabo__pricebox-sub {
  font-size: 2rem;
  font-weight: 400;
  margin: 0 0 4rem 0;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox-sub {
    font-size: 4.2666666667vw;
    margin: 0 0 8vw 0;
  }
}
.collabo__wrpa .collabo__pricebox-price {
  font-size: 2.5rem;
  font-weight: 500;
  margin: 5.5rem auto 2.5rem auto;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox-price {
    font-size: 5.3333333333vw;
    margin: 0 auto 9.3333333333vw auto;
    font-weight: 700;
  }
}
.collabo__wrpa .collabo__pricebox-notes {
  width: 100%;
  max-width: 83rem;
  font-size: 1.6rem;
  font-weight: 400;
  margin: 2rem auto 3rem auto;
  border: 3px solid #fff;
  padding: 1rem 0;
  line-height: 2.4rem;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__pricebox-notes {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox-notes {
    width: 100%;
    font-size: 4.2666666667vw;
    line-height: 6.4vw;
    padding: 3.7333333333vw 5.3333333333vw;
    text-align: left;
    margin: 5.3333333333vw auto 5.3333333333vw auto;
  }
}
.collabo__wrpa .collabo__pricebox .collabo__notesbox {
  width: 100%;
  max-width: 83rem;
  font-weight: 400;
  margin: 0 auto 9rem auto;
  font-size: 1.4rem;
  line-height: 2.5rem;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__pricebox .collabo__notesbox {
    font-size: 3.4666666667vw;
    line-height: 6.1333333333vw;
    margin: 0 auto 16vw auto;
  }
}
.collabo__wrpa .collabo__pricebox .collabo__notesbox li {
  position: relative;
  padding: 0 0 0 1.1rem;
}
.collabo__wrpa .collabo__pricebox .collabo__notesbox li::after {
  content: "※";
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  font-size: 1.2rem;
}
.collabo__wrpa .collabo__drinkimg {
  width: calc(100% - 13.18vw);
  max-width: 100.5rem;
  margin: 0 auto;
  color: #fff;
  display: flex;
  gap: 6.5rem 5%;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__drinkimg {
    width: calc(100% - 18vw);
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg {
    width: calc(100% - 11.7333333333vw);
    gap: 8vw 5%;
  }
}
.collabo__wrpa .collabo__drinkimg-wrap {
  width: 29.4%;
  text-align: center;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__drinkimg-wrap {
    width: 30%;
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg-wrap {
    width: 46.6%;
    text-align: left;
  }
}
.collabo__wrpa .collabo__drinkimg-wrap .collabo__drinkimg-img {
  width: 100%;
}
.collabo__wrpa .collabo__drinkimg-wrap .collabo__drinkimg-img img {
  width: 100%;
}
.collabo__wrpa .collabo__drinkimg-ttl {
  font-size: 2.5rem;
  font-weight: 500;
  margin: 1.5rem 0 0.3rem 0;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg-ttl {
    font-size: 5.3333333333vw;
    margin: 2.6666666667vw 0 0.8vw 0;
    font-weight: 700;
  }
}
.collabo__wrpa .collabo__drinkimg-span {
  font-size: 1.4rem;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg-span {
    font-size: 2.9333333333vw;
    font-weight: 700;
  }
}
.collabo__wrpa .collabo__drinkimg-box {
  text-align: left;
  margin: 1rem 0 0 0;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg-box {
    margin: -2.6666666667vw 0 0 0;
  }
}
.collabo__wrpa .collabo__drinkimg-box .collabo__drinkimg-ul {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  margin: 1.8rem 0 0 0;
  letter-spacing: 1.5px;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__drinkimg-box .collabo__drinkimg-ul {
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
    letter-spacing: 0vw;
    letter-spacing: 0vw;
  }
}
.collabo__wrpa .collabo__novelty {
  color: #000;
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap {
  width: calc(100% - 13.18vw);
  max-width: 100.5rem;
  margin: 8rem auto 0 auto;
  padding: 9rem 0 6.5rem 0;
  background-color: #fff;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap {
    width: calc(100% - 18vw);
    padding: 6rem 0 4.5rem 0;
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap {
    width: calc(100% - 11.7333333333vw);
    margin: 16vw auto 0 auto;
    padding: 13.3333333333vw 0 12vw 0;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-ttl {
  font-size: 4.1rem;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-ttl {
    font-size: 9.3333333333vw;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-txt {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  line-height: 3.2rem;
  margin: 4rem 0 3.8rem 0;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-txt {
    padding: 0 6rem;
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-txt {
    font-size: 5.3333333333vw;
    line-height: 8.5333333333vw;
    text-align: left;
    padding: 0 5.8666666667vw;
    margin: 6.1333333333vw 0 5.3333333333vw 0;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box {
  width: 86%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1%;
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box {
    width: 88%;
    gap: 1.8666666667vw 2.65%;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box .collabo__novelty-img {
  width: 15.8%;
  max-width: 14rem;
}
@media screen and (max-width: 1052px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box .collabo__novelty-img {
    width: 15.8%;
    max-width: 13rem;
  }
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box .collabo__novelty-img {
    width: 31.45%;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__novelty-box .collabo__novelty-img img {
  width: 100%;
  max-width: 31.4666666667vw;
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox {
  width: 86%;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox {
    width: 100%;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-size {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  color: #111;
  margin: 4.2rem auto 3.7rem auto;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-size {
    font-size: 3.7333333333vw;
    margin: 6.6666666667vw auto 5.3333333333vw auto;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-notes {
  width: 100%;
  margin: 2rem auto 0 auto;
  font-size: 1.2rem;
  font-weight: 400;
  color: #111;
}
@media screen and (max-width: 767px) {
  .collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-notes {
    font-size: 2.9333333333vw;
    padding: 0 5.8666666667vw;
  }
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-notes ul {
  line-height: 1.8rem;
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-notes ul li {
  position: relative;
  padding: 0 0 0 1.1rem;
}
.collabo__wrpa .collabo__novelty .collabo__novelty-wrap .collabo__txtbox-notes ul li::after {
  content: "※";
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  font-size: 1rem;
}

.notes__wrap {
  width: 100%;
}
.notes__wrap-div {
  max-width: 100.5rem;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
  padding: 3.9rem 0;
}
@media screen and (max-width: 767px) {
  .notes__wrap-div {
    font-size: 3.4666666667vw;
    padding: 8.2666666667vw 0;
  }
}
@media screen and (max-width: 1052px) {
  .notes__wrap-div {
    width: calc(100% - 25vw);
  }
}
@media screen and (max-width: 767px) {
  .notes__wrap-div {
    width: calc(100% - 16vw);
  }
}
.notes__wrap-div ul {
  line-height: 2.5rem;
}
@media screen and (max-width: 767px) {
  .notes__wrap-div ul {
    line-height: 6.6666666667vw;
  }
}
.notes__wrap-div ul li {
  position: relative;
  padding: 0 0 0 1.3rem;
}
@media screen and (max-width: 767px) {
  .notes__wrap-div ul li {
    padding: 0 0 0 3.2vw;
  }
}
.notes__wrap-div ul li::after {
  content: "※";
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .notes__wrap-div ul li::after {
    font-size: 3.2vw;
  }
}

.footer {
  background-color: #000;
  color: #fff;
  width: 100%;
  text-align: center;
  padding: 8rem 0 4rem 0;
}
@media screen and (max-width: 767px) {
  .footer {
    padding: 17.0666666667vw 0 10.1333333333vw 0;
  }
}
.footer .footer__wrap {
  width: calc(100% - 34vw);
  margin: 0 auto;
}
@media screen and (max-width: 1052px) {
  .footer .footer__wrap {
    width: calc(100% - 25vw);
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap {
    width: calc(100% - 11.7333333333vw);
  }
}
.footer .footer__wrap .footer__rogo {
  width: 31.6rem;
  margin: 0 auto 2.5rem auto;
  transition: 0.4s;
}
@media (hover: hover) {
  .footer .footer__wrap .footer__rogo:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__rogo {
    width: 52.5333333333vw;
    margin: 0 auto 6.9333333333vw auto;
  }
}
.footer .footer__wrap .footer__rogo img {
  width: 100%;
  pointer-events: none;
}
.footer .footer__wrap .footer__copy {
  font-size: 1.2rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__copy {
    font-size: 2.9333333333vw;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .c-02 {
    font-size: 2.6666666667vw;
  }
}
.footer .footer__wrap .footer__txtlink {
  font-size: 2rem;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  margin: 2rem 0 0 0;
  transition: 0.4s;
}
@media (hover: hover) {
  .footer .footer__wrap .footer__txtlink:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__txtlink {
    font-size: 4.2666666667vw;
    margin: 4vw 0 0 0;
  }
}
.footer .footer__wrap .footer__sns {
  margin: 7.3rem auto 3.5rem auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__sns {
    margin: 17.3333333333vw auto 7.7333333333vw auto;
  }
}
.footer .footer__wrap .footer__sns-sub {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 0.2rem 0;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__sns-sub {
    font-size: 4.2666666667vw;
    margin: 0 0 1.0666666667vw 0;
  }
}
.footer .footer__wrap .footer__sns-main {
  font-size: 2.8rem;
  font-weight: 700;
  margin: 0 0 1.3rem 0;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__sns-main {
    font-size: 6.4vw;
    margin: 0 0 4vw 0;
  }
}
.footer .footer__wrap .footer__sns-txt {
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__sns-txt {
    font-size: 3.7333333333vw;
  }
}
.footer .footer__wrap .footer__snsbox {
  max-width: 60rem;
  margin: 0 auto 5rem auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox {
    max-width: 90%;
    margin: 0 auto 15.2vw auto;
  }
}
.footer .footer__wrap .footer__snsbox ul {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 0 2rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul {
    display: block;
    margin: 0 auto;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 {
  display: flex;
  align-items: flex-start;
  gap: 0 1rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 {
    display: flex;
    align-items: flex-start;
    gap: 0 1.3333333333vw;
    justify-content: center;
    margin: 8vw 0 4vw 0;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li {
  transition: 0.4s;
  width: 8rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li {
    width: 18.1333333333vw;
  }
}
@media (hover: hover) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li:hover {
    opacity: 0.6;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a {
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a {
    width: 100%;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a img {
  width: 4.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a img {
    width: 9.6vw;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a span {
  white-space: nowrap;
  margin: 1rem auto 0 auto;
  display: block;
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-01 li a span {
    font-size: 3.2vw;
    line-height: 4vw;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 {
  display: flex;
  align-items: center;
  gap: 0 3rem;
  margin: 0 0 6rem 0;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 {
    margin: 0;
    justify-content: center;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li {
  transition: 0.4s;
  width: 5rem;
}
@media (hover: hover) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li:hover {
    opacity: 0.6;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li a {
  display: block;
  width: 100%;
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li a img {
  width: 4.2rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li a img {
    width: 9.6vw;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-04 {
  display: block;
  width: 5.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-04 {
    width: 12vw;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-04 img {
  width: 5.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-04 img {
    width: 100%;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-05 {
  display: block;
  width: 3.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-05 {
    width: 9.6vw;
  }
}
.footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-05 img {
  width: 3.8rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__snsbox ul .footer__snsbox-02 li .a-05 img {
    width: 100%;
  }
}
.footer .footer__wrap .footer__info {
  width: 100%;
  margin: 0 auto;
}
.footer .footer__wrap .footer__info-ttl {
  font-size: 1.8rem;
  margin: 0 0 1rem 0;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__info-ttl {
    font-size: 4.8vw;
    margin: 0 0 2.6666666667vw 0;
  }
}
.footer .footer__wrap .footer__info-txt {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__info-txt {
    text-align: left;
    font-size: 4.2666666667vw;
    line-height: 6.6666666667vw;
  }
}
.footer .footer__wrap .footer__info-txt a {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
  transition: 0.4s;
}
@media (hover: hover) {
  .footer .footer__wrap .footer__info-txt a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__info-txt a {
    text-underline-offset: 1.3333333333vw;
  }
}
.footer .footer__wrap .footer__group {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 4.5rem auto 5.5rem auto;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group {
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column;
    margin: 12vw auto 6.6666666667vw;
    gap: 2.6666666667vw;
  }
}
.footer .footer__wrap .footer__group p {
  font-size: 1.6rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  transition: 0.4s;
}
@media (hover: hover) {
  .footer .footer__wrap .footer__group p:hover {
    opacity: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group p {
    font-size: 4.2666666667vw;
    margin: 0 0 1.3333333333vw 0;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group p::after {
    display: block;
    content: "";
    width: 0.2666666667vw;
    height: 3.7333333333vw;
    background-color: #ffffff;
  }
}
.footer .footer__wrap .footer__group p::before {
  display: block;
  content: "";
  width: 0.1rem;
  height: 1.4rem;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group p::before {
    width: 0.2666666667vw;
    height: 3.7333333333vw;
  }
}
.footer .footer__wrap .footer__group p a {
  display: block;
  width: 28rem;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group p a {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group:last-of-type::before {
    display: none;
  }
}
.footer .footer__wrap .footer__group:last-of-type::after {
  display: block;
  content: "";
  width: 0.1rem;
  height: 1.4rem;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .footer .footer__wrap .footer__group:last-of-type::after {
    display: none;
  }
}
.footer .page-top {
  display: none;
  width: 9rem;
  position: fixed;
  bottom: 3.20625vw;
  right: 3.20625vw;
  z-index: 99;
  opacity: 1;
  animation: DownAnime 0.5s forwards;
}
.footer .page-top img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .footer .page-top {
    width: 13.3333333333vw;
    bottom: 8vw;
    right: 5.3333333333vw;
  }
}
@keyframes DownAnime {
  0% {
    transform: translateY(50px);
  }
  100% {
    transform: translateY(0);
  }
}