@charset "utf-8";
/*【SP】夏のヨーロッパ トップcss*/
/* head__container
-------------------------------------------------*/
/* main__container
-------------------------------------------------*/
.section__container.is-navi .section__title {
  text-align: center;
}
.section__container.is-navi .section__title--main {
  color: #333;
  padding: calc(20vw / (750 / 100)) calc(80vw / (750 / 100));
  display: inline-block;
  border: calc(4vw / (750 / 100)) solid;
  border-left: none;
  border-right: none;
}
.special-navi__wrapper .navi__list:nth-child(1) {
  letter-spacing: -0.5px;
}
.section__container.is-navi .navi__item, .special-navi__wrapper .navi__item {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: calc(24vw / (750 / 100));
  text-align: center;
  font-weight: bold;
  background: url(/cmn/icon/icon_arrow_down_white.svg) no-repeat center bottom;
  background-size: calc(44vw / (750 / 100));
  padding: calc(14vw / (750 / 100)) calc(10vw / (750 / 100));
  padding-bottom: calc(35vw / (750 / 100));
  border-radius: calc(8vw / (750 / 100));
  border-bottom: calc(8vw / (750 / 100)) solid;
}

/*ひと味違う旅*/
.section__container.is-navi {
  background: url("../images/sp/top/bg_kumo.png") repeat-y center top;
  background-size: contain;
}
.section__container.is-navi .contents__inner {
  display: flex;
  flex-direction: column;
}
.section__container.is-navi .navi__wrapper {
  order: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: calc(30vw / (750 / 100));
}
.section__container.is-navi .navi__item {
  width: calc(346vw / (750 / 100));
  height: calc(130vw / (750 / 100));/*ios古いos対策*/
}
.section__container.is-navi .navi__item[href*="map"] {
  background-color: #37A3EA;
  border-color: #1792E3;
}
.section__container.is-navi .navi__item[href*="special"] {
  background-color: #F76A8D;
  border-color: #F5567E;
}
.section__container.is-navi .section__title {
  order: 2;
}
.section__container.is-navi .section__text {
  order: 3;
}
.section__container.is-navi .section__text--item {
  display: block;
  margin-top: 1em;
}
/*map*/
.section__container.is-map {
  background: url("../images/sp/top/bg_map_area.png") no-repeat center top;
  background-size: cover;
  position: relative;
}
.section__container.is-map::before, .section__container.is-map .contents__inner::before {
  content: "";
  display: block;
  background: no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}
.section__container.is-map::before {
  width: calc(172vw / (750 / 100)); /*実サイズから120%*/
  height: calc(122vw / (750 / 100));
  background-image: url("../images/sp/top/rogo_01.png");
  top: calc(20vw / (750 / 100));
}
.section__container.is-map .contents__inner {
  width: 100%;
  padding-top: calc(205vw / (750 / 100));
  padding-bottom: 0;
  position: relative;
}
.section__container.is-map .contents__inner::before {
  width: calc(404vw / (750 / 100)); /*実サイズから120%*/
  height: calc(47vw / (750 / 100));
  background-image: url("../images/sp/top/sab_title.png");
  top: calc(150vw / (750 / 100));
}
.section__container.is-map .area-navi__wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(706vw / (750 / 100));
  margin: calc(40vw / (750 / 100)) auto calc(60vw / (750 / 100));
}
.section__container.is-map .area-navi__wrapper .navi__list {
  width: calc(230vw / (750 / 100));
}
.section__container.is-map .area-navi__wrapper .navi__list:nth-child(n + 4) {
  margin-top: calc(8vw / (750 / 100));
}
.section__container.is-map .area-navi__wrapper .navi__list:not(:nth-child(3n)) {
  margin-right: calc(8vw / (750 / 100));
}
/*特別枠*/
.section__container.is-special {
  background: url("../images/sp/line_gray.jpg") repeat-x 0 0, url("../images/special_bg_01.png");
  background-size: calc(100vw / (750 / 100)), calc(157vw / (750 / 100));
  position: relative;
}
.section__container.is-special::before {
  content: "";
  display: block;
  width: calc(154vw / (750 / 100)); /*実サイズから159%*/
  height: calc(159vw / (750 / 100));
  background: url("../images/sp/top/special_mark.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  top: calc(-77vw / (750 / 100));
  left: 0;
  right: 0;
  margin: auto;
}
.section__container.is-special .contents__inner {
  width: 100%;
  padding: calc(130vw / (750 / 100)) 0 0;
}
.special-navi__wrapper, .special-content__inner {
  width: calc(706vw / (750 / 100));
  margin: auto;
}
.special-navi__wrapper {
  display: flex;
  justify-content: center;
}
.special-navi__wrapper .navi__list:not(:first-child) {
  margin-left: calc(20vw / (750 / 100));
}
.special-navi__wrapper .navi__item {
  width: calc(228vw / (750 / 100));
  background-color: #C2AB51;
  border-color: #AC9A5F;
}
.special-content__wrapper {
  padding: calc(80vw / (750 / 100)) 0;
}
.special-content__wrapper:nth-of-type(even) {
  background-image: url("../images/special_bg_02.png");
}
.special-content__item + .special-content__item, .special-content__list + .special-content__list {
  margin-top: calc(100vw / (750 / 100));
}
.special-content__wrapper [class*="title"] {
  font-weight: bold;
}
.special-content__wrapper [class*="title"]:not(.item_box_title) {
  text-align: center;
}
.special-content__title, .special-content__item--title {
  color: #7f651f;
}
.special-content__title {
  font-size: calc(46vw / (750 / 100));
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: calc(40vw / (750 / 100));
}
.special-content__title--text {
  margin: calc(5vw / (750 / 100)) 0;
}
.special-content__title::before, .special-content__title::after {
  content: "";
  display: block;
  width: calc(398vw / (750 / 100)); /*実サイズから159%*/
  height: calc(73vw / (750 / 100));
  background: url("../images/special_frame.png") no-repeat center center;
  background-size: contain;
}
.special-content__title::before {
  margin-bottom: calc(10vw / (750 / 100));
}
.special-content__title::after {
  transform: rotate(180deg);
}
.special-content__item--title {
  font-size: calc(36vw / (750 / 100));
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  margin-bottom: calc(30vw / (750 / 100));
}
.special-content__item--title--text {
  margin: calc(25vw / (750 / 100)) 0;
}
.special-content__item--city {
  display: block;
  font-size: calc(26vw / (750 / 100));
  margin-bottom: calc(10vw / (750 / 100));
}
.special-content__item--title::before, .special-content__item--title::after {
  content: "";
  display: block;
  width: calc(706vw / (750 / 100)); /*実サイズから106%*/
  height: calc(36vw / (750 / 100));
  background: url("../images/sp/special_title_top.png") no-repeat center center;
  background-size: contain;
}
.special-content__item--title::after {
  transform: rotate(180deg);
}
.special-content__item--sub-title {
  margin: calc(30vw / (750 / 100)) 0 calc(50vw / (750 / 100));
}
.gallery_img {
  position: relative;
  width: calc(706vw / (750 / 100));
  height: calc(470vw / (750 / 100));
  margin-bottom: calc(26vw / (750 / 100));
}
.gallery_img__item {
  position: absolute;
  width: 100%;
}
.gallery_thumbnail {
  display: flex;
  justify-content: center;
}
.gallery_thumbnail__item {
  width: calc(160vw / (750 / 100));
  margin: 0 calc(10vw / (750 / 100));
  position: relative;
  cursor: pointer;
}
.gallery_thumbnail__item.is-active::after {
  content: "";
  width: 100%;
  height: 100%;
  border: calc(10vw / (750 / 100)) solid #e78e36;
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
}
.special-content__item--text {
  margin-top: calc(30vw / (750 / 100));
}
.special-content__item--tour-title {
  color: #9f8c53;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(30vw / (750 / 100));
  line-height: calc(40vw / (750 / 100));
  margin: calc(60vw / (750 / 100)) 0 calc(30vw / (750 / 100));
}
.special-content__item--tour-title::before, .special-content__item--tour-title::after {
  content: "";
  width: calc(140vw / (750 / 100));
  height: calc(6vw / (750 / 100));
  border: calc(2vw / (750 / 100)) solid;
  border-left: none;
  border-right: none;
}
.special-content__item--tour-title--text {
  margin: 0 calc(30vw / (750 / 100));
  padding-left: calc(50vw / (750 / 100));
  background: url("../images/icon_plane.png") no-repeat 0 center;
  background-size: calc(40vw / (750 / 100));
}
.special-content__item .tour_item_detail {
  display: block;
  background: #fff;
  border: calc(4vw / (750 / 100)) solid #9f8c53;
  padding: calc(30vw / (750 / 100));
}
.special-content__item .item_box_title {
  font-size: calc(28vw / (750 / 100));
  margin-bottom: calc(20vw / (750 / 100));
}
.special-content__item .item_box_point {
  background: #f4f1ea;
  padding: calc(20vw / (750 / 100));
  margin-bottom: calc(25vw / (750 / 100));
}
/* foot__container
-------------------------------------------------*/