@charset "utf-8";
:root {
  --font-sans: 'Noto Sans JP', serif;
  --font-serif: "Noto Serif JP", serif;
  --content-width-pc: 1104px;
  --content-width-sp: calc(675vw / 7.5);
  --content-width: min(var(--content-width-sp), var(--content-width-pc));
  --font-size-pc: 16px;
  --font-size-sp: 3.6vw;
  --default-color-black: #2C2A29;
  --content-color-blue: #0a7bc6;
  --content-color-darkblue: #00589c;
  --content-color-yellow: #fee110;
  --bg-color-blue: #ebf3f8;
}
.contents {
  font-family: var(--font-sans);
  font-size: var(--font-size-sp);
  line-height: 1.5;
  color: var(--default-color-black);
  a {
    text-decoration: none;
  }
  img {
    width: 100%;
    height: auto;
  }
  .inner {
    margin: 0 auto;
  }
}
.nosp {
  display: none !important;
}
/*----------------------------------------------
メインビジュアル
------------------------------------------------*/
#mainvisual {
  width: 100%;
  height: 66vw;
  background: url("../images/main-bg-sp.jpg") no-repeat top center;
  background-size: 100%;
  .title {
    width: 64vw;
    margin: 0 auto;
    padding-top: 8vw;
  }
}
/*------------------------------------------------
	ナビ
--------------------------------------------------*/
#navi {
  width: 100%;
  background-color: #fff;
  position: relative;
  & .navi-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1px;
    & li {
      text-align: center;
      color: #fff;
      background-color: var(--content-color-blue);
      width: calc((100% - 2px) / 3);
      display: flex;
      & a {
        width: 100%;
        height: 14vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        color: #fff;
        font-size: 3.4vw;
        font-weight: bold;
        line-height: 1.3;
        padding-bottom: 2vw;
        ;
        position: relative;
        &::after {
          content: "\e313";
          font-family: "Material Symbols Rounded";
          font-weight: 400;
          font-size: 4.5vw;
          line-height: 1;
          position: absolute;
          bottom: -.4vw;
          right: 0;
          left: 0;
          margin: 0 auto;
        }
      }
    }
  }
}
/*発地切り替え*/
.dep-select-nav {
  background: #0b00a0;
}
.display_selected {
  width: 100%;
  height: 100%;
  background: #0b00a0;
  color: #fff;
  font-size: calc(26vw / 7.5);
  font-weight: 500;
  text-align: center;
  padding: calc(14vw / 7.5);
  border-radius: calc(8vw / 7.5);
  position: relative;
  &::after {
    content: "\e313";
    font-family: "Material Symbols Rounded";
    font-weight: 400;
    font-size: 4.5vw;
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
  }
}
.dep-select-zone {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  transition: all .5s;
  z-index: 50;
  background: rgba(0 0 0 / 80%);
  padding: calc(100vw / 7.5) calc(80vw / 7.5);
  & .dep-select li {
    cursor: default;
    font-size: calc(30vw / 7.5);
    padding: calc(20vw / 7.5);
    text-align: center;
    & a {
      color: #fff;
    }
    &.selected {
      background: #fff;
      & a {
        color: var(--default-color-black);
      }
    }
  }
  & .close-button {
    margin: calc(40vw / 7.5) auto;
    width: 5em;
    padding: calc(10vw / 7.5);
    border: solid 1px #fff;
    font-size: calc(30vw / 7.5);
    color: #FFF;
    text-align: center;
  }
}
/*ナビ固定時*/
.fix-navi:has(.fixed) {
  height: 13vw;
}
#navi.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  padding: 0;
  & .navi-list {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    flex-wrap: nowrap;
    width: 88vw;
    height: 14vw;
    & li {
      width: 100%;
      & a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        font-size: 2.4vw;
        line-height: 1.3;
        padding: 3vw 1vw 5vw;
        &.active {
          background-color: var(--content-color-yellow);
          color: var(--default-color-black);
          &::after {
            color: var(--default-color-black);
          }
        }
        & br {
          display: none;
        }
      }
      & br {
        display: block;
      }
    }
  }
  & .dep-select-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 12vw;
    height: 14vw;
    &::after {
      content: "\e313";
      font-family: "Material Symbols Rounded";
      font-weight: 400;
      font-size: 4.5vw;
      line-height: 1;
      position: absolute;
      bottom: -.4vw;
      right: 0;
      left: 0;
      margin: 0 auto;
      color: #fff;
      text-align: center;
    }
  }
  & .display_selected {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.8vw;
    line-height: 1.3;
    background-color: #0b00a0;
    padding: 0;
    border-radius: 0;
    position: relative;
    &::after {
      content: none;
    }
  }
}
/*-----------------------------------------------
リード
-----------------------------------------------*/
#lead {
  width: 100%;
  background: var(--bg-color-blue);
  padding: 6vw 0 16vw;
  & h2 {
    width: 96%;
    margin: 0 auto;
    margin-bottom: 2vw;
  }
  & .lead-text {
    text-align: justify;
    width: var(--content-width-sp);
    margin: 0 auto;
    line-height: 1.8;
    margin-bottom: 4vw;
  }
  & .ph-box {
    width: var(--content-width-sp);
    margin: 0 auto;
    & .ph-list {
      width: 100%;
      margin-bottom: 8vw;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      & li {
        width: 49.5%;
        margin-bottom: 1vw;
        & img {
          width: 100%;
          height: 28vw;
          object-fit: cover;
          border-radius: 2vw;
          display: block;
        }
      }
    }
  }
  & .movie {
    width: var(--content-width-sp);
    margin: 0 auto;
    text-align: center;
    & h3 {
      width: 44%;
      margin: 0 auto 4vw;
    }
    & iframe {
      width: 100%;
      height: 50.5vw;
      border: none;
    }
  }
}
/*-----------------------------------------
マップ
-----------------------------------------*/
#lead {
  & .map {
    background: url("../images/map-sp.png") no-repeat center top / 98%;
    padding: 90vw 4vw 0;
    margin-bottom: 6vw;
  }
  & #spots {
    width: 100%;
    border: solid 2px var(--content-color-blue);
    background-color: #fff;
    overflow: hidden;
    margin-top: 4vw;
    box-sizing: border-box;
    & .pos {
      display: flex;
      flex-direction: column;
      padding: 0;
    }
    & h3 {
      order: 1;
      font-size: 3.8vw;
      font-weight: 700;
      padding: 2vw 4vw;
      margin: 0;
      position: relative;
      color: var(--default-color-black);
      cursor: pointer;
      background-color: #fff;
      border-bottom: dashed 1px var(--content-color-blue);
      &::after {
        content: "";
        position: absolute;
        right: 4vw;
        top: 35%;
        transition: all 0.2s ease-in-out;
        display: block;
        width: 10px;
        height: 10px;
        border-top: solid 2px var(--default-color-black);
        border-right: solid 2px var(--default-color-black);
        transform: rotate(135deg);
      }
      &.open::after {
        transform: rotate(-45deg);
        top: 45%;
      }
    }
    & #spot3 h3:not(.open) {
      border-bottom: none;
    }
    & .photo, & .comment {
      display: none;
    }
    & .comment {
      order: 2;
      font-size: 3.4vw;
      padding: 4vw 4vw 0;
      max-height: none;
    }
    & .photo {
      order: 3;
      width: 100%;
      padding: 3vw 4vw 4vw;
      box-sizing: border-box;
      border-bottom: dashed 1px var(--content-color-blue);
    }
    & #spot3 .photo {
      border-bottom: none;
    }
  }
}
/*-----------------------------------------
キャンペーン
-------------------------------------------*/
#campaign20261016 {
  position: relative;
  width: 100%;
  padding: 8vw 0 18vw;
  text-align: center;
  background: #fae53a url(../images/campaign/20261016/cpn-bg-sp.png) no-repeat top center / 100%;
  &::before {
    content: "";
    position: absolute;
    top: -4vw;
    left: 0;
    display: block;
    width: 100%;
    height: 10vw;
    background: url(../images/campaign/20261016/bg-wave-yellow.png) no-repeat center top / 180%;
  }
  & .inner {
    width: var(--content-width-sp);
    margin: 0 auto;
  }
  h2 {
    margin-bottom: 4vw;
  }
  /* 期間ボックス */
  & .date-box {
    width: 100%;
    display: inline-block;
    padding: 2.5vw 2vw 3vw;
    margin-bottom: 6.4vw;
    text-align: center;
    color: var(--content-color-darkblue);
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 2.1vw;
    font-size: 4.8vw;
    box-sizing: border-box;
    & .main-text, & .sub-text {
      font-size: 4.2vw;
      font-weight: bold;
      line-height: 1.3;
      margin: 0;
    }
    & .label {
      background: var(--content-color-darkblue);
      color: #fff;
      display: inline-block;
      padding: 1vw 3vw 1.2vw;
      font-size: 3.6vw;
      line-height: 1;
      margin-right: 0;
      margin-bottom: .4vw;
      border-radius: 4px;
    }
    & span {
      font-size: 3.6vw;
    }
  }
  /* キャンペーンコンテンツエリア */
  & .cpn-box {
    & .cpn-header {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 2.5vw 2vw;
      margin-bottom: 7vw;
      color: #fff;
      font-size: 4.2vw;
      text-align: center;
      background-color: #02aeed;
      box-sizing: border-box;
      & p {
        position: relative;
        display: inline-block;
        margin: 0;
        font-weight: bold;
        line-height: 1.3;
        & .badge-img {
          position: absolute;
          top: -9vw;
          left: -14vw;
          display: block;
          width: 16vw;
          & img {
            display: block;
            width: 100%;
            height: auto;
          }
        }
        & span {
          font-size: 3.4vw;
        }
      }
    }
    & .cpn-card-wrap {
      display: grid;
      gap: 6.4vw 0;
      margin-bottom: 8vw;
    }
    & .card {
      position: relative;
      display: flex;
      flex-direction: column;
      height: auto;
      padding: 5vw 0 4vw;
      background-color: #fff;
      border-radius: 8px;
      box-sizing: border-box;
    }
    & .tokuten7 {
      background-image: url("../images/campaign/20261016/tokuten-iillust7.png");
      background-repeat: no-repeat;
      background-position: right 2vw bottom 2vw;
      background-size: 18vw auto;
    }
    & .tag {
      position: absolute;
      top: -4.3vw;
      left: 50%;
      width: 30vw;
      text-align: center;
      transform: translateX(-50%);
      & img {
        display: block;
        width: 100%;
        height: auto;
      }
    }
    & h3 {
      color: #ff5500;
      font-size: 4.6vw;
      font-weight: bold;
      line-height: 1.2;
      margin: 0;
      & span {
        font-size: 3.4vw;
        color: var(--default-color-black);
        display: block;
        margin-top: 0.8vw;
      }
    }
    & .content {
      display: flex;
      flex-direction: row;
      gap: 3.2vw;
      align-items: flex-start;
      margin-top: 2.1vw;
      padding: 0 4.3vw;
      & .ph {
        width: 35vw;
        flex-shrink: 0;
        & img {
          display: block;
          width: 100%;
          height: auto;
          border-radius: 1.1vw;
        }
      }
      & .text-area {
        flex: 1;
        font-size: 3.4vw;
        line-height: 1.5;
        text-align: left;
      }
      &.no-img .text-area {
        text-align: center;
      }
    }
  }
  & .detail-box {
    text-align: start;
    & .title {
      background-color: var(--default-color-black);
      color: #fff;
      display: inline-block;
      font-size: 3.3vw;
      padding: 0.5vw 5vw;
      border-radius: 5vw;
      margin-bottom: 2vw;
    }
  }
  & .detail {
    font-size: 3.4vw;
    line-height: 1.3;
    margin-bottom: 3vw;
    li {
      margin-bottom: 1.5vw;
      & span {
        display: block;
      }
      & span:first-child {
        font-weight: bold;
      }
      & span.small {
        font-size: 0.8em;
      }
    }
  }
  & .notice {
    font-size: 3.0vw;
    line-height: 1.5;
    li {
      position: relative;
      padding-left: 3vw;
      &::before {
        position: absolute;
        left: 0;
        content: "※";
      }
    }
  }
  .other-link {
    margin: 8vw auto 0;
    font-size: min(3.3vw, 18px);
    text-align: center;
    a {
      color: #fff;
      display: block;
      text-decoration: none;
      font-weight: bold;
      border-radius: 999px;
      padding: 4.4vw 2vw 4.4vw 1vw;
      position: relative;
      box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, .25);
      background-color: #ff5500;
      font-size: 3.5vw;
      line-height: 1;
      &::after {
        font-family: "Material Symbols Rounded";
        font-weight: 500;
        content: "\e5cc";
        font-size: 5vw;
        position: absolute;
        right: min(2vw, 4px);
        top: 52%;
        transform: translateY(-50%);
        color: #fff;
      }
    }
  }
}
/*-----------------------------------------
楽しみ方
-------------------------------------------*/
#enjoy {
  position: relative;
  width: 100%;
  padding: 10vw 0 18vw;
  background: #fff;
  &::before {
    content: "";
    position: absolute;
    top: -4vw;
    left: 0;
    display: block;
    width: 100%;
    height: 10vw;
    background: url(../images/bg-wave-white.png) no-repeat center top / 180%;
  }
  & h2 {
    display: flex;
    flex-direction: column;
    width: 97%;
    margin: 0 auto 4vw;
    padding: 0vw 0 3vw;
    font-size: 5.8vw;
    font-weight: bold;
    text-align: center;
    background: url(../images/enjoy-title-bg-sp.png) no-repeat center / 100%;
    & .sub-ttl {
      position: relative;
      align-self: center;
      display: inline-block;
      margin-top: 2vw;
      padding: 0 7vw;
      font-size: 4vw;
      &::before, &::after {
        content: '';
        position: absolute;
        top: 50%;
        width: 6vw;
        height: 0.4vw;
        background-color: var(--default-color-black);
      }
      &::before {
        left: 0;
      }
      &::after {
        right: 0;
      }
    }
  }
  & .enjoy-list {
    width: var(--content-width-sp);
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6vw;
    padding: 0;
    list-style: none;
  }
  & .enjoy-item {
    display: flex;
    flex-direction: column;
    & .img-box {
      position: relative;
      margin-bottom: 3vw;
      border-radius: 8px;
      box-shadow: 1vw 1vw 0 var(--content-color-yellow);
      & img {
        display: block;
        width: 100%;
        height: 52vw;
        object-fit: cover;
        border-radius: 8px;
      }
      & .city-tag {
        position: absolute;
        top: 4.3vw;
        left: 0;
        z-index: 1;
        padding: 0.5vw 4.3vw;
        color: #fff;
        font-weight: bold;
        background-color: var(--content-color-blue);
      }
    }
    & h3 {
      color: var(--content-color-blue);
      font-size: 3.4vw;
      font-weight: bold;
    }
    & p {
      margin: 0;
      font-size: 3.4vw;
      line-height: 1.6;
      text-align: justify;
    }
  }
}
/*-----------------------------------------
商品
-------------------------------------------*/
#product-bg {
  position: relative;
  width: 100%;
  padding: 16px 0 64px;
  background-image:
    url("../images/tour-bg-sp1.png"), url("../images/tour-bg-sp2.png"), url("../images/tour-bg-pc.png");
  background-repeat:
    no-repeat, no-repeat, no-repeat;
  background-position:
    center top, center bottom, top center;
  background-size:
    100% auto, 100% auto, auto;
  background-color: var(--bg-color-blue);
  &::before {
    content: "";
    position: absolute;
    top: -4vw;
    left: 0;
    display: block;
    width: 100%;
    height: 10vw;
    background: url(../images/bg-wave-blue.png) no-repeat center top / 180%;
  }
}
#tour .inner, #fit .inner, #activity {
  width: 94vw;
  margin: 0 auto;
}

/*-----------------------------------------
見出しタイトル
-------------------------------------------*/
#tour h2, #fit h2 {
  padding: 10vw 0 2vw;
  font-size: 6.5vw;
  font-weight: 900;
  text-align: center;
  background: url(../images/ttl-line-short.png) no-repeat bottom center;
  background-size: 40vw;
  width: 100%;
  margin: 0 0 5vw;
}
#ah h2 {
  background: url(../images/ttl-line-long.png) no-repeat bottom center;
  background-size: 64vw;
}
/*ツアー*/
.area00 {
  display: none;
  &.is-display {
    display: block;
  }
}
.product__list--contents h3 {
  text-align: center;
  font-size: 5vw;
  font-weight: 700;
  color: #fff;
  background: #0a7bc6;
  padding: 1vw 0;
  margin-bottom: 3vw;
}
/*-----------------------------------------
その他ツアーボタン
-------------------------------------------*/
.product .other-link {
  width: 86vw;
  margin: 32px auto;
  font-size: min(3.3vw, 18px);
  text-align: center;
  a {
    color: var(--default-color-black);
    display: block;
    text-decoration: none;
    font-weight: bold;
    border-radius: 999px;
    padding: min(2.5vw, 8px) min(6vw, 32px) min(3vw, 8px) min(5vw, 24px);
    position: relative;
    box-shadow: 2px 2px 0px 0 rgba(0, 0, 0, .25);
    background-color: var(--content-color-yellow);
    &::after {
      font-family: "Material Symbols Rounded";
      font-weight: 500;
      content: "\e5cc";
      font-size: 5vw;
      position: absolute;
      right: min(2vw, 4px);
      top: 50%;
      transform: translateY(-50%);
    }
  }
}
/* ブロック内のli空の場合見出しを非表示 */
.product__block:not(:has(li *)) {
  display: none !important;
}
#tour .outsales-txt {
  text-align: center;
  margin: 4vw auto 0;
  font-size: 3.6vw;
}

/*アクティビティボタン*/
#activity {
  margin-top: 12vw;
  & .activity-title {
    font-size: 4.8vw;
    font-weight: bold;
    text-align: center;
  }
  & .other-link {
    margin: 2vw auto 0;
  }
}

/*------------------------------------------------
	おすすめバナー
--------------------------------------------------*/
#recobnr {
  width: 100%;
  background-color: #fffbde;
  padding: 8vw 0 12vw;
  & h2 {
    text-align: center;
    font-size: 5.6vw;
    font-weight: 700;
    margin-bottom: 4vw;
  }
  & .bnr-list {
    width: var(--content-width-pc);
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: min((38vw / 7.5), 40px);
    & li {
      width: min((296vw / 7.5), 192px);
      & img {
        width: 100%;
      }
      &:empty {
        display: none;
      }
    }
  }
  &:has(.area00.is-display ul li:nth-child(1):empty) {
    display: none;
  }
}
/*-----------------------------------------
検索ボックス 調整
-------------------------------------------*/
#searchArea {
  background-color: #fff;
  padding: 0 0 3vw 0;
}
@media (min-width:741px) {
  #searchArea {
    padding: 3vw 0;
  }
  .main .rn-searchMod__navList {
    width: 96% !important;
    margin: 0 auto !important;
  }
  .main .searchWrap .rn-searchMod__navList {
    position: relative;
    bottom: -7px;
  }
}
/*以下ブラックフライデーコピー*/
/*-----------------------------------------
商品アイコン設置
-------------------------------------------*/
.product__list--category.is-label {
  display: inline-flex;
  padding: 0 .7vw;
  min-width: inherit;
  &.cm {
    --product-label-bg: #e70012;
  }
  &.tv {
    --product-label-bg: #e70012;
  }
  &.line {
    --product-label-bg: #07b53b;
    display: flex;
  }
  &.news {
    --product-label-bg: #ff6000;
  }
  &.mail {
    --product-label-bg: #ff6000;
  }
  &.other {
    --product-label-bg: #e70012;
  }
  &.awbest {
    background: url(/fair/assets/common/images/product_label_award_best.png) no-repeat 0 0 / auto 100%;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    min-width: min((151vw / 7.5), 82px);
  }
  &.awgood {
    background: url(/fair/assets/common/images/product_label_award_good.png) no-repeat 0 0 / auto 100%;
    text-indent: 120%;
    white-space: nowrap;
    overflow: hidden;
    min-width: min((151vw / 7.5), 82px);
  }
}
.product__list--category.is-label:empty {
  display: none;
}
.product__list--point:empty {
  display: none;
}
/*-------------------------------------------
　カセット下検索ボタン
---------------------------------------------*/
.product__button {
  margin-top: 20px;
}
.product__button .search-title {
  text-align: center;
  border-bottom: solid 1px #000;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.product__button .button-base.flex {
  display: flex;
  flex-wrap: wrap;
}
.product__button .button-base .button-base__link {
  display: block;
  padding: 12px 0 14px;
  background: linear-gradient(#8e1507, #c81d09);
  color: #fff;
  font-size: 16px;
  line-height: 1.0;
  border-radius: 100px;
  font-weight: 700;
  text-align: center;
  position: relative;
  transition: all 0.2s ease;
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.23);
  &:hover {
    background: linear-gradient(#fff, #dfe9f3);
    color: #c21500;
  }
}
.product__button .button-base.flex .button-base__link {
  margin: 0 5px 10px 0;
  padding: 12px 40px 14px 30px;
}
.product__button .button-base .button-base__link::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("/cmn/icon/icon_arrow_right_white.svg") no-repeat center center;
  position: absolute;
  right: 8px;
  top: 8px;
}
.is-sp {
  & .product__button .button-base.flex .button-base__link {
    padding: 12px 6.5vw 14px 5vw;
  }
  & .product__button .button-base .button-base__link::after {
    width: 20px;
    height: 20px;
    right: 5px;
    top: 11px;
  }
}
.base-button {
  & .base-button__link {
    .is-sp & {
      border-radius: 35px;
    }
  }
}
/*------------------------------------
 カセット調整
-------------------------------------*/
.product__list--contents .product__list {
  justify-content: left;
  -webkit-text-size-adjust: none;
  margin-bottom: 8vw;
}
.product__wrapper .nosp {
  display: none;
}
/*------------------------------------
 FIT用 PCだけ改行入れる
-------------------------------------*/
.headfoot-is-sp .product__list--title .nosp {
  display: none;
}
/*------------------------------------
 商品空のとき
-------------------------------------*/
.product__list--item:empty {
  display: none;
}
.product__list--notes:empty {
  display: none;
}
.product__list--tokuten:empty, .product__list--tokuten:has(.product__list--tokuten--item:empty) {
  display: none;
}
/*------------------------------------
 新旧上下限js混在応急処置
-------------------------------------*/
.product__list--minmax .minmax-new:not(:empty) + .minmax-old, .product__list--dep .js-split-departure:not(:empty) + span, .product__list--type .js-split-airport:not(:empty) + span {
  display: none;
}
.product__list--dep .js-split-departure:empty::after, .product__list--dep span[id*="dep_"]:empty::after {
  display: none;
}
.product__list--dep .js-split-departure::after, .product__list--dep span[id*="dep_"]::after {
  content: "出発"
}
.product__list--type.port-type::after {
  content: "発着"
}
.product__list--type.port-type.hotel::after {
  content: ""
}
.product__list--type.port-type.train::after {
  content: "発"
}
.product__list--type.port-type.bus::after {
  content: "発"
}
/*------------------------------------------------
	クローズ
--------------------------------------------------*/
#close {
  background-color: #dbf6ff;
  padding: 20vw 0;
  text-align: center;
  font-size: 4.0vw;
  line-height: 1.8;
}
#close a {
  color: #1a7acd;
}