@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald&display=swap');
/**/
/*★ リセット ★*/
.main div:not([class])::after {
  content: none;
}
.main a {
  text-decoration: none;
  color: inherit;
}
.main .rn-searchMod__buttonSearch {
  color: #fff;
}
.main .is-em {
  font-weight: bold;
}
#hisApp > .main img {
  object-fit: cover;
}
.main figure {
  margin: 0;
}
#header {
  background: #fff;
}
#footer {
  padding-top: 1px;
  background: #fff;
}
#simple-header {
  height: 85px;
  background: #fff;
}
.headfoot-is-sp #simple-header {
  height: 89.66px;
}
.breadcrumb__contents {
  height: 28px;
}
.goTop {
  width: min((70vw / 7.5), 70px);
}
:is(.goTop__img--sp, .goTop__img--pc) {
  width: 100%;
  height: auto;
}
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
#hisApp {
  position: relative;
}
:root {
  --font-family-min: 'Oswald', serif;
  --font-normal-min: 500;
  --font-bold-min: 900;
  --gnavi-height: min((100vw / 7.5), 60px);
  --color-red: #e90000;
  --default-font-size-pc-val: 16;
  --default-font-size-sp-val: 24;
  --default-font-size-pc: 16px;
  --default-font-size-sp: calc(24vw / 7.5);
  --default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc));
  --default-color-01: #009999;
  --default-color-02: #035e88;
  --default-color-03: #2d90a7;
  --default-color-04: #978e24;
  --default-color-05: #cec251;
  --default-color-06: #888;
  --default-color-07: rgba(45, 144, 164, .9);
  --default-width-pc: 992px;
  --default-width: min((680vw / 7.5), var(--default-width-pc));
  --default-width-02: min((620vw / 7.5), 620px);
  --default-100vw-minus: calc((-35vw / 7.5));
  --default-bg-width-pc: max(100%, 1920px);
  --default-bg-setting: no-repeat center center / cover;
  --default-icon-arrow-right-white: var(--icon-arrow-right-white) var(--default-bg-setting);
  --default-icon-arrow-down-white: var(--icon-arrow-down-white) var(--default-bg-setting);
  --default-icon-blank-white: var(--icon-blank-white) var(--default-bg-setting);
  --default-hover-speed: .3s;
  --default-hover-transition: box-shadow var(--default-hover-speed);
  --default-stripe-size: min((16vw / 7.5), 8.5px) min((16vw / 7.5), 8.5px);
}
.js-accordion-button, .js-toggleControl {
  cursor: pointer;
}
.main, #topbuttonApp {
  font-family: "Noto Sans JP", sans-serif;
  font-size: var(--default-font-size);
}
.main {
  color: #000;
  line-height: calc(30 / var(--default-font-size-pc-val));
  overflow: hidden;
  background: none;
  position: static;
}
.is-pc .is-dsp-sp, .is-sp .is-dsp-pc {
  display: none !important;
}
.is-font-small, .is-sp .is-font-small-sp, .is-pc .is-font-small-pc {
  font-size: .8em;
}
.is-font-big {
  font-size: 1.5em;
  line-height: 1;
}
.is-inline-block {
  display: inline-block;
}
.is-indent-1 {
  text-indent: -1em;
  padding-left: 1em;
}
.toggle__contents:not([class*="--active"]) {
  display: none;
}
.section__inner, .contents__wrapper {
  width: var(--default-width);
  margin: auto;
  position: relative;
}
.is-pc #spot{
	padding-top: 30px;
}
#spot{
		background: #ffffff;
	}
#hotel{
		background: #ebeae2;
	}

.mar40 {
	margin-bottom: 40px;
}

.mar60 {
	margin-bottom: 60px;
}

.mar70 {
	margin-bottom: 70px;
}


.is-pc .mar140 {
	margin-bottom: 140px;
}

.is-sp .mar140 {
	margin-bottom: 60px;
}

/*base-title*/
.base-title.is-ribbon {
  font-size: min((28vw / 7.5), 34px);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  padding: .2em 1.5em .25em;
  position: relative;
  z-index: 1;
}
.base-title.is-ribbon.is-direction-tate {
  padding: .5em .35em .5em .2em;
  writing-mode: vertical-rl;
}
.base-title.is-ribbon::before, .base-title.is-ribbon::after {
  content: "";
  width: 100%;
  height: 100%;
  display: grid;
  background-color: rgba(255, 255, 255, .9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: skew(-26deg, 0);
}
.base-title.is-ribbon.is-direction-tate::before, .base-title.is-ribbon.is-direction-tate::after {
  transform: skew(0, -14.5deg);
}
.base-title.is-ribbon::after {
  background: transparent;
  border: 1px solid #fff;
  z-index: 0;
  margin: min((14vw / 7.5), 12px);
}
.base-title.is-ribbon.is-direction-tate::after {
  margin: min((9vw / 7.5), 9px);
}
.base-title.is-ribbon .base-title__inner {
  position: relative;
  z-index: 1;
}
/*base-button*/
.base-button {
  display: grid;
  justify-content: center;
}
.base-button .base-button__link {
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr 1em;
  gap: 0 .5em;
  height: 100%;
  color: #fff;
  font-size: min(var(--default-font-size-sp), 16px);
  font-weight: bold;
  line-height: 1.2;
  padding: .4em .5em .5em;
  padding-left: 2em;
  background: var(--default-color-02);
  border-radius: 4px;
  transition: var(--default-hover-transition);
}
.base-button__text {
  padding: 0 .5em;
}
.is-sp .base-button__link {
  min-width: min((520vw / 7.5), 395px);
  min-height: min((80vw / 7.5), 46px);
}
.is-pc .base-button__link {
  min-width: 395px;
  min-height: 46px;
  text-align: center;
}
.is-sp .base-button.is-type-sub .base-button__link {
  min-width: min((280vw / 7.5), 210px);
}
.is-pc .base-button.is-type-sub .base-button__link {
  min-width: 210px;
}
.base-button__link::after {
  content: "";
  background: var(--default-icon-arrow-right-white);
  width: 100%;
  height: 1.5em;
}
.base-button__link[target="_blank"]::after {
  background: var(--default-icon-blank-white);
  height: 1em;
}
.base-button.is-type-sub .base-button__link {
  background: #fff;
  border: 1px solid var(--default-color-01);
  color: var(--default-color-01);
}
.base-button.is-type-sub .base-button__link:not([href^="#"])::after {
  background-image: var(--icon-arrow-right-green);
}
.base-button.is-type-sub .base-button__link[target="_blank"]::after {
  background-image: var(--icon-blank-green);
}
.base-button__link[href^="#"] {
  grid-template-columns: 1em auto 1em;
  justify-content: center;
  padding-left: 1em;
  text-indent: 0;
}
.base-button__link[href^="#"]::before, .base-button__link[href^="#"]::after {
  content: "↓";
  font-weight: bold;
  background: none;
  width: 1em;
  height: 1em;
}
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
#pageApp:is(.is-sp.is-top, .is-pc)::before {
  content: "";
  width: 100%;
  height: 100lvh;
  position: fixed;
  top: 0;
  left: 0;
  background: no-repeat center top / cover;
  z-index: -1;
}
#pageApp.is-pc::before {
  background-image: url("../../images/page_photo_pc.webp") !important;
}
#pageApp.is-sp.is-top::before {
  background-image: url("../../images/page_photo_sp.webp") !important;
}
/*cmn-head-contents*/
/*mv*/

.mv__name {
  font-family: var(--font-family-min);
  letter-spacing: .25em;
  font-size: min((35vw / 7.5), 20px);
  line-height: 1;
  text-shadow: 0px 0px .5em rgba(0, 0, 0, .5);
  display: grid;
  gap: .25em;
  justify-content: center;
  justify-items: center;
  margin: min((108vw / 7.5), 54px) 0 min((70vw / 7.5), 35px);
}
.is-pc .mv__name {
  font-size: min((78vw / 7.5), 30px);
}
.mv__name::after {
  content: "";
  width: calc(100% + .5em);
  height: min((3vw / 7.5), 3px);
  background: #fff;
  box-shadow: 0px 0px .5em rgba(0, 0, 0, .5);
  margin-left: -0.25em;
}
.mv__lead {
  width: min(98%, 800px);
  margin: auto;
  text-align: center;
  font-weight: bold;
  text-shadow:0 0 10px rgba(0, 0, 0, 0.9),0 0 10px rgba(0, 0, 0, 0.9);
  line-height: calc(30 / var(--default-font-size-pc-val));
  /*padding-top: 30px;*/
  padding: 20px 0 30px 0;
}
/*mv -- mv__catch*/
.mv__catch {
  display: grid;
  justify-items: center;
  gap: min((25vw / 7.5), 15px);
}
/*fixed-button*/
.fixed-button {
  width: min((180vw / 7.5), 160px);
  height: min((180vw / 7.5), 160px);
  border-radius: 100%;
  background: no-repeat center center / 110%;
  border: 2px solid #fff;
  box-shadow: 1px 2px 0px 0px #000;
  position: fixed;
  top: min((120vw / 7.5), 80px);
  right: min((-200vw / 7.5), 200px);
  z-index: 2;
  transition: right .5s;
}
.is-pc .fixed-button {
  top: 80px;
  transition: right .8s ease-out;
}
.fixed-button.is-fixed-active:not(.is-target-now) {
  right: min((15vw / 7.5), 15px);
}
.fixed-button.is-product {
  background-image: url("../../images/btn_tour_bg.png");
}
.fixed-button__link {
  background: rgba(4, 115, 118, .4);
  display: grid;
  justify-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  position: relative;
}
.fixed-button__text {
  backface-visibility: hidden;
}
.fixed-button__arrow {
  width: calc((22 / 156) * 100%);
  position: absolute;
  bottom: 0;
  /*margin-bottom: calc((16 / 156) * 100%);*/
  margin: calc((-100 / 200)* 100%);
  transition: transform .4s;
  margin-bottom: 5px;
}
.fixed-button.is-target-over .fixed-button__arrow {
  transform: rotate(180deg);
}
.fixed-button__link {
  transition: background var(--default-hover-speed);
}
.fixed-button__link:hover {
  background: rgba(4, 115, 118, .2);
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
/*cmn-gnavi-contents*/
.gnavi__inner {
  width: min(100%, var(--default-width-pc));
  margin: auto;
}
.gnavi__content {
  /* display: grid; */
  line-height: 1.2;
}
.gnavi__page--list--link.is-active, .is-sp .gnavi__portal--list--link.is-active {
  color: #fff;
}
/*sp*/
.is-sp .gnavi {
  position: relative;
  top: 0;
  right: 0;
  z-index: 10;
}
.is-sp .gnavi.is-open, .is-sp .gnavi.is-fixed:not(.is-open) .gnavi__menu {
  position: fixed;
  z-index: 10;
}
.is-sp .gnavi.is-open {
  width: 70%;
  opacity: 0.9;
}
.is-sp .gnavi.is-open .gnavi__inner {
  height: 60lvh;
  padding: min((66vw / 7.5), 33px) 0 min((110vw / 7.5), 55px);
  overflow-y: auto;
  background: var(--default-color-01);
}
.is-sp .gnavi__content {
  font-weight: bold;
  padding: 0 min((75vw / 7.5), 35px);
  display: none;
}
.is-sp .gnavi.is-open .gnavi__content {
  display: block;
}
/*sp -- gnavi__menu*/
.is-sp .gnavi__menu {
  cursor: pointer;
  background: rgba(0, 153, 153, .8);
  width: min((140vw / 7.5), 70px);
  height: min((80vw / 7.5), 40px);
  display: grid;
  align-content: center;
  justify-content: center;
  gap: min((15vw / 7.5), 8px);
  grid-auto-rows: 1px;
  grid-auto-columns: min((100vw / 7.5), 50px);
  margin-left: auto;
  position: absolute;
  right: 0;
  top: min((20vw / 7.5), 15px);
  z-index: 1;
}
.is-sp .gnavi.is-fixed .gnavi__menu {
  right: max((-140vw / 7.5), -70px);
  transition: right .5s;
  opacity: 0;
}
.is-sp .gnavi.is-base:not(.is-open) ~ .gnavi.is-fixed.is-fixed-active .gnavi__menu {
  opacity: 1;
  right: 0;
}
.is-sp .gnavi .gnavi__menu--item {
  background: #fff;
}
.is-sp .gnavi.is-open .gnavi__menu {
  gap: 0;
}
.is-sp .gnavi.is-open .gnavi__menu--item.is-border-1 {
  transform: rotate(-25deg);
}
.is-sp .gnavi.is-open .gnavi__menu--item.is-border-2 {
  opacity: 0;
}
.is-sp .gnavi.is-open .gnavi__menu--item.is-border-3 {
  transform: rotate(25deg) translateY(-2px);
}
/*sp -- gnavi__page + gnavi__portal*/
.is-sp .gnavi__portal {
  margin-top: min((130vw / 7.5), 60px);
}
.is-sp .gnavi__page--title {
  font-family: var(--font-family-min);
  font-size: min((46vw / 7.5), 23px);
  letter-spacing: .25em;
}
.is-sp .gnavi__portal--title {
  font-size: min((34vw / 7.5), 17px);
}
.is-sp :is(.gnavi__page--title, .gnavi__portal--title) {
  line-height: 1;
  border-bottom: 2px solid;
  display: grid;
  align-items: center;
  gap: 0 min((24vw / 7.5), 12px);
}
.is-sp .gnavi__page--title {
  grid-template-columns: min((76vw / 7.5), 38px) 1fr;
}
.is-sp .gnavi__portal--title {
  grid-template-columns: 1fr min((74vw / 7.5), 37px);
}
.is-sp .gnavi__page--title::before, .is-sp .gnavi__portal--title::after {
  content: "";
  background: var(--default-bg-setting);
  width: 100%;
  transform: translateY(1px)
}
.is-sp .gnavi__page--title::before {
  background-image: url("../../images/icon_menu_1.gif");
  height: min((67vw / 7.5), 33.5px);
}
.is-sp .gnavi__portal--title::after {
  background-image: url("../../images/icon_menu_2.gif");
  height: min((64vw / 7.5), 32px);
}
.is-sp :is(.gnavi__page--list--link, .gnavi__portal--list--link) {
  font-size: min((28vw / 7.5), 14px);
  padding: 1em;
  display: block;
  border-bottom: 1px dotted #000;
}
.is-sp :is(.gnavi__portal--title--detail, .gnavi__page--list--logo) {
  display: none;
}
/*pc*/
.is-pc .gnavi {
  padding: 10px;
  background: var(--default-color-01);
  position: relative;
  z-index: 10;
}
.is-pc .gnavi.is-fixed {
  width: 100%;
  position: fixed;
  z-index: 10;
  top: -300px;
  left: 0;
  transition: top .6s ease-out;
}
.is-pc .gnavi.is-fixed.is-fixed-active {
  top: 0;
}
.is-pc .gnavi__content {
  grid-template-areas: "portal page";
  grid-template-columns: min((120vw / 7.5), 146px) 1fr;
  gap: 0 min((15vw / 7.5), 25px);
  align-items: center;
}
.is-pc .gnavi__content.is-portal-none {
  grid-template-columns: 1fr;
  gap: 0;
  justify-items: center;
}
/*pc -- gnavi__portal*/
.is-pc .gnavi__portal {
  grid-area: portal;
  position: relative;
  font-size: min((10vw / 7.5), 12px);
  line-height: 1;
}
.is-pc .gnavi__portal--list {
  position: absolute;
  width: 100%;
  display: none;
}
.is-pc .gnavi__portal:hover .gnavi__portal--list {
  display: block;
}
.is-pc .gnavi__portal--title {
  padding: .25em .5em;
  display: grid;
  grid-template-columns: 1fr 1em;
  gap: 0 .25em;
  align-items: center;
  color: var(--default-color-01);
  cursor: pointer;
}
.is-pc .gnavi__portal--title::after {
  content: "";
  width: 100%;
  height: 1.5em;
  background: var(--icon-arrow-right-green) var(--default-bg-setting);
  transform: rotate(90deg);
  transition: transform var(--default-hover-speed);
}
.is-pc .gnavi__portal:hover .gnavi__portal--title::after {
  transform: rotate(-90deg);
}
.is-pc :is(.gnavi__portal--title, .gnavi__portal--list) {
  background: #fff;
  border: 1px solid var(--default-color-01);
}
.is-pc .gnavi__portal--list {
  border-top: none;
  text-align: center;
}
#pageApp.is-pc .gnavi__portal--list--link.is-active {
  color: var(--default-color-01);
}
.is-pc .gnavi__portal--list--item:not(:first-child) {
  border-top: 1px solid var(--default-color-01);
}
.is-pc .gnavi__portal--list--link {
  display: grid;
}
.is-pc .gnavi__portal--list--link {
  padding: .75em;
}
/*pc -- gnavi__page*/
.is-pc .gnavi__page--title {
  display: none;
}
.is-pc .gnavi__page--list {
  grid-area: page;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  color: #000;
}
.is-pc .gnavi__page--list {
  gap: 0 1em;
}
.is-pc .gnavi__page--list--item {
  display: flex;
  gap: 1em;
  align-items: center;
}
.is-pc .gnavi__page--list--item:nth-child(n + 3)::before{
  content: "";
  width: 1px;
  height: 1em;
  background: #000;
  transform: rotate(45deg);
}
.is-pc .gnavi__page--list--link {
  font-size: min((22vw / 7.5), 14px);
}
.is-pc .gnavi__page--list--link {
  font-size: min((10vw / 7.5), 14px);
  text-align: center;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  gap: calc(12em / 14);
}
.gnavi__page--list--logo {
  font-size: min((14vw / 7.5), 26px);
  line-height: 1;
  display: grid;
  grid-template-areas: "logo1 txt logo2";
  gap: 0 .5em;
  align-items: end;
  border-bottom: 1px solid;
}
.gnavi__page--list--logo--text {
  grid-area: txt;
  font-family: var(--font-family-min);
  transform: translateY(calc(-3em / 26));
}
.gnavi__page--list--logo--image.is-type-1 {
  grid-area: logo1;
  aspect-ratio: 17 / 15;
}
.gnavi__page--list--logo--image.is-type-2 {
  grid-area: logo2;
  aspect-ratio: 29 / 25;
}
.gnavi__page--list--logo--image {
  width: 100%;
  height: auto;
}
.gnavi__page--list--link.is-active .gnavi__page--list--logo--image {
  fill: #fff;
}
/*cmn-main-contents*/
/*商品枠*/
.is-sp #product {
  background: url("../../images/tour_bg_top_sp.webp") no-repeat center top / 150vw, url("../../images/tour_bg_bottom_sp.webp") no-repeat center bottom /150vw;
  background-color: #fff;
}
.is-pc #product {
  background: url("../../images/tour_bg_pc.gif") no-repeat center top / cover;
}
#product .section__inner {
  width: min(100%, 992px);
  padding: min((90vw / 7.5), 80px) 0 min((100vw / 7.5), 70px);
}
:is(.product__title, .product__sub--tutle) {
  color: var(--default-color-02);
}
.product__title {
  margin-bottom: min((50vw / 7.5), 50px);
}
:is(.product__title, .product__sub--tutle) .base-title__inner {
  display: grid;
  line-height: 1;
  font-size: min((46vw / 7.5), 20px);
  gap: 1em 0;
  text-align: center;
}
.product__title .base-title__text--main {
  font-size: min((55vw / 7.5), 38px);
}
.product__title .base-title__text--sub {
  font-weight: bold;
}
.product__list:not(:last-child) {
  margin-bottom: min((60vw / 7.5), 36px);
}
.product__main.is-product-none {
  width: var(--default-width);
  margin: auto;
  background: #fff;
  padding: min((90vw/ 7.5), 45px) min((40vw/ 7.5), 20px);
  min-height: min((420vw/ 7.5), 250px);
  border: 1px solid var(--default-color-05);
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 1.5em 0;
}
.product__sub {
  width: var(--default-width);
  margin: auto;
  margin-top: min((140vw / 7.5), 90px);
}
.product__sub--tutle {
  margin-bottom: min((60vw / 7.5), 38px);
}
.product__sub--buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: min((50vw / 7.5), 25px);
}
.is-pc .product__sub--buttons {
  gap: 1em calc((20 / 992) * 100%);
}
.is-pc .product__sub--buttons .base-button__link {
  min-width: auto;
}
/* 商品カセット */
.product__list--data {
  background: var(--default-color-03);
}
.product__list--type {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  font-size: min((20vw / 7.5), 12px);
  min-height: 2em;
  padding: 4px;
}
.product__list--text-wrapper {
  line-height: 1.2;
}
.product__list--title {
  font-weight: bold;
  line-height: 1.3;
}
.product__list--minmax {
  font-size: min((26vw / 7.5), 16px);
}
/*スライダー時*/
.product__list .slick-list {
  width: 100%;
  margin-left: 0;
}

@media (max-width: 961px) {
  .product__list .slick-list {
    width: 100%;
    margin-left: 0;
  }
}
.product__list[class*="slick"] .product__list--item {
  height: auto;
  backface-visibility: hidden;
}
.product__list--inner {
  border-color: var(--default-color-04);
  position: relative;
}
.product__list--inner::before {
  display: inline-block;
  background: var(--default-color-04);
  font-size: calc(11em / var(--default-font-size-pc-val));
  line-height: 1;
  color: #fff;
  padding: .5em 1em;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.product__list--item[class*="brandT"] .product__list--inner::before {
  content: "添乗員同行";
}
.product__list--button {
  /* background: var(--default-icon-arrow-right-white); */
  width: 40px;
  height: 50px;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 25px;
  margin: auto;
  background: url(/cmn/icon/icon_arrow_right_white.svg) no-repeat center center / cover;
  background-color: rgba(0, 0, 0, .6);
  z-index: 1;
  cursor: pointer;
  --posi: -50px;
}
.product__list--button.is-button-prev {
  left: var(--posi);
}
.product__list--button.is-button-next {
  right: var(--posi);
}
.product__list--dots li:only-child {
  display: none;
}
.product__list--dots button {
  background: #ababab;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  padding: 0;
}
.product__list--dots .slick-active button {
  background: var(--default-color-01);
}
/*スライダーなし時*/
@media (min-width:781px) {
  .product__list:not([class*="slick"]) {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
  .product__list:not([class*="slick"]).is-posi-center {
    justify-content: center;
  }
  .product__list:not([class*="slick"]) .product__list--item {
    width: calc((992px - (20px * 3)) / 4);
  }
}
@media (max-width:780px) {
  .product__list:not([class*="slick"]) {
    grid-template-columns: 1fr;
    width: var(--default-width);
    margin-left: auto;
    margin-right: auto;
  }
  .product__list:not([class*="slick"]) .product__list--inner {
    padding: min((15vw/ 7.5), 20px);
    display: grid;
    grid-template-columns: min((260vw/ 7.5), 220px) 1fr;
    gap: 0 min((15vw/ 7.5), 20px);
    border: 1px solid #c4c4c4;
  }
  .product__list:not([class*="slick"]) .product__list--image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 100% 100%;
    aspect-ratio: 240 / 160;
  }
  .product__list:not([class*="slick"]) .product__list--text-wrapper {
    padding: 0;
  }
  .product__list:not([class*="slick"]) + .product__btn {
    margin-top: min((46vw/ 7.5), 30px);
  }
}
/*reco-banner*/
#reco-banner {
  background: #fff;
  padding: min((80vw/ 7.5), 60px) 0 min((80vw/ 7.5), 65px);
}
.is-pc #reco-banner {
  background: #f3f3f3;
}
.is-pc #reco-banner .section__inner {
  background: #fff;
  padding: min((40vw/ 7.5), 30px);
}
.is-pc .reco-banner__list {
  width: min(100%, 880px);
  margin: auto;
  display: grid;
  gap: min((20vw/ 7.5), 30px);
  grid-template-columns: repeat(2, 1fr);
}
.is-sp .reco-banner__list {
  margin: auto;
}
.reco-banner__link {
  display: block;
  border: min((8vw/ 7.5), 4px) solid transparent;
}
 .reco-banner__link:hover {
    border-color: var(--default-color-01);
}
.is-sp .reco-banner__item {
	margin-bottom: 10px;
}
/*ホテルphoto-slide*/

.hotel__images img {
 width: 100%;
 height: auto;
}
.hotel__images .center {
 display: flex;
 align-items: center;
 margin: 0 auto;
 width: 100%;
 margin-bottom: 8px;
 position: relative;
}
.hotel__images #caption1 {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 0 5px;
 font-size: 90%;
 color: #fff;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
.hotel__images #caption2 {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 0 5px;
 font-size: 90%;
 color: #fff;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
.hotel__images #caption3 {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 0 5px;
 font-size: 90%;
 color: #fff;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
.hotel__images #caption4 {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 0 5px;
 font-size: 90%;
 color: #fff;
 background: linear-gradient(to top, rgba(0, 0, 0, 0.75), transparent);
}
.hotel__images ul {
 list-style: none;
 margin: 0;
 padding: 0;
 display: flex;
}
.hotel__images li {
 flex: 1 1 auto;
 margin-left: 0.5em;
 cursor: pointer;
}
.hotel__images li:first-child {
 margin-left: 0;
}
.active {
border: 4px solid #000000;
}
.hotel__images:not(.is-active) {
  cursor: pointer;
}
.slider {
    position: relative;
    width: 100vw;
    height: 100％;
    /* overflow: hidden; */
    margin: 0 calc(50% - 50vw);
	margin-top: 5%;
}

.slide-track {
    display: flex;
    width: calc(100% * 8); /* 画像の幅 * 画像の数 */
    animation: scroll 25s linear infinite;
}

.slide {
    position: relative;
}

.slide img {
    width: 100%;
    height: 100%;
}

.slide p {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-100% * 4)); } /* 画像の幅 * 画像の数の半分 */
}

/*★ ＝＝ searchArea ＝＝ ★*/
/*searchArea*/
.is-pc ~ #searchArea {
  padding: 60px 0;
}
.is-sp ~ #searchArea {
  background: #fff;
}
@media (min-width: 741px) {
  .is-sp ~ #searchArea {
    padding-bottom: min((40vw/ 7.5), 40px);
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
  /*グロナビ*/
  .is-pc .gnavi__portal--list--link:not(.is-active):hover {
    background: #b3e1e1;
  }
  .gnavi__page--list--link:not(.is-active):hover, .is-sp .gnavi__portal--list--link:not(.is-active):hover {
    color: #fff;
  }
  .gnavi__page--list--link:hover .gnavi__page--list--logo--image {
    fill: #fff;
  }
  /*ボタン*/
  .base-button .base-button__link {
    transition: background var(--default-hover-speed), color var(--default-hover-speed);
  }
  .base-button .base-button__link:hover {
    background: var(--default-color-03);
  }
  .base-button.is-type-sub .base-button__link:hover {
    background: var(--default-color-01);
    color: #fff;
  }
  .base-button.is-type-sub .base-button__link:not([href^="#"]):hover::after {
    background-image: var(--icon-arrow-right-white);
  }
  .base-button.is-type-sub .base-button__link[target="_blank"]:hover::after {
    background-image: var(--icon-blank-white);
  }
  /*商品カセット*/
  .product__list--inner {
    transition: opacity var(--default-hover-speed);
  }
  .product__list--inner:hover {
    opacity: .7;
  }
  .product__list--button {
    transition: background var(--default-hover-speed);
  }
  .is-device-pc .product__list--button:hover { /*cassette.cssよりレベル上げるために「.is-device-pc」追加 */
    background-color: rgba(45, 144, 167, .6);
  }
}
/*------------------------------------------------*/
/*チャーター用に追加*/
#scroll{
    display: none;
    position: fixed;
    top: 60px;
    right: 5px;
}

.gnavi{
	width: 100%;
	}

/*------------------------------------------------*/
/*バナー*/
.is-pc .sp-on{
	display: none;
}
.sp-on{
	padding: 15% 5% 0;
}
.is-sp .pc-on{
	display: none;
}
.pc-on{
	margin-top: min((140vw / 7.5), 90px);
}