@charset "UTF-8";
/*  Noto Sans JP Inter*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
/*ピンク*/
/*緑*/
/*水色*/
/*オレンジ*/
/*紫*/
/*ピンク2*/
/*赤*/
/*灰*/
/*薄い水色*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■大元のカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_contents a[href*="tel:"], .page_contents a[href*="mailto:"], .page_contents a.to_link {
  text-decoration: none;
}

@media screen and (min-width: 769px) {
  .page_contents a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none !important;
  }
}

.page_contents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page_contents *:before, .page_contents *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page_contents .ilb, .page_contents .dib {
  display: inline-block;
}

.pl1em .page_contents .ilb, .pl1em .page_contents .dib {
  text-indent: 0;
}

.page_contents .tac {
  text-align: center;
}

.page_contents .tal {
  text-align: left;
}

.page_contents .fwb {
  font-weight: bold;
}

.page_contents .poa, .page_contents .abs {
  position: absolute;
}

.page_contents .l0 {
  left: 0;
}

.page_contents .r0 {
  right: 0;
}

.page_contents .t0 {
  top: 0;
}

.page_contents .b0 {
  bottom: 0;
}

.page_contents .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .page_contents .flex {
    display: block;
  }
}

.page_contents .tdu {
  text-decoration: underline;
}

.page_contents .pl1 {
  padding-left: 1em;
}

.page_contents .numList {
  counter-reset: number;
}

.page_contents .numList > li {
  counter-increment: number;
}

.page_contents .numList > li::before {
  content: counter(number) ".";
}

.page_contents .d_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .page_contents .d_flex {
    display: block;
  }
}

.page_contents .red {
  color: red;
}

.page_contents .cirList > li::before {
  content: "●";
}

.page_contents .dotList > li::before {
  content: "・";
}

.page_contents .squList > li::before {
  content: "■";
}

.page_contents .komeList > li::before {
  content: "※";
}

.page_contents .spaceList > li::before {
  content: "　";
}

.page_contents .mb05 {
  margin-bottom: .5em;
}

.page_contents .mb1 {
  margin-bottom: 1em;
}

.page_contents .mb2 {
  margin-bottom: 2em;
}

.page_contents .mt05 {
  margin-top: .5em !important;
}

.page_contents .mt1 {
  margin-top: 1em !important;
}

.page_contents .mt2 {
  margin-top: 2em !important;
}

.page_contents .mt15 {
  margin-top: 1.5em !important;
}

.page_contents .int li {
  text-indent: -1em;
  padding-left: 1em;
  list-style: none;
}

.page_contents .int li span {
  text-indent: 0em;
}

.page_contents .int li a {
  text-indent: 0em;
}

.page_contents .int li::before {
  text-indent: 0em;
}

.page_contents .pc {
  display: inline-block;
}

@media (max-width: 768px) {
  .page_contents .pc {
    display: none;
  }
}

.page_contents .sp {
  display: none;
}

@media (max-width: 768px) {
  .page_contents .sp {
    display: inline-block;
  }
}

.page_contents .sm {
  display: none;
}

@media (max-width: 640px) {
  .page_contents .sm {
    display: inline-block;
  }
}

#page_footer {
  margin-top: 0;
}

#page_header {
  margin-bottom: 8px;
}

#page_header .str_segment.-simple_header {
  border-bottom: none;
}

#page_header .drawer_btn_open {
  height: 50px;
  height: 50px;
  border-bottom: none;
}

#contents_area #usj a:hover {
  text-decoration: none;
}

.jtb-nav-breadcrumb {
  margin-bottom: 8px;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  #page_header {
    margin-bottom: 0;
  }
  .jtb-nav-breadcrumb {
    display: none;
  }
}

#contents_area {
  width: auto;
  min-width: inherit;
  max-width: none;
  padding: 0;
}

#contents_area > h1 {
  padding: 5px 0 10px 17px;
  background-image: url(../../../common/images/bg_h1.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  max-width: 970px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #contents_area > h1 {
    width: 96%;
    background: none;
    margin: 0 auto;
    border-left: 5px solid #b90909;
    font-weight: bold;
    line-height: 15px;
    padding: 1px 8px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#contents_area #usj a {
  outline: none;
  text-decoration: none;
}

.kkrs-breadcrumb {
  padding: 1rem 0;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.kkrs-breadcrumb__fix {
  display: none;
}

.kkrs-breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.2rem;
  color: #656972;
}

.kkrs-breadcrumb__list > li {
  margin-right: 2rem;
  position: relative;
}

.kkrs-breadcrumb__list > li a {
  color: #125687;
  text-decoration: none;
}

.kkrs-breadcrumb__list > li a:hover {
  text-decoration: underline;
}

.kkrs-breadcrumb__list > li a.kkrs-breadcrumb__current-link {
  color: #656972;
  text-decoration: none;
}

.kkrs-breadcrumb__list > li:not(:last-child):before {
  display: inline-block;
  font-family: "Material Icons Round";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
  content: "";
  position: absolute;
  top: 50%;
  right: -1.5rem;
  font-size: 1rem;
  color: #989ba1;
  margin-top: -0.5em;
}

.kkrs-breadcrumb__list > li:last-child {
  pointer-events: none;
}

@media only screen and (min-width: 768px) {
  .kkrs-breadcrumb.breadcrumb_sp {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .kkrs-breadcrumb.breadcrumb_pc {
    display: none;
  }
  .kkrs-breadcrumb {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #d7d7d7;
    line-height: 3rem;
    padding: 0;
    background: #fff;
  }
  .kkrs-breadcrumb__fix {
    display: block;
    -webkit-box-shadow: 6px 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 6px 0 10px 0 rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 3;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
  }
  .kkrs-breadcrumb__fix a {
    padding: 0 .5rem 0 1rem;
    font-size: 1.2rem;
    color: #125687;
    -webkit-transition: none;
    transition: none;
    text-decoration: none;
  }
  .kkrs-breadcrumb.kkrs-top .kkrs-breadcrumb__fix {
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .kkrs-breadcrumb__scroll {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
  }
  .kkrs-breadcrumb__list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    height: 3rem;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  .kkrs-breadcrumb__list > li {
    margin: 0;
    padding: 0 .5rem 0 1.8rem;
  }
  .kkrs-breadcrumb__list > li:nth-child(1) {
    display: none;
  }
  .kkrs-breadcrumb__list > li:not(:last-child):before {
    content: "";
    margin: 0;
    top: -0.5rem;
    right: -0.9rem;
  }
  .kkrs-breadcrumb__list > li:last-child {
    padding: 0 1rem 0 1.8rem;
  }
  .kkrs-breadcrumb__list > li:last-child:after, .kkrs-breadcrumb__list > li:last-child:before {
    display: none;
  }
  .kkrs-breadcrumb__fix a, .kkrs-breadcrumb__list > li {
    display: block;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
  }
  .kkrs-breadcrumb__fix a:after, .kkrs-breadcrumb__fix a:before, .kkrs-breadcrumb__list > li:after, .kkrs-breadcrumb__list > li:before {
    content: "";
    border-style: solid;
    border-width: 2rem 0 2rem 1rem;
    position: absolute;
    top: -0.5rem;
  }
  .kkrs-breadcrumb__fix a:before, .kkrs-breadcrumb__list > li:before {
    right: -0.9rem;
    border-color: transparent transparent transparent #fff;
    z-index: 2;
  }
  .kkrs-breadcrumb__fix a:after, .kkrs-breadcrumb__list > li:after {
    right: -1rem;
    border-color: transparent transparent transparent #d7d7d7;
    z-index: 1;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■COMMON
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
html {
  font-size: 62.5%;
}

#usj {
  position: relative;
  background: #fff;
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1.4rem;
  line-height: 1.66;
  text-align: left;
  margin: 0 auto;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch;
  min-width: 1200px;
}

#usj .mincho, .lity_box .mincho {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#page_index * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  #usj {
    min-width: 320px;
    line-height: 1.5;
    overflow: hidden;
  }
  #usj a {
    word-break: break-all;
  }
}

#usj .innerWrap {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 1160px) {
  #usj .innerWrap {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .innerWrap {
    max-width: none;
  }
}

#usj .ro {
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .ro:hover {
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .ro:hover img {
  opacity: 1;
}

#usj .ro a:hover, .ro a:hover img {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  #usj .ro:hover, #usj .ro a:hover, #usj .ro a:hover img {
    opacity: 1;
  }
}

.lity_box .ro:hover {
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

.lity_box .ro:hover img {
  opacity: 1;
}

.lity_box .ro a:hover, .ro a:hover img {
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .lity_box .ro:hover, .lity_box .ro a:hover, .lity_box .ro a:hover img {
    opacity: 1;
  }
}

#usj .spCont, .lity_box .spCont {
  display: none;
}

#usj .pcCont, .lity_box .pcCont {
  display: block;
}

@media only screen and (max-width: 767px) {
  #usj .pcCont, .lity_box .pcCont {
    display: none;
  }
  #usj .spCont, .lity_box .spCont {
    display: block;
  }
}

#usj .bold, #usj strong, #usj h1, #usj #usj h2, #usj h3, #usj h4, #usj h5 {
  font-weight: 700;
}

#usj img, .lity_box img {
  -webkit-backface-visibility: hidden;
}

#usj .slider {
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

#usj .slider.slick-initialized {
  opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼ボタン▼▼▼
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#usj .btn01 button {
  border: 2px solid #0368D9;
  border-radius: 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  height: 40px;
}

#usj .btn01 button span {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0368D9;
  display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼タイトル▼▼▼
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#usj .hd01 {
  width: 100%;
  min-height: 86px;
  background-color: #1C3385;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .hd01 {
    height: auto;
    padding: 12px 0px 14px;
    text-align: center;
  }
}

#usj .hd01 > span {
  font-size: 3rem;
  font-weight: 900;
  color: #fff;
  display: inline-block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hd01 > span {
    font-size: 2.1rem;
    line-height: calc(30/21);
    width: 100%;
  }
}

#usj .hd01 > span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#usj .hd01 > span .hd01_large {
  display: inline;
}

#usj .hd01 > span .hd01_large::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  #usj .hd01 > span .hd01_large {
    display: block;
    margin-top: 4px;
    font-size: 1.9rem;
  }
}

#usj .hd02 {
  font-size: 2.8rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  #usj .hd02 {
    font-size: 2rem;
    padding-bottom: 14px;
  }
}

#usj .hd02::after {
  content: "";
  display: block;
  width: 136px;
  height: 4px;
  background-color: #1C3385;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼ここからコンテンツ▼▼▼
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#usj {
  /*---------------------------------------------
// // // // // // // // // // // 
// ファーストビュ
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// ピックアップ
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// bnr_sec
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
  // // // // // // // // // // // 
  // 新着情報
  // // // // // // // // // // // 
  --------------------------------------------*/
  /*---------------------------------------------
  // // // // // // // // // // // 
  // 追従メニュー
  // // // // // // // // // // // 
  --------------------------------------------*/
  /*---------------------------------------------
  // // // // // // // // // // // 
  // 出発地プルダウン
  // // // // // // // // // // // 
  --------------------------------------------*/
  /*---------------------------------------------
  // // // // // // // // // // // 
  // 期間限定プラン
  // // // // // // // // // // // 
  --------------------------------------------*/
  /* ━━▼プラン紹介▼ー━━ */
  /*---------------------------------------------
// // // // // // // // // // // 
// JTBラウンジ ＆ユニバーサル・エクスプレス・パス
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// JTB限定プランの紹介・コラム
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// hotel_information
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// ユニバーサル・スタジオ・ジャパンのご案内
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// FAQ・よくある質問
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// ユニバーサル・スタジオ・ジャパンの周辺ホテル
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// インフォメーション
// // // // // // // // // // // 
--------------------------------------------*/
  /*---------------------------------------------
// // // // // // // // // // // 
// 条件から探す
// // // // // // // // // // // 
--------------------------------------------*/
}

#usj .fv {
  color: #fff;
  font-weight: 700;
}

#usj .fv .mv_top_area {
  background-color: #1C3385;
  padding: 18px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area {
    padding: 8px 10px 12px;
  }
}

#usj .fv .mv_top_area .mv_top_inner {
  max-width: 1280px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner {
    display: block;
    text-align: center;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_txt {
  margin-right: 83px;
  margin-right: 0;
  width: 83%;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_txt {
    width: 100%;
    margin-right: 0;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_txt p {
  font-size: 1.7rem;
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_txt p {
    font-size: 1.3rem;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_txt h1 {
  line-height: calc(30/21);
  font-size: 2.9rem;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_txt h1 {
    line-height: calc(29/20);
    font-size: 2.1rem;
    text-align: center;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_txt h1 span.sm_txt {
  font-size: 2.4rem;
  display: inline-block;
  margin-left: 12px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_txt h1 span.sm_txt {
    font-size: 1.6rem;
    margin-left: 0px;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 344px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_img {
    width: 57.3%;
    margin: 8px auto 0;
    max-width: 340px;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_img .img1 {
  width: 264px;
  margin-right: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_img .img1 {
    width: 76.5%;
    margin-right: 12px;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_img .img1 img {
  width: 100%;
  height: auto;
}

#usj .fv .mv_top_area .mv_top_inner .top_img .img2 {
  width: 64px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_top_area .mv_top_inner .top_img .img2 {
    width: 18.2%;
  }
}

#usj .fv .mv_top_area .mv_top_inner .top_img .img2 img {
  width: 100%;
  height: auto;
}

#usj .fv .mv_middle_area {
  background-color: #0368D9;
  padding: 26px 0 19px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area {
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
  }
}

#usj .fv .mv_middle_area .innerWrap {
  text-align: center;
}

#usj .fv .mv_middle_area .innerWrap p {
  font-size: 2.4rem;
  display: inline-block;
  position: relative;
  padding: 0 56px;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area .innerWrap p {
    font-size: 1.7rem;
    line-height: calc(22/17);
    padding: 0 45px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .fv .mv_middle_area .innerWrap p {
    font-size: 1.4rem;
    padding: 0 50px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area .innerWrap p .spCont {
    display: inline-block;
  }
}

#usj .fv .mv_middle_area .innerWrap p::before, #usj .fv .mv_middle_area .innerWrap p::after {
  content: "";
  display: inline-block;
  width: 35px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  position: absolute;
}

#usj .fv .mv_middle_area .innerWrap p::before {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(65deg);
  transform: translateY(-50%) rotate(65deg);
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area .innerWrap p::before {
    left: 8px;
    -webkit-transform: translateY(-50%) rotate(70deg);
    transform: translateY(-50%) rotate(70deg);
  }
}

#usj .fv .mv_middle_area .innerWrap p::after {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-65deg);
  transform: translateY(-50%) rotate(-65deg);
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area .innerWrap p::after {
    right: 8px;
    -webkit-transform: translateY(-50%) rotate(-70deg);
    transform: translateY(-50%) rotate(-70deg);
  }
}

#usj .fv .mv_middle_area .innerWrap .plan_banner {
  max-width: 900px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_middle_area .innerWrap .plan_banner {
    width: 100%;
    padding: 0 5px;
    margin: 13px auto 0;
  }
}

#usj .fv .mv_middle_area .innerWrap .plan_banner picture {
  width: 100%;
  display: block;
}

#usj .fv .mv_middle_area .innerWrap .plan_banner picture img {
  width: 100%;
  height: auto;
}

#usj .fv .mv_bottom_area picture {
  width: 100%;
  display: block;
}

#usj .fv .mv_bottom_area picture img {
  width: 100%;
  height: auto;
}

#usj .fv .mv_bottom_area .inner {
  width: 100%;
  border-top: 6px solid #1C3385;
  border-bottom: 6px solid #1C3385;
  background-color: #FFE65E;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_bottom_area .inner {
    border-top: none;
    border-bottom: none;
    background-color: transparent;
  }
}

#usj .fv .mv_bottom_area .inner img {
  max-width: 1000px;
  margin: auto;
  display: block;
}

@media only screen and (max-width: 767px) {
  #usj .fv .mv_bottom_area .inner img {
    width: 100%;
    max-height: none;
  }
}

#usj .pickup {
  margin-top: 48px;
  margin-bottom: 85px;
}

@media only screen and (max-width: 767px) {
  #usj .pickup {
    margin-top: 20px;
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap {
    padding-left: 23px;
    padding-right: 22px;
  }
}

#usj .pickup .innerWrap .slide_area {
  max-width: 1155px;
  margin: auto;
}

#usj .pickup .innerWrap .slide_area .slider {
  opacity: 0;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear;
}

#usj .pickup .innerWrap .slide_area .slider li {
  margin: 0 20px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap .slide_area .slider li {
    margin: 0;
  }
}

#usj .pickup .innerWrap .slide_area .slider li img {
  max-width: 100%;
  height: auto;
}

#usj .pickup .innerWrap .slide_area .slide-arrow {
  width: 15px;
  height: 27px;
  position: absolute;
  top: 50%;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap .slide_area .slide-arrow {
    width: 10px;
    height: 18px;
    top: auto;
    bottom: -38px;
  }
}

#usj .pickup .innerWrap .slide_area .slide-arrow.prev-arrow {
  left: -2%;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap .slide_area .slide-arrow.prev-arrow {
    left: 0;
  }
}

#usj .pickup .innerWrap .slide_area .slide-arrow.prev-arrow:hover {
  cursor: pointer;
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .pickup .innerWrap .slide_area .slide-arrow.next-arrow {
  right: -2%;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap .slide_area .slide-arrow.next-arrow {
    right: 0;
  }
}

#usj .pickup .innerWrap .slide_area .slide-arrow.next-arrow:hover {
  cursor: pointer;
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .pickup .innerWrap .slide_area .slider.slick-initialized {
  opacity: 1;
}

#usj .pickup .innerWrap .slide_area .slick-dots {
  bottom: -48px;
}

@media only screen and (max-width: 767px) {
  #usj .pickup .innerWrap .slide_area .slick-dots {
    bottom: -35px;
  }
}

#usj .pickup .innerWrap .slide_area .slick-dots li {
  margin: 0 6px;
  width: 12px;
  height: 12px;
}

#usj .pickup .innerWrap .slide_area .slick-dots li button {
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #0368D9;
  border-radius: 50%;
}

#usj .pickup .innerWrap .slide_area .slick-dots li button::before {
  content: none;
}

#usj .pickup .innerWrap .slide_area .slick-dots li.slick-active button {
  background: #0368D9;
}

#usj .bnr_sec .bnr {
  max-width: 760px;
  margin: 0 auto 50px;
}

#usj .bnr_sec .bnr li {
  margin-bottom: 20px;
  text-align: center;
}

#usj .bnr_sec .bnr li:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #usj .bnr_sec .bnr li {
    margin-bottom: 15px;
  }
}

#usj .bnr_sec .bnr img {
  max-width: 100%;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #usj .bnr_sec .bnr {
    margin-bottom: 25px;
  }
}

#usj .news {
  margin-bottom: 64px;
}

@media only screen and (max-width: 767px) {
  #usj .news {
    margin-bottom: 40px;
  }
}

#usj .news .innerWrap {
  background-color: #E5EFFB;
  padding: 28px 55px 24px;
  border-radius: 20px;
  max-width: 1200px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap {
    padding: 22px 20px 24px;
    border-radius: 0px;
  }
}

#usj .news .innerWrap .news_hd {
  text-align: center;
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_hd {
    margin-bottom: 14px;
  }
}

#usj .news .innerWrap .news_hd span {
  font-size: 2.2rem;
  font-weight: 900;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_hd span {
    font-size: 2.0rem;
  }
}

#usj .news .innerWrap .news_hd span::before {
  content: "";
  display: inline-block;
  background: url(../images/index/icon_exclamation.png) no-repeat center;
  background-size: cover;
  width: 26px;
  height: 26px;
  vertical-align: sub;
  margin-right: 12px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_hd span::before {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
}

#usj .news .innerWrap .news_content {
  overflow-y: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}

#usj .news .innerWrap .news_content .news_list li {
  border-bottom: 1px solid #C2C2C2;
  padding-bottom: 15px;
  margin-bottom: 14px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}

#usj .news .innerWrap .news_content .news_list li.hidden {
  display: none;
}

#usj .news .innerWrap .news_content .news_list li:last-child {
  margin-bottom: 0;
}

#usj .news .innerWrap .news_content .news_list li .new_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li .new_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#usj .news .innerWrap .news_content .news_list li .new_box::after {
  content: '';
  display: block;
  width: 8px;
  height: 14px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li .new_box::after {
    top: 46px;
    right: 0px;
  }
}

#usj .news .innerWrap .news_content .news_list li .new_box.no-link::after {
  display: none;
}

#usj .news .innerWrap .news_content .news_list li .new_box .kinds {
  font-size: 1.4rem;
  font-weight: 700;
  color: #1C3385;
  border: 2px solid #1C3385;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1px 4px 0;
  width: 96px;
  height: 30px;
  margin-right: 16px;
  min-width: 96px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li .new_box .kinds {
    height: 25px;
    padding: 0 4px;
    margin-right: 6px;
    min-width: auto;
  }
}

#usj .news .innerWrap .news_content .news_list li .new_box .new {
  min-width: 46px;
  width: 46px;
  height: 25px;
  font-size: 1.3rem;
  color: #fff;
  background-color: #E50013;
  border-radius: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px 0 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  font-style: italic;
  margin-right: 6px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li .new_box .new {
    height: 25px;
    margin-right: 0;
    min-width: auto;
  }
}

#usj .news .innerWrap .news_content .news_list li .new_box p {
  font-size: 1.6rem;
  color: #333333;
  max-width: 940px;
  width: auto;
  padding-right: 32px;
}

@media only screen and (max-width: 767px) {
  #usj .news .innerWrap .news_content .news_list li .new_box p {
    width: 100%;
    padding-right: 20px;
    margin-top: 6px;
  }
}

#usj .news .innerWrap .news_btn {
  display: none;
}

#usj .news.news_active .innerWrap .news_btn {
  display: block;
  margin: 6px 0 0;
}

@media only screen and (max-width: 767px) {
  #usj .news.news_active .innerWrap .news_btn {
    margin: 10px 0 0;
  }
}

#usj .news.news_active .innerWrap .news_btn button::after {
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/index/icon_news.png) no-repeat center;
  background-size: cover;
  width: 18px;
  height: 18px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#usj .news.news_active .innerWrap .news_btn button span {
  font-family: "Noto Sans JP";
}

#usj .news.news_active .innerWrap .news_btn button.rotate::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#usj .follow_nav .nav_link {
  background-color: #0368D9;
  width: 100%;
  padding: 19px 0;
  position: static;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link {
    padding: 5px;
  }
}

#usj .follow_nav .nav_link .innerWrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap {
    padding: 0;
  }
}

#usj .follow_nav .nav_link .innerWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul {
    border-radius: 6px;
    overflow: hidden;
  }
}

#usj .follow_nav .nav_link .innerWrap ul li {
  width: 274px;
  height: 62px;
  margin-right: 8px;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul li {
    width: 25.2%;
    height: 52px;
    margin-right: 1px;
  }
}

#usj .follow_nav .nav_link .innerWrap ul li:last-child {
  margin-right: 0;
}

#usj .follow_nav .nav_link .innerWrap ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul li a {
    padding-bottom: 12px;
    border-radius: 0;
  }
}

#usj .follow_nav .nav_link .innerWrap ul li a::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/index/icon_arrow_bottom1.png) no-repeat center;
  background-size: cover;
  width: 14px;
  height: 8px;
  right: 16px;
  top: 54%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul li a::after {
    width: 12px;
    height: 7px;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

#usj .follow_nav .nav_link .innerWrap ul li a::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  left: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul li a::before {
    display: none;
  }
}

#usj .follow_nav .nav_link .innerWrap ul li a span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0368D9;
  line-height: 1.4;
}

@media only screen and (max-width: 767px) {
  #usj .follow_nav .nav_link .innerWrap ul li a span {
    font-size: 1.3rem;
    font-size: 1.1rem;
  }
}

#usj .follow_nav .nav_link .innerWrap ul li.item01 a::before {
  background: url(../images/index/icon_nav1.png) no-repeat center;
  background-size: cover;
}

#usj .follow_nav .nav_link .innerWrap ul li.item02 a::before {
  background: url(../images/index/icon_nav2.png) no-repeat center;
  background-size: cover;
}

#usj .follow_nav .nav_link .innerWrap ul li.item03 a::before {
  background: url(../images/index/icon_nav3.png) no-repeat center;
  background-size: cover;
}

#usj .follow_nav .nav_link .innerWrap ul li.item04 a::before {
  background: url(../images/index/icon_nav4.png) no-repeat center;
  background-size: cover;
}

#usj .follow_nav.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

#usj .switching_area {
  position: absolute;
  width: 1126px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 1126px;
  display: inline-block;
  margin: 4px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  z-index: 2;
  pointer-events: none;
}

@media only screen and (max-width: 767px) {
  #usj .switching_area {
    margin: 4px 4px 4px 0;
    width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    left: auto;
    right: 0;
  }
}

#usj .switching_area .switching_select {
  position: relative;
  width: 150px;
  min-height: 55px;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  background: #fff;
  display: inline-block;
  border-radius: 4px;
  border: 2px solid #0368D9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  pointer-events: auto;
}

@media only screen and (max-width: 767px) {
  #usj .switching_area .switching_select {
    width: 96px;
    min-height: 37px;
  }
}

#usj .switching_area .switching_select .switching_txt {
  position: absolute;
  top: 2px;
  left: 10px;
  font-size: 1.2rem;
}

@media only screen and (max-width: 767px) {
  #usj .switching_area .switching_select .switching_txt {
    top: 0px;
    left: 4px;
    font-size: 1rem;
  }
}

#usj .switching_area .switching_select .select {
  border: none;
  background-color: transparent;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  font-weight: 500;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  width: 100%;
  height: 100%;
  cursor: pointer;
  padding: 16px 30px 4px 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #323743;
}

@media only screen and (max-width: 767px) {
  #usj .switching_area .switching_select .select {
    font-size: 1.3rem;
    padding: 10px 22px 1px 5px;
  }
}

#usj .switching_area .switching_select::after {
  content: "";
  display: block;
  position: absolute;
  background: url(../images/index/icon_arrow_bottom1.png) no-repeat center;
  background-size: cover;
  width: 14px;
  height: 8px;
  right: 16px;
  top: 62%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .switching_area .switching_select::after {
    width: 12px;
    height: 7px;
    top: auto;
    top: 54%;
    right: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#usj .switching_area.is-fixed {
  position: fixed;
  width: 100%;
  z-index: 90;
  max-width: 100%;
}

#usj .switching_area.is-fixed::before {
  content: '';
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

#usj .switching_area.is-fixed .switching_select {
  position: absolute;
  top: 0px;
  right: calc((100% - 1126px) / 2);
}

@media only screen and (max-width: 767px) {
  #usj .switching_area.is-fixed .switching_select {
    right: 4px;
  }
}

#usj .switching_area.is-fixed .switching_select .select {
  position: absolute;
}

#usj .nolink {
  pointer-events: none !important;
  opacity: 0.7 !important;
  background-color: #ddd !important;
}

#usj .sp_program {
  /*---------------------------------------------
  期間限定プラン
  --------------------------------------------*/
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .hd01 > span {
    padding: 0;
    position: relative;
  }
}

#usj .sp_program .hd01 > span::before {
  background: url(../images/index/icon_title01.png) no-repeat center;
  background-size: cover;
  width: 32px;
  height: 30px;
  left: -68px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .hd01 > span::before {
    width: 27px;
    height: 25px;
    left: 21px;
  }
}

#usj .sp_program .plan {
  margin-top: 64px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan {
    margin-top: 32px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 42px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  width: 1200px;
  min-width: 1160px;
}

@media only screen and (max-width: 1250px) {
  #usj .sp_program .plan .innerWrap .plan_list {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list {
    width: auto;
    min-width: auto;
  }
}

#usj .sp_program .plan .innerWrap .plan_list.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#usj .sp_program .plan .innerWrap .plan_list.between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list.between {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list {
    margin-top: 20px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item {
  border-radius: 20px;
  background-color: #fff;
  width: 384px;
  border: 1px solid #C2C2C2;
  overflow: hidden;
  margin-left: 22px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item {
    width: 100%;
    margin-left: 0px;
    margin-bottom: 16px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item:nth-of-type(1) {
  margin-left: 0;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item:nth-of-type(4) {
  margin-left: 0;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item:nth-of-type(n + 4) {
  margin-top: 24px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item:last-child {
    margin-bottom: 0;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item h4 {
  height: 124px;
  background-color: #0368D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 9px 10px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item h4 {
    padding: 6px 10px 12px;
    height: auto;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item h4 span {
  font-size: 1.9rem;
  font-weight: 900;
  color: #fff;
  line-height: calc(28/19);
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item h4 span .s_txt {
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item h4 span .s_txt {
    font-size: 1.5rem;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item h4 span .jtb_ico {
  background: #e50213;
  border-radius: 5px;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 1.5rem;
  padding: 2px 6px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item h4 span .jtb_ico {
    border-radius: 3px;
    font-size: 1.4rem;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .middle {
  background-color: #E5EFFB;
  padding: 12px 20px 0 20px;
  height: 210px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .middle {
    height: auto;
    padding: 8px 14px 14px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .middle .inner_list1 li {
  font-size: 1.6rem;
  font-weight: 700;
  color: #1C3385;
  position: relative;
  line-height: calc(26/16);
  width: 100%;
  padding-left: 28px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .middle .inner_list1 li {
    line-height: calc(24/16);
    padding-left: 20px;
    margin-bottom: 4px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .middle .inner_list1 li::before {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: url(../images/index/icon_plan.png) no-repeat center;
  background-size: cover;
  left: 0;
  top: 5px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .middle .inner_list1 li::before {
    width: 13px;
    height: 13px;
    top: 8px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .middle .inner_list1 li:last-child {
  margin-bottom: 0px;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom {
  padding: 0 20px 20px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom {
    padding: 0 13px 20px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  background-color: #F5F5F5;
  padding: 0 0 0 18px;
}

@media only screen and (max-width: 768px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 {
    padding: 0 0 0 16px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 {
    padding: 0 0 0 12px;
  }
}

@media only screen and (max-width: 375px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 {
    padding: 0 0 0 10px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li {
  width: auto;
  height: 41px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 0px;
  margin-right: 4px;
}

@media only screen and (max-width: 768px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li {
    margin-right: 3px;
  }
}

@media only screen and (max-width: 376px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li {
    margin-right: 3px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li:last-child {
  margin-right: 0px;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li img {
  width: 20px;
  height: auto;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li span {
  font-size: 1.4rem;
  color: #1C3385;
  font-weight: 500;
  display: block;
  margin-left: 3px;
}

@media only screen and (max-width: 767px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li span {
    margin-left: 3px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .inner_lixt2 li span {
    font-size: 1.3rem;
    margin-left: 2px;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom p {
  font-size: 1.5rem;
  margin-top: 8px;
}

@media only screen and (max-width: 389px) {
  #usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom p {
    font-size: 1.3rem;
  }
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .bottom .blue_btn01 {
  margin-top: 16px;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .plan_btn {
  margin-top: 16px;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .plan_btn a {
  max-width: 188px;
  min-height: 40px;
  width: auto;
  height: auto;
}

#usj .sp_program .plan .innerWrap .plan_list .plan_item .plan_btn a::after {
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 17px;
  width: 7px;
  height: 12px;
}

#usj .introduction {
  margin-top: 70px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction {
    margin-top: 40px;
  }
}

#usj .introduction .innerWrap {
  /*---------------------------------------------
      プラン早見表
      --------------------------------------------*/
  /*---------------------------------------------
    // // // // // // // // // // // 
    // A-Dプラン
    // // // // // // // // // // // 
    --------------------------------------------*/
  /*----------------------------
        デジタルパンフレットを見る
      ----------------------------*/
}

#usj .introduction .innerWrap .hd02 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .hd02 {
    margin-bottom: 24px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 {
  max-width: 1128px;
  margin: auto;
  padding: 0 40px;
  /*--------------------------------------------------------------
      アコーディオン
      スーパー・ニンテンドー・ワールド™」エリア入場確約券とは
      JTB ユニバーサル・エクスプレス・パス 1とは
      -------------------------------------------------------------*/
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 {
    padding: 0;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .modal_button {
  border: none;
  background-color: transparent;
  position: relative;
  display: block;
  text-align: center;
}

#usj .introduction .innerWrap .modal_trigger1 .modal_button::after {
  position: absolute;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .modal_button::after {
    right: 18px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .trigger_top {
    padding: 0px 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button {
  background-color: #1A4A9A;
  width: 464px;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 35px;
  position: relative;
  margin: 0 auto 32px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button {
    width: 100%;
    height: 58px;
    margin: 0 auto 12px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button::after {
  position: absolute;
  background: url(../images/index/icon_white_plus.png) no-repeat center;
  background-size: cover;
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
  margin-top: 2px;
  position: relative;
  padding: 0 54px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p {
    font-size: 1.8rem;
    margin-top: -2px;
    padding: 0 56px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::before, #usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::after {
  content: "";
  display: block;
  position: absolute;
  width: 42px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::before, #usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::after {
    top: 58%;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::before {
  background: url(../images/index/decoration_l_1..png) no-repeat center;
  background-size: cover;
  left: 0;
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p::after {
  background: url(../images/index/decoration_r_1..png) no-repeat center;
  background-size: cover;
  right: 0;
}

#usj .introduction .innerWrap .modal_trigger1 .trigger_top .modal_button p span {
  color: #FFFF66;
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list {
  width: 650px;
  margin: 20px auto 40px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list {
    width: 100%;
    margin: 20px auto 24px;
    padding: 0 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li {
  margin-bottom: 12px;
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li:last-child {
  margin-bottom: 0;
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button {
  position: relative;
  min-height: 55px;
  padding: 8px 44px;
  background-color: #fff;
  border: 2px solid #0368D9;
  border-radius: 9999px;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button {
    padding: 6px 44px;
    min-height: 50px;
  }
}

@media only screen and (max-width: 380px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button {
    padding: 6px 36px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: absolute;
  background: url(../images/index/icon_close.png) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button::after {
    width: 20px;
    height: 20px;
    top: 50%;
    right: 11px;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button.open::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button h3 {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0368D9;
  line-height: calc(18/16);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button h3 {
    font-size: 1.4rem;
    line-height: calc(18/14);
  }
}

@media only screen and (max-width: 767px) and (max-width: 380px) {
  #usj .introduction .innerWrap .modal_trigger1 .accordion_list li .trigger_button h3 {
    font-size: 1.3rem;
  }
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .accordion_text {
  margin-top: 12px;
  padding: 0 10px;
  display: none;
  padding-bottom: 12px;
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .accordion_text .inner p {
  font-size: 1.5rem;
  line-height: calc(25/15);
}

#usj .introduction .innerWrap .modal_trigger1 .accordion_list li .accordion_text .inner p + p {
  margin-top: 24px;
}

#usj .introduction .innerWrap .modal_trigger2 {
  position: relative;
}

#usj .introduction .innerWrap .modal_trigger2 .txt {
  font-size: 1.8rem;
  text-align: center;
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .txt {
    font-size: 1.6rem;
    margin-top: 16px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card {
    margin-top: 15px;
    display: block;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item {
  margin-right: 2%;
  width: 32%;
  border-width: 2px;
  border-style: solid;
  border-radius: 20px;
  padding-bottom: 18px;
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  /*----------------------------
              各プランの設定
            ----------------------------*/
  /*----------------------------
              PC モーダルのもっと見るボタン
            ----------------------------*/
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item {
    margin-right: 0;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 15px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item3 {
  margin-right: 0;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item:nth-of-type(n + 4) {
  margin-top: 82px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item:nth-of-type(n + 4) {
    margin-top: 0;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 {
  width: 65.833%;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 {
    width: 100%;
    margin-top: 80px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item:last-child {
    margin-bottom: 0;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .decoration_cloud {
  position: absolute;
  content: "";
  display: block;
  width: 594px;
  height: 78px;
  background: url(../images/index/decoration_cloud_pc.png) no-repeat center;
  background-size: cover;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -62px;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .decoration_cloud {
    width: 314px;
    height: 86px;
    top: -66px;
    background: url(../images/index/decoration_cloud_sp.png) no-repeat center;
    background-size: cover;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .decoration_cloud p {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: calc(21/16);
  color: #0368D9;
  margin-top: -2px;
  text-align: center;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .decoration_cloud p {
    font-size: 1.5rem;
    line-height: calc(20/15);
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    letter-spacing: normal;
    margin-top: -8px;
    font-feature-settings: normal;
    letter-spacing: normal;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd {
  width: 100%;
  height: 76px;
  color: #fff;
  font-weight: 900;
  padding-left: 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border-radius: 16px 16px 0 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd {
    height: auto;
    padding-left: 0;
    padding: 12px 0px 14px 50px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd span.en {
  font-size: 2.8rem;
  font-family: 'Inter';
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd span.en {
    font-size: 2.4rem;
    left: 15px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd .jp {
  font-size: 1.8rem;
  line-height: calc(26/18);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_hd .jp {
    font-size: 1.7rem;
    line-height: calc(25/17);
    text-align: left;
    width: 100%;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure {
  display: block;
  border-radius: 8px;
  width: 178px;
  padding: 5px 5px 8px;
  margin: 12px 0 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure {
    width: 160px;
    padding: 5px 5px 8px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure.line_blue {
  border: 1px solid #3664BF;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure.line_red {
  border: 2px solid #e50000;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure.line_pink {
  border: 2px solid #f033aa;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure.line_orange {
  border: 2px solid #F66A16;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure img {
  width: 100%;
  height: auto;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure figcaption {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: calc(19/15);
  margin-top: 6px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure figcaption {
    font-size: 1.4rem;
    margin-top: 2px;
    line-height: calc(17/14);
    padding: auto;
    padding: 0 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure:nth-of-type(1) figcaption {
  margin-top: 6px;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure:nth-of-type(2) {
  margin-left: 8px;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .card_img figure:nth-of-type(2) figcaption {
  margin-top: 4px;
  line-height: calc(20/15);
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item1 {
  border-color: #0F953C;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item1 .card_hd {
  background-color: #0F953C;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item2 {
  border-color: #F15177;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item2 .card_hd {
  background-color: #F15177;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item2 .card_hd {
    padding: 12px 0px 14px 50px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item3 {
  border-color: #F66A16;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item3 .card_hd {
  background-color: #F66A16;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item3 .card_hd {
    padding: 12px 0px 14px 50px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 {
  border-color: #199ED9;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_hd {
  height: 67px;
  background-color: #199ED9;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_hd {
    height: auto;
    padding: 17px 0px 18px 44px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_hd .spCont_375 {
  display: none;
}

@media only screen and (max-width: 375px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_hd .spCont_375 {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box {
  width: 216px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box {
    width: 217px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box .figure_inner {
    margin: auto;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box::after {
  position: absolute;
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  top: 56%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(1)::after {
  background: url(../images/index/card_icon_01.png) no-repeat center;
  background-size: cover;
  margin-left: 132px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(1)::after {
    margin-left: 0;
    top: 104%;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(1) figure {
    margin: auto;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2) {
  margin-left: 48px;
  width: 444px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2) {
    max-width: 330px;
    width: 99.4%;
    margin-left: 0px;
    margin-top: 38px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2) .figure_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2)::after {
  background: url(../images/index/card_icon_02.png) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2)::after {
    top: 56%;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2) figure {
    padding: 5px 0;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box:nth-of-type(2) figure:nth-child(2) {
  margin-left: 12px;
  border-color: #E50013;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box p {
  background-color: #0368D9;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1px 10px 2px;
  margin: 10px auto 10px;
  width: 217px;
  height: 36px;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box p {
    height: 36px;
    font-size: 1.6rem;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure {
  width: 100%;
  padding: 5px 0 12px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure {
    width: 160px;
    padding: 5px 0 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure img {
  padding: 0 22px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure img {
    padding: 0 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure figcaption {
  padding: 0 8px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item4 .card_img .figure_box figure figcaption {
    padding: 0 7px;
    min-height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 {
  border-color: #6B3BA8;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_hd {
  height: 67px;
  background-color: #6B3BA8;
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_hd {
    height: auto;
    padding: 12px 0px 14px 50px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img {
  padding: 0 8px;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure {
  width: 100%;
  border: none;
  padding: 5px 0px 12px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure {
    margin: 0;
    padding: 0;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure img {
  border-radius: 8px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure img {
    display: none;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure figcaption {
  text-align: left;
  margin-top: 14px;
  font-size: 1.6rem;
  line-height: calc(26/16);
  padding: 0 16px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item.item5 .card_img figure figcaption {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: calc(24/16);
    margin-top: 14px;
    padding: 0 5px;
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link {
  margin-top: 14px;
  color: #0368D9;
  font-weight: 600;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  background: url(../images/index/icon_blue_plus.png) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link::after {
    width: 18px;
    height: 18px;
    background: url(../images/index/icon_close.png) no-repeat center;
    background-size: cover;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link.is-txt::after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 14px;
  background: url(../images/index/icon_close.png) no-repeat center;
  background-size: cover;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link.lity_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link.more_btn {
  display: none;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link.lity_btn {
    display: none;
  }
  #usj .introduction .innerWrap .modal_trigger2 .modal_card .card_item .box_link.more_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#usj .introduction .innerWrap .introduction_btn {
  margin-top: 40px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn {
    margin-top: 24px;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  #usj .introduction .innerWrap .introduction_btn div {
    margin-right: 24px;
    display: inline-block;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn div {
    margin-bottom: 24px;
  }
}

#usj .introduction .innerWrap .introduction_btn div span.term {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #0368D9;
  margin-bottom: 8px;
  padding: 0 44px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn div span.term {
    font-size: 1.6rem;
    padding: 0 32px;
  }
}

#usj .introduction .innerWrap .introduction_btn div span.term::before, #usj .introduction .innerWrap .introduction_btn div span.term::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 2px;
  background-color: #0368D9;
  top: 50%;
  position: absolute;
}

#usj .introduction .innerWrap .introduction_btn div span.term::before {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-65deg);
  transform: translateY(-50%) rotate(-65deg);
}

#usj .introduction .innerWrap .introduction_btn div span.term::after {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(65deg);
  transform: translateY(-50%) rotate(65deg);
}

#usj .introduction .innerWrap .introduction_btn a {
  width: 410px;
  height: 64px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn a {
    width: 83%;
    height: 44px;
    min-width: 260px;
  }
}

#usj .introduction .innerWrap .introduction_btn a::after {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 16px;
}

#usj .introduction .innerWrap .introduction_btn a::before {
  width: 26px;
  height: 22px;
  background: url(../images/index/icon_book.png) no-repeat center;
  background-size: cover;
  left: 28px;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn a::before {
    left: 15px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .introduction .innerWrap .introduction_btn a::before {
    width: 24px;
    height: 20px;
    left: 12px;
  }
}

#usj .introduction .innerWrap .introduction_btn a span {
  margin-left: 14px;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .introduction_btn a span {
    font-size: 1.5rem;
  }
}

@media only screen and (max-width: 389px) {
  #usj .introduction .innerWrap .introduction_btn a span {
    font-size: 1.4rem;
  }
}

#usj .introduction .innerWrap .introduction_btn .color {
  margin-right: 0;
}

#usj .introduction .innerWrap .introduction_btn .color span.term {
  color: #6B3BA8;
}

#usj .introduction .innerWrap .introduction_btn .color span.term::before, #usj .introduction .innerWrap .introduction_btn .color span.term::after {
  background-color: #6B3BA8;
}

#usj .introduction .innerWrap .introduction_btn .color .btn_base {
  border-color: #6B3BA8;
}

#usj .introduction .innerWrap .introduction_btn .color .btn_base::before {
  background-image: url(../images/index/icon_book_p.png);
}

#usj .introduction .innerWrap .introduction_btn .color .btn_base::after {
  background-image: url(../images/index/icon_arrow_right_p.png);
}

#usj .introduction .innerWrap .introduction_btn .color .btn_base span {
  color: #6B3BA8;
}

#usj .lounge_express {
  margin-top: 194px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express {
    margin-top: 48px;
  }
}

#usj .lounge_express .innerWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*----------------------------
      JTBラウンジ
    ----------------------------*/
  /*----------------------------
       ユニバーサル・エクスプレス・パス
      ----------------------------*/
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div {
    width: 100%;
  }
}

#usj .lounge_express .innerWrap > div:first-child {
  margin-right: 75px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div:first-child {
    margin-right: 0px;
  }
}

#usj .lounge_express .innerWrap > div .hd02 {
  margin-bottom: 32px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .hd02 {
    margin-bottom: 24px;
  }
}

#usj .lounge_express .innerWrap > div .box figure {
  border-radius: 12px;
  overflow: hidden;
  margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .box figure {
    margin: 0 0 16px;
  }
}

#usj .lounge_express .innerWrap > div .box figure img {
  width: 100%;
  height: auto;
}

#usj .lounge_express .innerWrap > div .box p {
  font-size: 1.6rem;
  line-height: calc(26/16);
}

#usj .lounge_express .innerWrap > div .box span {
  color: #707070;
  font-size: 1.3rem;
}

#usj .lounge_express .innerWrap > div .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .link {
    display: block;
  }
}

#usj .lounge_express .innerWrap > div .link a {
  height: 56px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .link a {
    width: 100%;
    height: 40px;
  }
}

#usj .lounge_express .innerWrap > div .link a::after {
  width: 12px;
  height: 12px;
  top: 50%;
  right: 16px;
  background: url(../images/index/icon_blue_plus.png) no-repeat center;
  background-size: 12px 12px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .link a::after {
    width: 12px;
    height: 12px;
    right: 18px;
    background-size: 12px 12px;
  }
}

#usj .lounge_express .innerWrap > div .link a:nth-of-type(2) {
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap > div .link a:nth-of-type(2) {
    margin-left: 0;
  }
}

#usj .lounge_express .innerWrap > div .link a span {
  font-size: 1.5rem;
  color: #0368D9;
}

@media only screen and (max-width: 389px) {
  #usj .lounge_express .innerWrap > div .link a span {
    font-size: 1.4rem;
  }
}

#usj .lounge_express .innerWrap .lounge {
  width: 510px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge {
    width: 100%;
  }
}

#usj .lounge_express .innerWrap .lounge figure {
  padding: 0 55px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge figure {
    padding: 0;
  }
}

#usj .lounge_express .innerWrap .lounge figure img {
  border-radius: 12px;
  height: auto;
}

#usj .lounge_express .innerWrap .lounge p {
  padding: 0 27px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge p {
    padding: 0;
  }
}

#usj .lounge_express .innerWrap .lounge .link {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge .link {
    padding: 0 105px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 389px) {
  #usj .lounge_express .innerWrap .lounge .link {
    padding: 0 50px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 389px) {
  #usj .lounge_express .innerWrap .lounge .link {
    padding: 0 98px;
  }
}

#usj .lounge_express .innerWrap .lounge .link a {
  width: 186px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge .link a {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .lounge .link a:last-child {
    margin-top: 10px;
  }
}

#usj .lounge_express .innerWrap .express {
  width: 456px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express {
    width: 100%;
    margin-top: 178px;
  }
}

#usj .lounge_express .innerWrap .express > .top_txt {
  position: absolute;
  top: -146px;
  left: 146px;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #0368D9;
  width: auto;
  padding: 0 44px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express > .top_txt {
    width: 164px;
    top: -120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.6rem;
    padding: 0;
  }
}

#usj .lounge_express .innerWrap .express > .top_txt::before, #usj .lounge_express .innerWrap .express > .top_txt::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 2px;
  background-color: #0368D9;
  top: 50%;
  position: absolute;
}

#usj .lounge_express .innerWrap .express > .top_txt::before {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-65deg);
  transform: translateY(-50%) rotate(-65deg);
}

#usj .lounge_express .innerWrap .express > .top_txt::after {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(65deg);
  transform: translateY(-50%) rotate(65deg);
}

#usj .lounge_express .innerWrap .express .decoration_cloud {
  width: 380px;
  height: 104px;
  position: absolute;
  top: -110px;
  left: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 24px 12px 28px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express .decoration_cloud {
    width: 310px;
    height: 85px;
    top: -90px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px 10px 24px;
  }
}

#usj .lounge_express .innerWrap .express .decoration_cloud::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 0px;
  background: url(../images/index/decoration_cloud_sp.png) no-repeat center;
  background-size: cover;
}

#usj .lounge_express .innerWrap .express .decoration_cloud p {
  font-size: 1.6rem;
  font-weight: 700;
  color: #0368D9;
  position: relative;
  z-index: 2;
  line-height: calc(22/17);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express .decoration_cloud p {
    font-size: 1.3rem;
    line-height: calc(19/14);
    margin-bottom: 0;
  }
}

#usj .lounge_express .innerWrap .express figure {
  padding: 0 68px;
  border-radius: 0;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express figure {
    padding: 0px 63px;
  }
}

#usj .lounge_express .innerWrap .express p {
  margin-bottom: 4px;
}

#usj .lounge_express .innerWrap .express .link {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express .link {
    padding: 0 105px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .lounge_express .innerWrap .express .link {
    padding: 0 98px;
  }
}

#usj .lounge_express .innerWrap .express .link a {
  width: 186px;
}

@media only screen and (max-width: 767px) {
  #usj .lounge_express .innerWrap .express .link a {
    width: 100%;
  }
}

#usj .column {
  width: 1080px;
  padding: 0 30px;
  margin: 58px auto 0;
}

@media only screen and (max-width: 767px) {
  #usj .column {
    width: 100%;
    margin: 48px 0 0;
  }
}

#usj .column .inne h2 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  background: #164CA3;
  padding: 8px 10px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  #usj .column .inne h2 {
    margin-bottom: 14px;
    font-size: 1.6rem;
    padding: 8px 10px;
  }
}

#usj .column .inne .link_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.7;
  border-bottom: 1px solid #ccc;
  padding-bottom: 14px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .column .inne .link_list li {
    display: block;
    padding-bottom: 14px;
    margin-bottom: 10px;
  }
}

#usj .column .inne .link_list li:last-of-type {
  margin-bottom: 0;
}

#usj .column .inne .link_list li a, #usj .column .inne .link_list li a:visited {
  color: #125687;
}

#usj .column .inne .link_list li .date {
  width: 5em;
  padding-right: 15px;
}

@media only screen and (max-width: 767px) {
  #usj .column .inne .link_list li .date {
    width: 100%;
    font-weight: 400;
    font-size: 1.5rem;
  }
}

#usj .column .inne .link_list li .txt {
  width: calc(100% - 5em);
}

@media only screen and (max-width: 767px) {
  #usj .column .inne .link_list li .txt {
    width: 100%;
    font-size: 1.5rem;
    line-height: calc(24/15);
  }
}

#usj .column .inne .link_list li .txt a {
  text-decoration: underline !important;
  color: #0368D9;
}

#usj .hotel_information {
  margin-top: 76px;
  /*---------------------------------------------
    // // // // // // // // // // // 
    // アライアンスホテル 
    // // // // // // // // // // // 
    --------------------------------------------*/
  /*---------------------------------------------
    // // // // // // // // // // // 
    // アソソシエイトホテル
    // // // // // // // // // // // 
    --------------------------------------------*/
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information {
    margin-top: 47px;
  }
}

#usj .hotel_information .hd01 {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hd01 {
    margin-bottom: 24px;
  }
}

#usj .hotel_information .hd01 > span::before {
  background: url(../images/index/icon_title02.png) no-repeat center;
  background-size: auto;
  background-size: cover;
  width: 25px;
  height: 26px;
  top: 50%;
  left: -86px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hd01 > span::before {
    position: absolute;
    width: 21px;
    height: 22px;
    left: 21px;
  }
}

#usj .hotel_information .lead {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 34px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .lead {
    font-size: 1.6rem;
    text-align: left;
    margin-bottom: 16px;
    padding: 0 20px;
  }
}

#usj .hotel_information .hotel_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: first baseline;
  -ms-flex-align: first baseline;
  align-items: first baseline;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav {
    display: block;
  }
}

#usj .hotel_information .hotel_nav li {
  width: 32%;
  padding-top: 12px;
  border: 2px solid #0368D9;
  border-radius: 12px;
  overflow: hidden;
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li {
    width: 100%;
    padding-top: 6px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li:last-child {
    margin-bottom: 0;
  }
}

#usj .hotel_information .hotel_nav li a {
  display: block;
  width: 100%;
}

#usj .hotel_information .hotel_nav li a .nav_title {
  text-align: center;
}

#usj .hotel_information .hotel_nav li a .nav_title .small {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0368D9;
  display: block;
}

#usj .hotel_information .hotel_nav li a .nav_title .big {
  font-size: 2rem;
  font-weight: 900;
  color: #0368D9;
  display: block;
  margin-top: -4px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_title .big {
    margin-top: -4px;
  }
}

#usj .hotel_information .hotel_nav li a .nav_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 21px 0 14px;
  margin-top: -6px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_box {
    padding: 0 14px 5px 10px;
    margin-top: 0;
  }
}

#usj .hotel_information .hotel_nav li a .nav_box figure {
  display: block;
  width: 89px;
  margin: 0 12px 0 0;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_box figure {
    width: 76px;
    margin: 0 10px 0 0;
  }
}

#usj .hotel_information .hotel_nav li a .nav_box figure img {
  width: 100%;
  height: auto;
}

#usj .hotel_information .hotel_nav li a .nav_box .txt {
  font-size: 1.5rem;
  width: 248px;
  color: #333333;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_box .txt {
    width: 74.4%;
    line-height: calc(24/15);
  }
}

#usj .hotel_information .hotel_nav li a .nav_bottom {
  width: 100%;
  height: 32px;
  background-color: #0368D9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_bottom {
    height: 18px;
    padding-top: 2px;
  }
}

#usj .hotel_information .hotel_nav li a .nav_bottom img {
  width: 14px;
  display: block;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_nav li a .nav_bottom img {
    width: 12px;
  }
}

#usj .hotel_information .hotel_block.official {
  margin-top: 63px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block.official {
    margin-top: 32px;
  }
}

#usj .hotel_information .hotel_block .hd02 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hd02 {
    margin-bottom: 0;
  }
}

#usj .hotel_information .hotel_block .hotel_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top {
    display: block;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l {
  width: 600px;
  margin-right: 48px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 31px;
    padding: 0 5px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box {
    display: block;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box figure {
  width: 136px;
  margin: 0 32px 0 0;
  border: 1px solid #707070;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box figure {
    width: 128px;
    margin: 0 auto;
    border: none;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box figure img {
  width: 100%;
  height: auto;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box p {
  width: 432px;
  font-size: 1.6rem;
  line-height: calc(30/16);
  margin-top: 6px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_l_box p {
    width: 100%;
    line-height: calc(26/16);
    margin-top: 0;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_r_banner {
  width: 100%;
  margin-top: 24px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_r_banner {
    margin-top: 18px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_r_banner picture {
  width: 100%;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_r_banner picture img {
  width: 100%;
  height: auto;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 26px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn {
    margin-top: 18px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a {
  width: 354px;
  height: 50px;
  padding: 12px 15px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a {
    width: 100%;
    height: 48px;
    margin: auto;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a::before {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 16px;
  top: 52%;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a::before {
    right: 14px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a::before {
    right: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a span {
  font-size: 1.6rem;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_l .hotel_intro_btn a span {
    font-size: 1.5rem;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_r {
  width: 552px;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_r {
    width: 100%;
    padding: 0 5px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_r picture {
  display: block;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_top .hotel_r picture {
    border-radius: 12px;
  }
}

#usj .hotel_information .hotel_block .hotel_top .hotel_r picture img {
  display: block;
  width: 100%;
  height: auto;
}

#usj .hotel_information .hotel_block .hotel_area {
  margin-top: 32px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area {
    margin-top: 24px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item {
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  position: relative;
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item {
    margin-bottom: 16px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item:last-child {
  margin-bottom: 0;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name {
  background-color: #0368D9;
  padding: 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name {
    padding: 11px 0 9px;
    position: relative;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .num {
  font-size: 2.2rem;
  font-weight: 700;
  color: #0368D9;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: 'Inter';
  margin-right: 22px;
  width: 36px;
  height: 36px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .num {
    font-size: 1.4rem;
    margin-right: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 13px;
    left: 9px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .num {
    width: 22px;
    height: 22px;
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name {
    text-align: center;
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a {
  font-weight: 900;
  color: #fff;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a {
    display: block;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a::after {
  content: '';
  display: block;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1.2px;
  background-color: #fff;
  position: absolute;
  bottom: 4px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a::after {
    display: none;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a .usually_txt {
  font-size: 2.4rem;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a .usually_txt {
    display: block;
    width: 100%;
    font-size: 1.8rem;
    text-decoration: underline;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a .usually_txt {
    font-size: 1.6rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a .sm_txt {
  font-size: 2rem;
  display: inline-block;
  padding-left: 6px;
  padding-bottom: 3px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_name .name a .sm_txt {
    display: block;
    font-size: 1.4rem;
    text-decoration: underline;
    padding-bottom: 0;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container {
  border: 1px solid #C2C2C2;
  border-radius: 0 0px 20px 20px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container {
    padding-bottom: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 15px 140px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1118px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner {
    display: block;
    padding: 15px 14px 10px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 {
  width: 438px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_img {
  width: 100%;
  margin: 0;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_img img {
  width: 100%;
  height: auto;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_img .hotel_caption {
  font-size: 1.3rem;
  display: block;
  margin-top: 2px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_img .hotel_caption {
    font-size: 1.2rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .plaxe {
  background-color: #EEEEEE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 10px;
  border-radius: 4px;
  display: inline-block;
  position: absolute;
  top: -50px;
  right: 32px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .plaxe {
    position: static;
    margin-top: 12px;
    margin-bottom: 8px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .plaxe p {
  font-size: 1.4rem;
  font-weight: 500;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation {
  margin-top: 20px;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #C2C2C2;
  border-radius: 44px;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation {
    margin-top: 10px;
    padding-right: 23px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation {
    padding-right: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt {
  background-color: #F5F5F5;
  width: 194px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  margin-right: 16px;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt {
    text-align: center;
    margin-right: 14px;
    padding: 7px 0;
    width: 115px;
    line-height: calc(17/13);
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt {
    padding-right: 8px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt span {
  font-size: 1.5rem;
  font-weight: 900;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt span {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .txt span {
    font-size: 1.2rem;
    padding-left: 10px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score {
  font-size: 1.5rem;
  font-weight: 500;
  width: 86px;
  margin-right: 17px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score {
    font-size: 1.4rem;
    width: 85px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score {
    margin-right: 10px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score span {
  font-size: 2.9rem;
  color: #E50013;
  font-weight: 900;
  font-family: 'Inter';
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score span {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .score span {
    font-size: 2.2rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .img {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .img {
    width: 90px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .img img {
  width: 100%;
  height: auto;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .not_txt {
  font-size: 1.5rem;
  font-weight: 900;
  margin-left: 74px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content1 .hotel_evaluation .not_txt {
    font-size: 1.4rem;
    margin-left: 0;
    position: absolute;
    left: 58%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 {
  width: 608px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation {
  background-color: #FFF6E9;
  border: 2px solid #F69516;
  border-radius: 16px;
  padding: 17px 30px 18px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation {
    border-radius: 10px;
    padding: 13px 10px 16px;
    margin: 16px 0;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .title {
  font-size: 2.1rem;
  color: #F66A16;
  font-weight: 900;
  position: relative;
  padding-left: 36px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .title {
    font-size: 1.7rem;
    margin-bottom: 10px;
    text-align: center;
    padding: 0;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .title::before {
  content: "";
  display: block;
  width: 24px;
  height: 33px;
  background: url(../images/index/icon_finger.png) no-repeat center;
  position: absolute;
  background-size: cover;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .title::before {
    width: 19px;
    height: 26px;
    left: 60px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .title::before {
    left: 40px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 8px;
  margin-bottom: 8px;
  background-image: repeating-linear-gradient(90deg, #f69516, #f69516 2px, transparent 2px, transparent 4px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li {
    padding-bottom: 9px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  background-image: none;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li .number {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F3A237;
  border-radius: 50%;
  margin-right: 12px;
  color: #fff;
  font-family: 'Inter';
  font-weight: 700;
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li .number {
    width: 24px;
    height: 24px;
    font-size: 1.4rem;
    margin-right: 8px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li p {
  font-size: 1.6rem;
  width: 500px;
  font-weight: 700;
  line-height: calc(24/16);
  padding-top: 4px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li p {
    font-size: 1.5rem;
    line-height: calc(22/15);
    width: 89.5%;
    padding-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .list li p span {
    font-size: 1.3rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .reference {
  margin-top: 4px;
  font-size: 1.4rem;
  line-height: calc(20/14);
  display: block;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .recommendation .reference {
    margin-top: 6px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box {
  width: 438px;
  width: 36.5%;
  position: absolute;
  top: 342px;
  left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box {
    position: static;
    width: 100%;
    margin-bottom: 17px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room {
  width: 100%;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room {
    margin-top: 15px;
    width: 90.91%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a {
  width: 354px;
  height: 50px;
  padding: 12px 15px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a {
    border-radius: 20px;
    padding: 9px 10px;
    width: 100%;
    height: 40px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::before, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::after {
  top: 52%;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::after {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::after {
    right: 14px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::after {
    right: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::before {
  width: 36px;
  height: 22px;
  background: url(../images/index/icon_360.png) no-repeat center;
  background-size: cover;
  left: 22px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::before {
    width: 34px;
    height: 20px;
    left: 18px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a::before {
    width: 32px;
    height: 18px;
    left: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a span {
  font-size: 1.6rem;
  margin-left: 14px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a span {
    font-size: 1.5rem;
    margin-left: 24px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_room a span {
    font-size: 1.4rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation {
  width: 438px;
  margin-top: 20px;
  height: 59px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #C2C2C2;
  border-radius: 44px;
  overflow: hidden;
  padding-right: 10px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation {
    margin-top: 10px;
    padding-right: 23px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    width: 100%;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation {
    padding-right: 14px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt {
  background-color: #F5F5F5;
  width: 194px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
  margin-right: 16px;
  padding-left: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt {
    text-align: center;
    margin-right: 14px;
    padding: 7px 0;
    width: 115px;
    line-height: calc(17/13);
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt {
    padding-right: 8px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt span {
  font-size: 1.5rem;
  font-weight: 900;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt span {
    font-size: 1.3rem;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .txt span {
    font-size: 1.2rem;
    padding-left: 10px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score {
  font-size: 1.5rem;
  font-weight: 500;
  width: 86px;
  margin-right: 17px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score {
    font-size: 1.4rem;
    width: 85px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score {
    margin-right: 10px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score span {
  font-size: 2.9rem;
  color: #E50013;
  font-weight: 900;
  font-family: 'Inter';
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score span {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .score span {
    font-size: 2.2rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .img {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .img {
    width: 90px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .img img {
  width: 100%;
  height: auto;
  display: block;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .not_txt {
  font-size: 1.5rem;
  font-weight: 900;
  margin-left: 74px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .position_box .hotel_evaluation .not_txt {
    font-size: 1.4rem;
    margin-left: 0;
    position: absolute;
    left: 58%;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide {
    display: none;
    margin-bottom: 20px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail strong, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail strong {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 6px;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail ul li, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail ul li {
  font-size: 1.5rem;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features {
  margin-top: 12px;
  margin-bottom: 12px;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul li, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul li {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul li:nth-child(even), #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul li:nth-child(even) {
  width: 59%;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul li:nth-child(even), #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul li:nth-child(even) {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul li:nth-child(odd), #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul li:nth-child(odd) {
  width: 41%;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .features ul li:nth-child(odd), #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .features ul li:nth-child(odd) {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .txt, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .txt {
  font-size: 1.5rem;
  line-height: calc(24/15);
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_hide .hide_detail .txt, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide .hide_detail .txt {
    padding: 0 4px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .sp_no_hide {
    display: block;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .hotel_more_btn {
    padding: 0 10px;
  }
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .hotel_more_btn p::after {
    width: 18px;
    height: 18px;
    background: url(../images/index/icon_news.png) no-repeat center;
    background-size: cover;
    right: 10px;
  }
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .hotel_more_btn p.is-txt::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/index/icon_close.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area {
  padding: 28px 44px 28px 40px;
  background-color: #E5EFFB;
  border-radius: 0 0 20px 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area {
    position: static;
    display: block;
    background-color: transparent;
    padding: 0;
    margin-top: 0;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area p {
  font-size: 1.7rem;
  font-weight: 900;
  color: #1C3385;
  margin-right: 27px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area p {
    font-size: 1.6rem;
    margin: 0;
    text-align: center;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 868px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul {
    display: block;
    width: 100%;
    margin-top: 8px;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li {
  height: 48px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li {
    height: 48px;
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li:nth-last-of-type(2) {
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li:nth-last-of-type(2) {
    margin: 10px 0;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  border: 2px solid #0368D9;
  border-radius: 24px;
  background-color: #fff;
  padding: 12px 15px 12px;
  position: relative;
  text-decoration: none;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a::before, #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a::after {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 14px;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a::before {
  width: 24px;
  height: 26px;
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
  left: 14px;
  top: 45%;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a span {
  font-size: 1.6rem;
  color: #0368D9;
  font-weight: 600;
  display: block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a span {
    width: 100%;
    margin-left: 32px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li a span {
    font-size: 1.4rem;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.stay {
  width: 228px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.stay {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.stay a::before {
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.jr {
  width: 324px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.jr {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.jr a::before {
  background: url(../images/index/hotel_icon2.png) no-repeat center;
  background-size: cover;
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.air {
  width: 296px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.air {
    width: 100%;
  }
}

#usj .hotel_information .hotel_block .hotel_area .hotel_list .hotel_item .hotel_container .hotel_inner .hotel_content2 .plan_btn_area ul li.air a::before {
  background: url(../images/index/hotel_icon3.png) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .official .hotel_item:nth-of-type(5) .hotel_name .name, #usj .hotel_information .official .hotel_item:nth-of-type(6) .hotel_name .name {
    padding-left: 18px;
  }
  #usj .hotel_information .official .hotel_item:nth-of-type(5) .hotel_name .name span .sm_txt, #usj .hotel_information .official .hotel_item:nth-of-type(6) .hotel_name .name span .sm_txt {
    margin: 0;
  }
}

#usj .hotel_information .official .hide_detail {
  position: relative;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#usj .hotel_information .official .hide_detail.padding {
  padding-bottom: 50px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#usj .hotel_information .official .hide_detail .hide_block {
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .official .hide_detail .hide_block {
    height: auto;
  }
}

#usj .hotel_information .official .hide_detail .hide_block.hide_active {
  padding-bottom: 60px;
}

#usj .hotel_information .official .hide_detail .hide_block.hide_active::after {
  display: none;
  -webkit-transform: all 0.5s;
  transform: all 0.5s;
}

#usj .hotel_information .official .official_hide_btn {
  width: 150px;
  height: 40px;
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  z-index: 2;
}

#usj .hotel_information .official .official_hide_btn a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: 2px solid #0368D9;
  border-radius: 20px;
  background-color: #fff;
}

#usj .hotel_information .official .official_hide_btn a::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  background: url(../images/index/icon_close.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 13px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

#usj .hotel_information .official .official_hide_btn a span {
  font-size: 1.5rem;
  font-weight: 600;
  color: #0368D9;
}

#usj .hotel_information .official .official_hide_btn a.rotate::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

#usj .hotel_information .alliance {
  margin-top: 96px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance {
    margin-top: 57px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_top .hotel_l {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_top .alliance_icon {
    margin-top: 8px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area {
    margin-top: 16px;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item {
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item:nth-of-type(1) .position_box {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item:nth-of-type(1) .sp_no_hide {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content1 {
  height: 395px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content1 {
    height: auto;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .bnr_area {
  width: 465px;
  margin-top: 18px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .bnr_area {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 20px;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr {
  background: -webkit-gradient(linear, left top, left bottom, from(#ccb90d), color-stop(48.12%, #f1e151), to(#ccb90d));
  background: linear-gradient(#ccb90d 0%, #f1e151 48.12%, #ccb90d 100%);
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  padding: 5px;
  min-width: 465px;
  min-height: 90px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr {
    min-width: 100%;
    min-height: 70px;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner {
  background-color: #fff;
  position: relative;
  padding: 7px 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 455px;
  min-height: 80px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner {
    min-width: 100%;
    min-height: 60px;
  }
}

@media only screen and (max-width: 389px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner {
    padding: 7px 31px;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner::before {
  content: '';
  display: block;
  width: 19px;
  height: 19px;
  background: #333;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/index/omo_icon.png) no-repeat center;
  background-size: cover;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner::before {
    width: 12px;
    height: 12px;
    right: 17px;
  }
}

#usj .hotel_information .alliance .hotel_area .hotel_item .hotel_container .hotel_content2 .hide_detail .lounge_bnr .inner p {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(22/16);
  color: #333;
}

#usj .hotel_information .associate {
  margin-top: 96px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .associate {
    margin-top: 32px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .associate .hotel_top .hotel_l {
    margin-bottom: 20px;
  }
}

#usj .hotel_information .associate .hotel_content1 {
  height: 395px;
}

@media only screen and (max-width: 767px) {
  #usj .hotel_information .associate .hotel_content1 {
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  #usj .hotel_information .associate .hotel_item:nth-of-type(6) .name {
    padding-left: 20px;
  }
}

#usj .guidance {
  margin-top: 80px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .guidance {
    margin-top: 40px;
  }
}

#usj .guidance .hd01 > span::before {
  background: url(../images/index/icon_title03.png) no-repeat center;
  background-size: cover;
  width: 33px;
  height: 33px;
  left: -76px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .hd01 > span::before {
    width: 29px;
    height: 29px;
    left: 19px;
  }
}

#usj .guidance .attraction {
  margin-top: 80px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction {
    margin-top: 26px;
  }
}

#usj .guidance .attraction .hd02 {
  margin-bottom: 39px;
  line-height: calc(40/28);
  background-color: #fd00;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .hd02 {
    margin-bottom: 36px;
  }
}

#usj .guidance .attraction .explanation {
  max-width: 1148px;
  padding: 0 40px;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  margin: 0 auto 16px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .explanation {
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 16px 15px;
    max-width: none;
    padding: 0;
  }
}

#usj .guidance .attraction .explanation span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#usj .guidance .attraction .explanation span img {
  display: block;
  height: auto;
}

#usj .guidance .attraction .explanation span:nth-of-type(1) {
  margin: 0 22px 0 18px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .explanation span:nth-of-type(1) {
    margin: 0 10px 0 6px;
  }
}

#usj .guidance .attraction .explanation span:nth-of-type(1) img {
  width: 11px;
  margin-right: 11px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .explanation span:nth-of-type(1) img {
    width: 8px;
    margin-right: 8px;
  }
}

#usj .guidance .attraction .explanation span:nth-of-type(2) img {
  width: 22px;
  margin-right: 12px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .explanation span:nth-of-type(2) img {
    margin-right: 6px;
    width: 16px;
  }
}

#usj .guidance .attraction .attraction_btn {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .attraction_btn {
    margin-top: 30px;
  }
}

#usj .guidance .attraction .attraction_btn a {
  width: 580px;
  height: 86px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .attraction_btn a {
    width: 86.91%;
    height: 74px;
    min-width: 270px;
  }
}

#usj .guidance .attraction .attraction_btn a > span {
  font-size: 1.8rem;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .attraction_btn a > span {
    font-size: 1.5rem;
  }
}

#usj .guidance .attraction .attraction_btn .icon_window {
  background-size: 13px auto;
  background-position: right 14px center;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .attraction .attraction_btn .icon_window {
    background-position: right 12px center;
  }
}

#usj .guidance .card02 {
  overflow: hidden;
  max-width: 1148px;
  padding: 0 40px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 {
    padding: 0;
  }
}

#usj .guidance .card02 .l-inner {
  position: relative;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  padding-bottom: 46px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner {
    padding: 0 15px;
    padding-bottom: 36px;
  }
}

#usj .guidance .card02 .l-inner .splide {
  z-index: 0;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper {
  position: relative;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track {
  overflow: visible;
  overflow: hidden;
  max-width: 1068px;
  margin: auto;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide {
  width: 340px;
  border: 1px solid #C2C2C2;
  border-radius: 20px;
  padding: 15px 0 16px;
  margin-right: 16px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide {
    width: 310px;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .slick_img {
  width: 100%;
  height: auto;
  padding: 0 15px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .slick_img {
    padding: 0 10px;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide h3 {
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  padding: 0 20px;
  min-height: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
  line-height: calc(25.2/18);
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide h3 {
    font-size: 1.8rem;
    margin-top: 11px;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide h3.spacing {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: -0.01em;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .txt {
  font-size: 1.5rem;
  line-height: calc(24/15);
  margin-top: 8px;
  padding: 0 18px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .txt {
    margin-top: 10px;
    padding: 0 18px;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .txt sup {
  position: relative;
  top: 1px;
  font-size: 0.7em;
  /* サイズを小さくする */
  line-height: 0;
  /* 行の高さを0にすることで、行間への影響を軽減 */
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px;
  padding: 0 20px;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation span {
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation img {
  margin-right: 8px;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation .annotation1 {
  margin-right: 24px;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation .annotation1 {
    margin-right: 20px;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation .annotation1 img {
  width: 7px;
  height: auto;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .annotation .annotation2 img {
  width: 15px;
  height: auto;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .splide__slide .bottom_kome {
  padding: 0 20px;
  font-size: 11px;
  line-height: 1.25;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
  letter-spacing: 0.02em;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__track .splide__list .slide-arrow {
  position: absolute;
  top: 45%;
  z-index: 2;
  width: 100%;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows {
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows {
    display: none;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 45%;
  z-index: 2;
  border: none;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--prev {
  left: -5px;
  background: #0368D9 url(../images/index/icon_arrow_slide.png) no-repeat center;
  background-size: 10px;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--prev.splide__arrow--prev[disabled] {
  background: #C2C2C2 url(../images/index/icon_arrow_slide.png) no-repeat center;
  opacity: 0.7;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--prev:hover {
  cursor: pointer;
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--next {
  right: -29px;
  background: #0368D9 url(../images/index/icon_arrow_slide.png) no-repeat center;
  background-size: 10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--next.splide__arrow--next[disabled] {
  background: #C2C2C2 url(../images/index/icon_arrow_slide.png) no-repeat center;
  opacity: 0.7;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__arrows .splide__arrow.splide__arrow--next:hover {
  cursor: pointer;
  opacity: .8;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination {
  position: absolute;
  bottom: -42px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 84%;
}

@media only screen and (max-width: 767px) {
  #usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination {
    bottom: -30px;
    width: 100%;
    left: 50%;
  }
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination li {
  width: 12px;
  height: 12px;
  margin: 0 6px;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination li button {
  border: 1px solid #0368D9;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  display: block;
  cursor: pointer;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination li button::before {
  display: none;
}

#usj .guidance .card02 .l-inner .splide .splide-wrapper .splide__pagination li button.is-active {
  border: none;
  background-color: #0368D9;
}

#usj .faq {
  margin-top: 96px;
}

@media only screen and (max-width: 767px) {
  #usj .faq {
    margin-top: 26px;
  }
}

#usj .faq .hd01 {
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  #usj .faq .hd01 {
    margin-bottom: 24px;
  }
}

#usj .faq .hd01 > span::before {
  background: url(../images/index/icon_title05.png) no-repeat center;
  background-size: cover;
  width: 32px;
  height: 32px;
  left: -98px;
}

@media only screen and (max-width: 767px) {
  #usj .faq .hd01 > span::before {
    width: 23px;
    height: 23px;
    left: 19px;
  }
}

#usj .faq .foldable_area {
  max-width: 1080px;
  padding: 0 40px;
  margin: 0 auto;
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area {
    padding: 0;
  }
}

#usj .faq .foldable_area li {
  margin-bottom: 16px;
}

#usj .faq .foldable_area li:last-child {
  margin-bottom: 0;
}

#usj .faq .foldable_area li .foldable_hd, #usj .faq .foldable_area li .foldable_txt {
  position: relative;
}

#usj .faq .foldable_area li .foldable_hd::before, #usj .faq .foldable_area li .foldable_txt::before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 2.4rem;
  font-weight: 700;
  font-family: "Inter";
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area li .foldable_hd::before, #usj .faq .foldable_area li .foldable_txt::before {
    font-size: 2.2rem;
    left: 16px;
  }
}

#usj .faq .foldable_area li .foldable_hd {
  background-color: #E5EFFB;
  border-radius: 8px;
  font-size: 1.7rem;
  font-weight: 700;
  cursor: pointer;
  min-height: 56px;
  padding: 15px 15px 17px 58px;
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area li .foldable_hd {
    font-size: 1.5rem;
    padding: 6px 44px 10px 46px;
    line-height: calc(24/15);
  }
}

#usj .faq .foldable_area li .foldable_hd::before {
  content: "Q";
  color: #0368D9;
  top: 50%;
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area li .foldable_hd::before {
    top: 26%;
  }
}

#usj .faq .foldable_area li .foldable_hd.open::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#usj .faq .foldable_area li .foldable_txt {
  line-height: calc(26/16);
  font-size: 1.6rem;
  padding: 15px 0px 10px 56px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area li .foldable_txt {
    font-size: 1.5rem;
    line-height: calc(24/15);
    padding: 10px 10px 8px 46px;
  }
}

#usj .faq .foldable_area li .foldable_txt .foldable_link {
  margin-top: 12px;
  color: #0368D9;
  text-decoration: underline !important;
  display: inline-block;
}

#usj .faq .foldable_area li .foldable_txt .foldable_link span {
  font-size: 1.5rem;
  color: #0368D9;
  font-weight: 400;
  position: relative;
}

#usj .faq .foldable_area li .foldable_txt .foldable_link img {
  width: 12px;
  margin-bottom: 2px;
  margin-left: 4px;
  vertical-align: initial;
}

#usj .faq .foldable_area li .foldable_txt::before {
  content: "A";
  color: #E50013;
  top: 30px;
}

@media only screen and (max-width: 767px) {
  #usj .faq .foldable_area li .foldable_txt::before {
    top: 22px;
  }
}

#usj .faq .foldable_area li:last-child .foldable_txt img {
  width: 7px;
  vertical-align: middle;
  margin-left: 6px;
}

#usj .nearby_hotels {
  margin-top: 96px;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels {
    margin-top: 48px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .hd01 > span {
    padding-left: 0;
    font-size: 1.5rem;
  }
}

#usj .nearby_hotels .hd01 > span::before {
  background: url(../images/index/icon_title02.png) no-repeat center;
  background-size: auto;
  background-size: cover;
  width: 25px;
  height: 26px;
  left: -64px;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .hd01 > span::before {
    width: 21px;
    height: 23px;
    left: 17px;
  }
}

#usj .nearby_hotels .innerWrap {
  max-width: 1080px;
  padding: 0 40px;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap {
    padding: 0 20px;
  }
}

#usj .nearby_hotels .innerWrap .outer_list {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list {
    display: block;
    margin-top: 24px;
  }
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item {
  width: 31%;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list .outer_item {
    width: 100%;
    margin-bottom: 24px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list .outer_item:last-child {
    margin-bottom: 0;
  }
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .hd02 {
  font-size: 2rem;
  margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list .outer_item .hd02 {
    font-size: 2rem;
  }
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item {
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-image: repeating-linear-gradient(90deg, #707070, #707070 3px, transparent 3px, transparent 6px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 100% 1px;
  width: 100%;
  padding-left: 6px;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item {
    padding-bottom: 12px;
    margin-bottom: 12px;
  }
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item:last-child {
  margin-bottom: 0;
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item a {
  width: 100%;
  display: block;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item a {
    padding-right: 10px;
  }
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item a::after {
  content: '';
  display: block;
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4px;
}

#usj .nearby_hotels .innerWrap .outer_list .outer_item .inner_list .inner_item a span {
  font-size: 1.6rem;
  font-weight: 600;
  color: #0368D9;
  padding-right: 32px;
  display: block;
}

#usj .info_sec {
  margin-top: 63px;
  padding: 0 15px 100px;
}

@media only screen and (max-width: 767px) {
  #usj .info_sec {
    margin-top: 18px;
    padding: 0 0 55px;
  }
}

#usj .info_sec .innerWrap {
  max-width: 1080px;
  margin: auto;
}

#usj .info_sec .innerWrap .bottom_comment {
  font-size: 1.3rem;
  color: #888888;
  line-height: calc(21/13);
}

@media only screen and (max-width: 767px) {
  #usj .info_sec .innerWrap .bottom_comment {
    margin-top: 20px;
    font-size: 1.2rem;
    line-height: calc(18/12);
  }
}

#usj .info_sec .innerWrap .bottom_comment p {
  margin-top: 26px;
}

@media only screen and (max-width: 767px) {
  #usj .info_sec .innerWrap .bottom_comment p {
    margin-top: 24px;
  }
}

#usj #serch_sec {
  margin: 97px 0 90px;
}

#usj #serch_sec .hd01 {
  margin-bottom: 64px;
}

#usj #serch_sec .hd01 > span::before {
  background: url(../images/index/icon_title04.png) no-repeat center;
  background-size: auto;
  background-size: cover;
  width: 31px;
  height: 30px;
  left: -76px;
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec .hd01 > span::before {
    width: 24px;
    height: 24px;
    left: 20px;
  }
}

#usj #serch_sec .form_inner {
  padding: 50px 20px 20px;
  max-width: 1040px;
  margin: auto;
}

#usj #serch_sec .form_inner .info_txt {
  text-align: center;
  margin-bottom: 20px;
  font-size: 1.5rem;
}

#usj #serch_sec .form_inner .red_txt {
  color: #e70000;
}

#usj #serch_sec .early {
  margin: 15px 0 0 20px;
  border: 2px solid #b2d1ff;
  border-radius: 10px;
  font-size: 1.3rem;
  line-height: 1.38;
  padding: 12px 40px 11px 25px;
  position: relative;
}

#usj #serch_sec .early:before {
  content: "";
  display: block;
  background: url(../images/index/search_fukidashi.png) no-repeat;
  background-size: 17px auto;
  width: 17px;
  height: 15px;
  position: absolute;
  top: -15px;
  left: 38px;
}

#usj #serch_sec .early strong {
  color: #e70018;
  font-weight: 500;
}

#usj #serch_sec .early .tag {
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 700;
  background: #e70018;
  padding: 1px 10px;
  margin-bottom: 4px;
}

#usj #serch_sec .early .kome {
  font-size: 80%;
  color: inherit;
  display: inline-block;
}

#usj #serch_sec ul.kome {
  margin-top: 12px;
}

#usj #serch_sec ul.kome {
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: 400;
}

#usj #serch_sec .kome li {
  text-indent: -1em;
  padding-left: 1em;
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec {
    padding: 0;
    margin: 0;
    margin-top: 48px;
  }
  #usj #serch_sec .hd01 {
    margin-bottom: 24px;
  }
  #usj #serch_sec .early {
    border-radius: 5px;
    padding-left: 22px;
    padding-right: 20px;
    margin-left: 0;
    max-width: 266px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #usj #serch_sec .early:before {
    left: 28px;
  }
  #usj #serch_sec .early .tag {
    font-size: 1.6rem;
    padding: 1px 10px;
    margin-bottom: 8px;
  }
  #usj #serch_sec .early .kome {
    margin-top: 5px;
  }
  #usj #serch_sec ul.kome {
    margin-top: 12px;
  }
  #usj #serch_sec ul.kome {
    font-size: 1.1rem;
    line-height: 1.63;
  }
}

#usj .is-heightfix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #usj .is-heightfix {
    display: block;
  }
}

#usj .bottom_area {
  width: 556px;
  margin-left: 44px;
}

@media (max-width: 768px) {
  #usj .bottom_area {
    width: 100%;
    margin-left: 0px;
  }
}

#usj .bottom_area > dl {
  background: #F5F5F5;
  display: block;
  padding: 18px 20px 21px;
  border-radius: 5px;
}

#usj .bottom_area > dl:last-child {
  margin-top: 16px;
}

#usj .l-search--a dt {
  margin-top: 10px;
}

#usj .l-search--a dt:first-child {
  margin-top: 0;
}

#usj .l-search--a .search__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#usj .l-search--a .search__radio li {
  margin: 0;
  width: 48%;
  font-size: 1.6rem;
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  #usj .l-search--a .search__radio li {
    width: 100%;
  }
}

#usj .l-search--a .search__radio li:nth-child(3) {
  margin-bottom: 0;
}

#usj .l-search--a .search__radio li:nth-child(4) {
  margin-bottom: 0;
}

#usj .l-search--b .row1, #usj .l-search--a .row1 {
  display: block;
}

#usj .l-search--b .row1 > dt, #usj .l-search--a .row1 > dt {
  width: 90px;
  font-size: 13px;
  padding-top: 5px;
}

#usj .l-search--a .row1 > dt {
  width: 110px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

#usj .l-search--a .top_area .row1 dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  #usj .l-search--a .top_area .row1 dd {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

#usj .l-search--a .top_area .row1 dd span {
  display: block;
  margin-bottom: 2px;
  font-size: 1.6rem;
  display: block;
}

#usj .l-search--a .row1 > dt span {
  font-weight: normal;
  font-size: 10px;
  display: block;
  margin-top: -3px;
  margin-left: -5px;
}

#usj .l-search--b .row1.last {
  margin-bottom: 12px;
}

#usj .l-search--b .row-radio {
  clear: both;
  padding-top: 4px;
}

#usj .l-search--b .row-radio li {
  margin-right: 15px;
}

#usj .l-search--b .row-fc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 305px;
}

#usj .l-search--b .row-fc li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#usj .l-search--a .top_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 400px;
}

@media (max-width: 768px) {
  #usj .l-search--a .top_area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#usj .l-search--a .top_area .search__items:nth-of-type(1) {
  width: 216px;
  width: 100%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

#usj .l-search--a .top_area .search__items:nth-of-type(2) {
  width: 216px;
  width: 100%;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#usj .l-search--a dl {
  font-size: 1.5rem;
}

#usj .l-search--a dt {
  padding: 0 !important;
  width: 150px;
}

#usj .l-search--a .top_area dl {
  display: block;
  margin-bottom: 25px;
}

#usj .l-search--a .top_area dt {
  width: auto;
  padding: 0;
  margin-bottom: 3px;
}

#usj .l-search--a .top_area dt strong {
  border: 1px solid #d94f5d;
  font-weight: 400;
  font-size: 1.1rem;
  background: #fff;
  color: #d94f5d;
  line-height: 1;
  padding: 1px 5px;
  margin-left: 10px;
  border-radius: 3px;
}

#usj form#hotelForm .search__button {
  margin-bottom: 0;
  margin-top: 38px;
}

#usj .search .form_wrap {
  padding: 37px 105px 14px;
}

#usj .search #hotelForm .form_wrap {
  padding: 65px 20px  35px;
  max-width: 1040px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  #usj .search #hotelForm .form_wrap {
    width: 100%;
  }
}

#usj .search__items {
  display: block;
}

#usj .floLeft {
  width: calc(100% - 305px);
}

#usj .search__items dt {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #333;
}

#usj .search__items dt strong {
  color: red;
  font-size: 80%;
}

#usj .search__items dt span {
  font-weight: normal;
}

#usj .search__items select {
  margin-top: 2px;
  margin-right: 2px;
  height: 32px;
  padding: 6px 0 2px 20px;
}

#usj .search__items select.deptPulldown {
  width: 255px;
}

#usj .search__items.price select {
  width: 128px;
}

#usj .search__radio > li input {
  vertical-align: middle;
}

#usj .search__button {
  text-align: center;
  margin-bottom: 5px;
}

#usj .tab-head {
  text-align: center;
  margin-bottom: -3px;
  max-width: 1000px;
  margin: auto;
  margin-bottom: -2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 26px;
}

@media (max-width: 768px) {
  #usj .tab-head {
    padding: 0;
    padding-left: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

#usj .tab-head > li {
  width: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  #usj .tab-head > li {
    width: 29.7%;
  }
}

#usj .tab-head > li a {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 2rem;
  text-indent: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0;
  color: #fff !important;
  background: #0368D9;
}

@media (max-width: 768px) {
  #usj .tab-head > li a {
    height: 88px;
  }
}

#usj .tab-head > li.is-selected a {
  background: #FFFFFF;
  border: 2px solid #0368D9;
  border-bottom: none;
  color: #0368D9 !important;
}

#usj .tab-head > li a h3 {
  display: inline-block;
  background: no-repeat left center;
  background-size: auto 30px;
  position: relative;
  width: 100%;
  padding-left: 20px;
}

@media (max-width: 768px) {
  #usj .tab-head > li a h3 {
    font-size: 1.6rem;
    margin-top: 30px;
    padding-left: 0;
    padding: 0;
    line-height: calc(20/16);
  }
}

#usj .tab-head > li a h3::after {
  content: "";
  display: block;
  width: 31px;
  height: 34px;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #usj .tab-head > li a h3::after {
    top: -25px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

#usj .tab-head > li.tab-head--a {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

#usj .tab-head > li.tab-head--b {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  margin: 0 24px;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--b {
    margin: 0 6px;
  }
}

#usj .tab-head > li.tab-head--c {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

#usj .tab-head > li.tab-head--b a h3:after {
  width: 28px;
  height: 34px;
  background: url(../images/index/tab_jr_off.png) no-repeat center;
  background-size: cover;
  left: 20px;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--b a h3:after {
    width: 20px;
    height: 24px;
    left: 50%;
    top: -17px;
  }
}

#usj .tab-head > li.tab-head--b.is-selected a h3:after {
  width: 28px;
  height: 34px;
  background-image: url(../images/index/tab_jr.png);
  background-size: cover;
  left: 20px;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--b.is-selected a h3:after {
    width: 20px;
    height: 24px;
    left: 50%;
    top: -17px;
  }
}

#usj .tab-head > li.tab-head--a a h3:after {
  width: 31px;
  height: 34px;
  background: url(../images/index/tab_stay_off.png) no-repeat center;
  background-size: cover;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--a a h3:after {
    width: 23px;
    height: 25px;
  }
}

#usj .tab-head > li.tab-head--a.is-selected a h3:after {
  width: 31px;
  height: 34px;
  background: url(../images/index/tab_stay.png) no-repeat center;
  background-size: cover;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--a.is-selected a h3:after {
    width: 23px;
    height: 25px;
  }
}

#usj .tab-head > li.tab-head--c a h3:after {
  width: 35px;
  height: 37px;
  background: url(../images/index/tab_air_off.png) no-repeat center;
  background-size: cover;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--c a h3:after {
    width: 24px;
    height: 25px;
    top: -17px;
  }
}

#usj .tab-head > li.tab-head--c.is-selected a h3:after {
  width: 35px;
  height: 37px;
  background-image: url(../images/index/tab_air.png);
  background-size: cover;
}

@media (max-width: 768px) {
  #usj .tab-head > li.tab-head--c.is-selected a h3:after {
    width: 24px;
    height: 25px;
    top: -17px;
  }
}

#usj .tab-inner-bg-c {
  border-top: 2px solid #0368D9;
}

#usj .search__button {
  position: relative;
}

#usj .search__button input, #usj .kkrs-top-search-section .kkrs-top-search-submit-btn {
  border: none;
  cursor: pointer;
  text-align: center;
  width: 300px;
  height: 56px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  background-size: 7px auto;
  background: none;
  background-color: #CE070B;
  border-radius: 4px;
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition-duration: .5s;
  transition-duration: .5s;
  position: relative;
  letter-spacing: 0.25;
  font-size: 1.8rem;
  padding-left: 20px;
}

@media only screen and (max-width: 767px) {
  #usj .search__button input, #usj .kkrs-top-search-section .kkrs-top-search-submit-btn {
    width: 318px;
    height: 52px;
  }
}

#usj .search__button::after {
  content: '';
  display: block;
  width: 17px;
  height: 16px;
  background: url(../images/index/icon_serch.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 52%;
  left: 44%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 768px) {
  #usj .search__button::after {
    width: 16px;
    height: 15px;
    left: 50%;
    margin-left: -56px;
    top: 58%;
  }
}

#usj .kkrs-top-search-section .kkrs-top-search-submit-btn:hover {
  border-radius: 4px;
  opacity: .8;
}

#usj .dom-search__input input {
  border-radius: 3px;
  border-color: #b9b9b9;
  width: 255px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#usj .search select::-ms-expand {
  display: none;
}

#usj .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c5c5c5;
  height: 52px;
  background: #fff;
  padding-right: 23px;
  min-width: 110px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 10px;
  color: #707070;
  font-size: 1.6rem;
}

#usj .select {
  margin-right: 6px;
}

#usj .search label input {
  margin-right: 10px;
  margin-left: 2px;
}

#usj .search label input[type=checkbox], #usj .search label input[type=radio], #usj .kkrs-form-checkbox input[type=checkbox] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#usj #hotelForm .dom-search__column-pulldown {
  display: inline-block;
  width: 220px;
  margin-right: 8px;
}

#usj #hotelForm .dom-search__column-pulldown .dom-search__input input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  #usj .tab-inner-bg-c {
    border-width: 2px;
  }
  #usj .is-heightfix {
    height: auto !important;
  }
  #usj .l-search--b .row1, #usj .l-search--a .row1 {
    display: block;
    margin-bottom: 13px;
  }
  #usj .l-search--b .row1 > dt, #usj .l-search--a .row1 > dt {
    width: 100%;
    padding-top: 0;
    margin-bottom: 8px;
  }
  #usj .l-search--a .row1 > dt {
    width: 100%;
    padding-bottom: 0;
  }
  #usj .l-search--a .row1 > dt span {
    display: inline;
    margin-left: 0;
  }
  #usj .l-search--a .row1 > dd {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  #usj .l-search--b .row1.last {
    margin-bottom: 12px;
  }
  #usj .l-search--b .row-radio ul {
    padding: 0 15px;
  }
  #usj .l-search--b .row-radio li {
    margin-right: 0;
    width: 50%;
    margin-bottom: 5px;
  }
  #usj .l-search--b .row-fc {
    width: 100%;
    border-top: 1px dotted #969696;
    padding: 10px 15px 0;
    margin-top: 10px;
  }
  #usj .l-search--a .floLeft {
    float: none;
    width: 100%;
  }
  #usj .l-search--a .hotel_type {
    width: 100%;
  }
  #usj .l-search--a .hotel_type dt {
    display: block;
  }
  #usj .l-search--a .top_area {
    display: block;
  }
}

@media only screen and (max-width: 767px) and (max-width: 768px) {
  #usj .l-search--a .top_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  #usj .l-search--a .top_area .search__items:nth-of-type(1) {
    width: 100%;
  }
  #usj .l-search--a dl {
    font-size: 1.4rem;
    margin-bottom: 15px !important;
  }
  #usj .l-search--a dt {
    width: 100%;
    margin-bottom: 8px;
  }
  #usj .l-search--a .top_area dl {
    margin-bottom: 0;
  }
  #usj form#hotelForm .search__button {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
  }
  #usj form#hotelForm .search__button input {
    margin-top: 5px;
  }
  #usj #serch_sec .form_inner {
    padding: 27px 16px 15px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 768px) {
  #usj #serch_sec .form_inner {
    border-top: none;
  }
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec .form_inner .info_txt {
    text-align: left;
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  #usj .search .form_wrap {
    padding: 27px 16px 20px !important;
  }
  #usj .search__items {
    display: block;
  }
  #usj .floLeft {
    width: 100%;
  }
  #usj .search__items dt span {
    font-weight: normal;
  }
  #usj .search__items select {
    margin-top: 2px;
    margin-right: 2px;
    height: 32px;
    padding: 6px 0 2px 20px;
  }
  #usj .search__items select.deptPulldown {
    width: 100%;
  }
  #usj .search__items.price select {
    width: 110px;
  }
  #usj .kkrs-top-search-section .kkrs-top-search-submit-btn {
    margin-top: 8px;
  }
  #usj .dom-search__input input {
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #usj .search select {
    width: 90px;
    height: 52px;
    background-position: right 5px center;
    background-size: 6px auto;
    margin: 0;
  }
}

@media only screen and (max-width: 767px) and (max-width: 768px) {
  #usj .search select {
    margin-left: 4px;
  }
}

@media only screen and (max-width: 767px) {
  #usj #hotelForm .dom-search__column-pulldown {
    width: 125px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 768px) {
  #usj #hotelForm .dom-search__column-pulldown {
    width: 180px;
    margin-right: 2px;
  }
}

@media only screen and (max-width: 374px) {
  #usj .tab-head > li a {
    font-size: 3.2vw;
  }
}

#usj .kkrs-top-mv-body {
  padding: 0;
}

#usj .kkrs-top-search-section .kkrs-search-item--depPlace::before, #usj .kkrs-top-search-section .kkrs-search-item--arrPlace::before {
  background: #e70018;
  color: #fff;
  border-radius: 3px;
}

#usj .kkrs-form-checkbox input {
  margin-right: 8px;
}

#usj #serch_sec .kkrs-top-mv {
  background: none !important;
  padding: 0 !important;
}

#usj #serch_sec .kkrs-top-mv-contents {
  width: auto !important;
}

#usj #serch_sec .meal_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -5px;
}

#usj #serch_sec .meal_list li {
  margin-right: 23px;
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  #usj #serch_sec .meal_list li {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
  #usj #serch_sec .meal_list li:nth-of-type(n + 3) {
    margin-bottom: 0;
  }
}

#usj #serch_sec .meal_list li:last-of-type {
  margin-right: 0;
}

#usj #serch_sec .datepicker {
  height: 52px;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  padding: 2px 20px;
  font-size: 1.6rem;
}

#usj #serch_sec dl {
  overflow: inherit;
}

#usj #serch_sec .roomasign {
  position: relative;
  overflow: visible;
}

#usj #serch_sec .roomasign_result {
  cursor: pointer;
}

@media (max-width: 768px) {
  #usj #serch_sec .roomasign_result {
    width: 100%;
    font-size: 1.6rem;
  }
}

#usj #serch_sec .roomasign_select {
  border: 1px solid #d3d3d3;
  padding: 3px 16px 10px;
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  z-index: 10;
  background-color: #fff;
  text-align: center;
  width: 250px;
  max-height: 370px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#usj #serch_sec .roomasign_select select {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 80px;
  height: 34px;
}

#usj #serch_sec .roomasign_select .roomasign_member {
  border-top: 1px solid #d3d3d3;
}

#usj #serch_sec .roomasign_select .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin-bottom: 15px;
}

#usj #serch_sec .roomasign_select .item dt {
  width: 120px;
  font-weight: normal;
}

#usj #serch_sec .roomasign_select .item dd {
  padding-right: 0;
}

#usj #serch_sec .roomasign_select .title {
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  background: #ecf7fc;
}

#usj #serch_sec .roomasign_result_text {
  width: 400px;
  height: 52px;
  border: 1px solid #BCBDC2;
  border-radius: 0;
  padding: 2px 20px;
  color: #707070;
  font-size: 1.6rem;
}

#usj #serch_sec .roomasign_select button {
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

#usj #serch_sec .roomasign_select button.return {
  color: #fff;
  background: #07c;
  width: 100px;
  margin: 0 auto;
  padding: 8px;
  border-radius: 5px;
  font-weight: bold;
}

#usj #serch_sec .roomasign_select button:hover {
  cursor: pointer;
  opacity: .8;
}

#usj #serch_sec .roomasign_select .close_btn {
  text-align: right;
}

#usj #serch_sec .roomasign_select button.close {
  color: #b5b5b5;
  font-size: 25px;
  background: none;
  padding: 0;
}

#usj .roomasign_select .roomasign_error {
  color: #d94f5d;
  font-size: 11px;
  margin-bottom: 15px;
  margin-top: -10px;
  border: 1px solid #d94f5d;
  border-radius: 2px;
  padding: 7px;
  line-height: 1.5;
  text-align: left;
  position: relative;
  background: #fff;
}

#usj .roomasign_error:before {
  content: "";
  background-color: #fff;
  position: absolute;
  right: 10px;
  top: -5px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #d94f5d;
  border-right: 1px solid #d94f5d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#usj .roomasign_return.return:disabled {
  background: #999 !important;
}

#usj .roomasign_return.return:disabled:hover {
  opacity: 1 !important;
  cursor: default !important;
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec .hotel_type li {
    margin-bottom: 8px;
  }
  #usj #serch_sec .hotel_type li:last-child {
    margin-bottom: 0;
  }
  #usj #serch_sec .meal_list li {
    min-width: 126px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 768px) {
  #usj #serch_sec .meal_list li {
    min-width: 76px;
  }
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec .roomasign_select {
    width: 100%;
    max-height: 420px;
  }
  #usj #serch_sec .roomasign_result_text {
    width: 100%;
  }
}

#usj .kkrs-calendar-tbl tbody td {
  text-align: center;
}

#usj #contents_area .kkrs-panel-calendar a, #usj #contents_area .kkrs-panel-calendar a:link, #usj #contents_area .kkrs-panel-calendar a:visited {
  color: inherit;
}

#usj #contents_area .kkrs-panel-calendar .kkrs-calendar__date.kkrs-active a, #usj #contents_area .kkrs-panel-calendar .kkrs-calendar__date.kkrs-checkin a {
  color: #fff;
}

#usj .kkrs-error-message {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 1.1rem;
  color: #cc0d21;
}

#usj .kkrs-top-search-section {
  padding: 0 !important;
}

#usj #serch_sec .kkrs-top-search-section .kkrs-search-item {
  width: calc(33.3333% - 10px);
}

#usj .kkrs-search-input--date input:nth-of-type(2) {
  width: 50% !important;
}

@media only screen and (max-width: 767px) {
  #usj #serch_sec .kkrs-top-search-section .kkrs-search-item {
    width: 100%;
  }
  #usj .kkrs-search-input--date input:nth-of-type(2) {
    width: 100% !important;
  }
  #usj .kkrs-search-panel {
    max-width: calc(100vw - 65px) !important;
  }
}

#usj .dom-form-checkbox {
  font-size: 13px;
}

#usj .ui-state-disabled, #usj .ui-widget-content .ui-state-disabled, #usj .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

#usj .ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

#usj .ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

#usj .ui-datepicker .ui-datepicker-prev, #usj .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

#usj .ui-datepicker .ui-datepicker-prev-hover, #usj .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

#usj .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

#usj .ui-datepicker .ui-datepicker-next {
  right: 2px;
}

#usj .ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

#usj .ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

#usj .ui-datepicker .ui-datepicker-prev span, #usj .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

#usj .ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

#usj .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

#usj .ui-datepicker select.ui-datepicker-month, #usj .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

#usj .ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

#usj .ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

#usj .ui-datepicker td {
  border: 0;
  padding: 1px;
}

#usj .ui-datepicker td span, #usj .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

#usj .ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

#usj .ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

#usj .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

#usj .ui-datepicker.ui-datepicker-multi {
  width: auto;
}

#usj .ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

#usj .ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

#usj .ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

#usj .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

#usj .ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

#usj .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, #usj .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

#usj .ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

#usj .ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

#usj .ui-datepicker-rtl {
  direction: rtl;
}

#usj .ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

#usj .ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

#usj .ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

#usj .ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

#usj .ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

#usj .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

#usj .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, #usj .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

#usj .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, #usj .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

#usj .ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

#usj .ui-datepicker {
  font-size: 150%;
  position: relative;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 55em !important;
  padding: 18px 60px 14px;
  border: 1px solid #cc0d21;
  border-radius: 0;
  background: #fff;
  z-index: 1000;
}

@media screen and (max-width: 1030px) {
  #usj .ui-datepicker {
    max-width: 48em !important;
  }
}

#usj .ui-datepicker::after, #usj .ui-datepicker::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

#usj .ui-datepicker * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

#usj .ui-datepicker *::after, #usj .ui-datepicker *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

#usj .ui-datepicker .ui-datepicker-header {
  font-weight: normal;
  line-height: 1;
  padding: .4em 0;
  color: #333;
  border: 0;
  background: transparent;
}

#usj .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 16px;
}

#usj .ui-datepicker .ui-datepicker-prev, #usj .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 120px;
  display: block;
  width: 18px;
  height: 35px;
  margin: auto;
  cursor: pointer;
  background-size: 18px 35px;
}

#usj .ui-datepicker .ui-datepicker-prev span, #usj .ui-datepicker .ui-datepicker-next span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 35px;
}

#usj .ui-datepicker .ui-datepicker-prev.ui-state-hover, #usj .ui-datepicker .ui-datepicker-prev.ui-state-focus, #usj .ui-datepicker .ui-datepicker-next.ui-state-hover, #usj .ui-datepicker .ui-datepicker-next.ui-state-focus {
  opacity: .8;
  border: 0;
}

#usj .ui-datepicker .ui-datepicker-prev {
  left: -40px;
  background: url(/_images/btn_prev_pc.png);
}

#usj .ui-datepicker .ui-datepicker-next {
  right: -40px;
  background: url(/_images/btn_next_pc.png);
}

#usj .ui-datepicker .ui-datepicker-calendar th {
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  border: 1px solid #ededed;
}

#usj .ui-datepicker .ui-datepicker-calendar th span {
  display: block;
  padding: 8px 0;
  text-align: center;
  background-color: #f7f7f7;
}

#usj .ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  border: 1px solid #ededed;
}

#usj .ui-datepicker .ui-datepicker-calendar td span, #usj .ui-datepicker .ui-datepicker-calendar td a {
  line-height: 1;
  display: block;
  padding: 10px 0;
  text-align: center;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-state-default {
  font-size: 13px;
  border: 1px solid #fff;
  background-color: #fff;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  color: #666;
  border: 1px solid #fc0;
  background: #fc0;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
  color: #fff;
  border-color: #e57f7f;
  background-color: #e57f7f;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
  position: relative;
  color: #fff;
  border-color: #e57f7f;
  background-color: #e57f7f;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -6px;
  content: "";
  border-width: 6px;
  border-style: solid;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
  right: -12px;
  border-color: transparent transparent transparent #e57f7f;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
  left: -12px;
  border-color: transparent #e57f7f transparent transparent;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
  color: #06c;
}

#usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, #usj .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
  color: #cc0d21 !important;
}

#usj .ui-datepicker-multi .ui-datepicker-group table {
  width: 100%;
  margin: 0 auto .4em;
}

#usj .ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
  padding: 0 10px;
}

@media screen and (max-width: 1130px) {
  #usj .domtour-search__area-04 {
    margin-top: 20.6px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .ui-state-disabled, #usj .ui-widget-content .ui-state-disabled, #usj .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker {
    font-size: 154.2%;
    z-index: 101 !important;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    margin-top: 7px;
    padding: 7px 20px 20px;
    border: 2px solid #cc0d21;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 6px;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker::after, #usj .ui-widget.ui-widget-content.ui-datepicker::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker *::after, #usj .ui-widget.ui-widget-content.ui-datepicker *::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker::before, #usj .ui-widget.ui-widget-content.ui-datepicker::after {
    position: absolute;
    left: 25%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker::after {
    top: -10px;
    margin-left: -7px;
    border-width: 0 7px 10px;
    border-color: transparent transparent #fff;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker::before {
    top: -13px;
    margin-left: -10px;
    border-width: 0 10px 13px;
    border-color: transparent transparent #cc0d21;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker.-left::after {
    left: 25%;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker.-left::before {
    left: 25%;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker.-right::after {
    left: 75%;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker.-right::before {
    left: 75%;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1;
    position: relative;
    padding: .4em 0;
    text-align: center;
    color: #333;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    background: transparent;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-title {
    font-size: 1.6rem;
    font-weight: bold;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 13px;
    display: block;
    width: 10px;
    height: 19px;
    cursor: pointer;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev span, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next span {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 10px;
    height: 19px;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev {
    left: 8px;
    background: url(/smartphone/_images/btn_prev_sp.png);
    background-size: 10px 19px;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
    right: 8px;
    background: url(/smartphone/_images/btn_next_sp.png);
    background-size: 10px 19px;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar th {
    padding: 0;
    border: 1px solid #d7d7d7;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar th span {
    font-weight: bold;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #d7d7d7;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    padding: 11px 0;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: #e57f7f;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
    padding: 11px 0;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    padding: 11px 0;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    color: #fff;
    border-color: #f0b2b2;
    background-color: #f0b2b2;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    color: #666;
    border: 1px solid #fc0;
    background: #fc0;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
    color: #fff;
    border-color: #f0b2b2;
    background-color: #f0b2b2;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
    color: #fff;
    border-color: #e57f7f;
    background-color: #e57f7f;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
    position: relative;
    color: #fff;
    border-color: #e57f7f;
    background-color: #e57f7f;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px;
    border-style: solid;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
    right: -12px;
    border-color: transparent transparent transparent #e57f7f;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
    left: -12px;
    border-color: transparent #e57f7f transparent transparent;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
    color: #06c;
  }
  #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, #usj .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
    color: #cc0d21 !important;
  }
  #usj .ui-datepicker .ui-datepicker-prev-hover, #usj .ui-datepicker .ui-datepicker-next-hover {
    border: 0;
  }
  #usj .ui-datepicker th {
    font-size: 1.3rem;
    font-weight: normal;
    padding: 0;
    text-align: center;
  }
  #usj .ui-datepicker th span {
    display: block;
    padding: 7px;
    background-color: #f7f7f7;
  }
  #usj .ui-datepicker td {
    padding: 0;
    border: 1px solid #ededed;
  }
  #usj .ui-datepicker td span, #usj .ui-datepicker td a {
    line-height: 1;
    display: block;
    padding: 0;
    text-align: right;
    text-decoration: none;
  }
  #usj .ui-datepicker .ui-state-default {
    font-family: arial;
    font-size: 1.3rem;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fff;
  }
  #usj .ui-widget-header .ui-state-hover, #usj .ui-widget-header .ui-state-focus, #usj .ui-button:hover, #usj .ui-button:focus {
    border: 0;
  }
  #usj .ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    margin: 0 auto .4em;
  }
  #usj .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
    padding: 0 10px;
  }
  #usj .ui-datepicker-note-text {
    font-size: 1rem;
    display: block;
    margin-top: 5px;
    padding-left: 10px;
  }
  #usj .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
  }
  #usj .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
  }
  #usj .ui-datepicker .ui-datepicker-prev, #usj .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
  }
  #usj .ui-datepicker .ui-datepicker-prev-hover, #usj .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
  }
  #usj .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }
  #usj .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }
  #usj .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
  }
  #usj .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
  }
  #usj .ui-datepicker .ui-datepicker-prev span, #usj .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
  }
  #usj .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
  }
  #usj .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
  }
  #usj .ui-datepicker select.ui-datepicker-month, #usj .ui-datepicker select.ui-datepicker-year {
    width: 45%;
  }
  #usj .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
  }
  #usj .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
  }
  #usj .ui-datepicker td {
    border: 0;
    padding: 1px;
  }
  #usj .ui-datepicker td span, #usj .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
  }
  #usj .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  #usj .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }
  #usj .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
  }
  #usj .ui-datepicker.ui-datepicker-multi {
    width: auto;
  }
  #usj .ui-datepicker-multi .ui-datepicker-group {
    float: left;
  }
  #usj .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }
  #usj .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  #usj .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
  }
  #usj .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
  }
  #usj .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, #usj .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
  }
  #usj .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
  }
  #usj .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
  }
  #usj .ui-datepicker-rtl {
    direction: rtl;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, #usj .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }
  #usj .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, #usj .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }
  #usj .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
  }
  #usj .dom-form-checkbox__label {
    margin-left: 5px;
    font-size: 13px;
    text-align: left;
  }
  #usj .dom__btn-page-top {
    bottom: 20px;
    right: 20px;
    position: fixed;
    z-index: 1000;
    cursor: pointer;
    display: none;
  }
  #usj .dom__btn-page-top a {
    display: block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    background: url(/smartphone/kokunai/_common/images/btn-page-top-sp.svg) no-repeat 0 0;
    background-size: contain;
  }
  #usj .dom__btn-page-top.is-has-nav {
    bottom: 86px;
    right: 12px;
  }
  #usj .dom__btn-page-top.is-has-pay-total {
    bottom: 10px;
    right: 10px;
    z-index: 1002;
  }
}

@media only screen and (max-width: 767px) {
  #usj #darktooltip-undefined {
    left: auto !important;
    right: 10px !important;
  }
  #usj .dark-tooltip.north .tip {
    left: auto !important;
    right: 25px !important;
  }
}

#usj .bt-modal-close:hover {
  cursor: pointer;
  color: red;
}

#usj #modal_out {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.8);
  width: 100%;
  height: 1200%;
  z-index: 1000;
}

#usj #modal_box {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1100;
  display: none;
}

#usj #modal_box .movie-box {
  display: none;
}

#usj #modal_box .movie-box {
  width: 700px;
  height: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px;
  margin-top: calc(25% + 50px);
}

#usj #modal_box img.close {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 1 !important;
}

#usj .modal-overlayBox {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.6);
}

#usj .modal-content {
  position: fixed;
  display: none;
  z-index: 12;
  margin: 0;
  padding: 20px;
  width: 100%;
  background: #fff;
}

#usj .modal-content p {
  width: 100%;
  text-align: right;
  padding: 0 !important;
  margin: 0 0 6px 0 !important;
}

#usj .bt-modal-close img {
  padding: 0 !important;
  margin: 0 !important;
}

#usj #modal_box .sp_movie {
  display: none;
}

@media screen and (max-width: 680px) {
  #usj #modal_box .movie-box {
    width: 380px;
    height: 280px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px;
    border-radius: 0;
    margin-top: 50%;
  }
  #usj #modal_box .pc_movie {
    display: none;
  }
  #usj #modal_box .sp_movie {
    display: block;
  }
}

@media screen and (max-width: 375px) {
  #usj #modal_box .movie-box {
    width: 330px;
    height: 260px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 25px 5px 5px;
  }
  #usj #modal_box img.close {
    top: 5px;
    right: 5px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■serch_sec
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.l-search--a dt {
  margin-top: 10px;
}

.l-search--a dt:first-child {
  margin-top: 0;
}

.l-search--b .row1, .l-search--a .row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.l-search--b .row1 > dt, .l-search--a .row1 > dt {
  width: 90px;
  font-size: 13px;
  padding-top: 5px;
}

.l-search--a .row1 > dt {
  width: 110px;
  font-size: 1.5rem;
}

.l-search--a .row1 > dt span {
  font-weight: normal;
  font-size: 10px;
  display: block;
  margin-top: -3px;
  margin-left: -5px;
}

.l-search--b .row1.last {
  margin-bottom: 12px;
}

.l-search--b .row-radio {
  clear: both;
  padding-top: 4px;
}

.l-search--b .row-radio li {
  margin-right: 15px;
}

.l-search--b .row-fc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 305px;
}

.l-search--b .row-fc li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l-search--a .top_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.l-search--a .top_area .search__items:nth-of-type(1) {
  width: 216px;
}

.l-search--a dl {
  font-size: 1.5rem;
}

.l-search--a dt {
  padding: 0 !important;
  width: 110px;
}

.l-search--a .top_area dl {
  display: block;
  margin-bottom: 25px;
}

.l-search--a .top_area dt {
  width: auto;
  padding: 0;
  margin-bottom: 3px;
}

.l-search--a .top_area dt strong {
  border: 1px solid #d94f5d;
  font-weight: 400;
  font-size: 1.1rem;
  background: #fff;
  color: #d94f5d;
  line-height: 1;
  padding: 1px 5px;
  margin-left: 10px;
  border-radius: 3px;
}

form#hotelForm .search__button {
  margin-bottom: 0;
  margin-top: 38px;
}

.search .form_wrap {
  padding: 37px 105px 14px;
}

.search #hotelForm .form_wrap {
  padding: 65px 50px 35px 150px;
}

.search__items {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.floLeft {
  width: calc(100% - 305px);
}

.search__items dt {
  font-weight: 700;
}

.search__items dt strong {
  color: red;
  font-size: 80%;
}

.search__items dt span {
  font-weight: normal;
}

.search__items.price select {
  width: 128px;
}

.search__button {
  text-align: center;
  margin-bottom: 5px;
}

.kkrs-top-search-section .kkrs-top-search-submit-btn:hover {
  border-radius: 4px;
  opacity: .8;
}

.dom-search__input input {
  border-radius: 3px;
  border-color: #b9b9b9;
  width: 255px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search select::-ms-expand {
  display: none;
}

.search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #c5c5c5;
  height: 40px;
  background: #fff;
  padding-right: 23px;
  min-width: 75px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.search label input[type=checkbox], .search label input[type=radio], .kkrs-form-checkbox input[type=checkbox] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#hotelForm .dom-search__column-pulldown {
  display: inline-block;
  width: 200px;
}

#hotelForm .dom-search__column-pulldown .dom-search__input input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .tab-inner-bg-c {
    border-width: 2px;
  }
  .is-heightfix {
    height: auto !important;
  }
  .l-search--b .row1, .l-search--a .row1 {
    display: block;
    margin-bottom: 13px;
  }
  .l-search--b .row1 > dt, .l-search--a .row1 > dt {
    width: 100%;
    padding-top: 0;
    margin-bottom: 3px;
  }
  .l-search--a .row1 > dt {
    width: 100%;
    padding-bottom: 0;
  }
  .l-search--a .row1 > dt span {
    display: inline;
    margin-left: 0;
  }
  .l-search--a .row1 > dd {
    margin-left: 0;
    width: 100%;
  }
  .l-search--b .row1.last {
    margin-bottom: 12px;
  }
  .l-search--b .row-radio ul {
    padding: 0 15px;
  }
  .l-search--b .row-radio li {
    margin-right: 0;
    width: 50%;
    margin-bottom: 5px;
  }
  .l-search--b .row-fc {
    width: 100%;
    border-top: 1px dotted #969696;
    padding: 10px 15px 0;
    margin-top: 10px;
  }
  .l-search--a .floLeft {
    float: none;
    width: 100%;
  }
  .l-search--a .hotel_type {
    width: 100%;
  }
  .l-search--a .hotel_type dt {
    display: block;
  }
  .l-search--a .top_area {
    display: block;
  }
  .l-search--a .top_area .search__items:nth-of-type(1) {
    width: 100%;
  }
  .l-search--a dl {
    font-size: 1.4rem;
    margin-bottom: 15px !important;
  }
  .l-search--a dt {
    width: 100%;
    margin-bottom: 3px;
  }
  .l-search--a .top_area dl {
    margin-bottom: 0;
  }
  form#hotelForm .search__button {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
  }
  form#hotelForm .search__button input {
    margin-top: 5px;
  }
  #serch_sec .form_inner {
    padding: 27px 16px 15px;
  }
  #serch_sec .form_inner .info_txt {
    text-align: left;
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  .search .form_wrap {
    padding: 27px 16px 20px !important;
  }
  .search__items {
    display: block;
  }
  .floLeft {
    width: 100%;
  }
  .search__items dt span {
    font-weight: normal;
  }
  .search__items.price select {
    width: 110px;
  }
  .kkrs-top-search-section .kkrs-top-search-submit-btn {
    margin-top: 8px;
  }
  .dom-search__input input {
    width: 100%;
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .search select {
    width: 70px;
    height: 35px;
    background-position: right 5px center;
    background-size: 6px auto;
  }
  #hotelForm .dom-search__column-pulldown {
    width: 125px;
  }
}

@media only screen and (max-width: 374px) {
  .tab-head > li a {
    font-size: 3.2vw;
  }
}

.kkrs-top-mv-body {
  padding: 0;
}

.kkrs-top-search-section .kkrs-search-item--depPlace::before, .kkrs-top-search-section .kkrs-search-item--arrPlace::before {
  background: #e70018;
  color: #fff;
  border-radius: 3px;
}

.kkrs-form-checkbox input {
  margin-right: 8px;
}

#serch_sec .kkrs-top-mv {
  background: none !important;
  padding: 0 !important;
}

#serch_sec .kkrs-top-mv-contents {
  width: auto !important;
}

#serch_sec .meal_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -5px;
}

#serch_sec .meal_list li {
  margin-right: 23px;
  margin-bottom: 5px;
}

#serch_sec .meal_list li:last-of-type {
  margin-right: 0;
}

#serch_sec .datepicker {
  height: 40px;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  padding: 2px 8px;
}

#serch_sec dl {
  overflow: inherit;
}

#serch_sec .roomasign {
  position: relative;
  overflow: visible;
}

#serch_sec .roomasign_result {
  cursor: pointer;
}

#serch_sec .roomasign_select {
  border: 1px solid #d3d3d3;
  padding: 3px 16px 10px;
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  z-index: 10;
  background-color: #fff;
  text-align: center;
  width: 250px;
  max-height: 370px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#serch_sec .roomasign_select select {
  padding-top: 5px;
  padding-bottom: 5px;
  width: 80px;
  height: 34px;
}

#serch_sec .roomasign_select .roomasign_member {
  border-top: 1px solid #d3d3d3;
}

#serch_sec .roomasign_select .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  margin-bottom: 15px;
}

#serch_sec .roomasign_select .item dt {
  width: 120px;
  font-weight: normal;
}

#serch_sec .roomasign_select .item dd {
  padding-right: 0;
}

#serch_sec .roomasign_select .title {
  font-weight: bold;
  text-align: center;
  padding: 5px;
  margin-bottom: 10px;
  background: #ecf7fc;
}

#serch_sec .roomasign_result_text {
  width: 195px;
  height: 40px;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  padding: 2px 8px;
}

#serch_sec .roomasign_select button {
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

#serch_sec .roomasign_select button.return {
  color: #fff;
  background: #07c;
  width: 100px;
  margin: 0 auto;
  padding: 8px;
  border-radius: 5px;
  font-weight: bold;
}

#serch_sec .roomasign_select button:hover {
  cursor: pointer;
  opacity: .8;
}

#serch_sec .roomasign_select .close_btn {
  text-align: right;
}

#serch_sec .roomasign_select button.close {
  color: #b5b5b5;
  font-size: 25px;
  background: none;
  padding: 0;
}

.roomasign_select .roomasign_error {
  color: #d94f5d;
  font-size: 11px;
  margin-bottom: 15px;
  margin-top: -10px;
  border: 1px solid #d94f5d;
  border-radius: 2px;
  padding: 7px;
  line-height: 1.5;
  text-align: left;
  position: relative;
  background: #fff;
}

.roomasign_error:before {
  content: "";
  background-color: #fff;
  position: absolute;
  right: 10px;
  top: -5px;
  width: 7px;
  height: 7px;
  border-top: 1px solid #d94f5d;
  border-right: 1px solid #d94f5d;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.roomasign_return.return:disabled {
  background: #999 !important;
}

.roomasign_return.return:disabled:hover {
  opacity: 1 !important;
  cursor: default !important;
}

@media only screen and (max-width: 767px) {
  #serch_sec .hotel_type li {
    margin-bottom: 3px;
  }
  #serch_sec .meal_list li {
    min-width: 126px;
  }
  #serch_sec .roomasign_select {
    width: 100%;
    max-height: 420px;
  }
  #serch_sec .roomasign_result_text {
    width: 100%;
  }
}

.kkrs-calendar-tbl tbody td {
  text-align: center;
}

#contents_area .kkrs-panel-calendar a, #contents_area .kkrs-panel-calendar a:link, #contents_area .kkrs-panel-calendar a:visited {
  color: inherit;
}

#contents_area .kkrs-panel-calendar .kkrs-calendar__date.kkrs-active a, #contents_area .kkrs-panel-calendar .kkrs-calendar__date.kkrs-checkin a {
  color: #fff;
}

.kkrs-error-message {
  position: absolute;
  right: 0;
  top: 100%;
  font-size: 1.1rem;
  color: #cc0d21;
}

.kkrs-top-search-section {
  padding: 0 !important;
}

#serch_sec .kkrs-top-search-section .kkrs-search-item {
  width: calc(33.3333% - 10px);
}

.kkrs-search-input--date input:nth-of-type(2) {
  width: 50% !important;
}

@media only screen and (max-width: 767px) {
  #serch_sec .kkrs-top-search-section .kkrs-search-item {
    width: 100%;
  }
  .kkrs-search-input--date input:nth-of-type(2) {
    width: 100% !important;
  }
  .kkrs-search-panel {
    max-width: calc(100vw - 65px) !important;
  }
}

.dom-form-checkbox {
  font-size: 13px;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}

.ui-datepicker {
  font-size: 150%;
  position: relative;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 55em !important;
  padding: 18px 60px 14px;
  border: 1px solid #cc0d21;
  border-radius: 0;
  background: #fff;
  z-index: 1000;
}

@media screen and (max-width: 1030px) {
  .ui-datepicker {
    max-width: 48em !important;
  }
}

.ui-datepicker::after, .ui-datepicker::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-datepicker * {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-datepicker *::after, .ui-datepicker *::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-datepicker .ui-datepicker-header {
  font-weight: normal;
  line-height: 1;
  padding: .4em 0;
  color: #333;
  border: 0;
  background: transparent;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-size: 16px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 120px;
  display: block;
  width: 18px;
  height: 35px;
  margin: auto;
  cursor: pointer;
  background-size: 18px 35px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 35px;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-focus, .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-focus {
  opacity: .8;
  border: 0;
}

.ui-datepicker .ui-datepicker-prev {
  left: -40px;
  background: url(/_images/btn_prev_pc.png);
}

.ui-datepicker .ui-datepicker-next {
  right: -40px;
  background: url(/_images/btn_next_pc.png);
}

.ui-datepicker .ui-datepicker-calendar th {
  font-size: 13px;
  font-weight: bold;
  padding: 0;
  border: 1px solid #ededed;
}

.ui-datepicker .ui-datepicker-calendar th span {
  display: block;
  padding: 8px 0;
  text-align: center;
  background-color: #f7f7f7;
}

.ui-datepicker .ui-datepicker-calendar td {
  padding: 0;
  border: 1px solid #ededed;
}

.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
  line-height: 1;
  display: block;
  padding: 10px 0;
  text-align: center;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
  font-size: 13px;
  border: 1px solid #fff;
  background-color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  color: #666;
  border: 1px solid #fc0;
  background: #fc0;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
  color: #fff;
  border-color: #f0b2b2;
  background-color: #f0b2b2;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
  color: #fff;
  border-color: #e57f7f;
  background-color: #e57f7f;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
  position: relative;
  color: #fff;
  border-color: #e57f7f;
  background-color: #e57f7f;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
  position: absolute;
  z-index: 100;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -6px;
  content: "";
  border-width: 6px;
  border-style: solid;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
  right: -12px;
  border-color: transparent transparent transparent #e57f7f;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
  left: -12px;
  border-color: transparent #e57f7f transparent transparent;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
  color: #06c;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
  color: #cc0d21 !important;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 100%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
  padding: 0 10px;
}

@media screen and (max-width: 1130px) {
  .domtour-search__area-04 {
    margin-top: 20.6px;
  }
}

@media only screen and (max-width: 767px) {
  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
  }
  .ui-widget.ui-widget-content.ui-datepicker {
    font-size: 154.2%;
    z-index: 101 !important;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 40px) !important;
    margin-top: 7px;
    padding: 7px 20px 20px;
    border: 2px solid #cc0d21;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 6px;
  }
  .ui-widget.ui-widget-content.ui-datepicker::after, .ui-widget.ui-widget-content.ui-datepicker::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  .ui-widget.ui-widget-content.ui-datepicker * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ui-widget.ui-widget-content.ui-datepicker *::after, .ui-widget.ui-widget-content.ui-datepicker *::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
  }
  .ui-widget.ui-widget-content.ui-datepicker::before, .ui-widget.ui-widget-content.ui-datepicker::after {
    position: absolute;
    left: 25%;
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-style: solid;
  }
  .ui-widget.ui-widget-content.ui-datepicker::after {
    top: -10px;
    margin-left: -7px;
    border-width: 0 7px 10px;
    border-color: transparent transparent #fff;
  }
  .ui-widget.ui-widget-content.ui-datepicker::before {
    top: -13px;
    margin-left: -10px;
    border-width: 0 10px 13px;
    border-color: transparent transparent #cc0d21;
  }
  .ui-widget.ui-widget-content.ui-datepicker.-left::after {
    left: 25%;
  }
  .ui-widget.ui-widget-content.ui-datepicker.-left::before {
    left: 25%;
  }
  .ui-widget.ui-widget-content.ui-datepicker.-right::after {
    left: 75%;
  }
  .ui-widget.ui-widget-content.ui-datepicker.-right::before {
    left: 75%;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-header {
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1;
    position: relative;
    padding: .4em 0;
    text-align: center;
    color: #333;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    background: transparent;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-title {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 13px;
    display: block;
    width: 10px;
    height: 19px;
    cursor: pointer;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev span, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next span {
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 10px;
    height: 19px;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-prev {
    left: 8px;
    background: url(/smartphone/_images/btn_prev_sp.png);
    background-size: 10px 19px;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-next {
    right: 8px;
    background: url(/smartphone/_images/btn_next_sp.png);
    background-size: 10px 19px;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar th {
    padding: 0;
    border: 1px solid #d7d7d7;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar th span {
    font-weight: bold;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid #d7d7d7;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    padding: 11px 0;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active {
    background: #e57f7f;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
    padding: 11px 0;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    padding: 11px 0;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
    color: #fff;
    border-color: #f0b2b2;
    background-color: #f0b2b2;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
    color: #666;
    border: 1px solid #fc0;
    background: #fc0;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
    color: #fff;
    border-color: #f0b2b2;
    background-color: #f0b2b2;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
    color: #fff;
    border-color: #e57f7f;
    background-color: #e57f7f;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
    position: relative;
    color: #fff;
    border-color: #e57f7f;
    background-color: #e57f7f;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
    position: absolute;
    z-index: 100;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    content: "";
    border-width: 6px;
    border-style: solid;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
    right: -12px;
    border-color: transparent transparent transparent #e57f7f;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
    left: -12px;
    border-color: transparent #e57f7f transparent transparent;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
    color: #06c;
  }
  .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, .ui-widget.ui-widget-content.ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
    color: #cc0d21 !important;
  }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    border: 0;
  }
  .ui-datepicker th {
    font-size: 1.3rem;
    font-weight: normal;
    padding: 0;
    text-align: center;
  }
  .ui-datepicker th span {
    display: block;
    padding: 7px;
    background-color: #f7f7f7;
  }
  .ui-datepicker td {
    padding: 0;
    border: 1px solid #ededed;
  }
  .ui-datepicker td span, .ui-datepicker td a {
    line-height: 1;
    display: block;
    padding: 0;
    text-align: right;
    text-decoration: none;
  }
  .ui-datepicker .ui-state-default {
    font-family: arial;
    font-size: 1.3rem;
    text-align: center;
    border: 1px solid #fff;
    background-color: #fff;
  }
  .ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 0;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    margin: 0 auto .4em;
  }
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
    padding: 0 10px;
  }
  .ui-datepicker-note-text {
    font-size: 1rem;
    display: block;
    margin-top: 5px;
    padding-left: 10px;
  }
  .ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
  }
  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
  }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
  }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
  }
  .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }
  .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }
  .ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
  }
  .ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
  }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
  }
  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
  }
  .ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
  }
  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
  }
  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
  }
  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
  }
  .ui-datepicker td {
    border: 0;
    padding: 1px;
  }
  .ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
  }
  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
  }
  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
  }
  .ui-datepicker.ui-datepicker-multi {
    width: auto;
  }
  .ui-datepicker-multi .ui-datepicker-group {
    float: left;
  }
  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }
  .ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
  }
  .ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
  }
  .ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
  }
  .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
  }
  .ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
  }
  .ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
  }
  .ui-datepicker-rtl {
    direction: rtl;
  }
  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
  }
  .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
  }
  .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
  }
  .ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em;
  }
  .dom-form-checkbox__label {
    margin-left: 5px;
    font-size: 13px;
    text-align: left;
  }
  .dom__btn-page-top {
    bottom: 20px;
    right: 20px;
    position: fixed;
    z-index: 1000;
    cursor: pointer;
    display: none;
  }
  .dom__btn-page-top a {
    display: block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    background: url(/smartphone/kokunai/_common/images/btn-page-top-sp.svg) no-repeat 0 0;
    background-size: contain;
  }
  .dom__btn-page-top.is-has-nav {
    bottom: 86px;
    right: 12px;
  }
  .dom__btn-page-top.is-has-pay-total {
    bottom: 10px;
    right: 10px;
    z-index: 1002;
  }
}

@media only screen and (max-width: 767px) {
  #darktooltip-undefined {
    left: auto !important;
    right: 10px !important;
  }
  .dark-tooltip.north .tip {
    left: auto !important;
    right: 25px !important;
  }
}

.bt-modal-close:hover {
  cursor: pointer;
  color: red;
}

#modal_out {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(51, 51, 51, 0.8);
  width: 100%;
  height: 1200%;
  z-index: 1000;
}

#modal_box {
  position: fixed;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 1100;
  display: none;
}

#modal_box .movie-box {
  display: none;
}

#modal_box .movie-box {
  width: 700px;
  height: 460px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 30px;
  margin-top: calc(25% + 50px);
}

#modal_box img.close {
  display: block !important;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 1 !important;
}

.modal-overlayBox {
  z-index: 10;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-content {
  position: fixed;
  display: none;
  z-index: 12;
  margin: 0;
  padding: 20px;
  width: 100%;
  background: #fff;
}

.modal-content p {
  width: 100%;
  text-align: right;
  padding: 0 !important;
  margin: 0 0 6px 0 !important;
}

.bt-modal-close img {
  padding: 0 !important;
  margin: 0 !important;
}

#modal_box .sp_movie {
  display: none;
}

@media screen and (max-width: 680px) {
  #modal_box .movie-box {
    width: 380px;
    height: 280px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 30px;
    border-radius: 0;
    margin-top: 50%;
  }
  #modal_box .pc_movie {
    display: none;
  }
  #modal_box .sp_movie {
    display: block;
  }
}

@media screen and (max-width: 375px) {
  #modal_box .movie-box {
    width: 330px;
    height: 260px;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 25px 5px 5px;
  }
  #modal_box img.close {
    top: 5px;
    right: 5px;
  }
}

/*---------------------------------------------
// // // // // // // // // // // 
// lity(本体ベース)
// // // // // // // // // // // 
--------------------------------------------*/
.lity {
  background: rgba(0, 0, 0, 0.6);
}

.lity .nolink {
  pointer-events: none !important;
  opacity: 0.7 !important;
  background-color: #ddd !important;
}

.lity .pcCont {
  display: block;
}

.lity .spCont {
  display: none;
}

@media only screen and (max-width: 767px) {
  .lity .pcCont {
    display: none;
  }
  .lity .spCont {
    display: block;
  }
}

.lity-wrap {
  padding: 50px 20px;
}

@media only screen and (max-width: 767px) {
  .lity-container {
    width: 100%;
    overflow-x: visible;
  }
}

.lity-content {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

.lity-content:after {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close {
  position: absolute;
  top: -42px !important;
  right: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  width: 30px;
  height: 30px;
  background: transparent;
  border: none;
  text-indent: -9999px;
  /* テキストの「×」を隠す */
  overflow: hidden;
  display: block;
}

.lity-close::before, .lity-close::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 4px;
  background-color: #fff;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.lity-close::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.lity-close::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 1090px) {
  .lity-close {
    right: 0 !important;
  }
}

.lity_box {
  font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  color: #222;
  font-size: 1.6rem;
  line-height: 1.66;
  background: #fff;
  max-width: 1420px;
  overflow-y: auto;
  max-height: calc(100vh - 100px) !important;
  padding: 0 65px;
  border-radius: 16px;
}

.lity_box .inner {
  max-width: 850px;
  padding: 35px 0;
  margin: 0 auto;
}

.lity_box .red_txt {
  color: #e50013;
}

.lity_box strong {
  font-weight: 700;
}

.lity_box .regal_txt {
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 30px;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .lity-wrap {
    padding: 50px 10px;
  }
  .lity-close {
    font-size: 40px !important;
    top: -40px !important;
    right: 0 !important;
  }
  .lity_box {
    width: 100%;
    max-height: none;
    padding: 0 13px;
  }
  .lity_box .inner {
    padding: 20px 0;
  }
  .lity_box .regal_txt {
    margin-top: 25px;
  }
}

/*---------------------------------------------
// // // // // // // // // // // 
// モーダルエリア1
// // // // // // // // // // // 
--------------------------------------------*/
/*------------------------------------------
プラン早見表(model)
------------------------------------------*/
#table.lity_box {
  max-width: 1420px;
  padding: 40px 95px 58px;
  background-color: #1C3385;
  border-radius: 7px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box {
    width: 100%;
    border-radius: 10px;
    padding: 32px 4px 20px;
    max-height: calc(100vh - 100px) !important;
  }
}

#table.lity_box .inne {
  width: 1230px;
  /*インフォ*/
  /*ボタン*/
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne {
    width: 100%;
  }
}

#table.lity_box .inne .hd02 {
  font-size: 2.8rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  margin-bottom: 24px;
  padding-bottom: 12px;
  color: #fff;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .hd02 {
    font-size: 2rem;
    padding-bottom: 14px;
  }
}

#table.lity_box .inne .hd02::after {
  content: "";
  display: block;
  width: 136px;
  height: 4px;
  background-color: #0368D9;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#table.lity_box .inne .table_wrap .plan_table {
  width: 100%;
  border-radius: 8px;
  color: #1C3385;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table {
    border-radius: 0;
  }
}

#table.lity_box .inne .table_wrap .plan_table tr {
  border-bottom: 1px solid #707070;
}

#table.lity_box .inne .table_wrap .plan_table tr:last-of-type {
  border-bottom: none;
}

#table.lity_box .inne .table_wrap .plan_table th, #table.lity_box .inne .table_wrap .plan_table td, #table.lity_box .inne .table_wrap .plan_table tbody th {
  border-right: 1px solid #707070;
  text-align: center;
  vertical-align: middle;
  font-size: 1.6rem;
  line-height: 1.3125;
  font-weight: 700;
  background: #fff;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table th, #table.lity_box .inne .table_wrap .plan_table td, #table.lity_box .inne .table_wrap .plan_table tbody th {
    font-size: 1.1rem;
    line-height: 1.18182;
  }
}

#table.lity_box .inne .table_wrap .plan_table tr td:last-of-type {
  border-right: none;
}

#table.lity_box .inne .table_wrap .plan_table thead {
  border-bottom: 1px solid #707070;
}

#table.lity_box .inne .table_wrap .plan_table thead th {
  font-size: 1.7rem;
  line-height: 1.35294;
  background: #E5EFFF;
  padding: 11px 5px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table thead th {
    font-size: 1.2rem;
    line-height: 1.16667;
    padding: 5px 2px;
  }
}

#table.lity_box .inne .table_wrap .plan_table thead th small {
  font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table thead th small {
    font-size: 1.1rem;
  }
}

#table.lity_box .inne .table_wrap .plan_table thead th:last-of-type {
  border-right: none;
}

#table.lity_box .inne .table_wrap .plan_table tbody th {
  width: 154px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table tbody th {
    width: 52px;
  }
}

#table.lity_box .inne .table_wrap .plan_table tbody td {
  padding: 9px 10px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table tbody td {
    padding: 5px 2px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .normal .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 5px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .normal .wrap {
    padding: 0;
  }
}

#table.lity_box .inne .table_wrap .plan_table .normal .wrap .txt {
  margin-right: 25px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .normal .wrap .txt {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .normal .wrap .img {
    width: 55px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  #table.lity_box .inne .table_wrap .plan_table .normal .wrap .img img {
    max-width: 100%;
    height: auto;
  }
}

#table.lity_box .inne .table_wrap .plan_table .normal th {
  background: #F6F6F6;
}

#table.lity_box .inne .table_wrap .plan_table .plan .s_link {
  color: #1C3385 !important;
  text-decoration: underline !important;
  transition: all 0.25s linear;
  cursor: pointer;
}

#table.lity_box .inne .table_wrap .plan_table .plan .s_link:hover {
  opacity: .8;
  transition: all 0.25s linear;
}

#table.lity_box .inne .table_wrap .plan_table .plan .txt {
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .txt {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 46px;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .list {
  min-width: 275px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .list {
    min-width: inherit;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .list li {
    margin-bottom: 3px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .list li:last-of-type {
  margin-bottom: 0;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap span {
  font-weight: 700;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .star {
  font-size: 2.4rem;
  color: #F46027;
  margin-right: 20px;
  line-height: 1;
  margin-top: -2px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .star {
    font-size: 2rem;
    margin-right: 2px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .star sup {
  font-size: 48%;
  color: #EE3259;
  font-weight: 400;
  vertical-align: top;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap .star sup {
    font-size: 46%;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dt, #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dd {
  font-weight: 700;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dt {
  background: #1C3385;
  font-size: 1.3rem;
  color: #fff;
  line-height: 1;
  padding: 4px 5px;
  margin-right: 8px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dt {
    font-size: 1.1rem;
    margin-right: 4px;
    padding: 2px 3px 3px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dd {
  font-size: 1.5rem;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dd {
    font-size: 1.1rem;
  }
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dd .day {
  color: #EE3259;
}

#table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap dl dd .next {
  color: #0F953C;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) {
    display: block;
  }
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) .list {
    display: block;
  }
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) .list li {
    display: block;
  }
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) .star {
    margin: 0 0 5px;
    display: block;
    text-align: center;
  }
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) dl {
    display: block;
    text-align: center;
  }
  #table.lity_box .inne .table_wrap .plan_table .plan .plan_wrap:not(.spFlex) dl dt {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 2px;
  }
}

#table.lity_box .inne .table_wrap .plan_table .planA th, #table.lity_box .inne .table_wrap .plan_table .planA td {
  background: #EFF8F2;
}

#table.lity_box .inne .table_wrap .plan_table .planB th, #table.lity_box .inne .table_wrap .plan_table .planB td {
  background: #FBEAF2;
}

#table.lity_box .inne .table_wrap .plan_table .planC th, #table.lity_box .inne .table_wrap .plan_table .planC td {
  background: #FFF2E5;
}

#table.lity_box .inne .table_wrap .plan_table .planD th, #table.lity_box .inne .table_wrap .plan_table .planD td {
  background: #E8F8FF;
}

#table.lity_box .inne .table_wrap {
  max-width: 1230px;
  margin: auto;
}

#table.lity_box .inne .table_wrap .info {
  color: #fff;
  font-size: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .info {
    margin-top: 7px;
    font-size: 1.2rem;
    margin-bottom: -5px;
  }
}

#table.lity_box .inne .table_wrap .info img {
  margin-left: 5px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .info img {
    width: 18px;
    height: auto;
  }
}

#table.lity_box .inne .table_wrap .info li {
  margin-right: 23px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .info li {
    margin-right: 15px;
    margin-bottom: 5px;
  }
}

#table.lity_box .inne .table_wrap .info li:last-of-type {
  margin-right: 0;
}

#table.lity_box .inne .table_wrap .btn_area {
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .btn_area {
    margin-top: 15px;
  }
}

#table.lity_box .inne .table_wrap .btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5px;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .btn_area ul {
    display: block;
    margin: 0;
  }
}

#table.lity_box .inne .table_wrap .btn_area li {
  margin: 0 5px;
  max-width: 376px;
  width: 50%;
}

@media only screen and (min-width: 768px) {
  #table.lity_box .inne .table_wrap .btn_area li a {
    padding-left: 20px !important;
    padding-right: 34px !important;
  }
}

@media only screen and (max-width: 767px) {
  #table.lity_box .inne .table_wrap .btn_area li {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
  #table.lity_box .inne .table_wrap .btn_area li + li {
    margin-top: 10px;
  }
  #table.lity_box .inne .table_wrap .btn_area li a {
    font-size: 1.2rem !important;
    min-height: 48px !important;
  }
}

#table.lity_box .info p {
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  #table.lity_box .info p {
    font-size: 1.3rem;
    padding: 0 5px;
  }
}

/*---------------------------------------------
// // // // // // // // // // // 
// モーダルエリア2（共通部分）
// // // // // // // // // // // 
--------------------------------------------*/
@media only screen and (max-width: 767px) {
  .program_box.lity_box .program_hd_area {
    display: none;
  }
}

.program_box.lity_box .program_hd_area .top_title {
  padding: 18px 10px 18px;
  max-width: 860px;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.program_box.lity_box .program_hd_area .top_title .num {
  font-size: 3.6rem;
  font-weight: 900 !important;
  color: #fff;
  font-family: "Inter", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  line-height: 1;
}

.program_box.lity_box .program_hd_area .top_title .title_name {
  font-size: 2.4rem;
  font-weight: 900;
  color: #fff;
}

.program_box.lity_box .program_hd_area.green {
  margin-bottom: 29px;
  background-color: #0F953C;
}

.program_box.lity_box .program_hd_area.green .num {
  margin-right: 44px;
}

.program_box.lity_box .program_hd_area.pink {
  margin-bottom: 36px;
  background-color: #F15177;
}

.program_box.lity_box .program_hd_area.pink .num {
  margin-right: 30px;
}

.program_box.lity_box .program_hd_area.orange {
  margin-bottom: 36px;
  background-color: #F46027;
}

.program_box.lity_box .program_hd_area.orange .num {
  margin-right: 30px;
}

.program_box.lity_box .program_hd_area.blue {
  margin-bottom: 36px;
  background-color: #199ED9;
}

.program_box.lity_box .program_hd_area.blue .num {
  margin-right: 30px;
}

.program_box.lity_box .program_hd_area.purple {
  margin-bottom: 26px;
  background-color: #6B3BA8;
}

.program_box.lity_box .program_hd_area.purple .num {
  margin-right: 30px;
}

.program_box.lity_box .mode_inner_box {
  max-width: 860px;
  padding: 0 10px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box {
    padding: 0 18px;
  }
}

@media only screen and (max-width: 376px) {
  .program_box.lity_box .mode_inner_box {
    padding: 0 10px;
  }
}

.program_box.lity_box .mode_inner_box .top_title {
  font-weight: 700;
  font-size: 2rem;
  line-height: calc(32/20);
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .top_title {
    font-size: 1.7rem;
    line-height: calc(25/17);
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .top_title.purple_txt {
    font-size: 1.5rem;
    line-height: calc(24/15);
  }
}

.program_box.lity_box .mode_inner_box .ac_block {
  display: block;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .ac_block {
    display: none;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .title {
  font-size: 2rem;
  font-weight: 700;
  color: #1C3385;
  text-align: center;
  background-image: repeating-linear-gradient(90deg, #c2c2c2, #c2c2c2 3px, transparent 3px, transparent 6px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  padding-top: 22px;
  margin-top: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .title {
    padding-top: 18px;
    margin-top: 22px;
    font-size: 1.6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .title .circle {
  background-color: #0368D9;
  font-size: 1.6rem;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 10px;
  border-radius: 5px;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .title .circle {
    margin-right: 0;
    margin-bottom: 4px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .title_icon {
  font-size: 2rem;
  font-weight: 700;
  color: #1C3385;
  text-align: center;
  line-height: 1.5;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .title_icon {
    font-size: 1.6rem;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .sub_title {
  font-size: 2rem;
  font-weight: 700;
  color: #1C3385;
  margin-bottom: 10px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .sub_title {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .lead {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
}

.program_box.lity_box .mode_inner_box .pop_content .lead span {
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .lead {
    font-size: 1.4rem;
    line-height: calc(24/14);
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block {
    margin-top: 16px;
    margin-left: -5px;
    margin-right: -5px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 14px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation {
    font-size: 1.2rem;
    margin-bottom: 8px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span img {
  display: block;
  height: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span:nth-of-type(1) {
  margin: 0 15px 0 10px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span:nth-of-type(1) {
    margin: 0 12px 0 6px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span:nth-of-type(1) img {
  width: 8px;
  margin-right: 10px;
  height: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block .explanation span:nth-of-type(2) img {
  width: 18px;
  margin-right: 8px;
  height: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li {
  width: 31.9%;
  margin-right: 18px;
  padding: 9px 12px 14px;
  border: 1px solid #C2C2C2;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li {
    width: 49%;
    margin-right: 6px;
    padding: 6px 6px 6px;
  }
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-child(even) {
    margin-right: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(3), .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(6) {
  margin-right: 0;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(3), .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(6) {
    margin-right: 6px;
  }
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(2), .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(4), .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(6) {
    margin-right: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:last-child {
  margin-right: 0;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li.pop_item_pink .annotation {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 190px;
  margin: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li.pop_item_pink .annotation .annotation1 {
  margin-right: 0;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li.pop_item_pink .annotation .annotation1 {
    margin-bottom: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(n + 4) {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(n + 4) {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li:nth-of-type(n + 3) {
    margin-top: 7px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li figure {
  margin: 0;
  padding: 0;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li figure img {
  width: 100%;
  height: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .pop_list_title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(22/16);
  text-align: center;
  margin-top: 8px;
  margin-bottom: 10px;
  min-height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .pop_list_title {
    min-height: 45px;
    font-size: 1.2rem;
    margin-top: 2px;
    line-height: calc(14/12);
    padding: 0 6px;
    margin-bottom: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 12px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation {
    margin-top: 2px;
    width: 100%;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation span {
  font-size: 1.3rem;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation span {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 389px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation span {
    font-size: 0.9rem;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation1 {
  margin-right: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation1 {
    margin-right: 8px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation1 img {
  width: 8px;
  display: block;
  height: auto;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation1 img {
    width: 5px;
    margin-right: 5px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation2 img {
  width: 18px;
  display: block;
  margin-right: 8px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_block ul li .annotation .annotation2 img {
    width: 11px;
    margin-right: 5px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_map_area {
    margin-top: 25px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .map_area {
  width: 100%;
  display: block;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .map_area img {
  width: 100%;
  height: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .map_area_C {
  max-width: 782px;
  margin: auto;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .txt_area {
  margin-top: 32px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_content .pop_map_area .txt_area {
    margin-top: 24px;
  }
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .txt_area strong {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 5px;
  display: block;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .txt_area p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
  margin-bottom: 10px;
}

.program_box.lity_box .mode_inner_box .pop_content .pop_map_area .txt_area ul li {
  font-size: 1.3rem;
  font-weight: 400;
  line-height: calc(20/13);
  color: #888888;
}

.program_box.lity_box .mode_inner_box .conditions {
  margin-top: 18px;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .conditions {
    font-size: 1.5rem;
    margin-top: 20px;
    margin-bottom: 14px;
  }
}

.program_box.lity_box .mode_inner_box .conditions strong {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 6px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .conditions strong {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}

.program_box.lity_box .mode_inner_box .conditions p {
  font-weight: 400;
  font-size: 1.6rem;
}

.program_box.lity_box .mode_inner_box .time_frame {
  margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .time_frame {
    margin-bottom: 8px;
  }
}

.program_box.lity_box .mode_inner_box .time_frame strong {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 6px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .time_frame strong {
    margin-bottom: 0;
    font-size: 1.5rem;
  }
}

.program_box.lity_box .mode_inner_box .time_frame ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .time_frame ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.program_box.lity_box .mode_inner_box .time_frame ul li {
  font-size: 1.6rem;
  font-weight: 400;
  margin-right: 14px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .time_frame ul li {
    width: 42%;
    margin-right: 0;
    line-height: calc(26/16);
  }
}

.program_box.lity_box .mode_inner_box .time_frame ul li:last-child {
  margin-right: 0;
}

.program_box.lity_box .mode_inner_box .pop_day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 46px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day {
    display: block;
    margin-top: 34px;
    margin-left: -5px;
    margin-right: -5px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day {
  background-color: #E5EFFB;
  border-radius: 8px;
  padding: 76px 0px 23px;
  width: 48.58%;
  margin-bottom: 28px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day {
    width: 100%;
    padding: 76px 0px 18px;
    margin-bottom: 44px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .circle {
  background-color: #0368D9;
  font-size: 1.8rem;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 2px;
  margin: -94px auto 14px;
  width: 217px;
  height: 40px;
  border-radius: 20px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .circle {
    height: 36px;
    font-size: 1.6rem;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_title {
  padding: 0 24px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_title {
    padding: 0 20px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_title span {
  font-size: 1.8rem;
  font-weight: 700;
  text-indent: -22px;
  padding-left: 18px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_title span {
    font-size: 1.7rem;
    line-height: calc(25/17);
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area {
  background-image: repeating-linear-gradient(90deg, #c2c2c2, #c2c2c2 3px, transparent 3px, transparent 6px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 2px;
  margin-top: 14px;
  padding: 14px 24px 0;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area {
    margin-top: 12px;
    padding: 12px 22px 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .conditions {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .conditions {
    margin-bottom: 4px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .conditions strong {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .conditions strong {
    margin-bottom: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .conditions p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame {
  margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame {
    margin-bottom: 0px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame strong {
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 4px;
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame ul {
  display: block;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame ul {
    margin-bottom: 6px;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame ul li {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0;
  color: #333333;
  margin-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame ul li {
    width: 100%;
    margin-bottom: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area .time_frame ul li:last-child {
  margin-bottom: 0;
}

.program_box.lity_box .mode_inner_box .pop_day .day .day_txt_area ul li {
  font-size: 1.3rem;
  font-weight: 400;
  color: #888888;
  line-height: calc(20/13);
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day:last-child {
    margin-bottom: 0;
  }
}

.program_box.lity_box .mode_inner_box .pop_day .day01 {
  position: relative;
}

.program_box.lity_box .mode_inner_box .pop_day .day01::after {
  content: '';
  display: block;
  width: 42px;
  height: 42px;
  background: url(../images/index/icon_mode_plus.png) no-repeat center;
  background-size: cover;
  position: absolute;
  bottom: 48%;
  left: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 196px;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .pop_day .day01::after {
    left: 50%;
    width: 30px;
    height: 30px;
    margin-left: 0px;
    bottom: -34px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.program_box.lity_box .mode_inner_box .sp_txt {
  display: none;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .sp_txt {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: calc(24/16);
    margin-top: 10px;
    margin-bottom: 24px;
  }
}

.program_box.lity_box .mode_inner_box .come ul li {
  font-size: 1.3rem;
  font-weight: 400;
  color: #888888;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_inner_box .come ul li {
    line-height: calc(20/13);
  }
}

.program_box.lity_box .mode_btn {
  display: none;
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 196px;
    height: 40px;
    border-radius: 20px;
    border: 2px solid #0368D9;
    margin: 0 auto;
    position: relative;
  }
  .program_box.lity_box .mode_btn::after {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/index/icon_close.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 12px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

.program_box.lity_box .mode_btn.is-txt::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
}

@media only screen and (max-width: 767px) {
  .program_box.lity_box .mode_btn span {
    font-size: 1.5rem;
    font-weight: 600;
    color: #0368D9;
    display: block;
    padding-right: 12px;
  }
}

/*---------------------------------------------
// // // // // // // // // // // 
// PC用のモデルコース
// // // // // // // // // // // 
--------------------------------------------*/
.lity_box.program_box02 {
  border-radius: 12px;
  max-width: 1100px;
  width: 1100px;
  padding: 0 0 0px 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 {
    max-width: 100%;
    padding: 0;
    border-radius: 0;
  }
}

.lity_box.program_box02 .inner {
  max-width: none;
}

.lity_box.program_box02 .inner .model_course .model_title {
  font-size: 2.4rem;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 2rem;
  text-align: center;
}

.lity_box.program_box02 .inner .model_course .model_title .in {
  position: relative;
  display: inline-block;
}

.lity_box.program_box02 .inner .model_course .model_title .in:before, .lity_box.program_box02 .inner .model_course .model_title .in:after {
  content: "";
  display: block;
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  bottom: 0;
  background: #1C3385;
  height: 35px;
  width: 2px;
}

.lity_box.program_box02 .inner .model_course .model_title .in:before {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  left: 0;
}

.lity_box.program_box02 .inner .model_course .model_title .in:after {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  right: 0;
}

.lity_box.program_box02 .inner .model_course .model_title .in .color {
  font-size: 2.4rem;
}

.lity_box.program_box02 .inner .model_course .model_title.lines_2 {
  margin-bottom: 30px;
}

.lity_box.program_box02 .inner .model_course .model_title.lines_2 .in {
  line-height: 1.4;
  display: inline-block;
}

.lity_box.program_box02 .inner .model_course .model_title.lines_2 .in:before {
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
  left: 0;
  height: 74px;
  bottom: -14px;
}

.lity_box.program_box02 .inner .model_course .model_title.lines_2 .in:after {
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
  right: 0;
  height: 74px;
  bottom: -14px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .hd {
  text-align: center;
  color: #1C3385;
  font-weight: 700;
  font-size: 1.6rem;
  background: #F0F0F0;
  padding: 9px 10px;
  margin-bottom: 25px;
  line-height: 1.3;
}

.lity_box.program_box02 .inner .model_course .course_wrap .hd .kome {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  color: #222;
  margin-top: 5px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .hd_day {
  text-align: center;
  font-weight: 700;
  width: 155px;
  height: 32px;
  background: #0368D9;
  border-radius: 50px;
  padding: 10px 20px 12px;
  margin: 0 auto 20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  font-weight: 600;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line + .hd_day {
  margin-top: 20px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 0;
  color: #1C3385;
  font-weight: 700;
  padding-bottom: 20px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li.pb0 {
  padding-bottom: 0;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #1C3385;
  position: absolute;
  left: 18px;
  top: 3px;
  z-index: -1;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li:last-child {
  padding-bottom: 0;
  background-attachment: #f00;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li:last-child::before {
  display: none;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li.end {
  background: #1C3385;
  padding: 15px 15px;
  border-radius: 50px;
  display: block;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li.end:before {
  height: 50%;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line > li.end .txt {
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  font-weight: 700;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .time {
  background: #fff;
  line-height: 1;
  padding: 4px 0;
  width: 105px;
  font-size: 2rem;
  font-family: "Inter", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
  font-weight: 400;
  font-weight: 700;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area {
  width: calc(100% - 105px);
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .txt + * {
  margin-top: 20px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .txt {
  font-size: 1.8rem;
  line-height: 1.64706;
  margin-top: -2px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .kome {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.73333;
  margin-top: 0 !important;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .kome li {
  text-indent: -1em;
  padding-left: 1em;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .kome li + li {
  text-indent: 10px;
  padding-left: 4px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .inner_kome {
  font-size: 1.4rem;
  line-height: 1.85714;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .middle_txt {
  margin-bottom: 8px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .middle_txt p {
  color: #1C3385;
  font-size: 1.7rem;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .balloon_txt {
  text-align: center;
  background: #0368D9;
  color: #fff;
  border-radius: 3px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 3px 15px;
  margin-bottom: 18px;
  position: relative;
  z-index: 0;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .balloon_txt:after {
  content: "";
  display: block;
  background: url(../images/index/balloon01.png) no-repeat;
  background-size: 100% auto;
  width: 16px;
  height: 17px;
  position: absolute;
  right: 52px;
  bottom: -11px;
  z-index: -1;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .balloon_txt .txt {
  font-size: 1.6rem;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .read_txt {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 400;
  width: 100%;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .box_inner_title {
  margin: 4px 0 14px;
  font-size: 1.8rem;
  line-height: 1.55556;
  width: 100%;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .box_inner_title.mtp0 {
  margin: 0px 0 14px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area {
  text-align: center;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area .img {
  line-height: 1;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area img {
  max-width: 100%;
  height: auto;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area .caption {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 5px;
  color: #1C3385;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area {
  padding-right: 25px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area .txt {
  font-size: 1.7rem;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area .inner_txt span {
  font-size: 1.6rem;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box_inner + .box_inner {
  margin-top: 18px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box .ttl {
  text-align: center;
  background: #F33B98;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  padding: 4px 10px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box .box_inner {
  padding: 10px 25px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box .box_inner.pt0 {
  padding-top: 0;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box .img_area {
  width: 180px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box .img_area + .box_txt_area {
  width: calc(100% - 180px);
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box02 .img_area {
  width: 193px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .time_line .txt_area .box02 .img_area + .box_txt_area {
  width: calc(100% - 193px);
}

.lity_box.program_box02 .inner .model_course .course_wrap .course_info {
  margin-top: 20px;
}

.lity_box.program_box02 .inner .model_course .course_wrap .course_info li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 1.3rem;
  color: #707070;
}

.lity_box.program_box02 .inner .plan_btn_area {
  margin-top: 48px;
  padding: 28px 0;
  background-color: #0368D9;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area {
    display: block;
    padding: 0;
    margin-top: 20px;
    padding: 16px 16px 16px;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 868px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul {
    display: block;
    width: 100%;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li {
  height: 48px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li {
    height: 48px;
    width: 100%;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li:nth-last-of-type(2) {
  margin: 0 10px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li:nth-last-of-type(2) {
    margin: 10px 0;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  border: 2px solid #0368D9;
  border-radius: 24px;
  background-color: #fff;
  padding: 12px 15px 12px;
  position: relative;
  text-decoration: none;
}

.lity_box.program_box02 .inner .plan_btn_area ul li a::before, .lity_box.program_box02 .inner .plan_btn_area ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lity_box.program_box02 .inner .plan_btn_area ul li a::after {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 14px;
}

.lity_box.program_box02 .inner .plan_btn_area ul li a::before {
  width: 24px;
  height: 26px;
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
  left: 14px;
  top: 45%;
}

.lity_box.program_box02 .inner .plan_btn_area ul li a span {
  font-size: 1.6rem;
  color: #0368D9;
  font-weight: 600;
  display: block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li a span {
    width: 100%;
    margin-left: 32px;
    margin-buttom: 4px;
  }
}

@media only screen and (max-width: 389px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li a span {
    font-size: 1.4rem;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li.stay {
  width: 228px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li.stay {
    width: 100%;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li.stay a::before {
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
}

.lity_box.program_box02 .inner .plan_btn_area ul li.jr {
  width: 324px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li.jr {
    width: 100%;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li.jr a::before {
  background: url(../images/index/hotel_icon2.png) no-repeat center;
  background-size: cover;
}

.lity_box.program_box02 .inner .plan_btn_area ul li.air {
  width: 296px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .plan_btn_area ul li.air {
    width: 100%;
  }
}

.lity_box.program_box02 .inner .plan_btn_area ul li.air a::before {
  background: url(../images/index/hotel_icon3.png) no-repeat center;
  background-size: cover;
}

.lity_box.program_box02 .inner .caution_area {
  background-color: #FFEFEF;
  padding: 24px 0 25px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .caution_area {
    padding: 16px 0 18px;
  }
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner {
  max-width: 860px;
  margin: auto;
  padding: 0 10px;
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 6px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .caution_area .caution_area_inner p {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner p img {
  width: 32px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .caution_area .caution_area_inner p img {
    width: 24px;
    margin-top: 2px;
  }
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner p span {
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 2px;
  margin-left: 8px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .caution_area .caution_area_inner p span {
    font-size: 1.4rem;
    line-height: calc(22/14);
  }
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner .caution_area .caution_area_inner ul {
    display: block;
  }
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner ul li {
  font-size: 1.5rem;
  font-weight: 400;
  margin-right: 40px;
}

.lity_box.program_box02 .inner .caution_area .caution_area_inner ul li:last-child {
  margin-right: 0;
}

/*---------------------------------------------------------------
// A「スーパー・ニンテンドー・ワールド™」エリア入場特約券付プラン(pc)
--------------------------------------------------------------*/
#mode_card_a.lity_box.program_box02 .time_line > li:nth-of-type(5) .box_inner .img_area {
  width: 180px;
}

/*---------------------------------------------------------------
// B パークよくばりプラン(pc)
--------------------------------------------------------------*/
#mode_card_b.lity_box.program_box02 .time_line > li .txt_area .box_inner .box_inner_title {
  margin: 0px 0 14px;
}

/*---------------------------------------------------------------
// C 「スーパー・ニンテンドー・ワールド™」エリア大満喫！プラン(pc)
--------------------------------------------------------------*/
/*---------------------------------------------------------------
// D パーク2日間よくばりスペシャルプラン(pc)
--------------------------------------------------------------*/
#mode_card_d.lity_box.program_box02 .time_line > li .txt_area .box_inner .box_inner_title {
  margin: 0px 0 14px;
}

/*---------------------------------------------------------------
// E シンプルプラン(pc)
--------------------------------------------------------------*/
/*---------------------------------------------
// // // // // // // // // // // 
// SP用のモデルコース
// // // // // // // // // // // 
--------------------------------------------*/
@media only screen and (max-width: 767px) {
  .is-open.lity_box {
    max-height: none !important;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner {
    margin-top: 32px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box {
    padding: 0 8px;
    padding: 0 13px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box {
    width: 100%;
    padding: 0px 0px 18px;
    border-radius: 10px;
    background: #fff;
    font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic, "游ゴシック体", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
    font-weight: 400;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title {
    text-align: center;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    line-height: 1.4;
    width: 100%;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in {
    display: inline-block;
    padding: 0 20px;
    position: relative;
    color: #1C3385;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in .color {
    font-size: 1.7rem;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in:before, #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in:after {
    content: "";
    display: block;
    width: 2px;
    height: 40px;
    background: #1C3385;
    position: absolute;
    bottom: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in:before {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in:after {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    right: 0;
  }
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .model_title .in br.spCont {
    display: inline-block !important;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .hd {
    text-align: center;
    color: #1C3385;
    font-weight: 700;
    font-size: 1.4rem;
    background: #F0F0F0;
    padding: 9px 10px;
    margin-bottom: 12px;
    line-height: 1.3;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .hd .kome {
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    color: #222;
    margin-top: 5px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .hd_day {
    text-align: center;
    font-weight: 700;
    width: 101px;
    height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0368D9;
    border-radius: 50px;
    padding: 2px 10px 4px;
    margin: 0 auto 20px;
    margin-bottom: 10px;
    font-size: 1.8rem;
    color: #fff;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line + .hd_day {
    margin-top: 20px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 0;
    color: #1C3385;
    font-weight: 700;
    padding-bottom: 18px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li.pb0 {
    padding-bottom: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li:before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: #1C3385;
    position: absolute;
    left: 10px;
    top: 3px;
    z-index: -1;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li:last-child::before {
    display: none;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li.end {
    background: #1C3385;
    padding: 8px 15px;
    border-radius: 50px;
    display: block;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li.end:before {
    height: 50%;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line > li.end .txt {
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    margin-top: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .time {
    background: #fff;
    line-height: 1;
    padding: 4px 0;
    width: 53px;
    font-size: 1.6rem;
    font-family: "Inter", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic Medium", "游ゴシック Medium", "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", Meiryo, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    font-weight: 700;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area {
    width: calc(100% - 53px);
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area.pt0 {
    padding-top: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .txt + * {
    margin-top: 10px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .txt {
    font-size: 1.7rem;
    line-height: calc(18 / 15);
    text-align: left;
    margin-top: 1px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_txt_area {
    padding-right: 10px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_txt_area .txt {
    font-size: 1.5rem;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .kome {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: calc(16/12);
    line-height: 1.5;
    margin-top: 0 !important;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .kome li {
    text-indent: -1em;
    padding-left: 1em;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .kome li + li {
    text-indent: 10px;
    padding-left: 4px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .middle_txt {
    margin-bottom: 8px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .middle_txt p {
    color: #1C3385;
    font-size: 1.5rem;
    line-height: 1.5;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .balloon_txt {
    background: #0368D9;
    color: #fff;
    border-radius: 3px;
    font-size: 1.3rem;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 18px;
    position: relative;
    line-height: 1.38462;
    z-index: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .balloon_txt:after {
    content: "";
    display: block;
    background: url(../images/index/balloon01.png) no-repeat;
    background-size: 100% auto;
    width: 16px;
    height: 17px;
    position: absolute;
    right: 32px;
    bottom: -11px;
    z-index: -1;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .balloon_txt .txt {
    font-size: 1.4rem;
    text-align: center !important;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .balloon_txt .in_txt {
    font-size: 1.5rem;
    line-height: calc(20/15);
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-top: 3px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .read_txt {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 0 10px;
    width: 100%;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area {
    text-align: center;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area .img {
    line-height: 1;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area img {
    max-width: 100%;
    height: auto;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area .caption {
    font-size: 1rem;
    line-height: 1.3;
    margin-top: 5px;
    color: #222;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area {
    padding-right: 10px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area .inner_txt {
    font-size: 1.6rem;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner .img_area + .box_txt_area .inner_txt span {
    font-size: 1.4rem;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box_inner + .box_inner {
    margin-top: 8px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .ttl {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: calc(18/16);
    font-weight: 700;
    padding: 4px 10px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .txt {
    font-size: 1.4rem;
    line-height: calc(22 / 15);
    text-align: left;
    margin-top: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_inner {
    padding: 10px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_inner.pt0 {
    padding-top: 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_inner_title {
    margin: 3px 0 10px;
    font-size: 1.6rem;
    line-height: calc(23 / 18);
    width: 100%;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .img_area {
    width: 110px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .img_area + .box_txt_area {
    width: calc(100% - 110px);
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 {
    width: 100% !important;
    padding-right: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 .catch {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 5px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    color: #1C3385;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 .txt:not(.catch) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 .img_area {
    width: 110px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    color: #1C3385;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 .img_area .caption {
    color: #1C3385;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .box_txt_area02 .img_area + .txt {
    width: calc(100% - 110px);
    padding-right: 12px;
    line-height: calc(22/15);
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box02 .img_area {
    width: 110px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box02 .img_area + .box_txt_area {
    width: calc(100% - 110px);
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .course_info {
    margin-top: 20px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .course_wrap .course_info li {
    text-indent: -1em;
    padding-left: 1em;
    color: #333333;
    font-size: 1.2rem;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .mode_inner_close_btn {
    width: 150px;
    height: 40px;
    border: 2px solid #0368D9;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    position: relative;
    color: #0368D9;
    font-weight: 600;
    margin: 32px auto 0;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .mode_inner_close_btn span {
    font-size: 1.5rem;
    font-weight: 600;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner .mode_inner_box .moder_inner_box .model_course .mode_inner_close_btn::after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    background: url(../images/index/icon_close02.png) no-repeat center;
    background-size: cover;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

.lity_box.program_box02.program_box03 {
  max-width: 1000px;
}

/*---------------------------------------------------------------
// // // // // // // // // // // 
// A「スーパー・ニンテンドー・ワールド™」エリア入場特約券付プラン(sp)
// // // // // // // // // // // 
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 #mode_card_a.lity_box.program_box02 .time_line > li:nth-of-type(5) .img_area {
    width: 100px;
  }
  #usj .introduction .innerWrap .modal_trigger2 #mode_card_a.lity_box.program_box02 .time_line > li:nth-of-type(5) .box_txt_area {
    width: calc(100% - 106px);
    padding-right: 12px;
  }
  #usj .introduction .innerWrap .modal_trigger2 #mode_card_a.lity_box.program_box02 .time_line > li:nth-of-type(5) .box_txt_area .txt.inner_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

/*------------------------------
lityカラー(PC)
------------------------------*/
.lity_box.program_box02 {
  /*----緑----*/
  /*ピンク*/
  /*オレンジ*/
  /*青*/
  /*紫*/
}

.lity_box.program_box02 .program_hd.green {
  margin-bottom: 29px;
  background-color: #0F953C;
}

.lity_box.program_box02 .program_hd.green .num {
  margin-right: 44px;
}

.lity_box.program_box02 .inner.green {
  padding: 40px 0 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.green {
    padding: 0;
  }
}

.lity_box.program_box02 .inner.green .model_title .in {
  padding: 0 32px;
  color: #1C3385;
}

.lity_box.program_box02 .inner.green .model_title .in .color {
  color: #0F953C;
}

.lity_box.program_box02 .inner.green .course_wrap .time_line .txt_area .box {
  background: #DCF3E3;
}

.lity_box.program_box02 .inner.green .course_wrap .time_line .txt_area .box .ttl {
  background: #0F953C;
}

.lity_box.program_box02 .inner.pink {
  padding: 42px 0 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.pink {
    padding: 0;
  }
}

.lity_box.program_box02 .inner.pink .model_title .in {
  color: #1C3385;
  padding: 0 36px;
}

.lity_box.program_box02 .inner.pink .model_title .in .color {
  color: #F33B98;
}

.lity_box.program_box02 .inner.pink .course_wrap .time_line .txt_area .box {
  background: #FFE8F5;
}

.lity_box.program_box02 .inner.pink .course_wrap .time_line .txt_area .box .ttl {
  background: #F33B98;
}

.lity_box.program_box02 .inner.orange {
  padding: 42px 0 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.orange {
    padding: 0;
  }
}

.lity_box.program_box02 .inner.orange .model_title .in {
  color: #1C3385;
  padding: 0 80px;
}

.lity_box.program_box02 .inner.orange .model_title .in .color {
  color: #F46027;
}

.lity_box.program_box02 .inner.orange .course_wrap .time_line .txt_area .box {
  background: #FFF7EE;
}

.lity_box.program_box02 .inner.orange .course_wrap .time_line .txt_area .box .ttl {
  background: #F66A16;
}

.lity_box.program_box02 .inner.blue {
  padding: 42px 0 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.blue {
    padding: 0;
  }
}

.lity_box.program_box02 .inner.blue .model_title {
  width: 516px;
  margin: 0 auto 30px;
}

.lity_box.program_box02 .inner.blue .model_title .in {
  color: #1C3385;
  padding: 0 20px;
}

.lity_box.program_box02 .inner.blue .model_title .in .color {
  color: #199ED9;
}

.lity_box.program_box02 .inner.blue .course_wrap .time_line .txt_area .box {
  background: #E2F1FF;
}

.lity_box.program_box02 .inner.blue .course_wrap .time_line .txt_area .box .ttl {
  background: #0368D9;
}

.lity_box.program_box02 .inner.purple {
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.purple .ac_block {
    display: block;
  }
  .lity_box.program_box02 .inner.purple .ac_block .course_info {
    margin-top: 10px;
  }
  .lity_box.program_box02 .inner.purple .ac_block .course_info li {
    font-size: 1.3rem;
  }
}

.lity_box.program_box02 .inner.purple .plan_btn_area {
  margin-top: 36px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner.purple .plan_btn_area {
    margin-top: 20px;
  }
}

.lity_box.program_box02 .inner.purple .plan_hd .txt_area .period {
  background: #C9B9DC;
}

.lity_box.program_box02 .inner.purple .plan_hd .txt_area .period dd {
  color: #6B3BA8;
}

.lity_box.program_box02 .inner.purple .hd05 .in .color {
  color: #6B3BA8;
}

.lity_box.program_box02 .inner.purple .course_wrap .time_line .txt_area .box {
  background: #C9B9DC;
}

.lity_box.program_box02 .inner.purple .course_wrap .time_line .txt_area .box .ttl {
  background: #6B3BA8;
}

/*------------------------------
lityカラー(sp)
------------------------------*/
@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.green .mode_inner_box .moder_inner_box .model_course .model_title .in {
    padding: 0 22px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.green .mode_inner_box .moder_inner_box .model_course .model_title .in .color {
    color: #0F953C;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.green .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box {
    background: #DCF3E3;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.green .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .ttl {
    background: #0F953C;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.pink .mode_inner_box .moder_inner_box .model_course .model_title .in {
    color: #1C3385;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.pink .mode_inner_box .moder_inner_box .model_course .model_title .in .color {
    color: #F33B98;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.pink .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box {
    background: #FFE8F5;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.pink .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .ttl {
    background: #F33B98;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.orange .mode_inner_box .moder_inner_box .model_course .model_title .in {
    color: #1C3385;
    padding: 0 38px;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.orange .mode_inner_box .moder_inner_box .model_course .model_title .in .color {
    color: #F46027;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.orange .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box {
    background: #FFF7EE;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.orange .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .ttl {
    background: #F66A16;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .model_title {
    margin-bottom: 42px;
  }
}

@media only screen and (max-width: 767px) and (min-width: 406px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .model_title {
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .model_title .in {
    max-height: 45px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 365px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .model_title .in {
    padding: 0 17px;
  }
}

@media only screen and (max-width: 767px) {
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .model_title .in .color {
    color: #199ED9;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box {
    background: #E2F1FF;
  }
  #usj .introduction .innerWrap .modal_trigger2 .lity_box.program_box02 .inner.blue .mode_inner_box .moder_inner_box .model_course .course_wrap .time_line .txt_area .box .ttl {
    background: #0368D9;
  }
}

/*-----------------------------------------------
JTBラウンジ ユニバーサル&エクスプレス・パス (lity)
-----------------------------------------------*/
/* ━━共通━━ */
.attention {
  background-color: #E5EFFB;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 17px 20px;
  margin-top: 14px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .attention {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 11px 14px;
    margin-bottom: 26px;
  }
}

.attention img {
  width: 30px;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .attention img {
    width: 24px;
  }
}

.attention p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
  margin-left: 14px;
}

@media only screen and (max-width: 767px) {
  .attention p {
    font-size: 1.4rem;
    line-height: calc(24/14);
    margin-left: 10px;
  }
}

.program_box01.lity_box {
  padding: 39px 130px 42px;
  width: 1100px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box {
    width: 100%;
    padding: 32px 20px 34px;
    max-height: calc(100vh - 100px) !important;
    border-radius: 10px;
  }
}

.program_box01.lity_box .inner {
  max-width: 840px;
  padding: 0;
  /* ━━express lityのみ━━ */
}

.program_box01.lity_box .inner .hd02 {
  font-size: 2.8rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .hd02 {
    font-size: 2rem;
    padding-bottom: 14px;
  }
}

.program_box01.lity_box .inner .hd02::after {
  content: "";
  display: block;
  width: 136px;
  height: 4px;
  background-color: #1C3385;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.program_box01.lity_box .inner .lead {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lead {
    margin-top: 24px;
  }
}

.program_box01.lity_box .inner .slide_area {
  max-width: 700px;
  margin: 0 auto 90px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .slide_area {
    margin: 0 auto 68px;
  }
}

.program_box01.lity_box .inner .slide_area .slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.program_box01.lity_box .inner .slide_area .slider li {
  width: 700px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .slide_area .slider li {
    width: calc(100vw - 60px);
  }
}

.program_box01.lity_box .inner .slide_area .slider li figure {
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
}

.program_box01.lity_box .inner .slide_area .slider li figure img {
  width: 100%;
  border-radius: 12px;
  height: auto;
}

.program_box01.lity_box .inner .slide_area .slider li figure figcaption {
  font-style: 1.2rem;
  font-weight: 400;
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: -10px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .slide_area .slider .slick-dots {
    bottom: -22px;
  }
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #0368D9;
  background-color: #fff;
  margin-left: 12px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .slide_area .slider .slick-dots li {
    width: 10px;
    height: 10px;
    margin-left: 8px;
  }
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots li:last-child {
  margin-right: 0;
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  border-radius: 50%;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots li button::before {
  display: none;
}

.program_box01.lity_box .inner .slide_area .slider .slick-dots li.slick-active button {
  background: #0368D9;
}

.program_box01.lity_box .inner .lounge_box {
  margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box {
    margin-bottom: 26px;
  }
}

.program_box01.lity_box .inner .lounge_box:last-child {
  margin-bottom: 0;
}

.program_box01.lity_box .inner .lounge_box .lounge_inner_title {
  font-size: 2.4rem;
  font-weight: 900;
  color: #1C3385;
  margin-bottom: 25px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .lounge_inner_title {
    font-size: 1.8rem;
    margin-bottom: 16px;
  }
}

.program_box01.lity_box .inner .lounge_box .lounge_inner_title .inner_box .jtb_ico {
  background: #e50213;
  padding: 2px 11px 4px;
  border-radius: 5px;
  color: #fff;
  font-size: 1.9rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .05em;
  margin-top: -5px;
  font-size: 19px;
}

.program_box01.lity_box .inner .lounge_box .lounge_inner_title .inner_box .jtb_ico.jtb_ico.color02 {
  background: #f78001;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .lounge_inner_title .inner_box .jtb_ico {
    padding: 3px 10px 5px;
    border-radius: 3px;
    font-size: 1.5rem;
    margin: 0 3px 5px;
  }
}

.program_box01.lity_box .inner .lounge_box .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block {
    display: block;
  }
}

.program_box01.lity_box .inner .lounge_box .block .img_area {
  width: 350px;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .img_area {
    width: 100%;
    margin-bottom: 12px;
    margin-right: 0;
  }
}

.program_box01.lity_box .inner .lounge_box .block .img_area figure {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .img_area figure {
    width: 233px;
    margin: auto;
  }
}

.program_box01.lity_box .inner .lounge_box .block .img_area figure img {
  width: 100%;
  border-radius: 12px;
  height: auto;
}

.program_box01.lity_box .inner .lounge_box .block .img_area figure figcaption {
  font-size: 1.2rem;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .img_area figure figcaption {
    text-align: center;
  }
}

.program_box01.lity_box .inner .lounge_box .block .img_area picture {
  display: block;
  width: 100%;
}

.program_box01.lity_box .inner .lounge_box .block .img_area picture img {
  width: 100%;
  border-radius: 12px;
  height: auto;
}

.program_box01.lity_box .inner .lounge_box .block .txt_area {
  width: 450px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .txt_area {
    width: 100%;
  }
}

.program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box strong {
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 5px;
  display: block;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box strong {
    font-size: 1.5rem;
    margin-bottom: 2px;
  }
}

.program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box ul li {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(28/16);
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box ul li {
    font-size: 1.5rem;
    line-height: calc(24/15);
  }
}

.program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box:last-child {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box .block .txt_area .txt_box:last-child {
    margin-top: 10px;
  }
}

.program_box01.lity_box .inner .lounge_box .block .txt_area .bottom_list {
  margin-top: 14px;
  font-size: 1.3rem;
  line-height: calc(20/13);
  color: #888888;
}

.program_box01.lity_box .inner .lounge_box.lounge_Private_room {
  background: #FFF6E9;
  padding: 40px 40px 0px;
  border-radius: 12px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room {
    margin-bottom: 30px;
    padding: 30px 20px 6px;
  }
}

@media only screen and (max-width: 767px) and (max-width: 375px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room {
    padding: 28px 16px 4px;
  }
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room .img_area {
    margin-bottom: 12px;
  }
}

.program_box01.lity_box .inner .lounge_box.lounge_Private_room .lounge_inner_title .inner_box {
  display: block;
}

.program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(26/16);
}

.program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area > p {
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area > p {
    margin-bottom: 10px;
  }
}

.program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area .txt_box:nth-of-type(2) {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area .txt_box:nth-of-type(2) {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room .txt_area .attention p {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_Private_room .attention p {
    font-size: 1.4rem;
  }
}

.program_box01.lity_box .inner .lounge_box.lounge_place .txt_area .txt_box:nth-of-type(2) {
  margin-top: 16px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .lounge_box.lounge_place .txt_area .txt_box:nth-of-type(2) {
    margin-top: 8px;
  }
}

.program_box01.lity_box .inner .course_info {
  margin-top: 40px;
  padding-top: 40px;
  background-image: repeating-linear-gradient(90deg, #C2C2C2, #C2C2C2 4px, transparent 4px, transparent 7px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 100% 1px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .course_info {
    margin-top: 0px;
    padding-top: 26px;
  }
}

.program_box01.lity_box .inner .course_info li {
  font-size: 1.3rem;
  color: #707070;
  line-height: calc(20/13);
}

.program_box01.lity_box .inner .express_content .express_box .express_top figure {
  width: 360px;
  display: block;
  padding: 0;
  margin: 0 auto 40px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top figure {
    margin: 0 auto 24px;
    width: 240px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top figure img {
  width: 100%;
  height: auto;
}

.program_box01.lity_box .inner .express_content .express_box .express_top .express_title {
  font-size: 2.4rem;
  font-weight: 900;
  color: #1C3385;
  line-height: calc(26/24);
  margin-bottom: 32px;
  display: block;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .express_title {
    font-size: 1.8rem;
    padding: 0 14px;
    line-height: calc(25/18);
    margin-bottom: 14px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top .express_sub_title {
  width: 100%;
  height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  border: 1px solid #C2C2C2;
  margin-bottom: 23px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .express_sub_title {
    margin-bottom: 16px;
    height: 64px;
    padding: 0 18px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top .express_sub_title p {
  font-size: 1.8rem;
  font-weight: 900;
  color: #1C3385;
  line-height: calc(24/18);
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .express_sub_title p {
    font-size: 1.6rem;
    line-height: calc(24/16);
    text-align: center;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top p {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: calc(28/16);
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top p {
    margin-bottom: 4px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top span {
  font-size: 1.3rem;
  font-weight: 400;
  color: #888888;
  line-height: calc(20/13);
}

.program_box01.lity_box .inner .express_content .express_box .express_top .txt_list {
  margin-bottom: 26px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .txt_list {
    margin-bottom: 24px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px dashed #F69516;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li {
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li:last-child {
  margin-bottom: 0;
}

.program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li .num {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F3A237;
  color: #fff;
  font-family: 'Inter';
  margin-right: 26px;
  font-weight: 700;
  font-size: 1.7rem;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li .num {
    width: 24px;
    height: 24px;
    font-size: 1.4rem;
    margin-right: 12px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li .txt {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: calc(30/18);
  width: 782px;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .express_top .txt_list li .txt {
    width: 294px;
    font-size: 1.6rem;
    line-height: calc(24/16);
  }
}

.program_box01.lity_box .inner .express_content .express_box .img_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.program_box01.lity_box .inner .express_content .express_box .img_list li {
  width: 48.8%;
  border: 1px solid #C2C2C2;
  padding: 15px 15px 12px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .img_list li {
    padding: 6px;
  }
}

.program_box01.lity_box .inner .express_content .express_box .img_list li:nth-of-type(n + 3) {
  margin-top: 23px;
}

.program_box01.lity_box .inner .express_content .express_box .img_list li img {
  width: 100%;
  height: auto;
}

.program_box01.lity_box .inner .express_content .express_box .img_list li span {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: calc(24/16);
  display: block;
  margin-top: 8px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box .img_list li span {
    font-size: 1.2rem;
    line-height: calc(15/12);
  }
}

.program_box01.lity_box .inner .express_content .express_box:nth-of-type(1) .img_list li:first-child span {
  margin-top: 22px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box:nth-of-type(1) .img_list li:first-child span {
    margin-top: 8px;
  }
}

.program_box01.lity_box .inner .express_content .express_box:nth-of-type(2) {
  margin-top: 48px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box .inner .express_content .express_box:nth-of-type(2) {
    margin-top: 28px;
    margin-bottom: 24px;
  }
}

.program_box01.lity_box .inner .express_content .express_box:nth-of-type(2) .img_list {
  margin-top: 18px;
}

.program_box01.lity_box .inner .express_content .course_info {
  margin-bottom: 36px;
  background-image: repeating-linear-gradient(90deg, #C2C2C2, #C2C2C2 4px, transparent 4px, transparent 7px);
}

.program_box01.lity_box .inner .express_content .course_info li {
  text-indent: 0;
  padding-left: 0;
}

.program_box01.lity_box .inner .express_content .bottom_txt {
  text-align: right;
  font-size: 1.3rem;
  font-weight: 400;
  color: #888888;
}

.program_box01.lity_box#express_popup01 .top_txt {
  position: relative;
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
  color: #0368D9;
  width: 180px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box#express_popup01 .top_txt {
    font-size: 1.6rem;
    width: 164px;
  }
}

.program_box01.lity_box#express_popup01 .top_txt::before, .program_box01.lity_box#express_popup01 .top_txt::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 2px;
  background-color: #0368D9;
  top: 50%;
  position: absolute;
}

.program_box01.lity_box#express_popup01 .top_txt::before {
  right: 0;
  -webkit-transform: translateY(-50%) rotate(-65deg);
  transform: translateY(-50%) rotate(-65deg);
}

.program_box01.lity_box#express_popup01 .top_txt::after {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(65deg);
  transform: translateY(-50%) rotate(65deg);
}

@media only screen and (max-width: 389px) {
  .program_box01.lity_box#express_popup01 .hd02 {
    -webkit-font-feature-settings: 'palt';
    font-feature-settings: 'palt';
    letter-spacing: 0.04em;
  }
}

.program_box01.lity_box#express_popup01 .course_info li {
  margin-bottom: 4px;
}

@media only screen and (max-width: 767px) {
  .program_box01.lity_box#express_popup01 .course_info li {
    margin-bottom: 6px;
  }
}

.program_box01.lity_box#express_popup01 .course_info li:last-child {
  margin-bottom: 0;
}

/*- 7月16日からの詳細を見るスライド-*/
#lounge_popup02.program_box01.lity_box .slide_area {
  max-width: 700px;
  margin: 0 auto 80px;
}

@media only screen and (max-width: 767px) {
  #lounge_popup02.program_box01.lity_box .slide_area {
    margin: 0 auto 58px;
  }
}

/*------------------------------
lity closeボタン
------------------------------*/
.program_box01 .mode_close_btn, .program_box02 .mode_close_btn {
  width: 150px;
  height: 40px;
  border: 2px solid #0368D9;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  position: relative;
  color: #0368D9;
  font-weight: 600;
  margin: 32px auto 0;
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .program_box01 .mode_close_btn, .program_box02 .mode_close_btn {
    display: none;
    margin: 14px auto 0;
  }
}

.program_box01 .mode_close_btn::after, .program_box02 .mode_close_btn::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background: url(../images/index/icon_close02.png) no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (max-width: 767px) {
  .program_box01 .mode_close_btn.express_close_btn, .program_box01 .mode_close_btn.lounge_close_btn, .program_box02 .mode_close_btn.express_close_btn, .program_box02 .mode_close_btn.lounge_close_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

/*---JTBラウンジ ユニバーサル&エクスプレス・パス（closeボタン）---*/
#express_popup01.program_box01 .mode_close_btn {
  margin: 12px auto 0;
}

@media only screen and (max-width: 767px) {
  #express_popup01.program_box01 .mode_close_btn {
    margin: 18px auto 0;
  }
}

/*---ボタンベース--**/
.btn_base {
  border: 2px solid #0368D9;
  border-radius: 50px;
  background-color: #fff;
  width: 150px;
  height: 40px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 20px 0px 15px;
  cursor: pointer;
  margin-right: auto;
  margin-left: auto;
  color: #0368D9;
}

.btn_base::before, .btn_base::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn_base > span {
  color: #0368D9;
  font-weight: 600;
  font-size: 1.5rem;
}

.btn_base > span span.inner_btn_txt {
  font-size: 1.6rem;
  display: block;
  font-weight: 600;
  color: #0368D9;
  margin-top: -4px;
}

@media only screen and (max-width: 767px) {
  .btn_base > span span.inner_btn_txt {
    font-size: 1.3rem;
    margin-top: 0;
  }
}

.btn_medium01 {
  width: 250px;
  height: 56px;
}

.btn_medium01 span.btn_txt {
  color: #0368D9;
  font-weight: 600;
}

.btn_medium01 span.btn_txt span.inner_btn_txt {
  font-size: 1.6rem;
  font-weight: 600;
  color: #0368D9;
}

.lity_box.program_box .main_img {
  text-align: center;
}

.lity_box.program_box .main_img img {
  max-width: 100%;
  height: auto;
}

.lity_box .hd02.mincho {
  background: #254580;
  color: #fff;
  font-size: 3rem;
  line-height: 1.5;
  text-align: center;
  padding: 15px 15px;
  margin-bottom: 25px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .lity_box .hd02.mincho {
    font-size: 2rem;
    line-height: 1.3;
    padding: 7px 10px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .lity_box .hd02.mincho {
    font-size: 1.8rem;
  }
}

/*---------------------------------------------
  // // // // // // // // // // // 
  // 星野リゾートのポップアップ-
  // // // // // // // // // // // 
  --------------------------------------------*/
#omo7_popup .logo_hosino {
  width: 180px;
  margin: 0 auto 20px;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .logo_hosino {
    max-width: 140px;
  }
}

#omo7_popup .logo_hosino img {
  display: block;
  width: 100%;
  height: auto;
}

#omo7_popup .hd02,
#omo7_popup .info_area02 .ttl {
  background: #f8db4a;
  color: #333;
}

#omo7_popup .info_area02 {
  border-color: #f8db4a;
}

#omo7_popup .catch {
  background: #fffbe8;
  color: #333;
  padding: 30px;
  border-radius: 10px;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .catch {
    font-size: 1.5rem;
    padding: 20px;
  }
}

#omo7_popup .info_area03 {
  text-align: center;
  padding: 25px 15px;
  margin-bottom: -15px;
  background: #fffbe8;
  border-radius: 10px;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .info_area03 {
    padding: 20px 15px;
    margin-bottom: -10px;
  }
}

#omo7_popup .info_area03 .ttl {
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .info_area03 .ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 8px;
  }
}

#omo7_popup .info_area03 .ttl .txt {
  font-size: 120%;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .info_area03 .ttl .txt {
    font-size: 110%;
  }
}

#omo7_popup .info_area03 .ttl .ico {
  margin-left: 20px;
  display: inline-block;
  background: #c8dbff;
  color: #254580;
  padding: 2px 7px;
}

@media only screen and (max-width: 767px) {
  #omo7_popup .info_area03 .ttl .ico {
    margin: 0 auto 5px;
  }
}

@media only screen and (max-width: 767px) {
  #omo7_popup .info_area03 p.txt {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  #omo7_popup .catch {
    text-align: left;
  }
}

.lity_box.program_box .hd_area .catch {
  font-weight: 700;
  font-size: 2.1rem;
  color: #254580;
}

.lity_box.program_box .main_img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lity_box.program_box .main_img ul li {
  width: 48.5%;
}

.lity_box.program_box .main_img ul li.w100 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .lity_box.program_box .main_img ul li.big {
    width: 55.5%;
  }
  .lity_box.program_box .main_img ul li.small {
    width: 41.5%;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■lity個別調整
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lity_box.program_box02 {
  /*黄色バルーン*/
  /*ボタン*/
  /*プランボタン*/
  /*インフォボックス*/
  /*バナー*/
}

.lity_box.program_box02 .inner {
  padding: 20px 66px 50px;
  background: #fff;
  border-radius: 0 0 7px 7px;
  max-width: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
  .lity_box.program_box02 .inner {
    min-width: 983px;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .inner {
    min-width: 100%;
    padding: 10px 15px 20px;
    border-radius: 0 0 5px 5px;
  }
}

.lity_box.program_box02 .balloon {
  text-align: center;
  font-size: 0;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .balloon {
    text-align: left;
    padding-left: 18px;
  }
}

.lity_box.program_box02 .balloon .in {
  line-height: 1.3;
  font-size: 1.6rem;
  font-weight: 700;
  display: inline-block;
  color: #1C3385;
  background: #FFE830;
  padding: 6px 10px;
  border-radius: 50px;
  min-width: 312px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .balloon .in {
    font-size: 1.2rem;
    min-width: 210px;
    text-align: center;
  }
}

.lity_box.program_box02 .balloon .in:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 8.5px 0 8.5px;
  border-color: #FFE830 transparent transparent transparent;
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -8.5px;
}

.lity_box.program_box02 .btn {
  text-align: center;
}

.lity_box.program_box02 .btn .in {
  display: inline-block;
  border-radius: 50px;
  border: 1px solid #1C3385;
  font-size: 1.6rem;
  font-weight: 700;
  color: #1C3385;
  min-width: 140px;
  padding: 8px 35px 9px 30px;
  position: relative;
  transition: all 0.25s linear;
}

.lity_box.program_box02 .btn .in:hover {
  opacity: .8;
  transition: all 0.25s linear;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .btn .in {
    font-size: 1.4rem;
    min-width: 134px;
  }
}

.lity_box.program_box02 .btn .in:hover {
  cursor: pointer;
}

.lity_box.program_box02 .btn .in:after {
  content: "";
  display: block;
  width: 24px;
  height: 100%;
  background: url(../images/ico_open04.png) no-repeat left center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  /*@include liner;*/
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .btn.spW100 .in {
    width: 100%;
  }
}

.lity_box.program_box02 .btn.ac_btn.open .in:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.lity_box.program_box02 .btn.ac_close {
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .btn.ac_close {
    margin-top: 12px;
  }
}

.lity_box.program_box02 .btn.ac_close .in:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .plan_btn_area .middle {
    font-size: 1.1rem;
  }
}

.lity_box.program_box02 .plan_btn_area .small {
  font-size: 1.3rem;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .plan_btn_area .small {
    font-size: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .plan_btn_area ul li a {
    font-size: 1.4rem;
    background-position: right 7px center;
    padding: 5px 13px;
  }
}

.lity_box.program_box02 .information_box {
  border: 1px solid #222;
  font-size: 1.4rem;
  line-height: 1.85714;
  padding: 25px 20px;
  margin: 20px 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .information_box {
    font-size: 1.2rem;
    line-height: 1.58333;
    padding: 13px 14px;
  }
}

.lity_box.program_box02 .information_box .hd {
  font-weight: 700;
  color: #1C3385;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .information_box .hd {
    font-size: 1.4rem;
  }
}

.lity_box.program_box02 .information_box .hd .num {
  display: inline-block;
  line-height: 1;
  background: #1C3385;
  color: #fff;
  text-align: center;
  min-width: 20px;
  padding: 2px 2px 3px;
  margin-right: 5px;
}

.lity_box.program_box02 .information_box .kome li {
  text-indent: -1em;
  padding-left: 1em;
}

.lity_box.program_box02 .bnr_area li {
  text-align: center;
  font-size: 0;
}

.lity_box.program_box02 .bnr_area li a {
  display: inline-block;
  transition: all 0.25s linear;
}

.lity_box.program_box02 .bnr_area li a:hover {
  opacity: .8;
  transition: all 0.25s linear;
}

.lity_box.program_box02 .bnr_area li a img {
  max-width: 100%;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .lity_box.program_box02 .bnr_area li a img.pcCont {
    display: inline-block;
  }
}

.lity_box.program_box02 .bnr_area li .txt {
  font-size: 1.4rem;
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .bnr_area li .txt {
    text-align: left;
    font-size: 1.2rem;
    line-height: 1.33333;
  }
}

.lity_box.program_box02 .lity_box.program_box02 .hd04 {
  margin-bottom: 0;
  font-size: 1.8rem;
  position: absolute;
  top: -46px;
  left: 50%;
  margin-left: -206px;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .lity_box.program_box02 .hd04 {
    font-size: 1.3rem;
    top: -31px;
    margin-left: -130px;
  }
}

.lity_box.program_box02 .lity_box.program_box02 .hd04 .in {
  min-width: 412px;
  min-height: 46px;
  padding: 10px 20px 12px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02 .lity_box.program_box02 .hd04 .in {
    min-width: 240px;
    min-height: 31px;
    padding: 5px 15px;
  }
  .lity_box.program_box02 .lity_box.program_box02 .hd04 .in:before, .lity_box.program_box02 .lity_box.program_box02 .hd04 .in:after {
    width: 16px;
    top: 0;
  }
}

.lity_box.program_box02 .lity_box.program_box02 .hd04 + .inner {
  border-radius: 7px;
  padding-top: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■lity　旧プログラム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lity_box.program_box {
  border-radius: 7px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box {
    width: 100%;
  }
}

.lity_box.program_box02.program_box03 .inner > * {
  margin-bottom: 30px;
}

.lity_box.program_box .inner .movie {
  margin-bottom: 0 !important;
}

.lity_box.program_box .inner .mb0 {
  margin-bottom: 0;
}

.lity_box.program_box .last_date {
  text-align: right;
  font-size: 90%;
  margin-top: -10px;
}

.lity_box.program_box .last_txt {
  margin-bottom: 0;
  font-size: 90%;
}

.lity_box.program_box .first_catch {
  font-weight: 700;
  text-align: center;
  font-size: 2.4rem;
  color: #254580;
  margin-bottom: 15px;
  line-height: 1.42;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .025em;
}

.lity_box.program_box .first_catch .small {
  font-size: 80%;
}

.lity_box.program_box .first_catch .ico {
  display: inline-block;
  background: #e50013;
  color: #fff;
  padding: 3px 13px 7px;
  border-radius: 50px;
  line-height: 1.2;
  font-size: 1.8rem;
  text-align: center;
  margin-right: 10px;
}

.lity_box.program_box .first_catch.tal .ico {
  margin: 0 0 6px;
}

.lity_box.program_box .sub_catch {
  font-weight: 700;
  color: #254580;
  font-size: 1.8rem;
  margin-bottom: 6px;
}

.lity_box.program_box .icon_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.lity_box.program_box .icon_list li {
  color: #254580;
  background: #c8dbff;
  font-size: 1.6rem;
  font-weight: 700;
  min-width: 120px;
  padding: 2px 5px;
  margin: 0 7px 7px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box02.program_box03 .inner > * {
    margin-bottom: 20px;
  }
  .lity_box.program_box .first_catch {
    font-size: 1.7rem;
    margin-bottom: 12px;
  }
  .lity_box.program_box .first_catch .ico {
    padding: 3px 10px 4px;
    font-size: 1.4rem;
  }
  .lity_box.program_box .sub_catch {
    font-size: 1.5rem;
  }
  .lity_box.program_box .icon_list {
    margin-bottom: 10px;
  }
  .lity_box.program_box .icon_list li {
    font-size: 1.4rem;
    min-width: 95px;
    padding: 2px 5px;
  }
}

.lity_box.program_box .hd_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.lity_box.program_box .hd_area .logo {
  width: 216px;
}

.lity_box.program_box .hd_area .logo img {
  width: 100%;
  height: auto;
}

.lity_box.program_box .hd_area .logo + .catch {
  width: calc(100% - 226px);
  padding-left: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lity_box.program_box .hd_area .catch {
  font-weight: 700;
  font-size: 2.1rem;
  color: #254580;
}

.lity_box.program_box .hd_area .catch .small {
  font-size: 80%;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .hd_area {
    display: block;
    text-align: center;
  }
  .lity_box.program_box .hd_area .logo {
    width: 120px;
    margin: 0 auto 13px;
  }
  .lity_box.program_box .hd_area .logo + .catch {
    width: 100%;
    padding-left: 0;
  }
  .lity_box.program_box .hd_area .catch {
    font-size: 1.8rem;
  }
}

.lity_box.program_box .info_area {
  background: #f0f0f0;
  padding: 12px 25px;
  color: #777;
  font-size: 1.4rem;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .info_area {
    padding: 10px;
    font-size: 1.3rem;
  }
}

.lity_box.program_box .main_img {
  text-align: center;
}

.lity_box.program_box .main_img img {
  max-width: 100%;
  height: auto;
}

.lity_box.program_box .main_img .cap {
  display: block;
  margin-top: 7px;
  font-size: 80%;
}

.lity_box.program_box .main_img ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lity_box.program_box .main_img ul li {
  width: 48.5%;
}

.lity_box.program_box .main_img ul li.w100 {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .lity_box.program_box .main_img ul li.big {
    width: 55.5%;
  }
  .lity_box.program_box .main_img ul li.small {
    width: 41.5%;
  }
}

.lity_box.program_box .main_img .name {
  text-align: center;
  color: #fff;
  background: #254580;
  padding: 10px;
  font-size: 1.8rem;
}

.lity_box.program_box .main_img span.name {
  display: block;
}

.lity_box.program_box .main_img .txt {
  margin-top: 10px;
  text-align: left;
  font-size: 1.5rem;
  margin-bottom: 0;
}

.lity_box.program_box .main_img .txt .big {
  font-size: 1.7rem;
}

.lity_box.program_box .main_img .txt.center {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .main_img ul {
    display: block;
  }
  .lity_box.program_box .main_img ul li {
    width: 100%;
    margin-bottom: 23px;
  }
  .lity_box.program_box .main_img ul li:last-of-type {
    margin-bottom: 0;
  }
  .lity_box.program_box .main_img .name {
    font-size: 1.6rem;
  }
}

.lity_box.program_box dl.target {
  margin-top: 40px;
}

.lity_box.program_box dl.target dt {
  background: #254580;
  text-align: center;
  font-size: 18px;
  color: #fff;
  padding: 10px;
  font-weight: 700;
  margin-bottom: 15px;
}

.lity_box.program_box dl.target dd {
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 !important;
}

.lity_box.program_box .attraction_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #e4e4e4;
  padding-top: 15px;
  margin-bottom: 15px;
}

.lity_box.program_box .attraction_area li {
  width: 48.5%;
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.lity_box.program_box .attraction_area li:last-of-type {
  width: 100%;
}

.lity_box.program_box .attraction_area .name {
  color: #254580;
  font-weight: 700;
  font-size: 1.8rem;
  min-height: 69px;
}

.lity_box.program_box .attraction_area .name.red {
  color: #e50013;
}

.lity_box.program_box .attraction_area .name.one {
  min-height: inherit;
  margin-bottom: 10px;
}

.lity_box.program_box .attraction_area .ico {
  background: #254580;
  color: #fff;
  display: inline-block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  padding: 2px;
  text-align: center;
  line-height: 1;
  text-indent: 0;
  font-size: 1.4rem;
  vertical-align: middle;
  margin-top: -5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.lity_box.program_box .attraction_area p.note {
  margin-bottom: 10px;
  font-size: 1.4rem;
}

.lity_box.program_box .attraction_area p.note + p {
  font-size: 1.4rem;
}

.lity_box.program_box .attraction_area .note span {
  margin-right: 5px;
  background: #e50013;
  color: #fff;
  padding: 2px 10px;
  font-size: 1.2rem;
  display: inline-block;
}

.lity_box.program_box .attraction_area .sub_info dt {
  text-align: center;
  background: #f0f0f0;
  padding: 5px;
  margin-bottom: 5px;
}

.lity_box.program_box .attraction_area .sub_info dd + dt {
  margin-top: 10px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .attraction_area {
    display: block;
  }
  .lity_box.program_box .attraction_area li {
    width: 100%;
  }
  .lity_box.program_box .attraction_area .name {
    font-size: 1.6rem;
    min-height: inherit;
    margin-bottom: 15px;
  }
  .lity_box.program_box .attraction_area .name .note {
    display: inline-block;
    margin-top: 5px;
  }
  .lity_box.program_box .attraction_area .note span {
    font-size: 1.1rem;
  }
}

.program_box .hd02 .jtb_ico {
  background: #e50213;
  padding: 3px 12px 4px;
  border-radius: 5px;
  color: #fff;
  font-size: 1.9rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: .05em;
  margin-top: -5px;
}

@media only screen and (max-width: 767px) {
  .program_box .hd02 .jtb_ico {
    padding: 3px 10px 5px;
    border-radius: 3px;
    font-size: 1.5rem;
    margin: 0 3px 5px;
  }
}

.lity_box.program_box .info_area02 {
  border: 1px solid #254580;
  padding: 0 25px 20px;
  overflow: hidden;
  margin: 50px 0;
  border-radius: 10px;
}

.lity_box.program_box .info_area02 .ttl {
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 2.2rem;
  margin: 0 -25px 20px;
  background: #254580;
  padding: 10px 15px;
}

.lity_box.program_box .info_area02 .blue {
  color: #254580;
}

.lity_box.program_box .info_area02 .f_right {
  float: right;
  margin-left: 25px;
}

.lity_box.program_box .info_area02 .img .cap {
  display: block;
  margin-top: 5px;
  font-size: 1.3rem;
  text-align: right;
}

.lity_box.program_box .info_area02 .list li {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 5px;
}

.lity_box.program_box .info_area02 .list li:last-of-type {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .info_area02 {
    padding: 0 15px 20px;
    margin: 30px 0 45px;
    border-radius: 5px;
  }
  .lity_box.program_box .info_area02 .ttl {
    font-size: 1.7rem;
    margin: 0 -20px 23px;
  }
  .lity_box.program_box .info_area02 .f_right {
    float: none;
    margin: 0;
  }
  .lity_box.program_box .info_area02 .img {
    width: 80%;
    text-align: center;
    margin: 0 auto 15px;
  }
  .lity_box.program_box .info_area02 .img img {
    max-width: 100%;
    height: auto;
  }
  .lity_box.program_box .info_area02 .img .cap {
    font-size: 1.1rem;
    text-align: center;
  }
}

.lity_box.program_box .inner.purple .hd02 {
  background: #4f087b;
}

.lity_box.program_box .inner.purple .info_area02 {
  border-color: #4f087b;
}

.lity_box.program_box .inner.purple .info_area02 .ttl {
  background: #4f087b;
}

.lity_box.program_box .info_area02_inner.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .info_area02_inner.flex {
    display: block;
  }
}

.lity_box.program_box .info_area02_inner.flex .img_area {
  width: 40%;
  padding-right: 25px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .info_area02_inner.flex .img_area {
    width: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }
}

.lity_box.program_box .info_area02_inner.flex .img_area .img {
  width: 100%;
}

.lity_box.program_box .info_area02_inner.flex .img_area .img img {
  width: 100%;
  margin: 0;
}

.lity_box.program_box .info_area02_inner.flex .txt_area {
  width: 60%;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box .info_area02_inner.flex .txt_area {
    width: 100%;
  }
}

.lity_box.program_box .info_area02_inner.flex .icon_list {
  margin-bottom: 3px;
}

/*footerナビ*/
.footer-nav {
  min-width: 1200px;
  margin-top: 0 !important;
  font-size: 1.4rem;
  text-align: left !important;
}

@media only screen and (max-width: 767px) {
  .footer-nav {
    min-width: auto;
  }
}

#JTBGF-ly_footer.JTBGF-ly_footer {
  margin-top: 0 !important;
}

@media screen and (max-width: 759px) {
  .footer-nav__list > li a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*---------------------------------------------
  // // // // // // // // // // // 
  // 新着情報（POPアップ）
  // // // // // // // // // // // 
  --------------------------------------------*/
.normal_modal.lity_box.program_box02 {
  max-width: 700px;
  width: 700px;
  padding: 40px 80px;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 {
    max-width: none;
    width: 100%;
    padding: 30px 12px;
  }
}

@media only screen and (max-width: 380px) {
  .normal_modal.lity_box.program_box02 {
    padding: 24px 14px;
  }
}

@media only screen and (max-width: 375px) {
  .normal_modal.lity_box.program_box02 {
    padding: 24px 10px;
  }
}

.normal_modal.lity_box.program_box02 .hd02 {
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  line-height: 1.6;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 .hd02 {
    font-size: 1.6rem;
    padding-bottom: 8px;
  }
}

@media only screen and (max-width: 380px) {
  .normal_modal.lity_box.program_box02 .hd02 {
    font-size: 1.5rem;
  }
}

.normal_modal.lity_box.program_box02 .hd02::after {
  content: "";
  display: block;
  width: 136px;
  height: 4px;
  background-color: #1C3385;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.normal_modal.lity_box.program_box02 .pop_txt_area {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 .pop_txt_area {
    margin-top: 30px;
  }
}

.normal_modal.lity_box.program_box02 .pop_txt_area .txt {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 .pop_txt_area .txt {
    font-size: 1.4rem;
  }
}

.normal_modal.lity_box.program_box02 .pop_txt_area .txt:last-child {
  margin-bottom: 0;
}

.normal_modal.lity_box.program_box02 .pop_txt_area .txt:first-child {
  margin-top: 0;
}

.normal_modal.lity_box.program_box02 .pop_txt_area .txt .pop_bold {
  font-weight: 700;
}

.normal_modal.lity_box.program_box02 .pop_txt_area .txt strong {
  font-size: 1.8rem;
  display: inline-block;
  color: #0368D9;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 .pop_txt_area .txt strong {
    font-size: 1.6rem;
  }
}

.normal_modal.lity_box.program_box02 .pop_txt_area .bottom_arrow {
  width: 48px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .normal_modal.lity_box.program_box02 .pop_txt_area .bottom_arrow {
    width: 38px;
  }
}

.normal_modal.lity_box.program_box02 .pop_txt_area .bottom_arrow img {
  width: 100%;
  height: auto;
}

/*----------------------------------------------------------------------
  // // // // // // // // // // // // // // // // // // // // // // 
  // 「スーパー・ニンテンドー・ワールド」「ミニオン・パーク」（POPアップ 共通）
  // // // // // // // // // // // // // // // // // // // // // // 
----------------------------------------------------------------------*/
.lity_box.program_box04 {
  max-width: 1100px;
  width: 1100px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 {
    width: auto;
  }
}

.lity_box.program_box04 .inner {
  max-width: 940px;
}

.lity_box.program_box04 .inner .popup_plan_area {
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0 30px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area {
    padding: 0 10px;
    margin-top: 30px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box {
  border: 1px solid #0368D9;
  border-top: none;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 0 30px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box {
    padding: 0 0 4px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title {
  text-align: center;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.4;
  margin-bottom: 30px;
  background: #0368D9;
  color: #fff;
  padding: 15px 10px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title {
    position: relative;
    padding: 14px 5px;
    margin-bottom: 0;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title span {
  display: block;
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .small {
  font-size: 1.8rem;
  margin-bottom: -8px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .small {
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .en {
  font-size: 2.2rem;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .en {
    font-size: 2rem;
    position: absolute;
    top: 3px;
    left: 10px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .big {
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box .popup_title .big {
    font-size: 1.5rem;
    margin-top: 2px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 {
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_title {
    margin-bottom: 20px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_title .small {
  margin-bottom: 0px;
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title {
  font-weight: 700;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #0368D9;
  margin-bottom: 10px;
  padding: 0 20px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title {
    font-size: 1.5rem;
    margin-bottom: -10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 10px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title .en {
  margin-right: 10px;
  background-color: #0368D9;
  border-radius: 50%;
  padding: 10px;
  width: 26px;
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title .en {
    width: 24px;
    height: 24px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title .en span {
  font-size: 1.5rem;
  color: #fff;
  display: block;
  margin-left: -1px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .popup_sub_title .en span {
    font-size: 1.4rem;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .plan_inner:nth-of-type(1) {
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .popup_plan_box.popup_plan_box02 .plan_inner:nth-of-type(1) {
    margin-bottom: 20px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area {
  width: 96%;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area {
    display: block;
    padding: 0;
    margin: 0;
    padding: 16px 10px 16px;
    width: 100%;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul {
    display: block;
    width: 100%;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li {
  height: 48px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li {
    height: 48px;
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li:nth-last-of-type(2) {
    margin: 10px 0;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
  border: 2px solid #0368D9;
  border-radius: 24px;
  background-color: #fff;
  padding: 12px 15px 12px;
  position: relative;
  text-decoration: none;
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::before, .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::after {
  content: "";
  display: block;
  position: absolute;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::after {
  width: 7px;
  height: 12px;
  background: url(../images/index/icon_arrow_right.png) no-repeat center;
  background-size: cover;
  right: 14px;
}

@media only screen and (max-width: 375px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::after {
    right: 12px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::before {
  width: 24px;
  height: 26px;
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
  left: 14px;
  top: 45%;
}

@media only screen and (max-width: 375px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a::before {
    left: 12px;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a span {
  font-size: 1.5rem;
  color: #0368D9;
  font-weight: 600;
  display: block;
  margin-left: 10px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a span {
    width: 100%;
    margin-left: 32px;
    margin-buttom: 4px;
  }
}

@media only screen and (max-width: 389px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a span {
    font-size: 1.4rem;
  }
}

@media only screen and (max-width: 375px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li a span {
    font-size: 1.3rem;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.stay {
  width: 220px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.stay {
    width: 100%;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.stay a::before {
  background: url(../images/index/hotel_icon1.png) no-repeat center;
  background-size: cover;
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.jr {
  width: 320px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.jr {
    width: 100%;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.jr a::before {
  background: url(../images/index/hotel_icon2.png) no-repeat center;
  background-size: cover;
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.air {
  width: 280px;
}

@media only screen and (max-width: 767px) {
  .lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.air {
    width: 100%;
  }
}

.lity_box.program_box04 .inner .popup_plan_area .plan_btn_area ul li.air a::before {
  background: url(../images/index/hotel_icon3.png) no-repeat center;
  background-size: cover;
}

/*---------------------------------------------
// // // // // // // // // // // // // // // // 
// 「スーパー・ニンテンドー・ワールド」（POPアップ）
// // // // // // // // // // // // // // // // 
--------------------------------------------*/
#mario_popup.lity_box .popup_plan_area .big {
  display: inline-block;
}

/*---------------------------------------------
// // // // // // // // // // // // // // // // 
// pickupミニオン・パーク（POPアップ）
// // // // // // // // // // // // // // // // 
--------------------------------------------*/
@media only screen and (max-width: 767px) {
  #minion_popup.lity_box .popup_plan_area {
    margin-bottom: 20px;
  }
}

#minion_popup.lity_box .popup_plan_area .popup_plan_box .popup_title .small {
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  #minion_popup.lity_box .popup_plan_area .popup_plan_box .popup_title .small .spCont {
    display: inline-block;
  }
}