@charset "UTF-8";
.mvSlider__item,
.z-10 {
  position: relative
}
.box__serch__items,
ul {
  list-style-type: none
}
.base-font-color {
  color: #354e6a
}
.z-10 {
  z-index: 10
}
.ls-base {
  letter-spacing: 1.87px!important
}
.grt-bg-navy-blue {
  background: #192634!important
}
.clearfix::after {
  content: "";
  clear: both;
  display: block
}
.header .header__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.header .header__item:first-child {
  display: block
}
.header .header__item:last-child {
  margin-top: auto;
  margin-bottom: 7px;
  border: 1px solid #fff;
  padding: .5rem 1.5em;
  text-align: center;
  display: block
}
.header__ttl-main {
  max-width: 331px;
  padding-bottom: 5px
}
.header__ttl-main--gp {
  margin: 0 0 -3px 2px;
  font-size: 46%
}
.mvSlider div,
.mvSliderSP div {
  line-height: 0
}
.mvSlider__item__bg {
  width: 100%;
  height: 460px;
  background: center no-repeat;
  background-size: cover
}
.mvSlider__item__txt {
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%)
}
.mvSlider__item__txt__ttl img {
  display: block;
  width: 90%;
  margin: 0 auto
}
.mvSlider__item.kagoshima .mvSlider__item__bg {
  background-image: url(/img/en/group/top-slider/img-kagoshima.jpg?3)
}
.mvSlider__item.izumo .mvSlider__item__bg {
  background-image: url(/img/en/group/top-slider/img-izumo.png?3)
}
.mvSlider__item.nigata .mvSlider__item__bg {
  background-image: url(/img/en/group/top-slider/img-tsukioka.png?3)
}
.mvSlider__item.okayama .mvSlider__item__bg {
  background-image: url(/img/en/group/top-slider/img-okayama.png?3)
}
.mvSlider__item.ise .mvSlider__item__bg {
  background-image: url(/img/en/group/top-slider/img-ise.png?3)
}
.mvSlider .slick-prev {
  left: 20px;
  z-index: 1;
  width: 36px;
  height: 36px;
  background: url(/img/en/group/top-slider/slider_arrow_previous.png) no-repeat
}
.mvSlider .slick-next::before,
.mvSlider .slick-prev::before {
  content: none
}
.mvSlider .slick-next {
  right: 20px;
  z-index: 1;
  width: 36px;
  height: 36px;
  background: url(/img/en/group/top-slider/slider_arrow_next.png) no-repeat
}
.mvSlider .slick-dots {
  bottom: 10px
}
.mvSlider .slick-dotted.slick-slider,
.mvSliderSP .slick-dotted.slick-slider {
  margin-bottom: 0
}
.mvSlider .slick-dots li {
  margin: 0 2px;
  width: 10px
}
.mvSlider .slick-dots li button::before {
  color: #fff;
  opacity: 1;
  font-size: 8px
}
.mvSlider .slick-dots li.slick-active button::before,
.mvSliderSP .slick-dots li.slick-active button::before {
  color: #1f5eac
}
.mvSliderSP__item {
  position: relative;
  display: block
}
.mvSliderSP__item__bg {
  display: block;
  width: 100%;
  height: 50vh;
  background: center no-repeat;
  background-size: cover
}
.mvSliderSP__item__txt {
  position: absolute;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.mvSliderSP__item__txt__ttl img {
  display: block;
  width: auto;
  margin: auto
}
.mvSliderSP__item__txt__tag {
  display: inline-block;
  -webkit-transition: .3s;
  transition: .3s
}
.mvSliderSP__item.kagoshima .mvSliderSP__item__bg {
  background-image: url(/img/en/group/top-slider/img-sp-kagoshima.png?3)
}
.mvSliderSP__item.ise .mvSliderSP__item__txt,
.mvSliderSP__item.izumo .mvSliderSP__item__txt,
.mvSliderSP__item.kagoshima .mvSliderSP__item__txt,
.mvSliderSP__item.nigata .mvSliderSP__item__txt,
.mvSliderSP__item.okayama .mvSliderSP__item__txt {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 300px
}
.mvSliderSP__item.izumo .mvSliderSP__item__bg {
  background-image: url(/img/en/group/top-slider/img-sp-izumo.png?3)
}
.mvSliderSP__item.nigata .mvSliderSP__item__bg {
  background-image: url(/img/en/group/top-slider/img-sp-tsukioka.png?3)
}
.mvSliderSP__item.okayama .mvSliderSP__item__bg {
  background-image: url(/img/en/group/top-slider/img-sp-okayama.png?3)
}
.mvSliderSP__item.ise .mvSliderSP__item__bg {
  background-image: url(/img/en/group/top-slider/img-sp-ise.png?3)
}
.mvSliderSP .slick-prev {
  left: 20px;
  z-index: 1
}
.mvSliderSP .slick-next {
  right: 20px;
  z-index: 1
}
.mvSliderSP .slick-dots {
  bottom: 2.5%
}
.mvSliderSP .slick-dots li {
  margin: 0 2px
}
.mvSliderSP .slick-dots li button::before {
  color: #fff;
  opacity: 1
}
nav {
  background-color: #1e5eab;
  border: 1px solid #1e5eab
}
.box__serch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.4rem;
  margin-bottom: 8rem
}
.box__serch__inner {
  display: inline-block
}
.box__serch__items {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.box__serch__item,
.searchHotels__pins {
  position: relative
}
.box__serch__item > * {
  color: #fff;
  padding: 15px 20px;
  text-decoration: none;
  display: block;
  margin: 0
}
.box__serch__item.dropdown.active .dropdown__items {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto
}
.box__serch__item .dropdown__ttl {
  background: #fff;
  color: #a2a2a2;
  position: relative
}
.searchHotels__pins .pin,
.triangle {
  position: absolute
}
.box__serch__item .dropdown__items {
  list-style-type: none;
  margin: 0;
  padding: .5rem .7rem;
  background-color: #e0e0e0;
  min-width: 200px;
  width: 393px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-transition: opacity .4s ease-in-out,visibility .4s,-webkit-transform .4s ease-in-out;
  transition: opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s,-webkit-transform .4s ease-in-out;
  pointer-events: none
}
@media screen and (min-width:1025px) {
  .box__serch__item .dropdown__items {
    top: 50%;
    left: 25px
  }
  .hotel-list__item:first-child {
    width: 50%;
    min-width: 512px
  }
}
.box__serch__item .dropdown__items li a {
  padding: 10px
}
.box__serch__item .dropdown__item {
  color: #354e6a;
  padding: .25rem
}
.box__serch__item .dropdown__item.hotel-name:hover {
  background: #f5f1f1
}
.triangle {
  top: 17px;
  right: 15px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #a2a2a2;
  -webkit-transition: -webkit-transform .25s ease-in-out;
  transition: transform .25s ease-in-out;
  transition: transform .25s ease-in-out,-webkit-transform .25s ease-in-out
}
.dropdown.active .triangle {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
@media screen and (min-width:576px) {
  .mvSliderSP {
    display: none
  }
  .box__serch__item {
    width: 273px
  }
  .hotel-list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .tourist-spots__item:not(:last-child) .card__body {
    border-bottom: 1px solid #5e7792
  }
}
@media screen and (min-width:576px) and (max-width:732px) {
  .hotel-list__items {
    display: block
  }
}
@media screen and (min-width:576px) and (max-width:1024px) {
  .mvSlider__item__bg {
    height: 33vh
  }
  .mvSlider__item.koshiki .mvSlider__item__txt,
  .mvSlider__item.nobeoka .mvSlider__item__txt {
    bottom: 13%
  }
  .mvSlider__item.fukuoka .mvSlider__item__txt {
    top: 5%
  }
  .mvSlider__item.takamatsucityMinamisoma .mvSlider__item__txtChild__ttl img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: 55px
  }
  .mvSlider .slick-dots {
    bottom: 2.5%
  }
  .box__serch__item .dropdown__item.hotel-name {
    padding-left: 1rem
  }
  .hotel-list__item:first-child {
    max-width: 500px;
    margin: auto
  }
}
.hotel-list__image-list .on {
  background: no-repeat padding-box #fffadd;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.3019607843);
  box-shadow: 0 2px 4px rgba(0,0,0,.3019607843);
  opacity: 1;
  -webkit-transform: translateX(3px);
  transform: translateX(3px);
  -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.5,1),-webkit-box-shadow .5s;
  transition: transform .5s cubic-bezier(.25,1,.5,1),box-shadow .5s,-webkit-transform .5s cubic-bezier(.25,1,.5,1),-webkit-box-shadow .5s
}
.hotel-list__image-list .off {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform .5s cubic-bezier(.25,1,.5,1);
  transition: transform .5s cubic-bezier(.25,1,.5,1);
  transition: transform .5s cubic-bezier(.25,1,.5,1),-webkit-transform .5s cubic-bezier(.25,1,.5,1)
}
.hotel-list__image-list .card__ttl {
  background: #ede6bf;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 0;
  margin-top: 6px;
  margin-bottom: 2px;
  width: 155px;
  padding: 2px
}
.hotel-list__image-list .card__item {
  margin-top: 3px
}
.hotel-list__image-list .card__item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.hotel-list__image-list .card__name {
  margin: 0;
  line-height: 12px;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 0 5px;
  letter-spacing: 0
}
.hotel-list__image-list .card__name__main {
  font-size: 1.2rem;
  font-weight: 700
}
.hotel-list__image-list .card__name__sub {
  font-size: 1rem
}
.hotel-list__image-list .card__name.name-longer {
  line-height: 9px;
  margin-top: -3px
}
.hotel-list__image-list .card__name.name-longer .card__name__main {
  font-size: 1.1rem
}
.hotel-list__image-list .card__name.name-longer .card__name__sub {
  font-size: .8rem
}
.multi-column-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 529px;
  padding: 0;
  margin-top: 0;
  gap: 0 20px
}
@media screen and (max-width:1024px) {
  .box__serch__item .dropdown__items {
    top: 50px;
    right: 0
  }
  .multi-column-list {
    height: 575px;
    width: 330px;
    margin: auto
  }
  .tourist-spots__ttl {
    font-size: 2.5rem
  }
}
@media screen and (max-width:1024px) and (min-width:576px) and (max-width:732px) {
  .multi-column-list {
    height: 400px;
    width: 505px
  }
}
.tourist-spots .bl__indent__group-top {
  max-width: 774px
}
.tourist-spots__ttl {
  margin-bottom: 6rem
}
.tourist-spots__item {
  margin-bottom: 3.5rem
}
.tourist-spots .card__body {
  padding-bottom: 2rem
}
.tourist-spots .card__img {
  margin-right: 2%;
  margin-bottom: 2rem;
  display: block
}
@media screen and (min-width:576px) {
  .tourist-spots .card__img {
    float: left
  }
}
@media screen and (max-width:1024px) {
  .tourist-spots .card__img {
    max-width: 300px;
    margin-bottom: 0
  }
}
@media screen and (max-width:575px) {
  .header__ttl-sub {
    font-size: 82%
  }
  .mvSlider {
    display: none
  }
  .mvSliderSP .slick-dots {
    display: none!important
  }
  .box__serch__inner {
    width: 100%
  }
  .box__serch__items {
    display: block
  }
  .box__serch__item .dropdown__items {
    max-width: 343px;
    width: 100%
  }
  .box__serch__item .dropdown__item {
    padding: .5rem .25rem
  }
  .box__serch__item .dropdown__item.prefecture {
    padding-top: 1rem
  }
  .box__serch__item .dropdown__item.hotel-name {
    margin-left: 18px;
    display: block
  }
  .tourist-spots .card__img {
    margin: auto auto 2rem
  }
}
.tourist-spots .card__name {
  text-align: center;
  font-weight: 700;
  background: #ede6bf;
  margin: 0;
  padding: .6rem
}
@media screen and (min-width:1025px) {
  .searchHotels__pins .pin::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #1e5eab;
    -webkit-transition: width .3s,height .3s;
    transition: width .3s,height .3s
  }
  .searchHotels__pins .pin.on::before {
    background-color: #ff0;
    width: 10px;
    height: 10px;
    border: 2px solid #1e5eab
  }
  .searchHotels__pins .pin.obihiro {
    top: -478px;
    left: 405px
  }
  .searchHotels__pins .pin.kushiro {
    top: -477px;
    left: 418px
  }
  .searchHotels__pins .pin.chitose {
    top: -457px;
    left: 368px
  }
  .searchHotels__pins .pin.minamisoma {
    top: -274px;
    left: 339px
  }
  .searchHotels__pins .pin.tsukioka {
    top: -287px;
    left: 298px
  }
  .searchHotels__pins .pin.kashiwazaki {
    top: -263px;
    left: 277px
  }
  .searchHotels__pins .pin.kitaibaraki {
    top: -240px;
    left: 332px
  }
  .searchHotels__pins .pin.tokai {
    top: -228px;
    left: 329px
  }
  .searchHotels__pins .pin.ise {
    top: -165px;
    left: 215px
  }
  .searchHotels__pins .pin.wadayama {
    top: -194px;
    left: 165px
  }
  .searchHotels__pins .pin.village {
    top: -200px;
    left: 157px
  }
  .searchHotels__pins .pin.naruto {
    top: -148px;
    left: 148px
  }
  .searchHotels__pins .pin.takamatsu {
    top: -157px;
    left: 133px
  }
  .searchHotels__pins .pin.takamatsucity {
    top: -159px;
    left: 141px
  }
  .searchHotels__pins .pin.kochi {
    top: -136px;
    left: 119px
  }
  .searchHotels__pins .pin.okayama {
    top: -177px;
    left: 138px
  }
  .searchHotels__pins .pin.fukuyama {
    top: -170px;
    left: 109px
  }
  .searchHotels__pins .pin.hiroshimawing {
    top: -167px;
    left: 100px
  }
  .searchHotels__pins .pin.sakaiminato {
    top: -201px;
    left: 126px
  }
  .searchHotels__pins .pin.izumo {
    top: -193px;
    left: 102px
  }
  .searchHotels__pins .pin.oita {
    top: -125px;
    left: 57px
  }
  .searchHotels__pins .pin.miyazaki {
    top: -83px;
    left: 52px
  }
  .searchHotels__pins .pin.miyazakicity {
    top: -75px;
    left: 51px
  }
  .searchHotels__pins .pin.nobeoka {
    top: -98px;
    left: 59px
  }
  .searchHotels__pins .pin.yuttarikan {
    top: -73px;
    left: 25px
  }
  .searchHotels__pins .pin.koshiki {
    top: -76px;
    left: 8px
  }
  .searchHotels__pins .pin.caretta {
    top: -20px;
    left: 12px
  }
  .tourist-spots .mb-txt-longer {
    margin-bottom: 7rem!important
  }
}