/* ==================================================
TOP
================================================== */
.winter .p-top-mv {
  background: url("../../../img/2025/index/winter/main_winter_bg.png") no-repeat;
  background-size: cover;
}
.winter .p-top-mv:after {
  display: none;
}
.winter .p-top-mv__inner {
  margin-left: auto;
  margin-right: auto;
}
.winter .p-top-mv_logo {
  top: calc(55 / 1366 * 100vw);
  width: calc(370 / 1366 * 100vw);
}
.winter .p-top-about_point .forTtl .num {
    width: calc(65 / 1366 * 100vw);
}
.winter .p-top-about_point .forPlan:after {
    display: none;
}
.winter .p-top-about_point .forPlan {
    width: calc(520 / 1366 * 100vw);
}
.winter .p-top-flow {
    background: #A2BFCC;
}
.winter .p-top-flow_ttl:after {
    background: url("../../../img/2025/index/winter/icon_obj.svg") center no-repeat;
}
@media screen and (min-width: 768px) {
  .winter .p-top-about_point .forTtl .num {
    width: calc(65 / 1366 * 100vw);
  }
  .winter .p-top-mv .btnBc {
    font-size: calc(14 / 1366 * 100vw);
    position: absolute;
    bottom: calc(20 / 1366 * 100vw);
    right: calc(30 / 1366 * 100vw);
    height: calc(123 / 1366 * 100vw);
    padding-bottom: 1.5em;
    width: calc(123 / 1366 * 100vw);
    text-indent: 0;
  }
  .winter .p-top-mv .btnBc a:before {
    height: calc(20 / 1366 * 100vw);
    right: 0;
    left: 0;
    top: auto;
    bottom: -.5em;
    width: calc(20 / 1366 * 100vw);
  }
  .winter .p-top-mv_scroll {
    display: none;
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-about_point .forTtl .num {
    width: 65px;
  }
  .winter .p-top-mv .btnBc {
    font-size: 14px;
    bottom: 20px;
    right: 30px;
    height: 123px;
    width: 123px;
  }
  .winter .p-top-mv .btnBc a:before {
    height: 20px;
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-mv__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    justify-content: center;
  }
  .winter .p-top-mv_logo,
  .winter .p-top-mv_catch {
    position: static;
  }
  .winter .p-top-mv_catch {
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.7;
  }
  .winter .p-top-about_point .forTtl .num {
    width: calc(100 / 750 * 100vw);
  }
  .winter .p-top-mv {
    background: url("../../../img/2025/index/winter/sp_main_bg.webp") no-repeat;
    background-size: cover;
    height: calc(1136 / 750 * 100vw);
  }
  .winter .p-top-mv_logo {
    top: calc(168 / 750 * 100vw);
    width: calc(526 / 750 * 100vw);
    left: 0;
    right: 0;
    margin: auto;
  }
  .winter .p-top-mv_catch {
    display: block;
    margin-top: calc(40 / 750 * 100vw);
  }
  .winter .p-top-mv_scroll {
    bottom: calc(180 / 750 * 100vw);
  }
  .winter .p-top-mv .btnBc {
    font-size: calc(28 / 750 * 100vw);
    height: calc(92 / 750 * 100vw);
    position: absolute;
    bottom: calc(30 / 750 * 100vw);
    left: 0;
    right: 0;
    width: 87%;
  }
  .winter .p-top-mv .btnBc a:before {
    right: calc(35 / 750 * 100vw);
  }
  .winter .p-nav.forTeiki .navigation {
    padding: 0;
    background-image: url("../../../img/2025/winter/sp-menu-bg.png");
    background-repeat: repeat-y;
    background-size: 100% auto;
  }
  .winter .p-nav.forTeiki .p-nav-menu .menu {
    text-align: left;
  }
  .winter .p-nav.forTeiki .navigation--content {
    border: none;
    margin: auto;
    width: 80%;
  }
  .p-nav.forTeiki .navigation--content .c-inner .btnBc {
    font-size: calc(28 / 750 * 100vw);
    margin-top: calc(50 / 750 * 100vw);
    width: 86%;
  }
  .p-nav.forTeiki .navigation--content .c-inner .btnBc a {
    justify-content: flex-start;
    padding-left: 3em;
  }
}


.winter .btnwrap {
  margin: auto;
}
.winter .btnwrap .btn02 {
  align-items: center;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  color: #FFF;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto;
  position: relative;
  text-align: center;
}
.winter .btnwrap .btn02:before {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar.svg") no-repeat;
  background-size: cover;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-90deg);
}
@media screen and (min-width: 768px) {
  .winter .btnwrap .btn02 {
    height: calc(70 / 1366 * 100vw);
    margin-bottom: calc(30 / 1366 * 100vw);
    width: calc(430 / 1366 * 100vw);
    text-indent: -1em;
  }
  .winter .btnwrap .btn02:before {
    right: calc(30 / 1366 * 100vw);
    height: calc(32 / 1366 * 100vw);
    width: calc(32 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .btnwrap .btn02 {
    height: 70px;
    margin-bottom: 30px;
    width: 430px;
  }
  .winter .btnwrap .btn02:before {
    right: 30px;
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .winter .btnwrap .btn02 {
    height: calc(144 / 750 * 100vw);
    line-height: 1.7;
    margin-bottom: calc(60 / 750 * 100vw);
    width: 78%;
  }
  .winter .btnwrap .btn02:before {
    right: calc(46 / 750 * 100vw);
    height:  calc(36 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}



.winter .step__adjust-p {
  font-size: 18px;
  font-family: "Shippori Mincho", serif;
}

@media screen and (min-width: 1367px) {
    .winter  .p-top-mv_logo {
        top: 55px;
        width: 370px;
    }
    .winter .p-top-about_point .forTtl .num {
        width: 65px;
    }
    .winter .p-top-about_point .forPlan {
        width: 520px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1365px){
    .winter .btnwrap {
        text-align: center;
        width: calc(100vw / (1366 / 430));
    }
}
.winter .p-top-about_point .forTtl .bg {
    color: #A2BFCC;
}
.winter .p-top-news__inner {
  border-color: #7C7E8D;
}
.winter .p-top-about_ttl:after {
  background: url("../../../img/2025/index/winter/icon_obj_bk.svg") center no-repeat;
  background-size: cover;
}
.winter .p-top-about_point {
  background: #A2BFCC;
}
.winter .p-header-logo.forTeiki {
  width: 240px;
}
body.winter .p-nav.forTeiki .p-nav-menu .menu a:after {
  background-color: #A2BFCC;
}
body.winter .p-nav.forTeiki .p-nav-menu .menu.forOther a:after {
  background-color: #000;
}
body.winter .p-terms-sec .forTtl {
  color: #6395AC;
}
body.winter .c-btn-pageTop {
  border-color: #6395AC;
  color: #6395AC;
}
body.winter .c-btn-pageTop:after {
  background-image: url("../../../img/2025/winter/icon_arrow_blue_down.svg");
}
.winter #popupHotel .btn {
  background-color: #A2BFCC;
}
@media screen and (max-width: 767px) {
  .winter .p-top-about_point .forPlan {
    width: 100%;
  }
  body.winter .p-nav.forTeiki .p-nav-menu .menu a {
    padding-left: 2em;
  }
  body.winter .p-nav.forTeiki .p-nav-menu .menu a:after {
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
  }
  body.winter  .p-nav.forTeiki .p-nav-menu {
    margin: auto;
    width: 85%;
  }
  .winter #popupHotel .btn a:after {
    background-image: url("../../../img/2025/winter/icon_arrow_blue.svg");
  }
}






.winter .p-top-outline {
  background: #A2BFCC;
  margin-bottom: 0;
  padding-bottom: 0;
}

.winter .p-top-outline_plan .forSchedule_term__item:not(:last-child) {
  margin-bottom: .5em;
}

@media screen and (min-width: 768px) {
  .winter .p-top-outline_plan .forSchedule_term {
    padding-left: 0 !important;
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-outline_plan .forIntro {
    right: 0;
    top: 260px;
  }
  .winter .p-top-outline__bg {
    padding: 180px;
  }
  .winter .p-top-outline_plan .forSchedule {
    padding-top: 30px;
  }
  .winter .p-top-outline_plan .forSchedule .flex {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1367px) and (min-width: 768px){
  .winter .p-top-outline_plan .forIntro {
    top: calc(100vw / ( 1366 / 260 ));
    right: 0;
  }
}

@media screen and (min-width: 768px) {
  .winter .p-top-outline_plan .forSchedule,
  .winter .p-top-outline_plan .forCondition {
    padding-left: calc(100 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-outline_plan .forSchedule,
  .winter .p-top-outline_plan .forCondition {
    padding-left: 100px;
  }
}

.winter .p-top-outline_plan .forCondition_type {
  margin-top: .5em;
}


.winter .forContactArea h3 {
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .winter .forContactArea h3 {
    font-size: calc(24 / 1366 * 100vw);
    margin-bottom: calc((30 / 1366 * 100vw));
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea h3 {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea h3 {
    font-size: calc(40 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
}

.winter .forContactArea h3:before {
  aspect-ratio: 20 / 22.5;
  content: "";
  display: block;
  margin: 0 auto;
  background: url("../../../img/2025/index/winter/icon_obj.svg") center no-repeat;
  background-size: cover;
  margin: calc(100vw / (1366 / 50)) auto;
  width: calc(100vw / (1366 / 17));
}
@media screen and (min-width: 768px) {
  .winter .forContactArea h3:before {
    margin: calc(50 / 1366 * 100vw) auto;
    width: calc(20 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea h3:before {
    margin: 50px auto;
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea h3:before {
    margin: calc(100 / 750 * 100vw) auto;
    width: calc(32 / 750 * 100vw);
  }
}
.winter .forContactArea_btn {
  align-items: center;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  color: #FFF;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto;
  position: relative;
  text-align: center;
}
.winter .forContactArea_btn:before {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar.svg") no-repeat;
  background-size: cover;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-90deg);
}
@media screen and (min-width: 768px) {
  .winter .forContactArea_btn {
    height: calc(70 / 1366 * 100vw);
    width: calc(430 / 1366 * 100vw);
    text-indent: -1em;
  }
  .winter .forContactArea_btn:before {
    right: calc(30 / 1366 * 100vw);
    height: calc(32 / 1366 * 100vw);
    width: calc(32 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea_btn {
    height: 70px;
    width: 430px;
  }
  .winter .forContactArea_btn:before {
    right: 30px;
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea_btn {
    height: calc(144 / 750 * 100vw);
    line-height: 1.7;
    width: 78%;
  }
  .winter .forContactArea_btn:before {
    right: calc(46 / 750 * 100vw);
    height:  calc(36 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}
.winter .forContactArea .forMove {
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
}
.winter .forContactArea .forLink {
  text-align: center;
}
.winter .forContactArea .forLink .forLink__item:nth-of-type(1) {
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .winter .forContactArea .forMove {
    font-size: calc(16 / 1366 * 100vw);
  }
  .winter .forContactArea .forLink {
    font-size: calc(16 / 1366 * 100vw);
    margin-bottom: calc(60 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea .forMove {
    font-size: 16px;
  }
  .winter .forContactArea .forLink {
    font-size: 16px;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea .forMove {
    font-size: calc(32 / 750 * 100vw);
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}
.winter .forContactArea .forLink a {
  border-bottom: 1px solid #FFF;
  color: #FFF;
  font-weight: bold;
  padding-bottom: 3px;
  position: relative;
}
.winter .forContactArea .forLink a:after {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar.svg") no-repeat;
  background-size: cover;
  content: "";
  display: block;
  transform: rotate(-90deg);
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -2em;
}
@media screen and (min-width: 768px) {
  .winter .forContactArea .forLink a:after {
    height: calc(25 / 1366 * 100vw);;
    width: calc(25 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea .forLink a:after {
    height: 25px;
    width: 25px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea .forLink a:after {
    height: calc(50 / 750 * 100vw);
    width: calc(50 / 750 * 100vw);
  }
}

.winter .btnwrap .btn03 {
  align-items: center;
  background: #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  color: #A2BFCC;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto;
  position: relative;
  text-indent: -2em;
}
.winter .btnwrap .btn03:before {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar_b.svg") no-repeat;
  background-size: cover;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .winter .btnwrap .btn03 {
    height:  calc(70 / 1366 * 100vw);
    margin-top: calc(20 / 1366 * 100vw);
    margin-bottom: calc(20 / 1366 * 100vw);
    width: calc(350 / 1366 * 100vw);
  }
  .winter .btnwrap .btn03:before {
    right: calc(30 / 1366 * 100vw);
    height: calc(32 / 1366 * 100vw);
    width: calc(32 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .btnwrap .btn03 {
    height: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 350px;
  }
  .winter .btnwrap .btn03:before {
    right: 30px;
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .winter .btnwrap .btn03 {
    height: calc(144 / 750 * 100vw);
    margin-top: calc(40 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
    width: 78%;
  }
  .winter .btnwrap .btn03:before {
    right: calc(46 / 750 * 100vw);
    height:  calc(36 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}





.winter .p-top-outline_plan {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .winter .p-top-outline_plan {
    width: calc(800 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-outline_plan {
    width: 800px;
  }
}
.winter .p-top-outline_plan .forContactArea {
  width: auto;
}
.winter .p-top-outline_plan .forContactArea_btn {
  background: #000;
  color: #FFF;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .winter .p-top-outline_plan .forContactArea_btn {
    width: calc(430 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-outline_plan .forContactArea_btn {
    width: 430px;
  }
}

.winter .forContactArea_btn02 {
  align-items: center;
  background: #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  color: #A2BFCC;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto;
  position: relative;
  text-indent: -2em;
}
.winter .forContactArea_btn02:before {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar_b.svg") no-repeat;
  background-size: cover;
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
}
@media screen and (min-width: 768px) {
  .winter .forContactArea_btn02 {
    height:  calc(70 / 1366 * 100vw);
    margin-bottom: calc(40 / 1366 * 100vw);
    width: calc(350 / 1366 * 100vw);
  }
  .winter .forContactArea_btn02:before {
    right: calc(30 / 1366 * 100vw);
    height: calc(32 / 1366 * 100vw);
    width: calc(32 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .forContactArea_btn02 {
    height: 70px;
    margin-bottom: 40px;
    width: 350px;
  }
  .winter .forContactArea_btn02:before {
    right: 30px;
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .winter .forContactArea_btn02 {
    height: calc(144 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
    width: 78%;
  }
  .winter .forContactArea_btn02:before {
    right: calc(46 / 750 * 100vw);
    height:  calc(36 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}


.winter .p-top-outline_plan .forContactArea_btn:after {
  background: url("../../../img/icon_arrow_white.svg") center no-repeat;
  border-color: #FFF;
  transform: translateY(-50%) rotate(0deg);
}
.winter .p-top-reserve {
  background: #A2BFCC;
  overflow-x: auto;
}
.winter .p-top-reserve__inner {
  border: none;
}
.winter #HOTEL .hotels .detailBtn .nonLink {
  border-color: #A2BFCC;
  color: #A2BFCC;
}
.winter #HOTEL .hotels .detailBtn .nonLink:after {
  background: url("../../../img/2025/index/winter/icon_reserve_detail_arrow_blue.svg") center no-repeat;
}
.winter .p-top-outlineWrap {
  padding-left: 0;
}
.winter .p-top-outline_ph {
  left: calc(100vw / ( 1366 / -10 ));
}
.winter .plan__inner {
  max-width: 1366px;
  margin: auto;
  position: relative;
}
.winter .plan__wrap {
  border: 1px solid #fff;
}
.winter .p-top-outline__bg {
  border: none;
  padding-bottom: 0;
}
.winter .winter .p-top-outline {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .winter .plan__wrap {
    padding-bottom: calc(70 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .plan__wrap {
    padding-bottom: 70px;
  }  
}
@media screen and (max-width: 767px) {
  .winter .plan__wrap {
    padding-bottom: calc(100 / 750 * 100vw);
  }
  .winter .p-top-outline_ph {
    left: calc(100vw / ( 375 / -6 ));
  }
}

.contactProm {
  color: #FFF;
  text-align: center;
}
.contactProm_text span {
  position: relative;
}
.contactProm_text span:before {
  aspect-ratio: 1 / 1;
  background: url("../../../img/2025/index/winter/ar.svg") no-repeat;
  background-size: cover;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -2em;
}
.contactProm_number {
  letter-spacing: .1em;
}
.contactProm_text02 {
  line-height: 2;
}
.contactProm_text03 {
  margin: auto;
  width: 87%;
}
.winter.reserve .contactProm_text02 {
  margin-bottom: .5em;
}
.winter.reserve .contactProm_text03 {
  line-height: 1.7;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) {
  .winter.reserve .contactProm_text03 {
    width: calc(650 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter.reserve .contactProm_text03 {
    width: 650px;
  }
}

.contactProm_text02 .fs20 {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .contactProm {
    font-size: calc(18 / 1366 * 100vw);
  }
  .contactProm_text {
    margin-bottom: calc(30 / 1366 * 100vw);
  }
  .contactProm_text span:before {
    height: calc(25 / 1366 * 100vw);
    width: calc(25 / 1366 * 100vw);
  }
  .contactProm_text_tit {
    margin-bottom: calc(20 / 1366 * 100vw);
  }
  .contactProm_number {
    font-size: calc(34 / 1366 * 100vw);
    margin-bottom: calc(20 / 1366 * 100vw);
  }
  .contactProm_time {
    font-size: calc(16 / 1366 * 100vw);
    margin-bottom: calc(30 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .contactProm {
    font-size: 18px;
  }
  .contactProm_text {
    margin-bottom: 30px;
  }
  .contactProm_text span:before {
    height: 25px;
    width: 25px;
  }
  .contactProm_text_tit {
    margin-bottom: 20px;
  }
  .contactProm_number {
    font-size: 34px;
    margin-bottom: 20px;
  }
  .contactProm_time {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contactProm {
    font-size: calc(36 / 750 * 100vw);
  }
  .contactProm_text {
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .contactProm_text span:before {
    height: calc(50 / 750 * 100vw);
    width: calc(50 / 750 * 100vw);
  }
  .contactProm_text_tit {
    font-size: calc(32 / 750 * 100vw);
    margin-bottom: calc(20 / 750 * 100vw);
  }
  .contactProm_number {
    font-size: calc(50 / 750 * 100vw);
  }
  .contactProm_time {
    font-size: calc(28 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .contactProm_text02 {
    font-size: calc(32 / 750 * 100vw);
  }
  .contactProm_text02 .fs20 {
    font-size: calc(36 / 750 * 100vw);
  }
  .contactProm_text03 {
    font-size: calc(32 / 750 * 100vw);
  }
}

/* ==================================================
TOP　calendar
================================================== */
.winter .p-top-reserve {
  margin-top: -1px;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve {
    padding: 0 calc(100vw / ( 1366 / 10 )) calc(100vw / ( 1366 / 10 ));
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve {
    padding: 0 10px 10px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve {
    padding: 0 calc(100vw / ( 375 / 5 ));
  }
}


.winter .p-top-reserve .p-top-reserve_wrap {
  border: 1px solid #FFF;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve .p-top-reserve_wrap {
    padding-bottom: calc(100 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve .p-top-reserve_wrap {
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve .p-top-reserve_wrap {
    padding-bottom: calc(120 / 750 * 100vw);
  }
}


.winter .p-top-reserve .ac_btn__wrap {
  border-bottom: 1px solid #FFF;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve .ac_btn__wrap {
    padding: calc(30 / 1366 * 100vw) 0;
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve .ac_btn__wrap {
    padding: 30px 0;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve .ac_btn__wrap {
    padding: calc(40 / 750 * 100vw) 0;
  }
}


.winter .p-top-reserve .ac_btn__wrap .btn01 {
  align-items: center;
  background: #000;
  border: 1px solid #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  color: #FFF;
  display: flex;
  font-weight: bold;
  justify-content: center;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01 {
    height: calc(70 / 1366 * 100vw);
    width: calc(467 / 1366 * 100vw);
    text-indent: -1em;
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01 {
    height: 70px;
    width: 467px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01 {
    height: calc(144 / 750 * 100vw);;
    width: calc(590 / 750 * 100vw);
  }
}
.winter .p-top-reserve .ac_btn__wrap .btn01:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  border: 1px solid #FFF;
  border-radius: 50%;
  background: url(../../../img/icon_arrow_white.svg) center no-repeat;
  background-size: 40% auto;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01:after {
    width: calc(100vw / (1366 / 32));
    height: calc(100vw / (1366 / 32));
    right: calc(100vw / (1366 / 20));
  }
}
@media screen and (min-width: 1366px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01:after {
    width: 32px;
    height: 32px;
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve .ac_btn__wrap .btn01:after {
    width: calc(38 / 750 * 100vw);
    height: calc(38 / 750 * 100vw);
    right: calc(40 / 750 * 100vw);
    background-size: 60% auto;
  }
}

.winter .p-top-reserve .ac_btn__wrap .btn01 span {
  text-align: center;
}
.winter .p-top-reserve .ac_btn__wrap .btn01 span.ac_open {
  display: none;
}
.winter .p-top-reserve .ac_btn__wrap .btn01.open span.ac_open {
  display: inline;
}
.winter .p-top-reserve .ac_btn__wrap .btn01.open span.ac_close {
  display: none;
}

.winter .p-top-reserve .ac_wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .winter .p-top-reserve .ac_wrap {
    margin-top: calc(35 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve .ac_wrap {
    margin-top: 35px;
  }
}


@media screen and (min-width: 768px) {
  .winter .p-top-reserve .precedent li {
    margin-bottom: calc(45 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve .precedent li {
    margin-bottom: 45px;
  }
}


@media screen and (min-width: 768px) {
  .winter #HOTEL {
    margin-top: calc(50 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter #HOTEL {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .winter #HOTEL {
    margin-top: calc(70 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .winter .p-top-reserve .precedent_note{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .winter .p-top-reserve__inner.part02 {
    border-bottom: none;
    margin: auto;
  }
}

@media screen and (min-width: 767px) {
  .winter .p-top-reserve__inner.part03 {
    padding-top: calc(100 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter .p-top-reserve__inner.part03 {
    padding-top: 100px;
  }
}
.winter #HOTEL .hotels li:nth-child(odd),
.winter #HOTEL .hotels li {
  border-color: #A2BFCC;
}
.winter .p-top-reserve .calender_btn span {
  color: #A2BFCC;
}
.winter .p-top-reserve .calender_btn span:after {
  background: url("../../../img/2025/index/winter/icon_arrow_blue.svg") center no-repeat;
  background-size: 40% auto;
  border-color: #A2BFCC;

}
@media screen and (min-width: 767px) {
  .winter #calenderButton {
    margin-bottom: calc(80 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .winter #calenderButton {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  .winter #calenderButton {
    margin-bottom: calc(100 / 750 * 100vw);
  }
}

.txt-center { text-align: center; }
@media screen and (min-width: 768px) {
  .fs16 { font-size: calc(16 / 1366 * 100vw); }
  .fs18 { font-size: calc(18 / 1366 * 100vw); }
  .fs20 { font-size: calc(20 / 1366 * 100vw); }
}
@media screen and (min-width: 1367px) {
  .fs16 { font-size: 16px; }
  .fs18 { font-size: 18px; }
  .fs20 { font-size: 20px; }
}




/* ==========
スライド
========== */
.unique {
  background: url("../../../img/2025/index/winter/unique_bg.webp") no-repeat;
  background-size: cover;
  font-family: "Shippori Mincho", serif;
  overflow: hidden;
  position: relative;
  text-align: center;
}
.unique__ttl {
  color: #FFF;
  font-weight: bold;
}
.unique p {
  color: #FFF;
  line-height: 1.7;
}
.unique__slide {
  position: relative;
}
.unique__slide figcaption {
  color: #FFF;
}
.unique .swiper-pagination-bullet {
  background: #FFF;
}
.swiper01-button {
  align-items: center;
  display: flex;
  justify-content: space-around;
  margin: auto;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  width: 90%;
  z-index: +1;
}
.swiper01-button .swiper01-button-prev
.swiper01-button .swiper01-button-next {
  aspect-ratio: 1 / 1;
}
@media screen and (min-width: 768px) {
  .unique {
    padding: calc(100 / 1366 * 100vw) 0;
    margin-bottom: calc(100 / 1366 * 100vw);
  }
  .unique__ttl {
    font-size: calc(32 / 1366 * 100vw);
    margin-bottom: calc(40 / 1366 * 100vw);
  }
  .unique p {
    font-size: calc(20 / 1366 * 100vw);
  }
  .unique__slide {
    margin-top: calc(45 / 1366 * 100vw);
    position: relative;
  }
  .unique__slide figcaption {
    font-size: calc(18 / 1366 * 100vw);
    margin-top: calc(24 / 1366 * 100vw);
  }
  .unique .swiper01-pagination {
    bottom: calc(60 / 1366 * 100vw) !important;
  }
  .swiper01-button-prev,
  .swiper01-button-next {
    height: calc(38 / 1366 * 100vw);
    width: calc(38 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .unique {
    padding: 100px 0;
    margin-bottom: 100px;
  }
  .unique__ttl {
    font-size: 32px;
    margin-bottom: 40px;
  }
  .unique p {
    font-size: 20px;
  }
  .unique__slide {
    margin-top: 45px;
  }
  .unique__slide figcaption {
    font-size: 18px;
    margin-top: 24px;
  }
  .unique .swiper01-pagination {
    bottom: 60px !important;
  }
  .swiper01-button-prev,
  .swiper01-button-next {
    height: 38px;
    width: 38px;
  }
}
@media screen and (max-width: 767px) {
  .unique {
    padding: calc(60 / 750 * 100vw) 0;
    margin-bottom: calc(100 / 750 * 100vw);
  }
  .unique__ttl {
    font-size: calc(36 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .unique p {
    font-size: calc(32 / 750 * 100vw);
    margin: auto;
    width: 86%;
  }
  .unique__slide {
    margin-top: calc(40 / 750 * 100vw);
  }
  .unique__slide figcaption {
    font-size: calc(28 / 750 * 100vw);
    margin-top: calc(18 / 750 * 100vw);
  }
  .unique .swiper01-pagination {
    bottom: calc(80 / 750 * 100vw) !important;
  }
  .swiper01-button {
    justify-content: space-between;
    width: 78%;
  }
  .swiper01-button-prev,
  .swiper01-button-next {
    height: calc(32 / 750 * 100vw);
    width: calc(32 / 750 * 100vw);
  }
}




/* ==========
.recommend
========== */
.recommend {
  background: url("../../../img/2025/index/winter/recommend_bg.webp") repeat-y;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 1366px;
}
.recommend__inner {
  background: #FFF;
  margin: auto;
}
.recommend__inner__ttl img {
  display: block;
  margin: auto;
}
.recommend__inner__text {
  font-family: "Shippori Mincho", serif;
  line-height: 1.7;
  text-align: center;
}
.recommend__inner__plans {
  display: flex;
  margin: auto;
  width: 90%;
}
.recommend__inner__plans .item {
  opacity: .6;
}
.recommend__inner__plans .item.active {
  opacity: 1;
}
@media screen and (min-width: 768px){
  .recommend__inner__plans .item:hover {
    opacity: 1;
  }
}

.recommend__plans {
  margin: auto;
  transform: translateX(-6%);
}
.recommend__plans .plan {
  display: none;
}
.recommend__plans .plan.active {
  display: block;
}
.recommend__plans__ttl {
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  text-align: center;
}
.recommend__plans__ttl:before {
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  display: block;
  margin: auto;
}
.recommend__plans__ttl .marker {
  background: linear-gradient(transparent 60%, rgba(162,192,204,.6) 30%);
}
.plan01 .recommend__plans__ttl:before {
  background-image: url("../../../img/2025/index/winter/recommend_plan01.svg");
}
.plan02 .recommend__plans__ttl:before {
  background-image: url("../../../img/2025/index/winter/recommend_plan02.svg");
}
.recommend__plans .item {
  align-items: center;
  background-size: cover;
  color: #FFF;
  display: flex;
  font-family: "Shippori Mincho", serif;
  justify-content: center;
}
.recommend__plans .item p {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.recommend__plans .item .btn {
  align-items: center;
  background-image: url("../../../img/2025/index/winter/ar_free.svg");
  background-repeat: no-repeat;
  background-position: right .75em center;
  background-size: 1em auto;
  display: flex;
  justify-content: center;
  width: 100%;
  text-align: center;
  border: 1px solid #FFF;
  border-radius: 100px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  text-indent: -.75em;
}
.recommend__plans .item .btn span {
  font-family: "Noto Sans JP", sans-serif;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .recommend__plans .item .btn span {
    font-size: calc(18 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .recommend__plans .item .btn span {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .recommend__plans .item .btn span {
    font-size: calc(20 / 750 * 100vw);
  }
  .recommend__plans .item .btn {
    background-size: .75em auto;
    background-position: right .5em center;
  }
}
.recommend__plans .plan01 .item01 {
  background-image: url("../../../img/2025/index/winter/recommend_01_fig01.webp")
}
.recommend__plans .plan01 .item02 {
  background-image: url("../../../img/2025/index/winter/recommend_01_fig02.webp")
}
.recommend__plans .plan01 .item03 {
  background-image: url("../../../img/2025/index/winter/recommend_01_fig03.webp")
}
.recommend__plans .plan01 .item04 {
  background-image: url("../../../img/2025/index/winter/recommend_01_fig04.webp")
}

.recommend__plans .plan02 .item05 {
  background-image: url("../../../img/2025/index/winter/recommend_02_fig01.webp")
}
.recommend__plans .plan02 .item06 {
  background-image: url("../../../img/2025/index/winter/recommend_02_fig02.webp")
}
.recommend__plans .plan02 .item07 {
  background-image: url("../../../img/2025/index/winter/recommend_02_fig03.webp")
}
.recommend__plans .plan02 .item08 {
  background-image: url("../../../img/2025/index/winter/recommend_02_fig04.webp")
}
.swiper02-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 86%;
  z-index: +1;
}
@media screen and (min-width: 768px) {
  .recommend {
    margin-top: calc(150 / 1366 * 100vw);
    padding-bottom: calc(100 / 1366 * 100vw);
  }
  .recommend__inner {
    padding: calc(60 / 1366 * 100vw) 0 calc(40 / 1366 * 100vw);
    width: calc(1000 / 1366 * 100vw);
  }
  .recommend__inner__ttl img {
    width: calc(490 / 1366 * 100vw);
  }
  .recommend__inner__text {
    font-size: calc(20 / 1366 * 100vw);
    margin: calc(40 / 1366 * 100vw) auto calc(30 / 1366 * 100vw);
  }
  .recommend__plans {
    width: calc(1140 / 1366 * 100vw);
  }
  .recommend__plans__ttl {
    font-size: calc(28 / 1366 * 100vw);
    margin-bottom: calc(40 / 1366 * 100vw);
  }
  .recommend__plans__ttl:before {
    height: calc(61.74 / 1366 * 100vw);
    margin-top: calc(40 / 1366 * 100vw);
    width: calc(52.11 / 1366 * 100vw);
  }
  .recommend__plans .item {
    height: calc(447 / 1366 * 100vw);
  }
  .recommend__plans .item .btn {
    margin-top: calc(20 / 1366 * 100vw);
    height: calc(52 / 1366 * 100vw);
    width: calc(130 / 1366 * 100vw);
  }
  .swiper02-button-prev,
  .swiper02-button-next {
    height: calc(38 / 1366 * 100vw);
    width: calc(38 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .recommend {
    margin-top: 150px;
    padding-bottom: 100px;
  }
  .recommend__inner {
    padding: 60px 0 40px;
    width: 1000px;
  }
  .recommend__inner__ttl img {
    width: 490px;
  }
  .recommend__inner__text {
    font-size: 20px;
    margin: 40px auto 30px;
  }
  .recommend__plans {
    width: 1140px;
  }
  .recommend__plans__ttl {
    font-size: 28px;
    margin-bottom: 40px;
  }
  .recommend__plans__ttl:before {
    height: 61.74px;
    margin-top: 40px;
    width: 52.11px;
  }
  .recommend__plans .item {
    height: 447px;
  }
  .recommend__plans .item .btn {
    margin-top: 20px;
    height: 52px;
    width: 130px;
  }
  .swiper02-button-prev,
  .swiper02-button-next {
    height: 38px;
    width: 38px;
  }
}
@media screen and (max-width: 767px) {
  .recommend {
    margin-top: calc(100 / 750 * 100vw);
  }
  .recommend__inner {
    padding: calc(40 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
    width: calc(550 / 750 * 100vw);
  }
  .recommend__inner__ttl img {
    width: calc(440 / 750 * 100vw);
  }
  .recommend__inner__text {
    font-size: calc(32 / 750 * 100vw);
    margin: calc(60 / 750 * 100vw) auto calc(90 / 750 * 100vw);
    width: 90%;
  }
  .recommend__plans {
    transform: translateX(calc(-100 / 750 * 100vw));
    width: 100vw;
  }
  .recommend__plans__ttl {
    font-size: calc(32 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .recommend__plans__ttl:before {
    height: calc(86.14 / 750 * 100vw);
    margin-top: calc(60 / 750 * 100vw);
    width: calc(72.7 / 750 * 100vw);
  }
  .recommend__plans .item {
    height: calc(300 / 750 * 100vw);
  }
  .recommend__plans .item .btn {
    margin-top: calc(16 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
    width: calc(150 / 750 * 100vw);
  }
  .swiper02-button {
    top: 38%;
    width: 80%;
  }
  .swiper02-button-prev,
  .swiper02-button-next {
    height: calc(42 / 750 * 100vw);
    width: calc(42 / 750 * 100vw);
  }
}

@media screen and (min-width: 768px) {
  .btm__btns .btnBc {
    margin-top: calc(60 / 1366 * 100vw);
  }
  .btm__btns .btnWh {
    margin-top: calc(20 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .btm__btns .btnBc {
    margin-top: 60px;
  }
  .btm__btns .btnWh {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btm__btns .btnBc {
    margin-top: calc(60 / 750 * 100vw);
  }
  .btm__btns .btnWh {
    margin-top: calc(40 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
  }
}


.recommend__md {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.recommend__md__inner {
  background: #FFF;
    position: relative;
    width: 900px;
    height: 100%;
    margin: 0 auto;
    overflow-y: scroll;
}
.recommend__md__inner__item {
  display: none;
  position: relative;
}
.recommend__md__inner__item.active {
  display: block;
}
.recommend__md__inner__item figure {
  margin: 130px auto 20px;
  width: 800px;
}
.recommend__md__ttl {
  margin-bottom: 15px;
}
.recommend__md__ttl p {
  font-family: "Shippori Mincho", serif;
  font-size: 22px;
  margin: auto;
  text-align: center;
  width: 640px;
}
.recommend__md__txt p {
  font-family: "Shippori Mincho", serif;
  font-size: 16px;
  margin: auto;
  text-align: center;
  width: 640px;
}
@media screen and (max-width: 767px) {
  .recommend__md__inner {
    width: 100%;
  }
  .recommend__md__inner__item figure {
    margin: calc(200 / 750 * 100vw) auto 0;
    width: 86%;
  }
  .recommend__md__ttl {
    margin: calc(40 / 750 * 100vw) auto;
  }
  .recommend__md__ttl p,
  .recommend__md__txt p {
    width: 86%;
  }
  .recommend__md__ttl p {
    font-size: calc(36 / 750 * 100vw);
  }
  .recommend__md__txt p {
    font-size: calc(32 / 750 * 100vw);
    line-height: 1.7;
    text-align: left;
  }
}

.btm__line {
  background: #92464D;
  color: #FFF;
}
.btm__line_ttl {
  font-family: "Shippori Mincho", serif;
  text-align: center;
  font-weight: bold;
}
.btm__line p {
  font-family: "Shippori Mincho", serif;
  line-height: 1.7;
  text-align: center;
}
.recommend__md__inner .close {
    z-index: 110;
    position: absolute;
    top: 50px;
    right: 50px;
    width: 42px;
    cursor: pointer;
}
@media screen and (min-width: 768px) {
  .btm__line {
    padding: calc(50 / 1366 * 100vw) 0;
  }
  .btm__line_ttl {
    font-size: calc(40 / 1366 * 100vw);
    margin-bottom: calc(30 / 1366 * 100vw);
  }
  .btm__line p {
    font-size: calc(20 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .btm__line {
    padding: 50px 0;
  }
  .btm__line_ttl {
    font-size: 40px;
    margin-bottom: 30px;
  }
  .btm__line p {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .btm__line {
    padding: calc(70 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
  }
  .btm__line_ttl {
    font-size: calc(36 / 750 * 100vw);
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .btm__line p {
    font-size: calc(32 / 750 * 100vw);
    margin: auto;
    text-align: justify;
    width: 77%;
  }
  .recommend__md__inner .close {
    position: fixed;
    top: 5vw;
    right: 5vw;
    width: 9vw;
  }
}

.btm__area {
  animation: btmBg 25s linear infinite;
  background-image: url("../../../img/2025/index/winter/btm_area01.webp");
  background-size: cover;
  background-position: center center;
}
@keyframes btmBg {
  13% {
    background-image: url("../../../img/2025/index/winter/btm_area02.webp");
  }
  25% {
    background-image: url("../../../img/2025/index/winter/btm_area02.webp");
  }
  38% {
    background-image: url("../../../img/2025/index/winter/btm_area03.webp");
  }
  50% {
    background-image: url("../../../img/2025/index/winter/btm_area03.webp");
  }
  63% {
    background-image: url("../../../img/2025/index/winter/btm_area04.webp");
  }
  75% {
    background-image: url("../../../img/2025/index/winter/btm_area04.webp");
  }
  88% {
    background-image: url("../../../img/2025/index/winter/btm_area01.webp");
  }
  100% {
    background-image: url("../../../img/2025/index/winter/btm_area01.webp");
  }
}
.btm__area figure {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .btm__area {
    height: calc(610 / 1366 * 100vw);
    padding: calc(45 / 1366 * 100vw) 0 calc(40 / 1366 * 100vw);
  }
  .btm__area figure {
    margin-bottom: calc(35 / 1366 * 100vw);
    width: calc(460 / 1366 * 100vw);
  }
  .btm__area .btnBc {
    width: calc(560 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .btm__area {
    height: 610px;
    padding: 45px 0 40px;
  }
  .btm__area figure {
    margin-bottom: 35px;
    width: 460px;
  }
  .btm__area .btnBc {
    width: 560px;
  }
}
@media screen and (max-width: 767px) {
    .btm__area {
      height: calc(800 / 750 * 100vw);
      padding: calc(60 / 750 * 100vw) 0;
    }
    .btm__area figure {
      margin-bottom: calc(60 / 750 * 100vw);
      width: calc(520 / 750 * 100vw);
    }
}



.btnBc,
.btnWh {
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: 2px 3px 0px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  margin: auto;
  position: relative;
  text-align: center;
}
.btnBc {
  background: #000;
  border: 1px solid #FFF;
}
.btnWh {
  background: #FFF;
  border: 1px solid #A2BFCC;
}

.btnBc a,
.btnWh a {
  align-items: center;
  color: #FFF;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.btnBc a {
  color: #FFF;
}
.btnWh a {
  color: #A2BFCC;
}
.btnBc a:before,
.btnWh a:before {
    aspect-ratio: 1 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: rotate(-90deg);
}
.btnBc a:before {
  background-image: url(../../../img/2025/index/winter/ar.svg);
}
.btnWh a:before {
  background-image: url(../../../img/2025/index/winter/ar_b.svg);
  transform: rotate(0deg);
}
@media screen and (min-width: 768px) {
  .btnBc, .btnWh {
    height: calc(70 / 1366 * 100vw);
    text-indent: -1em;
  }
  .btnBc {
    width: calc(430 / 1366 * 100vw);
  }
  .btnWh {
    width: calc(330 / 1366 * 100vw);
  }
  .btnBc a:before, .btnWh a:before {
    right: calc(30 / 1366 * 100vw);
    height: calc(32 / 1366 * 100vw);
    width: calc(32 / 1366 * 100vw);
  }
}
@media screen and (min-width: 1367px) {
  .btnBc, .btnWh {
    height: 70px;
  }
  .btnBc {
    width: 430px;
  }
  .btnWh {
    width: 330px;
  }
  .btnBc a:before,
  .btnWh a:before {
    right: 30px;
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 767px) {
  .btnBc, .btnWh {
    height: calc(144 / 750 * 100vw);
    line-height: 1.7;
    width: 78%;
  }
  .btnBc a:before, .btnWh a:before {
    right: calc(46 / 750 * 100vw);
    height: calc(36 / 750 * 100vw);
    width: calc(36 / 750 * 100vw);
  }
}



.login__md {
  background: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.login__md__inner {
  background-color: #A2BFCC;
  background-image: url(../../../img/2025/winter/md_bg.svg), url(../../../img/2025/winter/md_bg.svg);
  background-repeat: repeat-y, repeat-y;
  background-position: left 20px center, right 20px center;
  margin: auto;
  height: 100%;
  padding: 110px 0 130px;
  position: relative;
  width: 1000px;
}
.login__md .close {
    z-index: 110;
    position: absolute;
    top: 50px;
    right: 50px;
    width: 42px;
    cursor: pointer;
}
.login__md__inner__ttl {
  margin-bottom: 60px;
}
.login__md__inner__ttl p {
  color: #FFF;
  font-family: "Shippori Mincho", serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: .1em;
  text-align: center;
}
.login__md__inner__content {
  display: flex;
  justify-content: space-between;
  margin: auto;
  width: 600px;
}
.login__md__inner__content figure {
  border-radius: 15px;
  width: 230px;
}
.login__md__inner__content figure {
  box-shadow: 2px 7px 20px rgba(0,0,0,.23);
}
.login__md__inner__content .form {
  color: #FFF;
  width: 300px;
}
.login__md__inner__content .form dl dt {
  align-items: center;
  background: #000;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  height: 35px;
  letter-spacing: .05em;
  margin-bottom: 20px;
  padding-left: 10px;
}
.login__md__inner__content .form .select-plan {
  margin-bottom: 30px;
}
.login__md__inner__content .form .select-plan li {
  align-items: center;
  display: flex;
  column-gap: 8px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .05em;
  margin-bottom: 10px;
  position: relative;
}
.login__md__inner__content .form .select-plan li input {
  position: relative;
  margin: 0;
}
.login__md__inner__content .form .select-plan li input:before {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-radius: 100px;
  box-sizing: border-box;
  box-shadow: inset 0px 3px 6px rgba(0,0,0,.16);
  content: "";
  display: block;
  height: 28px;
  margin: auto;
  width: 28px;
}
.login__md__inner__content .form .select-plan li:has(input:checked) input:after {
  background: #000;
  border-radius: 100px;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  left: 7px;
  top: 7px;
  width: 14px;
  z-index: +1;
}
.login__md__inner__content .form .select-plan li label span {
  font-size: 12px;
}
.login__md__inner__content .form dl dd .fs12 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 12px;
}
.login__md__inner__content .form dl dd .number-entry {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.login__md__inner__content .form dl dd .number-entry p {
  font-size: 26px;
  font-weight: 100;
  letter-spacing: .05em;
}
.login__md__inner__content .form dl dd .number-entry input {
  align-items: center;
  background: #FFF;
  box-shadow: inset 2px 2px 4px rgba(0,0,0,.16);
  display: flex;
  font-size: 30px;
  height: 44px;
  text-align: center;
  letter-spacing: .1em;
  width: 198px;
}
.login__md__inner__content .form dl dd .number-entry input::placeholder {
  color: #D1D1D1;
}
.login__md__inner__content .form .btnBc {
  align-items: center;
  border: none;
  color: #FFF;
  display: flex;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  height: 52px;
  margin-top: 45px;
  margin-left: 0;
  position: relative;
  text-indent: -2em;
  width: 200px;
}
.login__md__inner__content .form .btnBc:before {
  background-image: url(../../../img/2025/index/winter/ar.svg);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  height: 32px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  transform: rotate(-90deg);
  right: 15px;
  width: 32px;
}
@media screen and (max-width: 767px) {
  .login__md {
    background: #A2BFCC;
    box-sizing: border-box;
    padding: calc(10 / 750 * 100vw);
    height: 100%;
  }
  .login__md__inner {
    background-image: none;
    border: 1px solid #FFF;
    box-sizing: border-box;
    padding: calc(200 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
    overflow-y: scroll;
    width: 100%;
  }
  .login__md .close {
    position: fixed;
    top: 5vw;
    right: 5vw;
    width: 9vw;
  }
  .login__md__inner__ttl {
    margin-bottom: calc(40 / 750 * 100vw);
  }
  .login__md__inner__ttl p {
    font-size: calc(32 / 750 * 100vw);
  }
  .login__md__inner__content {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: calc(60 / 750 * 100vw);
    width: 100%;
  }
  .login__md__inner__content figure {
    width: calc(290 / 750 * 100vw);
  }
  .login__md__inner__content .form {
    width: calc(570 / 750 * 100vw);
  }
  .login__md__inner__content .form dl dt {
     height: calc(64 / 750 * 100vw);
     font-size: calc(28 / 750 * 100vw);
     margin-bottom: calc(40 / 750 * 100vw);
     padding-left: calc(40 / 750 / 100vw);
  }
  .login__md__inner__content .form .select-plan li {
    column-gap: calc(16 / 750 * 100vw);;
    font-size: calc(36 / 750 * 100vw);
    margin-bottom: calc(32 / 750 * 100vw);
  }
  .login__md__inner__content .form .select-plan li label {
    padding-left: 1em;
  }
  .login__md__inner__content .form .select-plan li label span {
    font-size: calc(24 / 750 * 100vw);
  }
  .login__md__inner__content .form .select-plan li input:before {
    height: calc(38 / 750 * 100vw);
    width: calc(38 / 750 * 100vw);
    position: absolute;
    top: 0;
    bottom: 0;
  }
  .login__md__inner__content .form .select-plan li input {
    padding-inline: 0px;
    padding-block: 0px;
  }
  .login__md__inner__content .form .select-plan li:has(input:checked) input:after {
    height: calc(20 / 750 * 100vw);
    top: 0;
    bottom: 0;
    margin: auto;
    left: calc(8.5 / 750 * 100vw);
    width: calc(20 / 750 * 100vw);
  }
  .login__md__inner__content .form .select-plan {
    margin-bottom: calc(60 / 750 * 100vw);
  }
  .login__md__inner__content .form dl dd .fs12 {
    font-size: calc(24 / 750 * 100vw);
  }
  .login__md__inner__content .form dl dd .number-entry p {
    font-size: calc(52 / 750 * 100vw);
  }
  .login__md__inner__content .form dl dd .number-entry input {
    font-size: calc(60 / 750 * 100vw);
    height: calc(82 / 750 * 100vw);
    width: calc(360 / 750 * 100vw);
  }
  .login__md__inner__content .form .btnBc {
    font-size: calc(30 / 750 * 100vw);;
    height: calc(96 / 750 * 100vw);
    margin-top: calc(60 / 750 * 100vw);
    margin-left: auto;
    width: calc(380 / 750 * 100vw);
  }
  .login__md__inner__content .form .btnBc:before {
    height: calc(60 / 750 * 100vw);
    right: calc(30 / 750 * 100vw);;
    width: calc(60 / 750 * 100vw);
  }
}
.winter #popupCalender .calender p .disc {
  color: #A2BFCC;
}



/* ==================================================
予約導線ページ
================================================== */
.winter.reserve .ttl {
  color: #FFF;
  font-family: "Shippori Mincho", serif;
  font-weight: bold;
  text-align: center;
}
.winter.reserve .p-top-reserve {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .winter.reserve .p-top-reserve {
    padding: calc(10 / 1366 * 100vw);
  }
  .winter.reserve .ttl {
    font-size: calc(32 / 1366 * 100vw);
    margin-bottom: calc(90 / 1366 * 100vw);
  }
  .winter.reserve .p-top-reserve_wrap {
    padding-top: calc(130 / 1366 * 100vw);
  }
  .winter.reserve .contactProm {
    margin: calc(150 / 1366 * 100vw) auto;
  }
}
@media screen and (min-width: 1367px) {
  .winter.reserve .p-top-reserve {
    padding: 10px;
  }
  .winter.reserve .ttl {
    font-size: 32px;
    margin-bottom: 90px;
  }
  .winter.reserve .p-top-reserve_wrap {
    padding-top: 130px;
  }
  .winter.reserve .contactProm {
    margin: 150px auto;
  }
}
@media screen and (max-width: 767px) {
  .winter.reserve .p-top-reserve {
    padding: 0;
  }
  .winter .p-top-reserve .p-top-reserve_wrap {
    border: none;
  }
  .winter.reserve .ttl {
    font-size: calc(40 / 750 * 100vw);
    margin-bottom: calc(70 / 750 * 100vw);
  }
  .winter.reserve .p-top-reserve_wrap {
    padding-top: calc(90 / 750 * 100vw);
  }
  .winter.reserve .contactProm {
    margin: calc(120 / 750 * 100vw) auto calc(160 / 750 * 100vw);
  }
  #popupHotel .btn a:after {
    right: calc(100vw / ( 375 / 40 ));
  }
  .winter.reserve #popupHotel .btn a {
    padding: 0;
    text-align: center;
    text-indent: -1em;
  }
}




/* ==================================================
よくある質問
================================================== */
.winter .p-news2025-tab .c-tab__item {
  border-color: rgba(162, 191, 204, 1);
  color: #A2BFCC;
}
.winter .p-news2025-tab .c-tab__item.current {
  background: #A2BFCC;
  color: #FFF;
}
.winter .p-faq-list .icon {
  color: #A2BFCC;
}
.winter .p-news2025-tab .c-tab__item:after {
  background-image: url("../../../img/2025/winter/icon_arrow_blue_down.svg");
}
.winter .p-news2025-tab .c-tab__item.current:after {
  background-image: url("../../../img/icon_arrow_white_down.svg") !important;
}


@media screen and (min-width: 768px) {
}
@media screen and (min-width: 1367px) {
}
@media screen and (max-width: 767px) {
}