@charset "utf-8";
/* 「春旅・初夏旅」全国共通 施策ページCSS（PCSP共通） */
/*★ ＝＝ headerArea ＝＝ ★*/
/*★ MV ★*/
.is-pc .mv__lead {
  background-image: url("../images/pc/mv_lead.png");
  background-size: 503px;
  height: 179px;
}
.is-sp .mv__lead {
  background-image: url("../images/sp/mv_lead.png");
  background-size: calc(614vw/ (750 / 100));
  height: calc(208vw/ (750 / 100));
}
/*★ ＝＝ mainArea ＝＝ ★*/
.is-pc #mainArea, .is-sp #headerArea + [id*="Area"] {
  padding: 0;
}
/*campaign-contents*/
.is-pc .campaign-contents.section,
.is-sp .campaign-contents.section {
  margin-top: 0;
}
.is-sp .campaign-contents {
  padding: calc(60vw / (750 / 100)) 0 !important;
}
.is-pc .campaign-contents {
  padding: 60px 0 !important;
}
.campaign-contents:nth-of-type(even) {
  background: #f3edda;
}
.campaign-detail {
  background: #2cbec0;
}
.campaign-contents[id*="kaigai"] .campaign-detail {
  background: #f97483;
}
.is-sp .campaign-detail {
  padding: calc(6vw/ (750 / 100));
  box-shadow: 0px 0px calc(12vw/ (750 / 100)) 0px rgba(0, 0, 0, 0.3);
}
.is-pc .campaign-detail {
  padding: 6px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}
.campaign-title {
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.is-sp .campaign-title {
  padding: calc((24vw - 6vw)/ (750 / 100)) calc(10vw/ (750 / 100)) calc(24vw/ (750 / 100));
}
.is-pc .campaign-title {
  padding: calc(14px - 6px) 10px 14px;
}
.campaign-title__text {
  line-height: 1;
  display: block;
}
.is-sp .campaign-title__text {
  font-size: calc(52vw/ (750 / 100));
}
.is-pc .campaign-title__text {
  font-size: 36px;
}
/*★施策内容★*/
.campaign-texts {
  background: #fff;
}
.is-sp .campaign-texts {
  padding: calc(40vw/ (750 / 100)) 0;
}
.is-pc .campaign-texts {
  padding: 40px 0;
}
.campaign-texts > [class*="campaign-"]:not(.campaign-lead) {
  margin-left: auto;
  margin-right: auto;
}
.is-sp .campaign-texts > [class*="campaign-"]:not(.campaign-lead) {
  width: calc(650vw/ (750 / 100));
}
.is-pc .campaign-texts > [class*="campaign-"]:not(.campaign-lead) {
  width: 820px;
}
.campaign-lead {
  text-align: center;
}
.is-sp .campaign-lead {
  margin: 0 auto calc(40vw/ (750 / 100));
}
.is-sp #kokunai-tour .campaign-lead {
  width: calc(668vw/ (750 / 100));
}
.is-sp #kokunai-dp .campaign-lead {
  width: calc(645vw/ (750 / 100));
}
.is-sp #kokunai-hotel .campaign-lead {
  width: calc(654vw/ (750 / 100));
}
.is-sp #kaigai-tour .campaign-lead {
  width: calc(649vw/ (750 / 100));
}
.is-pc .campaign-lead {
  margin-bottom: 50px;
}
.campaign-period {
  font-weight: bold;
}
.is-color-pink, .campaign-period {
  color: #f97483;
}
.is-color-green, .campaign-contents[id*="kaigai"] .campaign-period {
  color: #2cbec0;
}
.is-sp .campaign-period {
  font-size: calc(26vw/ (750 / 100));
}
.is-pc .campaign-period {
  font-size: 32px;
}
.campaign-text {
  border: solid #888;
}
.is-sp .campaign-text:not(:only-child) {
  margin-top: calc(20vw/ (750 / 100));
}
.is-pc .campaign-text:not(:only-child) {
  margin-top: 20px;
}
.is-sp .campaign-text {
  border-width: calc(1vw/ (750 / 100));
  padding: calc(20vw/ (750 / 100));
}
.is-pc .campaign-text {
  border-width: 1px;
  padding: 20px;
}
[class*=campaign-text__] {
  line-height: 1.5;
}
.is-pc [class*=campaign-text__] {
  font-size: 16px;
}
.campaign-text__main {
  font-weight: bold;
}
.campaign-text__sub:not(:first-child) {
  margin-top: 1em;
}
.campaign-notes, .campaign-text__sub--notes {
  color: #555;
}
.is-sp .campaign-notes, .is-sp .campaign-text__sub--notes {
  font-size: calc(20vw/ (750 / 100));
}
.is-pc .campaign-notes, .is-pc .campaign-text__sub--notes {
  font-size: 12px;
}
.is-sp .campaign-notes {
  margin-top: calc(24vw/ (750 / 100));
}
.is-pc .campaign-notes {
  margin-top: 16px;
}
.campaign-notes::before {
  content: "注意事項";
  display: block;
}
.is-pc .campaign-notes__item, .is-pc .campaign-text__sub--notes {
  display: inline-block;
}
.campaign-notes__item::before {
  content: "※"
}
.is-sp .campaign-notes__item {
  padding-left: 1em;
  text-indent: -1em;
}
.is-sp .campaign-notes__item:not(:first-child) {
  margin-top: .15em;
}
.is-pc .campaign-notes__item {
  margin-right: 1em;
}
.campaign-text__sub.is-example {
  display: flex;
  align-items: baseline;
}
.campaign-text__sub.is-example::before {
  content: "（例）";
}
.campaign-text__example--price {
  font-weight: bold;
}
.campaign-button .button-base__link {
  background: #f97483;
}
.is-pc .campaign-button .button-base__link:hover {
  background: #e85263;
}
.campaign-contents[id*="kaigai"] .campaign-button .button-base__link {
  background: #2cbec0;
}
.is-pc .campaign-contents[id*="kaigai"] .campaign-button .button-base__link:hover {
  background: #1BAFB1;
}
.is-sp .campaign-button {
  margin-top: calc(40vw/ (750 / 100));
}
.is-pc .campaign-button {
  margin-top: 30px;
}
.campaign-button .button-base__link {
  margin: auto;
}
.is-sp .campaign-button .button-base__link {
  max-width: calc(500vw/ (750 / 100));
}
.is-pc .campaign-button .button-base__link {
  max-width: 600px;
}
/*★商品枠★*/
.is-sp .campaign-product:not(:first-child) {
  margin-top: calc(60vw/ (750 / 100));
}
.is-pc .campaign-product:not(:first-child) {
  margin-top: 30px;
}
.is-pc #campaign .product__title {
  margin-bottom: 20px;
}
.product__title--sub-text {
  color: #ff8a00;
}
.is-sp .product__title--sub-text {
  font-size: calc(30vw / (750 / 100));
  margin-bottom: calc(10vw / (750 / 100));
}
.is-pc .product__title--sub-text {
  font-size: 22px;
  margin-bottom: 7px;
}
.is-sp .product__title--main-text {
  font-size: calc(58vw / (750 / 100));
}
.is-pc .product__title--main-text {
  font-size: 36px;
}
.is-pc .product__title--texts::before {
  left: -94px;
}
.is-pc .product__title--texts::after {
  right: -94px;
}
.product__aori {
    display: flex;
    justify-content: center;
    align-items: center;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.product__aori::before, .product__aori::after {
    content: "";
    width: calc(4vw / (750 / 100));
    height: 1em;
    background: #000;
}
.is-pc .product__aori::before, .is-pc .product__aori::after {
    width: 3px;
}
.product__aori::before {
    transform: rotate(-25deg);
    margin-right: .5em;
}
.product__aori::after {
    transform: rotate(25deg);
    margin-left: .5em;
}
.is-pc .product__aori::before {
    margin-right: 1em;
}
.is-pc .product__aori::after {
    margin-left: 1em;
}
.is-sp .product__aori {
  font-size: calc(30vw / (750 / 100));
}
.is-pc .product__aori {
  font-size: 30px;
}
.is-sp .product__aori:not(:last-child) {
  margin-bottom: calc(30vw / (750 / 100));
}
.is-pc .product__aori:not(:last-child) {
  margin-bottom: 20px;
}
/*campaign-area-contents*/
.campaign-area-contents:not(.is-dsp) {
  display: none;
}
.area-list-contents {
  background: #fff;
  text-align: center;
}
.is-sp .area-list-contents {
  padding: calc(30vw / (750 / 100)) 0 calc(50vw / (750 / 100));
  box-shadow: 0px calc(4vw / (750 / 100)) calc(8vw / (750 / 100)) 0 rgba(0, 0, 0, 0.15);
}
.is-pc .area-list-contents {
  padding: 40px 0 37px;
  margin-bottom: 40px;
  box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.15);
}
.is-sp .area-list__text {
  width: calc(422vw / (750 / 100));
  margin: 0 auto calc(25vw / (750 / 100));
}
.is-pc .area-list__text {
  margin-bottom: 36px;
}
.is-sp .area-list__inner {
  border-radius: calc(10vw / (750 / 100));
  border-bottom: #928574 solid calc(5vw / (750 / 100));
  background: #bbb3a9;
  margin-top: calc(30vw / (750 / 100));
}
.is-sp .area-select-trigger {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: calc(94vw / (750 / 100));
  padding: calc(3vw / (750 / 100)) calc(80vw / (750 / 100)) calc(5vw / (750 / 100));
  font-size: calc(30vw / (750 / 100));
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: url("/cmn/icon/icon_add_white.svg") no-repeat right calc(20vw / (750 / 100)) center / calc(50vw / (750 / 100));
}
.is-sp .area-select-trigger.is-open {
  background-image: url("/cmn/icon/icon_remove_white.svg");
}
.is-sp .area-select__wrapper {
  display: none; /*accordion*/
  padding: calc(5vw / (750 / 100)) calc(20vw / (750 / 100)) calc(40vw / (750 / 100));
}
.is-sp .area-select {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: calc(-6vw / (750 / 100));
}
.is-sp .area-select .area-select__button {
  width: calc(332vw / (750 / 100));
  min-height: calc(70vw / (750 / 100));
  margin-top: calc(6vw / (750 / 100));
}
.is-sp .area-select .area-select__button--link {
  background: #fff;
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  font-size: calc(21vw / (750 / 100));
  padding: calc(3vw / (750 / 100)) calc(20vw / (750 / 100)) calc(3vw / (750 / 100)) calc(26vw / (750 / 100));
}
.is-sp .area-select__button.is-active .area-select__button--link {
  background: #fedade;
}
.is-sp .area-select .area-select__button--link::after {
  content: "";
  width: .5em;
  height: 1.5em;
  background: url(/cmn/icon/icon_arrow_right_black.svg) no-repeat center center / cover;
  display: inline-block;
  margin-left: 1em;
}
.is-sp .area-select .area-select__button--text {
  flex-grow: 1;
  width: 100%;
  line-height: 1.2;
}
.is-pc .area-select {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: -18px;
  margin-top: -17px;
}
.is-pc .area-select__button {
  margin-left: 18px;
  margin-top: 17px;
  width: 150px;
}
.is-pc .area-select__button--link {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 61px;
  border-radius: 10px;
  border-bottom: 3px solid #d9d9d9;
  background: #bbb3a9;
  transition: background .3s;
  position: relative;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.is-pc .area-select__button[class*="-active"] .area-select__button--link {
  font-size: 18px;
}
.is-pc .area-select__button--link:hover, .is-pc .area-select__button[class*="-active"] .area-select__button--link {
  background: #f97483;
}
.area-status-text {
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
}
.is-sp .area-status-text {
  font-size: calc(56vw / (750 / 100));
}
.is-pc .area-status-text {
  color: #f97483;
  font-size: 52px;
}
/*★ ＝＝ footerArea ＝＝ ★*/
.is-sp #footerArea {
  background: none;
}
.is-sp #banner {
  padding-top: 0;
  padding-bottom: calc(100vw / (750 / 100));
}
.is-sp #search {
    overflow-y: hidden;/*何故かスクロールがおかしいので設定・・*/
}