@charset "utf-8";
/* 「春旅・初夏旅」関東 TOP専用CSS（PCSP共通） */
/*国内TOP・海外TOP 共通*/
/**/
/*PC商品カセット枠の高さ調整*/
/*商材枠の位置変更や、リンクボタンの設置個数変更により要変更*/
/*.is-pc .product__contents.is-hotels + .product__contents .product__button.is-height-change, .is-pc .product__contents.is-airhotel + .product__contents .product__button.is-height-change {
  height: 70px;
}
.is-pc .product__contents.is-bus + .product__contents .product__button.is-height-change {
  height: 130px;
}*/
/**/
.is-sp #introArea .line__button {
  margin-top: calc(50vw / (750 / 100));
}
/*SPフェアコンテンツナビ　4column*/
.is-sp .hatsuyume-list {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + (13vw / (750 / 100)));
  margin-top: calc(-13vw / (750 / 100));
  margin-left: calc(-13vw / (750 / 100));
  margin-bottom: calc(80vw / (750 / 100));
}
.is-sp .hatsuyume-list__item {
  width: calc((100% - ((13vw / (750 / 100)) * 4)) / 4);
  margin-top: calc(13vw / (750 / 100));
  margin-left: calc(13vw / (750 / 100));
  position: relative;
}
.is-sp .hatsuyume-list__item.is-size-middle {
  width: calc(100% - ((13vw / (750 / 100)) * 2) - ((100% - ((13vw / (750 / 100)) * 4)) / 4));
}
.is-sp .hatsuyume-list__item.is-size-half {
  width: calc(50% - (13vw / (750 / 100)));
}
.is-sp .hatsuyume-list__item.is-size-full {
  width: 100%;
} /*
.is-sp .hatsuyume-list__item.is-feb .hatsuyume-list__link .hatsuyume-list__text-image {
  width: calc(161vw / (750 / 100));
}*/
.is-sp .hatsuyume-list__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
  height: 100%;
  min-height: calc(160vw / (750 / 100));
  font-weight: bold;
  font-size: calc(22vw / (750 / 100));
  text-align: center;
  line-height: 1.2;
  border-radius: calc(10vw / (750 / 100));
  border-bottom: solid calc(4vw / (750 / 100));
  padding: calc(90vw / (750 / 100)) 0 calc(20vw / (750 / 100));
}
.is-sp .hatsuyume-list.is-kokunai .hatsuyume-list__item:not(.is-kaigai):not(.is-both) .hatsuyume-list__link, .is-sp .hatsuyume-list__item.is-kokunai .hatsuyume-list__link {
  background: #589f34;
  border-bottom-color: #2e6801;
}
.is-sp .hatsuyume-list.is-kaigai .hatsuyume-list__item:not(.is-kokunai):not(.is-both) .hatsuyume-list__link, .is-sp .hatsuyume-list__item.is-kaigai .hatsuyume-list__link {
  background: #203a78;
  border-bottom-color: #001443;
}
.is-sp .hatsuyume-list__item.is-both .hatsuyume-list__link {
  background: #ca9800;
  border-bottom-color: #624900;
}
.is-sp .is-size-full .hatsuyume-list__link {
  padding-top: calc(105vw / (750 / 100));
}
.is-sp .hatsuyume-list__item::before {
  content: "";
  background: no-repeat center center / contain;
  margin-bottom: calc(5vw / (750 / 100));
  width: calc(65vw / (750 / 100));
  height: calc(65vw / (750 / 100));
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(20vw / (750 / 100));
  margin: auto;
} /*
.is-sp .hatsuyume-list__item.is-feb::before {
  margin-bottom: calc(20vw / (750 / 100));
  width: calc(70vw / (750 / 100));
  height: calc(70vw / (750 / 100));
}*/
.is-sp .is-size-full::before {
  width: calc(85vw / (750 / 100));
  height: calc(85vw / (750 / 100));
  top: calc(13vw / (750 / 100));
}
.is-sp .is-tour:not(.is-kaigai)::before, .is-sp .is-tour.is-kokunai::before {
  background-image: url("/cmn/icon/icon_kokunai_white.svg");
}
.is-sp.is-kaigai .is-tour:not(.is-kokunai)::before, .is-sp .is-tour.is-kaigai::before {
  background-image: url("/cmn/icon/icon_kaigai_white.svg");
}
.is-sp .is-bus::before {
  background-image: url("/cmn/icon/icon_bus_tour_white.svg");
}
.is-sp .is-train::before {
  background-image: url("/cmn/icon/icon_train_white.svg");
}
.is-sp .is-airhotel::before {
  background-image: url("/cmn/icon/icon_pack_white.svg");
}
.is-sp .is-air::before {
  background-image: url("/cmn/icon/icon_plane_white.svg");
}
.is-sp .is-hotel::before {
  background-image: url("/cmn/icon/icon_hotel_white.svg");
}
.is-sp .is-activity::before {
  background-image: url("/cmn/icon/icon_activities_white.svg");
}
.is-sp .is-car::before {
  background-image: url("/cmn/icon/icon_rental_car_white.svg");
}
.is-sp .is-impresso::before {
  background-image: url("/cmn/icon/icon_tour_with_attendant_white.svg");
}
.is-sp .is-senmon::before {
  width: calc(90vw / (750 / 100));
  height: calc(90vw / (750 / 100));
  background-image: url("/cmn/icon/icon_purpose_white.svg");
  top: calc(10vw / (750 / 100));
}
.is-sp .is-online::before {
  background-image: url("/cmn/icon/icon_online_kaigai_white.svg");
}
/*** 感染対策 ***/
.information-wrapper {
  background-color: #fff;
  border: solid #e60012;
}
.is-sp .information-wrapper {
  margin: calc(30vw / (750 / 100)) auto;
  padding: calc(16vw / (750 / 100));
  border-width: calc(6vw / (750 / 100));
}
.is-pc .information-wrapper {
  margin: 10px auto 50px;
  padding: 16px;
  border-width: 5px;
}
.information-title {
  text-align: center;
}
.is-sp .information-title {
  font-size: calc(30vw / (750 / 100));
  margin-bottom: calc(16vw / (750 / 100));
}
.is-pc .information-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.is-pc .information-list {
  display: flex;
  justify-content: space-around;
}
.is-sp .information-list > li {
  display: inline-block;
  margin-right: calc(16vw / (750 / 100));
  margin-bottom: calc(10vw / (750 / 100))
}
.is-pc .information-list > li {
  width: calc(94% / 3);
}
.information-list > li > a {
  text-align: center;
  position: relative
}
.is-sp .information-list > li > a {
  font-size: calc(26vw / (750 / 100));
  color: #0000EE;
  padding-right: calc(16vw / (750 / 100));
}
.is-pc .information-list > li > a {
  display: block;
  background-color: #e60012;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  padding: 8px calc(15px + 1.5em) 10px;
  text-indent: -15px;
  font-weight: normal;
  box-shadow: none;
}
.information-list > li > a::after {
  position: absolute;
  top: 0;
}
.is-sp .information-list > li:not(:last-child) > a::after {
  content: "|";
  color: #D7D7D7;
  right: 0
}
.is-pc .information-list > li > a::after {
  content: "";
  background: url(/cmn/icon/icon_arrow_right_white.svg) no-repeat center center / cover;
  width: 12px;
  height: 30px;
  bottom: 0;
  right: 15px;
  margin: auto;
}
.is-pc .information-list > li > a[target="_blank"]::after {
  background-image: url(/cmn/icon/icon_launch_white.svg);
  width: 1em;
  height: 1em;
}
.is-pc .information-list > li > a:hover {
  opacity: .7;
}
/*** GOTO ***/
.information-box {
  background-color: #fff;
  border: 1px solid #ccc;
}
.is-sp .information-box {
  margin: calc(30vw / (750 / 100)) auto;
  padding: calc(20vw / (750 / 100));
}
.is-pc .information-box {
  margin: 10px auto;
  padding: 10px;
}
.information-box > p > a {
  display: block;
  text-decoration: underline;
  color: #1A0DAB;
  position: relative;
  padding-left: 1.0em;
}
.information-box > p > a::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.is-pc .information-box > p > a:hover {
  text-decoration: none
}
/*** タイムセール ***/
.is-pc .timesale-bnr {
  margin: 20px auto;
  text-align: center
}
.is-pc .timesale-bnr > a:hover {
  opacity: 0.7
}
.is-pc .nopc {
  display: none
}
.is-sp .timesale-bnr {
  margin: calc(30vw / (750 / 100)) auto;
  text-align: center
}
.is-sp .nosp {
  display: none
}