@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPMincho&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
.con_mv {
  max-width: 1000px;
  margin: auto;
  *zoom: 1;
}
.con_mv:before, .con_mv:after {
  content: " ";
  display: table;
}
.con_mv:after {
  clear: both;
}
@media only screen and (max-width: 999px) {
  .con_mv {
    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  :anniversary10th.css
author     :Ability Consultant
style info  :タイトル
=================================================================== */
/* -----------------------------------------------------------
	gnavのactive設定
----------------------------------------------------------- */
#xxxxxxxx #gnav ul li.gnav_xxxxxxxx a {
  background-position: bottom;
}

/* -----------------------------------------------------------
	Google Fonts
----------------------------------------------------------- */
/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */
body img,
body svg {
  max-width: 100%;
  height: auto;
  -webkit-touch-callout: none;
  line-height: 1;
}

#contents {
  max-width: 1920px;
  width: 100%;
}

.cmn_btn {
  width: 340px;
  margin: 0 auto;
}
.cmn_btn a {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  color: #fff;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  background-color: #0091ff;
  border-radius: 5px;
  padding: 20px 30px;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .cmn_btn a {
    font-size: 16px;
  }
}
.cmn_btn a:hover {
  color: #fff !important;
  opacity: 0.7;
}

/* -----------------------------------------------------------
	con_mv
----------------------------------------------------------- */
.con_mv {
  width: 100%;
  max-width: 1920px;
}
.con_mv .slide_main > .slide:not(:first-child) {
  display: none;
}

/* -----------------------------------------------------------
	con_sale
----------------------------------------------------------- */
.con_sale .box_top {
  max-width: 1200px;
  width: 100%;
  padding: 60px 0;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sale .box_top {
    padding: 60px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top {
    padding: 30px 10px;
  }
}
.con_sale .box_top .txt_sale {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  font-size: 24px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sale .box_top .txt_sale {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .txt_sale {
    font-size: 16px;
  }
}
.con_sale .box_top .txt_sale .small {
  font-size: 80%;
}
.con_sale .box_top .txt_sale .red {
  font-size: 120%;
  color: #ca0008;
}
.con_sale .box_top .box_timetable {
  margin-top: 40px;
}
.con_sale .box_top .box_timetable > ul {
  display: flex;
  gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sale .box_top .box_timetable > ul {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul {
    flex-wrap: wrap;
    gap: 20px 10px;
  }
}
.con_sale .box_top .box_timetable > ul > li {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sale .box_top .box_timetable > ul > li {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li {
    width: calc((100% / 2) - ((10px * 1) / 2));
  }
}
.con_sale .box_top .box_timetable > ul > li > span {
  display: block;
  text-align: center;
  border: 1px solid #000;
  border-radius: 15px;
  box-sizing: border-box;
  padding: 12px 0;
}
.con_sale .box_top .box_timetable > ul > li::after {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-align: center;
  margin-top: 5px;
}
.con_sale .box_top .box_timetable > ul > li .title {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li .title {
    font-size: 16px;
  }
}
.con_sale .box_top .box_timetable > ul > li .sche {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li .sche {
    font-size: 16px;
  }
}
.con_sale .box_top .box_timetable > ul > li .sche small {
  font-size: 60%;
}
.con_sale .box_top .box_timetable > ul > li.is-commingsoon::after {
  content: "Comming Soon";
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li.is-commingsoon::after {
    font-size: 16px;
  }
}
.con_sale .box_top .box_timetable > ul > li.is-onsale span {
  color: #fff;
  background: #ca0008;
  border: 1px solid #ca0008;
}
.con_sale .box_top .box_timetable > ul > li.is-onsale::after {
  content: "Now on Sale!";
  font-size: 18px;
  color: #ca0008;
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li.is-onsale::after {
    font-size: 16px;
  }
}
.con_sale .box_top .box_timetable > ul > li.is-soldout span {
  background: #a6a6a6;
  border: 1px solid #a6a6a6;
}
.con_sale .box_top .box_timetable > ul > li.is-soldout::after {
  content: "Sold out";
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .con_sale .box_top .box_timetable > ul > li.is-soldout::after {
    font-size: 16px;
  }
}

/* -----------------------------------------------------------
	con_link
----------------------------------------------------------- */
.con_link {
  background-color: #f0f0f0;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_link {
    padding: 30px 10px;
  }
}
.con_link .inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.con_link .inner .title {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-size: 20px;
  text-align: center;
}
.con_link .inner .lst_link {
  margin-top: 20px;
}
.con_link .inner .lst_link > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .inner .lst_link > ul {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_link .inner .lst_link > ul {
    gap: 10px;
  }
}
.con_link .inner .lst_link > ul > li {
  width: calc((100% / 5) - ((20px * 4) / 5));
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_link .inner .lst_link > ul > li {
    width: calc((100% / 2) - ((10px * 1) / 2));
  }
}
@media only screen and (max-width: 767px) {
  .con_link .inner .lst_link > ul > li {
    width: 100%;
  }
}
.con_link .inner .lst_link > ul > li a {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-size: 14px;
  color: #fff;
  text-align: center;
  background-color: #0091ff;
  border-radius: 5px;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3));
  padding: 10px 0;
  position: relative;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .con_link .inner .lst_link > ul > li a {
    font-size: 12px;
  }
}
.con_link .inner .lst_link > ul > li a:hover {
  opacity: 0.7;
}
.con_link .inner .lst_link > ul > li a > svg {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

/* -----------------------------------------------------------
	con_reviews
----------------------------------------------------------- */
.con_reviews .box_recommend .recommend_intro {
  overflow: hidden;
  padding: 50px 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro {
    padding: 50px 20px;
  }
}
.con_reviews .box_recommend .recommend_intro .bg_intro {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.con_reviews .box_recommend .recommend_intro .bg_intro::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
}
.con_reviews .box_recommend .recommend_intro .bg_intro > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 80%;
}
.con_reviews .box_recommend .recommend_intro .box_dan {
  max-width: 260px;
  width: 100%;
  background-color: #ca0008;
  border-radius: 16px;
  padding: 12px 0;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro .box_dan {
    max-width: 170px;
  }
}
.con_reviews .box_recommend .recommend_intro .box_dan .txt_dan {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro .box_dan .txt_dan {
    font-size: 16px;
  }
}
.con_reviews .box_recommend .recommend_intro .box_dan .txt_schedule {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro .box_dan .txt_schedule {
    font-size: 16px;
  }
}
.con_reviews .box_recommend .recommend_intro .box_dan .txt_schedule small {
  font-size: 60%;
}
.con_reviews .box_recommend .recommend_intro .recommend_title {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 34px;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0px 0px 5px black);
  margin-top: 36px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro .recommend_title {
    font-size: 24px;
  }
}
.con_reviews .box_recommend .recommend_intro .recommend_title .small {
  font-size: 80%;
}
.con_reviews .box_recommend .recommend_intro .recommend_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: 1.8em;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0px 0px 5px black);
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reviews .box_recommend .recommend_intro .recommend_txt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .recommend_intro .recommend_txt {
    font-size: 14px;
  }
}
.con_reviews .box_recommend .box_main {
  background: linear-gradient(to bottom, #c7a21c, #f0ce53);
  padding: 70px 0 80px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main {
    padding: 30px 0 80px;
  }
}
.con_reviews .box_recommend .box_main::before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/11Aniversary/img_main_bg.webp);
  background-repeat: repeat-y;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main::before {
    background-image: url(../images/11Aniversary/img_main_bg--sp.webp);
  }
}
.con_reviews .box_recommend .box_main .box_icon_area .icon_title {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  font-weight: 600;
  font-size: 26px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_icon_area .icon_title {
    font-size: 22px;
  }
}
.con_reviews .box_recommend .box_main .box_icon_area .lst_icon {
  margin-top: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reviews .box_recommend .box_main .box_icon_area .lst_icon {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_icon_area .lst_icon {
    padding: 0 20px;
  }
}
.con_reviews .box_recommend .box_main .box_icon_area .lst_icon > ul {
  display: flex;
  justify-content: center;
  gap: 27px;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_icon_area .lst_icon > ul {
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_icon_area .lst_icon > ul > li {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
.con_reviews .box_recommend .box_main .box_icon_area .icon_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_icon_area .icon_txt {
    font-size: 12px;
  }
}
.con_reviews .box_recommend .box_main .box_plan > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1200px;
  width: 100%;
  margin: 60px auto 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reviews .box_recommend .box_main .box_plan > ul {
    gap: 20px;
    max-width: 900px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reviews .box_recommend .box_main .box_plan > ul {
    width: 96%;
    gap: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_plan > ul {
    width: 96%;
    gap: 20px;
  }
}
.con_reviews .box_recommend .box_main .box_plan > ul > li {
  width: calc((100% / 3) - ((30px * 2) / 3));
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li {
    width: 100%;
  }
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main {
  width: 100%;
  margin-top: 0;
  position: relative;
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main a {
  display: block;
  position: relative;
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main::before, .con_reviews .box_recommend .box_main .box_plan > ul > li.main::after {
  content: '';
  /*何も入れない*/
  display: inline-block;
  width: 166px;
  /*画像の幅*/
  height: 56px;
  /*画像の高さ*/
  background-image: url(../images/11Aniversary/img_main_kumo.webp);
  background-size: contain;
  vertical-align: middle;
  filter: drop-shadow(3px 3px 4px rgba(146, 111, 15, 0.75));
  position: absolute;
  z-index: 1;
}
@media only screen and (max-width: 1024px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li.main::before, .con_reviews .box_recommend .box_main .box_plan > ul > li.main::after {
    display: none;
  }
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main::before {
  top: 55%;
  left: -50px;
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main::after {
  top: 20%;
  right: -50px;
}
.con_reviews .box_recommend .box_main .box_plan > ul > li.main img {
  width: 100%;
  height: auto;
  aspect-ratio: 1200 / 742;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li.main img {
    aspect-ratio: 1552 / 2266;
  }
}
.con_reviews .box_recommend .box_main .box_plan > ul > li a {
  display: block;
  position: relative;
}
.con_reviews .box_recommend .box_main .box_plan > ul > li a img {
  width: 100%;
  height: auto;
  aspect-ratio: 1552 / 2400;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li a img {
    aspect-ratio: 1552 / 1974;
  }
}
@media screen and (min-width: 1024px) {
  .con_reviews .box_recommend .box_main .box_plan > ul > li:hover {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.7);
  }
}
.con_reviews .box_recommend .box_main .txt_caution {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  margin-top: 25px;
}
@media only screen and (max-width: 767px) {
  .con_reviews .box_recommend .box_main .txt_caution {
    font-size: 12px;
  }
}

/* ----------------------------------------
	con_area
---------------------------------------- */
.con_area .area_intro {
  overflow: hidden;
  padding: 70px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .area_intro {
    padding: 70px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_area .area_intro {
    padding: 70px 20px;
  }
}
.con_area .area_intro .bg_intro {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.con_area .area_intro .bg_intro::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  top: 0;
  left: 0;
}
.con_area .area_intro .bg_intro > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 70%;
}
.con_area .area_intro .bg_intro > img.cruise {
  object-position: center 45%;
}
.con_area .area_intro .area_title {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 34px;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0px 0px 5px black);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .con_area .area_intro .area_title {
    font-size: 22px;
  }
}
.con_area .area_intro .area_title .large {
  font-size: 140%;
}
@media only screen and (max-width: 767px) {
  .con_area .area_intro .area_title.cruise {
    font-size: 20px;
  }
}
.con_area .area_intro .area_txt {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  line-height: 1.8em;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  text-align: center;
  filter: drop-shadow(0px 0px 5px black);
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .area_intro .area_txt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_area .area_intro .area_txt {
    font-size: 13px;
  }
}
.con_area .box_nav {
  background-color: #fff;
  padding: 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .box_nav {
    padding: 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_area .box_nav {
    padding: 30px 10px;
  }
}
.con_area .box_nav .nav_title {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-size: 20px;
  text-align: center;
}
.con_area .box_nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 23px;
  max-width: 1200px;
  width: 100%;
  margin: 20px auto 0;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_area .box_nav > ul {
    max-width: 900px;
    gap: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .box_nav > ul {
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_area .box_nav > ul {
    gap: 10px;
  }
}
.con_area .box_nav > ul.cruise {
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .con_area .box_nav > ul.cruise > li {
    width: 100%;
  }
}
.con_area .box_nav > ul > li {
  width: calc(100% / 5 - ((23px * 4) / 5));
  text-align: center;
  box-sizing: border-box;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_area .box_nav > ul > li {
    width: calc(100% / 5 - ((10px * 4) / 5));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .box_nav > ul > li {
    width: calc(100% / 2 - ((10px * 1) / 2));
  }
}
@media only screen and (max-width: 767px) {
  .con_area .box_nav > ul > li {
    width: calc(100% / 2 - ((10px * 1) / 2));
  }
}
.con_area .box_nav > ul > li a {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  background-color: #0091ff;
  border-radius: 5px;
  filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.3));
  padding: 10px 0;
  position: relative;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .con_area .box_nav > ul > li a {
    font-size: 12px;
  }
}
.con_area .box_nav > ul > li a:hover {
  opacity: 0.7;
}
.con_area .box_nav > ul > li a > svg {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.con_area .wrp_area {
  background: linear-gradient(to bottom, #dfc552, #d8b541);
  padding: 100px 0;
}
@media only screen and (max-width: 767px) {
  .con_area .wrp_area {
    padding: 40px 0;
  }
}
.con_area .wrp_area.cruise {
  background: linear-gradient(to bottom, #e9d958, #d8b441);
}
.con_area .wrp_area .box_area {
  display: none;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_area .wrp_area .box_area {
    max-width: 900px;
  }
}
.con_area .wrp_area .box_area.active {
  display: block;
}
.con_area .wrp_area .box_area > h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_area .wrp_area .box_area > h2 {
    font-size: 24px;
  }
}
.con_area .wrp_area .box_area > .con_rank {
  margin-top: 22px;
}
.con_area .wrp_area .box_area > .con_rank > .box_rank {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank {
    gap: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank {
    gap: 20px;
    width: 96%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank {
    width: 96%;
    margin: 0 auto;
  }
}
.con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item {
  width: calc((100% / 3) - ((30px * 2) / 3));
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item {
    width: calc((100% / 3) - ((20px * 2) / 3));
  }
}
@media only screen and (max-width: 767px) {
  .con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item {
    width: 100%;
  }
}
.con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item > a {
  transition: 0.3s;
}
.con_area .wrp_area .box_area > .con_rank > .box_rank .rank_item > a:hover {
  opacity: 0.7;
}
.con_area .wrp_area .cmn_btn {
  margin-top: 60px;
}
.con_area .wrp_area .cmn_btn:nth-child(2 of .cmn_btn) {
  margin-top: 20px;
}
.con_area .wrp_area .cmn_btn:nth-child(3 of .cmn_btn) {
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .con_area .wrp_area .cmn_btn {
    margin-top: 40px;
  }
}
.con_area #lst_special_item .box_area > .con_rank > .box_rank .rank_item {
  border-radius: 10px;
  overflow: hidden;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  padding: 80px 0;
}
@media only screen and (max-width: 767px) {
  .con_intro {
    padding: 30px 40px;
  }
}
.con_intro .st_intro {
  font-family: "BIZ UDPMincho", serif;
  font-weight: 400;
  font-size: 80px;
  color: #000;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .st_intro {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_intro {
    font-size: 28px;
  }
}
.con_intro .txt_intro {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  font-size: 24px;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .txt_intro {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .txt_intro {
    font-size: 14px;
    text-align: left;
    margin-top: 20px;
  }
}
.con_intro .txt_intro .small {
  font-size: 80%;
}