@charset "UTF-8";
.con_charm, .con_pickup_plan, .con_charm_detail .block_charm ol, .con_rooms .block_charm ul, .con_plan, .con_cruise_process, .con_ship_data > .c-text--primary, .con_reserve {
  max-width: 1000px;
  margin: auto;
  *zoom: 1;
}
.con_charm:before, .con_pickup_plan:before, .con_charm_detail .block_charm ol:before, .con_rooms .block_charm ul:before, .con_plan:before, .con_cruise_process:before, .con_ship_data > .c-text--primary:before, .con_reserve:before, .con_charm:after, .con_pickup_plan:after, .con_charm_detail .block_charm ol:after, .con_rooms .block_charm ul:after, .con_plan:after, .con_cruise_process:after, .con_ship_data > .c-text--primary:after, .con_reserve:after {
  content: " ";
  display: table;
}
.con_charm:after, .con_pickup_plan:after, .con_charm_detail .block_charm ol:after, .con_rooms .block_charm ul:after, .con_plan:after, .con_cruise_process:after, .con_ship_data > .c-text--primary:after, .con_reserve:after {
  clear: both;
}
@media only screen and (max-width: 999px) {
  .con_charm, .con_pickup_plan, .con_charm_detail .block_charm ol, .con_rooms .block_charm ul, .con_plan, .con_cruise_process, .con_ship_data > .c-text--primary, .con_reserve {
    width: 96%;
  }
}

/* %計算*/
/*con_name_small | @include con_name_small();*/
/*ホテル名など 小さい*/
/*con_fukidashi | @include con_fukidashi();*/
/*吹き出しの枠*/
/*bxslider_css | @include bxslider_css();*/
/*スライダーイメージ用*/
/*キャンペーンページ用 幅1000px再指定用*/
/*@include camlayout(0);*/
/*#homepage*/
/*専用設定*/
/*フォントサイズ設定*/
/*icon style*/
/* ===================================================================
CSS information

 file name  :aska2.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	setting
-----------------------------------------------------------*/
:root {
  --fs-body-pc: 22;
  --fs-body-sp: 16;
  --fs-title--primary_pc: 30;
  --fs-title--primary_tab: 24;
  --fs-title--primary_sp: 20;
  --fs-title--secondary_pc: 22;
  --fs-title--secondary_tab: 17.6;
  --fs-title--secondary_sp: 20;
  --fs-title--tertiary_pc: 20;
  --fs-title--tertiary_tab: 16;
  --fs-title--tertiary_sp: 16;
  --fs-title--quaternary_pc: 50;
  --fs-title--quaternary_tab: 40;
  --fs-title--quaternary_sp: 22;
  --fs-title--quinary_pc: 100;
  --fs-title--quinary_tab: 80;
  --fs-title--quinary_sp: 22;
  --fs-title--senary_pc: 0;
  --fs-title--senary_tab: 0;
  --fs-title--senary_sp: 0;
  --fs-title--septenary_pc: 0;
  --fs-title--septenary_tab: 0;
  --fs-title--septenary_sp: 0;
  --fs-title--octonary_pc: 0;
  --fs-title--octonary_tab: 0;
  --fs-title--octonary_sp: 0;
  --fs-title--nonary_pc: 0;
  --fs-title--nonary_tab: 0;
  --fs-title--nonary_sp: 0;
  --fs-title--denary_pc: 0;
  --fs-title--denary_tab: 0;
  --fs-title--denary_sp: 0;
  --fs-text--primary_pc: 22;
  --fs-text--primary_tab: 17.6;
  --fs-text--primary_sp: 16;
  --fs-text--secondary_pc: 18;
  --fs-text--secondary_tab: 14.4;
  --fs-text--secondary_sp: 12;
  --fs-text--tertiary_pc: 16;
  --fs-text--tertiary_tab: 12.8;
  --fs-text--tertiary_sp: 14;
  --fs-text--quaternary_pc: 15;
  --fs-text--quaternary_tab: 12;
  --fs-text--quaternary_sp: 12;
  --fs-text--quinary_pc: 0;
  --fs-text--quinary_tab: 0;
  --fs-text--quinary_sp: 0;
  --fs-text--senary_pc: 0;
  --fs-text--senary_tab: 0;
  --fs-text--senary_sp: 0;
  --fs-text--septenary_pc: 0;
  --fs-text--septenary_tab: 0;
  --fs-text--septenary_sp: 0;
  --fs-text--octonary_pc: 0;
  --fs-text--octonary_tab: 0;
  --fs-text--octonary_sp: 0;
  --fs-text--nonary_pc: 0;
  --fs-text--nonary_tab: 0;
  --fs-text--nonary_sp: 0;
  --fs-text--denary_pc: 0;
  --fs-text--denary_tab: 0;
  --fs-text--denary_sp: 0;
}

#contents {
  max-width: none;
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-body-pc) / 16) * 1rem);
  line-height: 1.7;
}
@media (max-width: 767px) {
  #contents {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-body-sp) / 16) * 1rem);
  }
  #contents img, #contents svg {
    width: 100%;
    max-width: 100%;
    height: auto;
    -webkit-touch-callout: none;
    line-height: 1;
  }
}
@media screen and (min-width: 1px) and (max-width: 1024px) {
  #contents {
    width: 100%;
  }
}

.c-font--mspMincho {
  font-family: "ms-pmincho", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.c-title, .c-title--primary, .c-title--secondary, .c-title--tertiary, .c-title--quaternary, .c-title--quinary, .c-title--septenary, .c-title--octonary {
  font-family: "source-han-serif-jp-subset", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.c-title.center, .center.c-title--primary, .center.c-title--secondary, .center.c-title--tertiary, .center.c-title--quaternary, .center.c-title--quinary, .center.c-title--septenary, .center.c-title--octonary {
  text-align: center;
}
.c-title.white, .white.c-title--primary, .white.c-title--secondary, .white.c-title--tertiary, .white.c-title--quaternary, .white.c-title--quinary, .white.c-title--septenary, .white.c-title--octonary {
  color: #fff;
}
.c-title--primary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--primary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--primary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--primary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--primary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--primary_sp) / 16) * 1rem);
  }
}

.c-title--secondary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--secondary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--secondary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--secondary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--secondary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--secondary_sp) / 16) * 1rem);
  }
}

.c-title--tertiary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--tertiary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--tertiary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--tertiary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--tertiary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--tertiary_sp) / 16) * 1rem);
  }
}

.c-title--quaternary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quaternary_pc) / 16) * 1rem);
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--quaternary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quaternary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--quaternary {
    letter-spacing: 0.1em;
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quaternary_sp) / 16) * 1rem);
  }
}
.c-title--quaternary .sub {
  display: block;
  font-size: 40%;
}
@media screen and (max-width: 767px) {
  .c-title--quaternary .sub {
    font-size: 54.54545%;
  }
}

.c-title--quinary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quinary_pc) / 16) * 1rem);
  letter-spacing: 0.2em;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--quinary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quinary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--quinary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--quinary_sp) / 16) * 1rem);
  }
}
.c-title--quinary .sub {
  display: block;
  font-size: 30%;
}
@media screen and (max-width: 767px) {
  .c-title--quinary .sub {
    font-size: 54.54545%;
  }
}

.c-title--septenary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--septenary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--septenary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--septenary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--septenary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--septenary_sp) / 16) * 1rem);
  }
}

.c-title--octonary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--octonary_pc) / 16) * 1rem);
  letter-spacing: 0.02em;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-title--octonary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--octonary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-title--octonary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-title--octonary_sp) / 16) * 1rem);
  }
}
.c-title--octonary .sub {
  display: block;
  font-size: 30%;
}

.c-text, .c-text--primary, .c-text--secondary, .c-text--tertiary, .c-text--quaternary, .c-text--quinary {
  font-family: "source-han-serif-jp-subset", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.c-text.center, .center.c-text--primary, .center.c-text--secondary, .center.c-text--tertiary, .center.c-text--quaternary, .center.c-text--quinary {
  text-align: center;
}
.c-text.white, .white.c-text--primary, .white.c-text--secondary, .white.c-text--tertiary, .white.c-text--quaternary, .white.c-text--quinary {
  color: #fff;
}
.c-text--primary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--primary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-text--primary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--primary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-text--primary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--primary_sp) / 16) * 1rem);
  }
}

.c-text--secondary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--secondary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-text--secondary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--secondary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-text--secondary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--secondary_sp) / 16) * 1rem);
  }
}

.c-text--tertiary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--tertiary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-text--tertiary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--tertiary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-text--tertiary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--tertiary_sp) / 16) * 1rem);
  }
}

.c-text--quaternary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quaternary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-text--quaternary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quaternary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-text--quaternary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quaternary_sp) / 16) * 1rem);
  }
}

.c-text--quinary {
  font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quinary_pc) / 16) * 1rem);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-text--quinary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quinary_tab) / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .c-text--quinary {
    font-size: calc(var(--font-size-scale, 1) * (var(--fs-text--quinary_sp) / 16) * 1rem);
  }
}

.c-btn, .c-btn--primary {
  color: #fff;
}
.c-btn.open p span::after, .open.c-btn--primary p span::after {
  content: '\f08e';
  font-family: "FontAwesome";
  padding-left: 0.25em;
}
.c-btn.arrow p span::after, .arrow.c-btn--primary p span::after {
  content: '\f105';
  font-family: "FontAwesome";
  padding-left: 0.25em;
}
.c-btn--primary {
  display: inline-block;
  border: 1px solid #fff;
  text-align: center;
  padding-block: .25em;
  padding-inline: 4em;
}
@media screen and (min-width: 1025px) {
  .c-btn--primary:hover {
    opacity: 0.6;
    color: #fff !important;
  }
}

/*-----------------------------------------------------------
	gnavのactive設定
-----------------------------------------------------------*/
#xxxxxxxx #gnav ul li.gnav_xxxxxxxx a {
  background-position: bottom;
}

#contents {
  background: #005c89;
  color: #fff;
  line-height: 1.5;
}

/*----------------------------------------------------
	.con_mv
----------------------------------------------------*/
.con_mv .block_mv {
  position: relative;
}
.con_mv .block_mv .c-title--quinary {
  position: absolute;
  width: 100%;
  top: 8%;
  left: 50%;
  transform: translateX(-50%);
}
.con_mv .block_mv .photographer {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .con_mv .block_mv .photographer {
    right: 5px;
    bottom: 5px;
    font-size: 10px;
  }
}
.con_mv .block_sub ul {
  display: flex;
  flex-wrap: wrap;
}
.con_mv .block_sub ul li {
  width: calc(100% / 5);
}
@media screen and (max-width: 767px) {
  .con_mv .block_sub ul li {
    width: calc(100% / 4);
  }
}

.con_charm {
  width: 91.666666%;
  max-width: 1446px;
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm {
    margin-top: calc(var(--font-size-scale, 1) * (85.5 / 16) * 1rem);
  }
}
.con_charm ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: calc(var(--font-size-scale, 1) * (100 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm ul {
    max-width: 324px;
    margin-inline: auto;
    margin-top: calc(var(--font-size-scale, 1) * (57 / 16) * 1rem);
  }
}
.con_charm ul li {
  width: 23.51314%;
}
@media screen and (max-width: 767px) {
  .con_charm ul li {
    width: 100%;
    text-align: center;
  }
  .con_charm ul li:not(:first-child) {
    margin-top: calc(var(--font-size-scale, 1) * (40 / 16) * 1rem);
  }
}
.con_charm ul li .c-text--primary {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm ul li .c-text--primary {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_charm ul li .c-text--primary em {
  font-size: 136.36364%;
}
@media screen and (max-width: 767px) {
  .con_charm ul li .c-text--primary em {
    font-size: 125%;
  }
}

.con_pickup_plan {
  width: 91.666666%;
  max-width: 1446px;
  margin-top: calc(var(--font-size-scale, 1) * (170 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_pickup_plan {
    margin-top: calc(var(--font-size-scale, 1) * (96.9 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_pickup_plan .c-title--tertiary {
  margin-top: calc(var(--font-size-scale, 1) * (70 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_pickup_plan .c-title--tertiary {
    margin-top: calc(var(--font-size-scale, 1) * (39.9 / 16) * 1rem);
  }
}
.con_pickup_plan .block_plan {
  position: relative;
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_pickup_plan .block_plan {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_pickup_plan .block_plan .block {
  position: relative;
}
.con_pickup_plan .block_plan .block .popup-btn {
  position: absolute;
  width: 14%;
  height: 30px;
  bottom: 36%;
  right: 2%;
}
@media screen and (max-width: 767px) {
  .con_pickup_plan .block_plan .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 19%;
    right: 11%;
  }
}
.con_pickup_plan .block_plan .block .anchor1 {
  position: absolute;
  width: 34%;
  height: 80px;
  bottom: 3.5%;
  right: 1.5%;
}
@media screen and (max-width: 767px) {
  .con_pickup_plan .block_plan .block .anchor1 {
    height: 60px;
    right: auto;
    left: 50%;
    bottom: 2.5%;
    transform: translateX(-50%);
  }
}
.con_pickup_plan ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.con_pickup_plan ul li {
  width: 23.51314%;
}
.con_pickup_plan .block_btn {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .con_pickup_plan .block_btn {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}

.con_charm_detail {
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail {
    margin-top: calc(var(--font-size-scale, 1) * (85.5 / 16) * 1rem);
  }
}
.con_charm_detail ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail ul {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_charm_detail ul li {
  width: calc(100% / 3);
}
.con_charm_detail .c-title--tertiary {
  margin-top: calc(var(--font-size-scale, 1) * (60 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail .c-title--tertiary {
    margin-top: calc(var(--font-size-scale, 1) * (34.2 / 16) * 1rem);
  }
}
.con_charm_detail > .c-text--primary {
  margin-top: calc(var(--font-size-scale, 1) * (40 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail > .c-text--primary {
    margin-top: calc(var(--font-size-scale, 1) * (22.8 / 16) * 1rem);
    display: none;
  }
}
.con_charm_detail .block_charm {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_charm_detail .block_charm ol {
  width: 91.666666%;
  max-width: 1446px;
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol {
    max-width: 324px;
  }
}
.con_charm_detail .block_charm ol li:not(:first-child) {
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol li:not(:first-child) {
    margin-top: 40px;
  }
}
.con_charm_detail .block_charm ol li .wrp {
  display: flex;
  flex-wrap: wrap;
}
.con_charm_detail .block_charm ol li .wrp .block_text {
  width: 43.56846%;
  background: url("/images/cruise/asuka2/bg_charm--pc.jpg") center center/cover no-repeat;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol li .wrp .block_text {
    width: 100%;
    padding: 2em 0;
  }
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol li .wrp .block_text .c-title--primary {
    width: 250px;
    margin-inline: auto;
  }
  .con_charm_detail .block_charm ol li .wrp .block_text .c-title--primary span.main {
    display: flex;
    flex-wrap: wrap;
  }
  .con_charm_detail .block_charm ol li .wrp .block_text .c-title--primary span.main em.spacer {
    display: block;
    width: 100%;
    text-align: left;
  }
  .con_charm_detail .block_charm ol li .wrp .block_text .c-title--primary span.main em.spacer:not(:first-child) {
    text-align: right;
  }
}
.con_charm_detail .block_charm ol li .wrp .block_text .c-text--primary {
  margin-inline: 7.14286%;
}
@media screen and (min-width: 768px) {
  .con_charm_detail .block_charm ol li .wrp .block_text .c-text--primary {
    margin-top: calc(var(--font-size-scale, 1) * (60 / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol li .wrp .block_text .c-text--primary {
    width: 250px;
    margin-top: calc(var(--font-size-scale, 1) * (40 / 16) * 1rem);
    margin-inline: auto;
  }
}
.con_charm_detail .block_charm ol li .wrp .block_text .c-text--primary .cap {
  display: block;
  font-size: 72.72727%;
}
.con_charm_detail .block_charm ol li .wrp .block_img {
  width: 56.43154%;
}
@media screen and (max-width: 767px) {
  .con_charm_detail .block_charm ol li .wrp .block_img {
    width: 100%;
    order: -1;
  }
}
.con_charm_detail .block_charm ol li:nth-child(even) .wrp .block_img {
  order: -1;
}

.con_rooms {
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms {
    margin-top: calc(var(--font-size-scale, 1) * (85.5 / 16) * 1rem);
  }
}
.con_rooms > ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--font-size-scale, 1) * (45 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms > ul {
    margin-top: calc(var(--font-size-scale, 1) * (25.65 / 16) * 1rem);
  }
}
.con_rooms > ul li {
  width: calc(100% / 3);
}
.con_rooms > .c-text--primary {
  margin-top: calc(var(--font-size-scale, 1) * (60 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms > .c-text--primary {
    margin-top: calc(var(--font-size-scale, 1) * (34.2 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_rooms .block_charm {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_rooms .block_charm ul {
  width: 91.666666%;
  max-width: 1446px;
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul {
    width: 100%;
    background: url("/images/cruise/asuka2/bg_charm--pc.jpg") center center/cover no-repeat;
  }
}
.con_rooms .block_charm ul li .wrp {
  display: flex;
  flex-wrap: wrap;
}
.con_rooms .block_charm ul li .wrp .block_text {
  width: 43.56846%;
  background: url("/images/cruise/asuka2/bg_charm--pc.jpg") center center/cover no-repeat;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul li .wrp .block_text {
    width: 100%;
    padding: 2em 0;
    background: none;
  }
}
.con_rooms .block_charm ul li .wrp .block_text .c-text--primary {
  margin-inline: auto;
  margin-top: calc(var(--font-size-scale, 1) * (60 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul li .wrp .block_text .c-text--primary {
    width: 75.61728%;
    margin-top: calc(var(--font-size-scale, 1) * (34.2 / 16) * 1rem);
  }
}
.con_rooms .block_charm ul li .wrp .block_text .c-text--primary .cap {
  display: block;
}
.con_rooms .block_charm ul li .wrp .block_text .block_btn {
  text-align: center;
  margin-top: calc(var(--font-size-scale, 1) * (60 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul li .wrp .block_text .block_btn {
    margin-top: calc(var(--font-size-scale, 1) * (34.2 / 16) * 1rem);
  }
}
.con_rooms .block_charm ul li .wrp .block_img {
  width: 56.43154%;
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul li .wrp .block_img {
    width: 100%;
    order: -1;
  }
}
.con_rooms .block_charm ul li:not(:first-child) {
  margin-top: calc(var(--font-size-scale, 1) * (140 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_rooms .block_charm ul li:not(:first-child) {
    margin-top: 0;
    margin-inline: auto;
    padding: 0;
    width: 94.1358%;
    padding-inline: 2.9321%;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp {
    padding: 2em 0;
    border-top: 1px solid #fff;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp .block_text {
    width: 48%;
    padding-block: 0;
    background: none;
    margin-left: 2%;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp .block_text .c-title--primary {
    font-size: 16px;
    text-align: left;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp .block_text .c-text--primary {
    width: 100%;
    margin-top: 0.5em;
    font-size: 14px;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp .block_img {
    width: 50%;
  }
  .con_rooms .block_charm ul li:not(:first-child) .wrp .block_btn {
    text-align: center;
    margin-inline: auto;
    margin-top: 1em;
  }
}
.con_rooms .block_charm ul li:nth-child(even) .wrp .block_img {
  order: -1;
}

.con_plan {
  width: 91.666666%;
  max-width: 1446px;
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
  padding-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
  border-top: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .con_plan {
    width: 100%;
    border-top: none;
    margin-top: calc(var(--font-size-scale, 1) * (69.999 / 16) * 1rem);
    padding-top: 0;
  }
}
.con_plan .block_img {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_plan .block_img {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_plan .wrp_plan {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-title--primary {
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
}
.con_plan .wrp_plan .block_plan .c-title--primary em {
  font-size: 166.66667%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-title--primary em {
    font-size: 144.44444%;
  }
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-text--primary {
    position: relative;
    z-index: 1;
  }
}
.con_plan .wrp_plan .block_plan .c-text--primary em {
  font-size: 159.09091%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-text--primary em {
    font-size: 125%;
  }
}
.con_plan .wrp_plan .block_plan .c-text--primary.deco {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-text--primary.deco {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
    position: relative;
    z-index: 1;
  }
}
.con_plan .wrp_plan .block_plan .c-text--primary.deco span {
  position: relative;
}
.con_plan .wrp_plan .block_plan .c-text--primary.deco span::before, .con_plan .wrp_plan .block_plan .c-text--primary.deco span::after {
  content: '';
  height: 1px;
  width: 1.5em;
  background: #fff;
  position: absolute;
  top: 45%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .c-text--primary.deco span::before, .con_plan .wrp_plan .block_plan .c-text--primary.deco span::after {
    display: none;
  }
}
.con_plan .wrp_plan .block_plan .c-text--primary.deco span::before {
  left: -1.5em;
  transform: translateY(-50%) rotate(45deg);
}
.con_plan .wrp_plan .block_plan .c-text--primary.deco span::after {
  right: -1.5em;
  transform: translateY(-50%) rotate(-45deg);
}
.con_plan .wrp_plan .block_plan .block {
  margin-top: calc(var(--font-size-scale, 1) * (30 / 16) * 1rem);
  position: relative;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .block {
    margin-top: calc(var(--font-size-scale, 1) * (17.1 / 16) * 1rem);
    text-align: center;
    position: relative;
    z-index: 1;
  }
}
.con_plan .wrp_plan .block_plan .block .popup-btn {
  position: absolute;
  width: 14%;
  height: 30px;
  bottom: 36%;
  right: 2%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 19%;
    right: 11%;
  }
}
.con_plan .wrp_plan .block_plan .block .anchor1 {
  position: absolute;
  width: 34%;
  height: 80px;
  bottom: 3.5%;
  right: 1.5%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan .block .anchor1 {
    width: 55%;
    height: 30px;
    right: auto;
    left: 50%;
    bottom: 2.5%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan p.img {
    position: relative;
    z-index: 1;
    margin-top: 1em;
  }
}
.con_plan .wrp_plan .block_plan:not(:first-child) {
  margin-top: calc(var(--font-size-scale, 1) * (100 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:not(:first-child) {
    margin-top: 0;
    padding-top: calc(var(--font-size-scale, 1) * (10 / 16) * 1rem);
  }
}
.con_plan .wrp_plan .block_plan:not(:first-child) .block {
  margin-top: calc(var(--font-size-scale, 1) * (30 / 16) * 1rem);
  position: relative;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:not(:first-child) .block {
    margin-top: calc(var(--font-size-scale, 1) * (17.1 / 16) * 1rem);
  }
}
.con_plan .wrp_plan .block_plan:not(:first-child) .block .popup-btn {
  position: absolute;
  width: 24%;
  height: 30px;
  bottom: 7%;
  right: 41.5%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:not(:first-child) .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 19%;
    right: 11%;
  }
}
.con_plan .wrp_plan .block_plan:not(:first-child) .block .anchor1 {
  position: absolute;
  width: 34%;
  height: 80px;
  bottom: 6%;
  right: 1.5%;
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:not(:first-child) .block .anchor1 {
    width: 55%;
    height: 30px;
    right: auto;
    left: 50%;
    bottom: 2.5%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(1)::before {
    top: 3.5em;
    height: calc(100% - 3.5em);
  }
}
@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(3)::before {
    height: calc(100% + 4em);
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(3) .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 26%;
    right: 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(3) .block .anchor1 {
    width: 55%;
    height: 30px;
    right: auto;
    left: 50%;
    bottom: 3.5%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(4) {
    margin-top: 0;
    padding-top: calc(var(--font-size-scale, 1) * (112 / 16) * 1rem);
  }
  .con_plan .wrp_plan .block_plan:nth-child(4)::before {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(4) .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 38%;
    right: 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(4) .block .anchor1 {
    width: 55%;
    height: 30px;
    right: auto;
    left: 50%;
    bottom: 5.5%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(5)::before {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(5) .block .popup-btn {
    width: 39%;
    height: 20px;
    bottom: 40%;
    right: 11%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan:nth-child(5) .block .anchor1 {
    width: 55%;
    height: 30px;
    right: auto;
    left: 50%;
    bottom: 5.5%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .con_plan .wrp_plan .block_plan {
    position: relative;
  }
  .con_plan .wrp_plan .block_plan::before {
    content: '';
    width: 135%;
    height: 100%;
    background: url(/images/cruise/asuka2/bg_limitedplan--sp.jpg) center center/cover repeat-y;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    mix-blend-mode: overlay;
    opacity: 0.7;
  }
}

.con_cruise_process {
  width: 91.666666%;
  max-width: 1440px;
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
  padding-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
  border-top: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .con_cruise_process {
    margin-top: calc(var(--font-size-scale, 1) * (45 / 16) * 1rem);
    padding-top: calc(var(--font-size-scale, 1) * (30 / 16) * 1rem);
  }
}
.con_cruise_process .c-title--primary {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_cruise_process .c-title--primary {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
.con_cruise_process .wrp_process {
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: url("/images/cruise/asuka2/bg_cruise_process--pc.jpg") center center/cover no-repeat;
  padding-block: 3em;
  position: relative;
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process {
    background: url("/images/cruise/asuka2/bg_cruise_process--sp.jpg") center center/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process {
    padding-block: 2em;
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_cruise_process .wrp_process::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-top: .75em solid transparent;
  border-bottom: .75em solid transparent;
  border-left: 1.305em solid #ffffff;
  border-right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process::before {
    top: 48%;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}
.con_cruise_process .wrp_process .block {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 27.77778%;
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process .block {
    width: 100%;
  }
  .con_cruise_process .wrp_process .block:not(:first-child) {
    margin-top: 90px;
  }
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process .block .c-title--primary {
    margin-top: 20px;
  }
}
.con_cruise_process .wrp_process .block .c-title--primary span em {
  font-size: 116.66667%;
}
.con_cruise_process .wrp_process .block .c-text--primary {
  margin-top: calc(var(--font-size-scale, 1) * (45 / 16) * 1rem);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .con_cruise_process .wrp_process .block .c-text--primary {
    margin-top: 10px;
    width: 280px;
    margin-inline: auto;
  }
}
.con_cruise_process .wrp_process .block .c-text--primary .cap {
  display: block;
  font-size: 72.72727%;
}
.con_cruise_process .wrp_process .block .img {
  max-width: 130px;
  max-height: 130px;
  order: -2;
  margin-inline: auto;
}

.con_ship_data {
  margin-top: calc(var(--font-size-scale, 1) * (150 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_ship_data {
    margin-top: calc(var(--font-size-scale, 1) * (85.5 / 16) * 1rem);
  }
}
.con_ship_data > .c-text--primary {
  width: 91.666666%;
  max-width: 1127px;
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .con_ship_data > .c-text--primary {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
    text-align: left;
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_ship_data .block_detail {
  position: relative;
  margin-top: calc(var(--font-size-scale, 1) * (40 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail {
    margin-top: calc(var(--font-size-scale, 1) * (22.8 / 16) * 1rem);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .con_ship_data .block_detail .block_list {
    position: absolute;
    width: 27.60417%;
    left: 8.69792%;
    top: 10%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1399px) {
  .con_ship_data .block_detail .block_list {
    width: 35%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ship_data .block_detail .block_list {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail .block_list {
    position: relative;
    width: 86.4%;
    margin-inline: auto;
    margin-top: 1em;
  }
}
.con_ship_data .block_detail .block_list .c-text--primary {
  line-height: 2;
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .con_ship_data .block_detail .block_list .c-text--primary {
    line-height: 1.5;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.4);
  }
}
.con_ship_data .block_detail .block_list ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.con_ship_data .block_detail .block_list ul li {
  position: relative;
  gap: 0.75em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.con_ship_data .block_detail .block_list ul li::before {
  content: "";
  flex: 0.98 1 auto;
  height: 2px;
  background: repeating-linear-gradient(to right, #fff 0 6px, transparent 6px 12px);
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail .block_list ul li::before {
    flex: 0.98 1 auto;
    height: 1px;
    background: repeating-linear-gradient(to right, #fff 0 6px, transparent 6px 12px);
  }
}
.con_ship_data .block_detail .block_list ul li p.title {
  position: relative;
  order: -1;
}
.con_ship_data .block_detail .block_list ul li p.title::before {
  content: '';
  width: .75em;
  height: .75em;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: -1.25em;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail .block_list ul li p.title::before {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .con_ship_data .block_detail picture {
    display: block;
    height: 300px;
  }
  .con_ship_data .block_detail picture img {
    object-fit: cover;
    object-position: right;
    height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail picture {
    order: -1;
    width: 100%;
  }
}
.con_ship_data .block_detail .photographer {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .con_ship_data .block_detail .photographer {
    bottom: auto;
    top: 32%;
  }
}

.con_faq {
  margin-top: calc(var(--font-size-scale, 1) * (160 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_faq {
    margin-top: calc(var(--font-size-scale, 1) * (91.2 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_faq .block_btn {
  text-align: center;
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_faq .block_btn {
    margin-top: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
  }
}

.con_reserve {
  width: 91.666666%;
  max-width: 1446px;
  margin: 0 auto;
  margin-top: calc(var(--font-size-scale, 1) * (145 / 16) * 1rem);
  padding-block: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .con_reserve {
    margin-top: calc(var(--font-size-scale, 1) * (82.65 / 16) * 1rem);
    padding-block: calc(var(--font-size-scale, 1) * (28.5 / 16) * 1rem);
    max-width: 324px;
    margin-inline: auto;
  }
}
.con_reserve .box_txt {
  display: flex;
  justify-content: center;
  margin-top: calc(var(--font-size-scale, 1) * (50 / 16) * 1rem);
}
@media screen and (max-width: 767px) {
  .con_reserve .box_txt {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reserve .box_txt {
    flex-direction: column;
    align-items: center;
  }
}
.con_reserve .box_txt .coll {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.con_reserve .box_txt .coll img {
  margin-right: .5em;
}
.con_reserve .box_txt .coll a {
  color: #fff;
}
.con_reserve .box_txt .sub_txt {
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  .con_reserve .box_txt .sub_txt {
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  .con_reserve .box_txt .c-text--primary {
    margin-top: 30px;
  }
}

.topicpath ul li {
  color: #fff;
}
.topicpath ul li a {
  color: #fff;
}
.topicpath ul li a::after {
  color: #fff;
}

.mfp-content {
  text-align: center;
  padding: 5em 0 4em;
}
@media screen and (max-width: 767px) {
  .mfp-content {
    width: 80% !important;
  }
}
.mfp-content > div {
  display: inline-block;
}
.mfp-content .mfp-close {
  color: #fff;
}
.mfp-content .mfp-close::before {
  content: '';
}
@media screen and (max-width: 767px) {
  .mfp-content .mfp-close {
    top: 10px;
    right: 0;
  }
}