.icn {
  font-size: 11px;
  font-weight: bold;
  padding-top: 28px;
  color: #5b4843;
}
.couponBanner img {
  width: 100%;
}
.disasterInfoAll {
  text-align: right;
  font-size: 13px;
  color: red;
  display: block;
  margin: 5px 0 15px 0;
}
.jlnsp-top-product {
  display: none;
  position: relative;
}
.productActive {
  display: block;
}
.dpInformation {
  font-size: 10px;
  border: 1px solid #f00;
  background: none repeat scroll 0 0 #feeeee;
  margin-bottom: 11px;
}
.icon_tonight:before {
  background: url(/smart/images/services_icon_tonight.png) no-repeat;
  background-size: 25px 25px;
  vertical-align: -7px;
}
.icon_clip:before {
  background: url(/smart/images/services_icon_clip.png) no-repeat;
  background-size: 20px 25px;
  vertical-align: -7px;
}
#activityModules_searchpanelYado.activityModule__loading {
  height: 412px;
}
#activityModules_keywdsearchYado.activityModule__loading {
  height: 60px;
}
.Activity_carousel {
  padding: 12px 0 16px;
  border-top: #bcb6b3 solid 1px;
  background-color: #fff;
}
.photo-area {
  position: relative;
  color: #666666;
  width: 320px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
}
.photo-area .slideArea {
  *zoom: 1;
}
.photo-area .slideArea::after {
  content: '';
  display: block;
  clear: both;
}
.photo-area .slideArea .slideArea-item {
  float: left;
  width: 320px;
  cursor: pointer;
  text-align: center;
}
.photo-area .slideArea img {
  max-height: 320px;
}
.photo-area p {
  margin-top: 10px;
}
.photo-area-arrow img {
  position: absolute;
  top: 23%;
  z-index: 10;
}
.photo-area-arrow img[alt='prev'] {
  left: 0;
}
.photo-area-arrow img[alt='next'] {
  right: 0;
}
.Activity_carousel .photo-area-arrow > button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 4px;
  background: #918b8a;
  cursor: pointer;
}
.Activity_carousel .photo-area-arrow > button.prev {
  display: none;
  left: 8px;
}
.Activity_carousel .photo-area-arrow > button.next {
  right: 8px;
}
.Activity_carousel .photo-area-arrow .ji {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.Activity_carousel .photo-area-arrow .ji::after {
  position: absolute;
  color: #fff;
  font-family: jalan-iconfont;
  font-size: 17px;
  line-height: 32px;
}
.Activity_carousel .photo-area-arrow .prev .ji::after {
  left: 8px;
}
.Activity_carousel .photo-area-arrow .next .ji::after {
  right: 6px;
}
.photo-area-pointer {
  padding-top: 8px;
  text-align: center;
}
.photo-area-pointer li {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid #ccc;
  border-radius: 8px;
  text-indent: -9999em;
}
.photo-area-pointer li.current {
  background-color: #ff5a00;
  border-color: #ff5a00;
}
.markTilde {
  height: 28px;
  background-image: url(/smart/images/mark_tilde.png);
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 15px 5px;
  vertical-align: bottom;
}
.dynamicChangeTab,
.staticChangeTab {
  display: none;
}

/*********************************************************
        宿・ホテル、じゃらんパック、遊び・体験、レンタカー
*********************************************************/
.jlnsp-top_menuWrap {
  padding-bottom: 0;
  background: #fff;
}
.jlnsp-top_menuWrap * {
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.lowMenuList {
  overflow: hidden;
  padding: 10px 0 0;
  background-color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lowMenuList a::after {
  content: '';
  display: block;
  height: 6px;
  margin-top: 2px;
}
.lowMenuList li {
  display: block;
  float: left;
  width: 25%;
  text-align: center;
  box-sizing: border-box;
}
.lowMenuList li + li a .icn {
  border-left: solid 1px #e0dbd7;
}
.lowMenuList .icn {
  display: block;
  height: 40px;
  font-size: 10px;
  box-sizing: border-box;
}
.lowMenuList a {
  display: block;
  line-height: 1;
  background: #fff;
  color: #333;
  font-size: 10px;
  font-weight: bold;
}
.lowMenuList a::after {
  border: none;
}
.lowMenuList a.productTabActive::after {
  background: #e77611;
}
.lowMenuList .productTabActive .icn {
  color: #e77611;
}
.lowMenuList .icnYado .icn {
  background: url(/assets/img/common/icons/icon_lodging_ora.svg) no-repeat
    center 8px;
  background-size: 22px 15px;
}
.lowMenuList .icnDp .icn {
  background: url(/assets/img/common/icons/icon_dp_ora.svg) no-repeat center 3px;
  background-size: 22px 21px;
}
.lowMenuList .icnActivity .icn {
  background: url(/assets/img/common/icons/icon_asobi_ora.svg) no-repeat center
    1px;
  background-size: 18px 22px;
}
.lowMenuList .icnRentacar .icn {
  background: url(/assets/img/common/icons/icon_rentacar_ora.svg) no-repeat
    center 6px;
  background-size: 24px 14px;
}
.lowMenuList.isYadoActive .icn {
  height: 56px;
  padding-top: 40px;
  background-repeat: no-repeat;
  background-position: center 3px;
  background-size: 35px 34px;
  font-size: 11px;
  line-height: 16px;
}
.lowMenuList.isYadoActive .icnYado .icn {
  background-image: url(/assets/img/common/icons/icon_lodging_ora_large.svg);
}
.lowMenuList.isYadoActive .icnDp .icn {
  background-image: url(/assets/img/common/icons/icon_dp_ora_large.svg);
}
.lowMenuList.isYadoActive .icnRentacar .icn {
  background-image: url(/assets/img/common/icons/icon_asobi_ora_large.svg);
}
.lowMenuList.isYadoActive .icnRentacar .icn {
  background-image: url(/assets/img/common/icons/icon_rentacar_ora_large.svg);
}

/* media query */
@media all and (max-width: 320px) {
  .lowMenuList {
    padding: 10px 0 0;
  }
  .lowMenuList li:first-child .icn {
    border-left: none;
  }
  .lowMenuList li:last-child .icn {
    border-right: none;
  }
  .lowMenuList li:first-child a::after {
    border-left: none;
  }
  .lowMenuList li:last-child a::after {
    border-right: none;
  }
}

/********************************************
        宿・ホテル配下のサブナビゲーション
*********************************************/
.jlnsp-top_menuWrap nav {
  border-bottom: solid 1px #bcb6b3;
}
.jlnsp-yadSubMenu {
  margin-bottom: 0;
  max-height: 100%;
}
.jlnsp-yadSubMenuList {
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.jlnsp-yadSubMenuList li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  height: 22px;
  padding: 0 2px;
}
.jlnsp-yadSubMenuList li + li {
  border-left: solid 1px #e0dbd7;
}
.jlnsp-yadSubMenuList li a {
  display: block;
  overflow: hidden;
  border: none;
  border-radius: 0;
  line-height: 1;
  font-size: 10px;
  background: #fff;
}
.jlnsp-yadSubMenuList li a.btnActive {
  background: #c4b9b2;
}
.jlnsp-yadSubMenuList li a .icn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 22px;
  padding: 0;
  text-align: center;
  font-size: 10px;
  color: #5b4843;
  box-sizing: border-box;
}
.jlnsp-yadSubMenuList li a.icnWOM .icn {
  letter-spacing: -0.4px;
}
.jlnsp-yadSubMenuList li .icn::before {
  content: '';
  height: 20px;
}
.jlnsp-yadSubMenuList li a.icnTonight .icn::before {
  width: 15px;
  background: url('/smart/images/icon_tonight_gra.png') no-repeat 0 50% / 12px
    auto;
}
.jlnsp-yadSubMenuList li a.icnRecently .icn::before {
  width: 14px;
  background: url('/smart/images/icon_history_gra.png') no-repeat 0 50% / 12px
    auto;
}
.jlnsp-yadSubMenuList li a.icnWOM .icn::before {
  width: 14px;
  background: url('/smart/images/icon_kuchikomi_gra.png') no-repeat 0 50% / 12px
    auto;
}
.jlnsp-yadSubMenuList li a.icnCoupon .icn::before {
  width: 15px;
  background: url('/smart/images/icon_coupon_gra.png') no-repeat 0 50% / 12px
    auto;
}
.jlnsp-yadSubMenuList li a.icnLimit .icn::before {
  width: 14px;
  background: url('/smart/images/icon_specialoffer_gra.png') no-repeat 0 50% /
    12px auto;
}
.jlnsp-yadSubMenuList li a.icnClip .icn::before {
  width: 14px;
  background: url('/smart/images/icon_clip_gra.png') no-repeat 0 50% / 12px auto;
}
.jlnsp-yadSubMenuList li a.icnAiChat .icn::before {
  width: 13px;
  margin-right: 3px;
  background: url('/smart/images/icon_ai_chat_gray.png') no-repeat 0 50% / 13px
    auto;
}
.jlnsp-yadSubMenuList .jscLimitNav,
.jlnsp-yadSubMenuList .jscViewYadNav,
.jlnsp-yadSubMenuList .jscKuchikomiNav,
.jlnsp-yadSubMenuList .jscClippedYadNav,
.jlnsp-yadSubMenuList .jscAiChat {
  display: none;
}
.jlnsp-yadSubMenuList .jscLimitNav.yadSubNavActive,
.jlnsp-yadSubMenuList .jscViewYadNav.yadSubNavActive,
.jlnsp-yadSubMenuList .jscKuchikomiNav.yadSubNavActive,
.jlnsp-yadSubMenuList .jscClippedYadNav.yadSubNavActive,
.jlnsp-yadSubMenuList .jscAiChat.yadSubNavActive {
  display: block;
}

/********************************
        既存CSSの上書き
*********************************/
.contents {
  padding-bottom: 0;
}
.topSetBudget dd {
  width: 74%;
}
.topSetBudget ul::after {
  content: '';
  display: block;
  clear: both;
}
.topSetBudget li {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: initial;
  float: left;
}
.topSetBudget li:nth-of-type(1) {
  width: 45%;
}
.topSetBudget li:nth-of-type(2) {
  width: 10%;
}
.topSetBudget li:nth-of-type(3) {
  width: 45%;
}
.icon_jalanpack:before {
  background-image: url('/smart/images/tabtop_icon_dp_off.png?update=20181015');
  background-size: 25px auto;
  vertical-align: -7px;
}
.btnSelect:before {
  content: none;
}
.topSetBudget dt.hdlSetting {
  width: 26%;
  margin-top: -6px;
}
.topSetBudget dt.hdlSetting span {
  display: block;
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  margin-top: -4px;
}
.dpAnnounceBox {
  background: #feeeee;
  border: 1px solid #f00;
  padding: 2px 1px;
  font-size: 10px;
  margin: 10px 0;
  line-height: 1.5;
}

.dpAnnounceBox > p {
  background: url(/dp/images/icon_announce.gif) no-repeat 3px 1px;
  padding-left: 20px;
}

/**
* 2019/01/15 更新
*/
/************************************************************
* キーワード検索
************************************************************/
.dpModules_keywdsearchDp_wrapper {
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
  margin: 10px 0;
}
.dpModules_keywdsearchDp_wrapper::after {
  content: '';
  display: block;
  clear: both;
}
.dpModules_keywdsearchDp_label {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
}
.dpModules_keywdsearchDp_input {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 1.4;
  margin: 0;
  padding: 5px 28px;
  border-radius: 6px;
  border: 1px solid #999;
  background: #fff url(/smart/modules/dp/images/keywdsearch_icon.png) no-repeat
    6px 50%;
  background-size: 16px 16px;
  color: #333;
  font-size: 16px;
  outline: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dpModules_keywdsearchDp_delBtn {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background: url(/smart/modules/dp/images/keywdsearch_del.png) no-repeat 12px
    50%;
  -webkit-background-size: 18px 18px;
  background-size: 18px 18px;
}
.dpModules_keywdsearchDp_margin {
  display: table-cell;
  width: 10px;
}
.dpModules_keywdsearchDp_searchBtn {
  display: table-cell;
  width: 80px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #aacfee;
  border-bottom: 1px solid #00537f;
  background-color: #1389cb;
  color: #fff;
  border-radius: 6px;
  overflow: hidden;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  text-align: center;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  vertical-align: top;
  padding: 10px 0;
}
a.dpModules_keywdsearchDp_searchBtn {
  color: #fff;
}

/* FW検索
-------------------------------------------------*/
.jlnsp-top__keywordSearch__wrap .icon_search {
  background-size: 15px 15px;
  background-position: 10px 50%;
}

/* キーワードから探す */
.jlnsp-top__keywordSearch__wrap {
  border-bottom: solid 1px #e0dbd7;
}
.keywordSearch {
  padding: 12px;
}
.jlnsp-top__keywordSearch {
  margin: 0;
  background-color: #fff;
}
.jlnsp-top__keywordSearch,
.jlnsp-top__keywordSearch input {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic,
    '\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033',
    'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', Meiryo,
    '\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif;
}
.jlnsp-top__keywordSearch__title {
  padding: 10px 12px 0;
  margin-bottom: -8px;
  color: #5b4843;
  font-size: 12px;
  font-weight: bold;
}
.jlnsp-top__keywordSearch.isActive {
  margin: 0;
}
.jlnsp-top__keywordSearch.isActive .jlnsp-top__keywordSearch__title {
  display: none !important;
}

/************************************************************
* 検索パネル
************************************************************/
.dpModules_searchpanelDpYado {
  position: relative;
  height: 536px;
}
.dpModules_searchpanelDp_cal input,
.dpModules_searchpanelDp_cal select,
.dpModules_searchpanelDp_cal textarea,
.dpModules_searchpanelDp_cal table,
.dpModules_searchpanelDp_cal th,
.dpModules_searchpanelDp_cal td,
.dpModules_searchpanelDp_cal li,
.dpModules_searchpanelDp_cal a,
.dpModules_searchpanelDp_wrapper input,
.dpModules_searchpanelDp_wrapper select,
.dpModules_searchpanelDp_wrapper textarea,
.dpModules_searchpanelDp_wrapper table,
.dpModules_searchpanelDp_wrapper th,
.dpModules_searchpanelDp_wrapper td,
.dpModules_searchpanelDp_wrapper li,
.dpModules_searchpanelDp_wrapper a {
  line-height: 1.6;
}
.dpModules_searchpanelDp_selectPackList {
  display: -webkit-box;
  display: box;
  zoom: 1;
  width: 99%;
  padding-left: 1%;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #ff5800;
}
.dpModules_searchpanelDp_selectPackList::after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.dpModules_searchpanelDp_selectPackList li {
  border-top: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  border-radius: 5px 5px 0 0;
  background-color: #fff;
  width: 32%;
  display: block;
  margin: 0 1px;
  position: relative;
  float: left;
  cursor: pointer;
}
.dpModules_searchpanelDp_selectPackList
  li.dpModules_searchpanelDp_selectPackListActive {
  margin-bottom: -1px;
  border-top: 1px solid #ff5800;
  border-right: 1px solid #ff5800;
  border-left: 1px solid #ff5800;
  border-bottom: 1px solid #fff;
}
.dpModules_searchpanelDp_selectPackList
  li
  .dpModules_searchpanelDp_serviceLogo {
  display: block;
  padding: 10px 0 10px 70px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dpModules_searchpanelDp_selectPackList
  li.dpModules_searchpanelDp_selectPackListJAL
  .dpModules_searchpanelDp_serviceLogo {
  background: url(/smart/dp/images/logo_JAL_l.png) no-repeat center center;
  background-size: 55px 15px;
}
.dpModules_searchpanelDp_selectPackList
  li.dpModules_searchpanelDp_selectPackListANA
  .dpModules_searchpanelDp_serviceLogo {
  background: url(/smart/dp/images/logo_ANA_l.png) no-repeat center center;
  background-size: 59px 15px;
}
.dpModules_searchpanelDp_selectPackList
  li.dpModules_searchpanelDp_selectPackListJR
  .dpModules_searchpanelDp_serviceLogo {
  background: url(/smart/dp/images/logo_JR_l.png) no-repeat center center;
  background-size: 28px 15px;
}
.dpModules_searchpanelDp_selectPackList
  li
  .dpModules_searchpanelDp_serviceName {
  font-size: 10px;
  display: block;
  padding: 0;
  text-align: center;
  background: none;
}
.dpModules_searchpanelDp_selectPackList li label {
  display: table;
  width: 100%;
  padding: 5px 0 10px;
}
/* box */
.dpModules_searchpanelDp_searchPanel {
  padding: 10px 10px 5px;
  background-color: #fff;
  border: none;
  border-radius: 0;
  display: none;
}
.dpModules_searchpanelDp_searchPanel form > ul {
  border-bottom: 1px solid #ccc;
}
.dpModules_searchpanelDp_searchPanel form > ul > li {
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dpModules_searchpanelDp_searchPanel form > ul > li:first-child {
  padding-top: 5px;
  border: none;
}
.dpModules_searchpanelDp_searchPanel dl {
  overflow: hidden;
}
.dpModules_searchpanelDp_searchPanel dd {
  width: 77%;
}
.dpModules_searchpanelDp_searchPanel ul::after {
  content: '';
  display: block;
  clear: both;
}
.dpModules_searchpanelDp_subhead {
  font-size: 12px;
  color: #999;
  font-weight: normal;
}
.dpModules_searchpanelDp_headTitle {
  float: left;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 5px;
}
.dpModules_searchpanelDp_headTitle + dd {
  float: right;
}
.dpModules_searchpanelDp_headTitle-multiRow {
  float: left;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 0;
}
.dpModules_searchpanelDp_headTitle-multiRow + dd {
  float: right;
}
.dpModules_searchpanelDp_headTitle-rentacar {
  float: left;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 5px;
}
.dpModules_searchpanelDp_headTitle-rentacar + dd {
  float: right;
}
.dpModules_searchpanelDp_markTilde {
  height: 28px;
  background-image: url(/smart/modules/dp/images/mark_tilde.png);
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 15px 5px;
  vertical-align: bottom;
}
.dpModules_searchpanelDp_markAngle {
  height: 28px;
  background-image: url(/smart/modules/dp/images/mark_angle.png);
  background-repeat: no-repeat;
  background-position: 50% 10px;
  background-size: 13px 10px;
  vertical-align: bottom;
}
.dpModules_searchpanelDp_multiColumn li {
  float: left;
}
.dpModules_searchpanelDp_dateInput {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 46%;
  height: 28px;
  padding: 2px 0 0 10px;
  border: 1px solid #999;
  cursor: pointer;
  letter-spacing: -0.7px;
  font-size: 14px;
  font-weight: bold;
}
.dpModules_searchpanelDp_atob li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dpModules_searchpanelDp_atob li:nth-of-type(1) {
  width: 45%;
  min-height: 1px;
}
.dpModules_searchpanelDp_atob li:nth-of-type(2) {
  width: 10%;
}
.dpModules_searchpanelDp_atob li:nth-of-type(3) {
  width: 45%;
}
.dpModules_searchpanelDp_itemSelect {
  position: relative;
  height: 28px;
  z-index: 1;
  border: 1px solid #999;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font-weight: bold;
}
.dpModules_searchpanelDp_itemSelect select {
  overflow: hidden;
  width: 100%;
  box-pack: center;
  margin: 0 auto;
  height: 26px;
  padding: 0 30px 0 5px;
  border: none;
  border-radius: 0;
  color: #666;
  font-size: 13px;
  line-height: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  position: relative;
  z-index: 1;
  font-weight: bold;
}
.dpModules_searchpanelDp_itemSelect::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 26px;
  height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f4f4f4 url(/smart/modules/dp/images/panel_select.png) no-repeat
    right 50%;
  background-size: 26px 26px;
  z-index: -1;
}
.dpModules_searchpanelDp_itemFloat {
  overflow: hidden;
  text-align: left;
  box-sizing: border-box;
  color: #666;
  font-size: 13px;
  font-weight: normal;
  padding: 3px 0 0 5px;
  line-height: 26px;
}
.dpModules_searchpanelDp_itemChild {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 28px;
  z-index: 1;
  border: 1px solid #999;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #444;
  cursor: pointer;
}
.dpModules_searchpanelDp_headingBox {
  margin-top: 3px;
}
.dpModules_searchpanelDp_optionBox {
  margin-top: 3px;
  display: none;
}
a.dpModules_searchpanelDp_showToggle {
  margin-top: 10px;
  display: block;
  font-size: 13px;
  color: #2489ce;
  float: right;
}
a.dpModules_searchpanelDp_showToggleOn {
  display: none;
}
.dpModules_searchpanelDp_checkin {
  margin-top: 5px;
}
.dpModules_searchpanelDp_checkin li:first-child {
  width: 54%;
}
.dpModules_searchpanelDp_staylength {
  padding-top: 3px;
  text-align: right;
}
.dpModules_searchpanelDp_numPeopleRoom li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 1%;
}
.dpModules_searchpanelDp_numPeopleRoom li:nth-of-type(1) {
  width: 36%;
}
.dpModules_searchpanelDp_numPeopleRoom li:nth-of-type(2) {
  width: 30%;
}
.dpModules_searchpanelDp_numPeopleRoom li:nth-of-type(3) {
  width: 31%;
  margin-right: 0;
}
.dpModules_searchpanelDp_numPeopleRoom
  .dpModules_searchpanelDp_itemSelect
  select {
  font-size: 16px;
  color: #444;
  font-weight: bold;
  line-height: 1.6;
}
.dpModules_searchpanelDp_btnCheckbox input[type='checkbox'] {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.dpModules_searchpanelDp_btnCheckbox input[type='checkbox'][disabled] + label {
  background: #fff url(/smart/modules/dp/images/panel_checkbox_disabled.png)
    no-repeat left top;
  background-size: 19px 19px;
}
.dpModules_searchpanelDp_btnCheckbox > label {
  display: inline-block;
  width: 100%;
  line-height: 1.4;
  padding: 0 0 0 25px;
  background: #fff url(/smart/modules/dp/images/panel_checkbox_off.png)
    no-repeat left top;
  background-size: 19px 19px;
  color: #333;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  vertical-align: middle;
}
.dpModules_searchpanelDp_btnCheckbox::before {
  display: none !important;
  content: url(/smart/modules/dp/images/panel_checkbox_on.png);
}
.dpModules_searchpanelDp_btnCheckbox input[type='checkbox']:checked + label {
  background: url(/smart/modules/dp/images/panel_checkbox_on.png) no-repeat left
    top;
  background-size: 19px 19px;
  color: #ff5800;
}
.dpModules_searchpanelDp_btnCheckbox > label .dpModules_searchpanelDp_chkerror {
  color: #f00;
}
.dpModules_searchpanelDp_air_rentacar_check_disabledNotice {
  font-size: 12px;
  color: #333;
}
.dpModules_searchpanelDp_searchSupplement {
  text-align: right;
  font-size: 10px;
  color: #666;
}
.dpModules_searchpanelDp_bookingConf {
  text-align: right;
  margin: 15px 0;
}
.dpModules_searchpanelDp_bookingConf a {
  font-size: 13px;
  color: #2489ce;
}
.dpModules_searchpanelDp_searchBtnWrapper {
  margin: 15px auto 5px;
  width: 90%;
}
a.dpModules_searchpanelDp_searchBtn {
  border-top: 1px solid #aacfee;
  border-bottom: 1px solid #00537f;
  background-color: #1389cb;
  color: #fff;
  display: block;
  border-radius: 6px;
  overflow: hidden;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-size: 14px;
  text-overflow: ellipsis;
  text-align: center;
  white-space: normal;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.dpModules_searchpanelDp_panelActive {
  display: block;
}
.dpModules_searchpanelDp_jr_rooms_total {
  font-size: 13px;
  padding: 5px 0 0 5px;
}
.dpModules_searchpanelDp_roomSelect {
  padding-left: 37%;
  margin-top: 5px;
}
.dpModules_searchpanelDp_jr_stayPeriod_checkIn {
  font-size: 13px;
  line-height: 28px;
}
/************************************************************
* カレンダー
************************************************************/
div.dpModules_searchpanelDp_cal {
  background-color: #333;
  width: 100%;
  position: absolute;
  padding: 24px 0 80px 0;
  margin: 2% 0;
  z-index: 100;
  display: none;
}
div.dpModules_searchpanelDp_cal > ul > li {
  display: none;
}
div.dpModules_searchpanelDp_cal table {
  width: 100%;
  background-color: #ffad80;
  line-height: 1;
  border-collapse: collapse;
  margin-top: 10px;
}
div.dpModules_searchpanelDp_cal table th,
div.dpModules_searchpanelDp_cal table td {
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
div.dpModules_searchpanelDp_cal table th {
  padding: 3px 0;
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  background-color: #333;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_weekDay,
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_saturday,
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_sunday,
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_holiday {
  padding: 0;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_unuse,
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_weekDay a,
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_saturday
  a,
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_sunday a,
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_holiday
  a {
  padding: 7px 0;
}
div.dpModules_searchpanelDp_cal table th.dpModules_searchpanelDp_list_sunday {
  color: #c00;
}
div.dpModules_searchpanelDp_cal table th.dpModules_searchpanelDp_list_saturday {
  color: #0072e2;
}
div.dpModules_searchpanelDp_cal table td {
  padding: 0 0 1px 1px;
  font-size: 21px;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  background-color: #e6e6e6;
  background: -webkit-linear-gradient(#fff, #e6e6e6) repeat scroll 0 0
    transparent;
  background: linear-gradient(#fff, #e6e6e6) repeat scroll 0 0 transparent;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_unuse {
  padding: 7px 0;
  color: #aaa;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_beforeDay,
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_afterEndDay {
  padding: 7px 0;
  color: #888;
  font-weight: bold;
}
div.dpModules_searchpanelDp_cal table td a {
  display: block;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  line-height: 1.4;
}
div.dpModules_searchpanelDp_cal .dpModules_searchpanelDp_list table td {
  line-height: 1.4;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_sunday a {
  color: #c00;
}
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_holiday
  a {
  color: #c00;
}
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_saturday
  a {
  color: #0072e2;
}
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_selectDay {
  background-image: url(/smart/dp/images/cal_current.png) !important;
  border: 1px solid #f60 !important;
}
div.dpModules_searchpanelDp_cal
  table
  td.dpModules_searchpanelDp_list_selectDay
  a {
  color: #fff !important;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_today {
  background: #ffd8c2;
  font-weight: bold;
  color: #888;
}
div.dpModules_searchpanelDp_cal table td.dpModules_searchpanelDp_list_today a {
  color: #333;
}
/* navi */
div.dpModules_searchpanelDp_cal
  div.dpModules_searchpanelDp_list_ctrl
  a.dpModules_searchpanelDp_list_prevMonthBtn {
  float: left;
}
div.dpModules_searchpanelDp_cal
  div.dpModules_searchpanelDp_list_ctrl
  a.dpModules_searchpanelDp_list_nextMonthBtn {
  float: right;
}
div.dpModules_searchpanelDp_cal div.dpModules_searchpanelDp_list_ctrl a {
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(/smart/dp/images/button.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: 0 0 -26px 0;
  overflow: hidden;
  padding: 5px;
}
div.dpModules_searchpanelDp_cal
  div.dpModules_searchpanelDp_list_ctrl
  a.dpModules_searchpanelDp_list_prevMonthBtn {
  background-position: 5px 5px;
}
div.dpModules_searchpanelDp_cal
  div.dpModules_searchpanelDp_list_ctrl
  a.dpModules_searchpanelDp_list_nextMonthBtn {
  background-position: -25px 5px;
}
/* caption */
div.dpModules_searchpanelDp_cal .dpModules_searchpanelDp_list {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  clear: both;
}
div.dpModules_searchpanelDp_cal .dpModules_searchpanelDp_list_title {
  color: #fff;
  font-size: 100%;
  font-weight: bold;
  height: 25px;
  margin-bottom: 5px;
  padding-top: 3px;
}
/* close button */
div.dpModules_searchpanelDp_cal .dpModules_searchpanelDp_list_closeBtn {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0;
  margin: 0 0 40px;
}
div.dpModules_searchpanelDp_cal .dpModules_searchpanelDp_list_closeBtn a {
  border: 1px solid #6a6a6a;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#ddd)
  );
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #333;
  display: inline-block;
  font-size: 14px;
  padding: 4px 34px 1px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  height: 23px;
}
div.dpModules_searchpanelDp_cal > ul,
div.dpModules_searchpanelDp_cal > div {
  margin: 10px;
}
div#dpModules_searchpanelDp_cal_overlay {
  height: 100% !important;
  width: 100%;
  filter: alpha(opacity=75);
  opacity: 0.75;
  background-color: #000;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: none;
  z-index: 99;
}
/************************************************************
* 子供パネル
************************************************************/
div.dpModules_searchpanelDp_children_panel {
  display: none;
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  width: 100%;
  z-index: 40;
}
/* 外側の枠 */
div.dpModules_searchpanelDp_children_panel
  div.dpModules_searchpanelDp_children_panel_inner {
  background-color: #fff;
  padding: 7px;
  margin: 14px;
  border: 3px solid #ccc;
}
div.dpModules_searchpanelDp_children_panel
  div.dpModules_searchpanelDp_children_panel_inner
  > dl {
  margin-bottom: 7px;
  padding-bottom: 7px;
  clear: both;
  display: table;
  width: 100%;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #d0d0d0;
}
.dpModules_searchpanelDp_children_panel_inner dt.text02 {
  width: 180px !important;
}
.dpModules_searchpanelDp_children_panel_inner
  .dpModules_searchpanelDp_children_description {
  color: red;
  font-size: 12px;
}
.dpModules_searchpanelDp_children_panel_inner small {
  font-size: 100%;
}
/* 単位「人」 */
div.dpModules_searchpanelDp_children_panel dt,
div.dpModules_searchpanelDp_children_panel dd {
  margin-right: 5px;
  display: table-cell;
  vertical-align: middle;
}
div.dpModules_searchpanelDp_children_panel dt {
  width: 55%;
  text-align: left;
  color: #777;
  font-size: 13px;
  line-height: 1.2;
  padding: 10px 0;
}
div.dpModules_searchpanelDp_children_panel dd {
  padding: 10px 0;
}
/* 人数選択ドロップダウンの見た目 */
div.dpModules_searchpanelDp_children_panel dd.setNum,
div.dpModules_searchpanelDp_children_panel_inner dl dd {
  width: 26%;
}
/* プルダウン */
div.dpModules_searchpanelDp_children_panel dd.setNum select,
div.dpModules_searchpanelDp_children_panel_inner dl dd select {
  width: 100%;
}
div.dpModules_searchpanelDp_children_btnClose {
  display: block;
  position: absolute;
  right: 7px;
  top: 7px;
  z-index: 5;
}
div.dpModules_searchpanelDp_children_btnClose > a {
  background: url(/smart/dp/images/childset_close.png) no-repeat;
  background-size: 23px 23px;
  display: block;
  width: 23px;
  height: 23px;
}
div.dpModules_searchpanelDp_children_btnClose > a span {
  display: none;
}
/************************************************************
* レンタカー
************************************************************/
.dpModules_searchpanelDp_air_rentacar {
  position: relative;
  z-index: 9;
}
.dpModules_searchpanelDp_air_rentacar_rentaNgPopup {
  position: absolute;
  display: none;
  padding: 10px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  min-width: 270px;
  z-index: 50;
}
.dpModules_searchpanelDp_air_rentacar_rentaNgPopup::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -16px;
  margin-left: -8px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 8px solid rgba(0, 0, 0, 0.7);
}
.dpModules_searchpanelDp_air_rentacar_rentaNgPopup > span {
  display: block;
  position: relative;
  font-size: 12px;
  font-weight: normal;
}
.dpModules_searchpanelDp_air_rentacar_closeNgPopup {
  top: -9px;
  right: -9px;
  width: 23px;
  height: 23px;
  background: url(/smart/dp/images/childset_close.png) no-repeat;
  background-size: 23px 23px;
}
.dpModules_searchpanelDp_air_rentacar_rentaNgPopup
  > .dpModules_searchpanelDp_air_rentacar_closeNgPopup {
  position: absolute;
}
.p-hero {
  padding-top: 24%;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(//cdn.rentacar.jalan.jp/rentacar/smart/shared/assets/top/images/kv_spring.jpg);
}
.p-hero--spring {
  background-image: url(//cdn.rentacar.jalan.jp/rentacar/smart/shared/assets/top/images/kv_spring.jpg);
}
.p-hero--summer {
  background-image: url(//cdn.rentacar.jalan.jp/rentacar/smart/shared/assets/top/images/kv_summer.jpg);
}
.p-hero--autumn {
  background-image: url(//cdn.rentacar.jalan.jp/rentacar/smart/shared/assets/top/images/kv_autumn.jpg);
}
.p-hero--winter {
  background-image: url(//cdn.rentacar.jalan.jp/rentacar/smart/shared/assets/top/images/kv_winter.jpg);
}
.p-hero__phrase {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 73%;
}
/************************************************************
* アプリバナー
************************************************************/
.jlnsp-appBanner {
  position: relative;
  background-color: #f7f5f2;
}
.jlnsp-appBanner .jlnsp-appBannerLink {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 375px;
}
.jlnsp-appBanner .jlnsp-appBannerLink img {
  width: 100%;
}
.jlnsp-closeBlock {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7%;
}
/* 評点（星） */
.jlnsp-ratingStar,
.jlnsp-ratingStar::before {
  background: no-repeat url('/smart/images/rating_stars.svg');
  background-size: 50px auto;
}
.jlnsp-ratingStar {
  position: absolute;
  top: 22%;
  right: 5%;
  display: inline-block;
  width: 50px;
  height: 10px;
  background-position: 0 0;
  vertical-align: middle;
}
.jlnsp-ratingStar::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: 0 -11px;
}
.jlnsp-ratingStar.is-40::before {
  width: 80%;
}
.jlnsp-ratingStar.is-41::before,
.jlnsp-ratingStar.is-42::before,
.jlnsp-ratingStar.is-43::before {
  width: 86%;
}
.jlnsp-ratingStar.is-44::before,
.jlnsp-ratingStar.is-45::before,
.jlnsp-ratingStar.is-46::before {
  width: 91%;
}
.jlnsp-ratingStar.is-47::before,
.jlnsp-ratingStar.is-48::before,
.jlnsp-ratingStar.is-49::before {
  width: 95%;
}
.jlnsp-ratingStar.is-50::before {
  width: 100%;
}
.jlnsp-ratingStar span {
  position: absolute;
  top: 0;
  right: 52px;
  text-align: right;
  display: inline-block;
  font-size: 10px;
  color: #333;
  line-height: 1.2;
}

/**
 * デザインガイドライン適応
 */

/* 共通
-------------------------------------------------*/
.hdlOrange,
.btnListVertical a,
.activityGenreSearch,
.jlnsp-top__flexNav a,
.areaSearch a,
.areaSearch__trigger,
#searchRecently,
#searchRecently a,
#specialOffer a,
.jlnsp-top__search-by-date *,
.btnSelect select,
.jlnsp-childNumView,
.connectionLink * {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic,
    '\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033',
    'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', Meiryo,
    '\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif;
}

.contents {
  background-color: #fff;
}

.jlnsp-top__links {
  padding-bottom: 16px;
}

/* 検索パネル直下のカセットとの余白 */
#specialOffer,
.jscSearchHistory,
.jlnsp-top__links--category {
  margin-top: 16px;
}
.jlnsp-top__areaWrapper dl,
.jlnsp-stayDayWrapper dl,
.jlnsp-roomAndPersonWrapper dl {
  display: flex;
  align-items: center;
  width: 100%;
  height: 46px;
  background-color: #fff;
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  box-sizing: border-box;
  color: #3b1800;
}
.jlnsp-top__areaWrapper dl dt,
.jlnsp-stayDayWrapper dl dt,
.jlnsp-roomAndPersonWrapper dl dt {
  margin-left: 10px;
}
.jlnsp-top__areaWrapper dl dt + dd,
.jlnsp-stayDayWrapper dl dt + dd,
.jlnsp-roomAndPersonWrapper dl dt + dd {
  margin-left: 36px;
}
.jlnsp-roomAndPersonWrapper dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jlnsp-top__searchPanel select em {
  font-size: 10px;
}
.jlnsp-roomAndPersonWrapper,
.jlnsp-roomAndPersonWrapper select,
.jlnsp-roomAndPersonWrapper input {
  font-size: 15px;
}
li.jlnsp-roomAndPersonWrapper {
  display: flex;
}
li.jlnsp-roomAndPersonWrapper dl + dl {
  margin-left: 8px;
}
.jlnsp-roomAndPerson .jlnsp-roomInfo + .jlnsp-roomInfo {
  border-left: solid 1px #e0dbd7;
  padding-left: 8px;
}
.jlnsp-roomInfo .btnSelect::before {
  top: 7px;
}
.jlnsp-roomInfo .btnSelect {
  font-size: 10px;
}

/* 見出し
-------------------------------------------------*/
.jlnsp-top__sectionTitle {
  padding: 7px 12px;
  background-color: #efebe6;
  color: #5b4843;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, YuGothic,
    '\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033',
    'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', Meiryo,
    '\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif;
  word-break: break-all;
  word-wrap: break-word;
  line-height: 1.3;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* btnListVertical
-------------------------------------------------*/
.btnListVertical a {
  padding: 15px 12px 15px;
  border-bottom: 1px solid #bcb6b3;
  border-top: none;
  color: #3b1800;
}
.swiper-container-ex .swiper-wrapper a {
  padding: 0;
  border-bottom: none;
}
.btnListVertical a::after {
  background: none;
  right: 12px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  transform: rotate(45deg);
}
.swiper-container-ex .swiper-wrapper a::after {
  border-top: none;
  border-right: none;
}
.btnListVertical li:last-child a {
  border-bottom: 1px solid #bcb6b3;
}
.jlnsp-top__links--service .btnListVertical small {
  color: #3b1800;
}
.jlnsp-top__app-link em {
  color: #e77611;
}
/* その他のサービス */
/* 車両タイプから探す */
.btnListVertical li.jlnsp-top__link--carRental .swiper-container-ex a {
  border: solid 1px #bcb6b3;
}

.borderBox > ul > li {
  border-bottom: 0;
  padding-bottom: 0;
}
.contents .borderBox {
  border-bottom: 1px solid #bcb6b3;
  padding: 16px 12px 0;
  margin-bottom: 0;
  height: auto;
  background-color: #f7f5f2;
  box-shadow: 0 1px 2px 0 rgb(0, 0, 0, 0.3);
}

/* 検索パネルカセット
-------------------------------------------------*/
.jlnsp-top__search-by-date .jlnsp-purposeForm__term > span,
.jlnsp-top__search-by-date .jlnsp-purposeForm .jlnsp-purposeForm__description {
  font-size: 14px;
}
.jlnsp-top__search-by-date .jlnsp-purposeForm__description label {
  background: none;
  color: #3b1810;
  position: relative;
}
.jlnsp-top__search-by-date #radioPurposeBiz + label {
  margin-right: 13px;
}
.jlnsp-top__search-by-date
  .jlnsp-purposeForm__description
  input:checked
  + label {
  background: none;
}
.jlnsp-top__search-by-date
  .jlnsp-purposeForm__description
  input
  + label::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #bcb6b3;
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px;
  vertical-align: middle;
}
.jlnsp-top__search-by-date
  .jlnsp-purposeForm__description
  input:checked
  + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #e77611;
}
.jlnsp-top__search-by-date .borderBox > ul > li:nth-child(2) {
  padding-top: 0;
  border: none;
}
.jlnsp-top__search-by-date .borderBox > ul > li:first-child,
.jlnsp-top__search-by-date .borderBox > ul > li:nth-child(3) {
  padding-top: 0;
}
.jlnsp-stayDate.disabled,
.jlnsp-stayDate.disabled input {
  background-color: #fff;
}

/* 都道府県・エリア
-------------------------------------------------*/
.jlnsp-prefNameLbl {
  width: 25px;
  height: 16px;
  background: url('/assets/img/common/icons/icon_area_ora.svg') no-repeat 0 0 /
    16px;
}

.borderBox .jlnsp-prefNameForm,
.borderBox .jlnsp-areaNameForm,
#jsiSchedule {
  width: calc(100% - 36px);
}

.jlnsp-top__search-by-date #jsiAreaList:disabled {
  color: #3b1800;
}

.jlnsp-top__areaWrapper select {
  font-size: 16px;
}

.jlnsp-top__areaWrapper dl em {
  font-size: 12px;
}

.jlnsp-top__areaWrapper dl dd + dd {
  padding-left: 12px;
  border-radius: 0;
}

.jlnsp-prefNameForm {
  max-width: 27%;
  overflow: hidden;
}

.jlnsp-areaNameForm {
  padding: 8px 0;
  overflow: hidden;
}

.isUnselected .jlnsp-prefNameForm {
  max-width: 100%;
}

.isUnselected .jlnsp-areaNameForm {
  display: none;
}

.jlnsp-prefName {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-right: 18px;
  overflow: hidden;
  font-size: 16px;
  line-height: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  border-right: solid 1px #e0dbd7;
  border-radius: 0;
}

.jlnsp-areaName {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  padding-right: 18px;
  overflow: hidden;
  font-size: 16px;
  line-height: 2;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.isUnselected .jlnsp-prefName {
  color: #918b8a;
  border-right: none;
}

.isUnselected .jlnsp-areaName {
  color: #918b8a;
}

/* 都道府県・エリアモーダル
-------------------------------------------------*/
.jlnsp-areaModalWrapper {
  font-size: 14px;
  font-weight: bold;
}

.jlnsp-areaModalWrapper .jlnsp-prefModal,
.jlnsp-areaModalWrapper .jlnsp-lrgAreaModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 210;
  box-sizing: border-box;
  display: none;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.jlnsp-areaModalWrapper .jlnsp-prefModal.isOpen,
.jlnsp-areaModalWrapper .jlnsp-lrgAreaModal.isOpen {
  display: flex;
}

.jlnsp-areaModalWrapper .jlnsp-modalHead {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 12px;
  border-bottom: 1px solid #bcb6b3;
}

.jlnsp-areaModalWrapper .jlnsp-modalClose {
  position: absolute;
  top: 50%;
  right: 12px;
  padding: 0;
  transform: translateY(-50%);
}

.jlnsp-areaModalWrapper .jlnsp-modalContent {
  overflow-y: scroll;
  background-color: #fff;
}

.jlnsp-areaModalWrapper .jlnsp-wideArea {
  border-bottom: 1px solid #bcb6b3;
}

.jlnsp-areaModalWrapper .jlnsp-accordionTrigger {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 12px;
  background: url('/assets/img/pages/smart/img/svg/icon_menu_open.svg') 97% 50% /
    12px 12px no-repeat;
}

.jlnsp-areaModalWrapper .jlnsp-accordionTrigger.isOpen {
  background: url('/assets/img/pages/smart/img/svg/icon_menu_close.svg') 97% 50% /
    12px 2px no-repeat;
}

.jlnsp-areaModalWrapper .jlnsp-prefList {
  display: none;
}

.jlnsp-areaModalWrapper .jlnsp-prefOption {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 12px 12px 12px 24px;
  border-top: 1px solid #bcb6b3;
}

.jlnsp-areaModalWrapper .jlnsp-lrgAreaOption {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 12px 12px 12px 24px;
  border-bottom: 1px solid #bcb6b3;
}

.jlnsp-areaModalWrapper .jlnsp-prefOption.isSelected,
.jlnsp-areaModalWrapper .jlnsp-lrgAreaOption.isSelected {
  color: #e77611;
  background-color: #fef5d8;
}

/* チェックインチェックアウト
-------------------------------------------------*/
.jlnsp-stayDate.disabled,
.jlnsp-stayDate.disabled input {
  color: #3b1800;
  background-color: #fff;
}
.jlnsp-stayDateLbl {
  background: url('/assets/img/common/icons/icon_calendar_ora.svg') no-repeat 0
    0 / 16px;
  width: 24px;
  height: 16px;
}
.jlnsp-stayDate {
  height: 32px;
  border-radius: 4px;
  border: none;
}
.jlnsp-stayDate input {
  padding: 0;
}
.jlnsp-stayDayWrapper {
  font-size: 16px;
}
.jlnsp-stayDateWrapper {
  padding: 6px 0;
}
.jlnsp-stayDateWrapper label {
  margin-bottom: 0;
  font-size: 10px;
  color: #5b4843;
  cursor: pointer;
}
.jlnsp-stayDateWrapper:first-child {
  border-right: solid 1px #e0dbd7;
}
.jlnsp-top__datepickerArea {
  padding: 8px 8px 0;
  overflow: hidden;
  width: auto;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  min-height: 33px;
}
.jlnsp-datePickeredViewLbl1NoDecided,
.jlnsp-datePickeredViewLbl2NoDecided {
  cursor: pointer;
}

/* 部屋人数
-------------------------------------------------*/
.jlnsp-roomAndPersonWrapper,
.jlnsp-roomAndPersonWrapper select,
.jlnsp-roomAndPersonWrapper input {
  font-size: 15px;
}
li.jlnsp-roomAndPersonWrapper {
  display: flex;
}
li.jlnsp-roomAndPersonWrapper dl + dl {
  margin-left: 8px;
}
.jlnsp-roomAndPerson .jlnsp-roomInfo + .jlnsp-roomInfo {
  border-left: solid 1px #e0dbd7;
  padding-left: 8px;
}
.jlnsp-datePickeredView {
  pointer-events: none;
}
.jlnsp-datePickeredViewLbl {
  padding-right: 0;
  padding-left: 0;
  font-size: 16px;
  height: auto;
  line-height: 1.4;
  color: #3b1800;
  font-weight: normal;
}
#jsiSchedule p span.saturday-cell {
  color: #1094e7;
}
#jsiSchedule p span.sunday-cell,
#jsiSchedule p span.holiday-cell {
  color: #e8104a;
}
#jsi-calendarWrapper1,
#jsi-calendarWrapper2 {
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgb(0, 0, 0, 0.3);
  margin-top: 9px;
}
#jsi-calendarWrapper1::before,
#jsi-calendarWrapper2::before {
  top: -15px;
  margin-left: -15px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
#jsi-calendarWrapper1::after,
#jsi-calendarWrapper2::after {
  top: -18px;
  margin-left: -16px;
  border: 9px solid transparent;
  border-bottom: 9px solid #bcb6b3;
}
.dateAndRoomWrapper {
  padding: 8px 8px 0;
  overflow: hidden;
}
.noneDateWrapper {
  overflow: hidden;
  padding: 4px 8px 16px;
}
#jsiSchedule .noneDateWrapper ul:first-child {
  width: auto;
}
#jsiSchedule .noneCheckDate {
  width: 100px !important;
  margin-top: 0 !important;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
  padding-left: 10px;
  border-radius: 0;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
  background: none;
  border: none;
  margin: 0 auto;
}
#jsiSchedule .noneCheckDate label {
  padding: 5px 5px 5px 25px !important;
  font-size: 14px !important;
}
#jsiSchedule .noneCheckDate input[type='checkbox'] + label::before {
  content: '' !important;
}
#jsiSchedule .noneCheckDate input[type='checkbox'] + label::after {
  content: '' !important;
}
.noneDateWrapper ul:first-child {
  width: 100%;
  text-align: center;
}
.noneCheckDate {
  width: 80px !important;
  margin-top: 0 !important;
  padding-left: 0;
  font-size: 12px;
  font-weight: bold;
  padding: 7px;
  border-radius: 4px;
  background-color: #fff;
  text-align: center;
  line-height: 1.2;
  background: linear-gradient(#fff, #eae6e5);
  border: 1px solid #938c89;
  margin: 0 auto;
}
.noneCheckDate label {
  padding: 0 !important;
  font-size: 12px !important;
}
.noneCheckDate input[type='checkbox'] + label::before {
  content: none !important;
}
.noneCheckDate input[type='checkbox'] + label::after {
  content: none !important;
}
.calendar-selected-view {
  color: #3b1800;
  font-size: 16px;
  padding-top: 5px;
  font-weight: bold;
}
.calendar-previous-container {
  width: 32px;
}
.calendar-next-container {
  width: 32px;
}
.calendar-previous-container a,
.calendar-next-container a {
  padding-top: 0;
  height: 32px !important;
  text-indent: -9999px;
}
.calendar-previous-container a {
  padding-left: 0;
  background: url('/assets/img/common/icons/icon_arrowLeft.svg') no-repeat left
    top;
  background-size: 32px 32px;
}
.calendar-next-container a {
  padding-right: 0;
  background: url('/assets/img/common/icons/icon_arrowRight.svg') no-repeat left
    top;
  background-size: 32px 32px;
}
.calendarTable {
  background: none;
}
.calendarTable td {
  font-size: 16px;
  color: #3b1800;
  font-weight: bold;
}
.calendarTable thead tr:first-child {
  border-right: none;
  border-left: none;
}
.calendarTable thead tr:last-child th {
  border-top: none !important;
}
.calendarTable thead tr:last-child th:first-child {
  border-left: none !important;
}
.calendarTable thead tr:last-child th:last-child {
  border-right: none !important;
}
.calendarTable td:first-child {
  border-left: none !important;
}
.calendarTable td:last-child {
  border-right: none !important;
}
.calendarTable th {
  border-left: none;
}
.calendarTable td {
  border-top: none;
  border-left: none;
}
.calendarTable tr:last-child td {
  border-bottom: none;
}
.calendarTable .sunday-cell,
.calendarTable .holiday-cell,
.calendarTable .saturday-cell.holiday-cell {
  color: #e8104a !important;
}
.calendarTable .saturday-cell {
  color: #1094e7 !important;
}
.calendarTable .selected-cell {
  background-color: #fce3d5;
}
.calendarTable .disabled-cell,
.calendarTable .other-month-cell,
.calendarTable .disabled-cell.saturday-cell.holiday-cell {
  color: #ccc !important;
}
.calendarTable .disabled-cell,
.disable-calendar td {
  background: none !important;
}
.calendarTable .first-selected-cell,
.calendarTable .last-selected-cell,
.calendarTable .selected-cell.saturday-cell.holiday-cell {
  background-color: #e78a13;
  color: #ffffff !important;
}
/* jlnsp-top__calendarTable
----------------------------------*/
.jlnsp-top__calendarTable .ui-helper-clearfix::before,
.jlnsp-top__calendarTable .ui-helper-clearfix::after {
  content: '';
  display: table;
  border-collapse: collapse;
}
.jlnsp-top__calendarTable .ui-helper-clearfix:after {
  clear: both;
}

/* jlnsp-top__calendarTable ui-datepicker-header
----------------------------------*/
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-header {
  position: relative;
  margin-left: -1px;
  margin-right: -1px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-next,
.jlnsp-top__calendarTable .ui-state-hover.ui-datepicker .ui-datepicker-next {
  background: url('/assets/img/common/icons/icon_arrowRight.svg') no-repeat left
    top;
  background-size: 32px 32px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-prev {
  background: url('/assets/img/common/icons/icon_arrowLeft.svg') no-repeat left
    top;
  background-size: 32px 32px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-prev,
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 32px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: 32px 32px;
  background-image: none;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-title {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic,
    '\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033',
    'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', Meiryo,
    '\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif;
  margin: 12px 0;
  font-size: 16px;
  line-height: 1;
  text-align: center;
}
.jlnsp-top__calendarTable .ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.jlnsp-top__calendarTable .ui-datepicker select.ui-datepicker-month,
.jlnsp-top__calendarTable .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.jlnsp-top__calendarTable .ui-datepicker table {
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 12px;
  color: #3b1800;
}
.jlnsp-top__calendarTable .ui-datepicker th {
  text-align: center;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  font-size: 14px;
  font-weight: normal;
  border-top: none;
  border-bottom: none;
}
.jlnsp-top__calendarTable .ui-datepicker td {
  border: 0;
  padding: 1px;
  min-width: 25px;
}
.jlnsp-top__calendarTable .ui-datepicker td span,
.jlnsp-top__calendarTable .ui-datepicker td a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.jlnsp-top__calendarTable .ui-state-selected {
  background-color: #fce3d5;
  color: #3b1800;
}

/* jlnsp-top__calendarTable ui-widget
----------------------------------*/
.jlnsp-top__calendarTable .ui-widget {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic,
    '\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033',
    'Hiragino Kaku Gothic ProN', '\30E1\30A4\30EA\30AA', Meiryo,
    '\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF', 'MS PGothic', sans-serif;
  font-size: 1.1em;
}
.jlnsp-top__calendarTable .ui-widget .ui-widget {
  font-size: 1em;
}
.jlnsp-top__calendarTable .ui-widget.ui-widget-content {
  border: 1px solid #ccc;
  table-layout: fixed;
  min-height: 308px;
}
.jlnsp-top__calendarTable .ui-widget-content a {
  color: #3b1800;
}
.jlnsp-top__calendarTable .ui-widget-header {
  color: #3b1800;
  font-weight: bold;
}

/* jlnsp-top__calendarTable ui-widget states
----------------------------------*/
.jlnsp-top__calendarTable .ui-state-default,
.jlnsp-top__calendarTable .ui-widget-content .ui-state-default,
.jlnsp-top__calendarTable .ui-widget-header .ui-state-default,
.jlnsp-top__calendarTable .ui-button {
  font-weight: bold;
}

/* jlnsp-top__calendarTable ui-widgetCues
----------------------------------*/
.jlnsp-top__calendarTable .ui-state-disabled,
.jlnsp-top__calendarTable .ui-widget-content .ui-state-disabled,
.jlnsp-top__calendarTable .ui-widget-header .ui-state-disabled,
.jlnsp-top__calendarTable .ui-button.ui-state-disabled:hover,
.jlnsp-top__calendarTable .ui-button.ui-state-disabled:active {
  background: none;
  color: #ccc;
}

/* jlnsp-top__calendarTable ui-widget visuals
----------------------------------*/
.jlnsp-top__calendarTable .ui-widget-content {
  background: #fff;
  width: auto;
  box-sizing: border-box;
}
.jlnsp-top__calendarTable .ui-widget.ui-widget-content {
  border: none;
}
.jlnsp-top__calendarTable .ui-state-default,
.jlnsp-top__calendarTable .ui-widget-content .ui-state-default,
.jlnsp-top__calendarTable .ui-widget-header .ui-state-default,
.jlnsp-top__calendarTable .ui-button,
.jlnsp-top__calendarTable .ui-button.ui-state-disabled:hover,
.jlnsp-top__calendarTable .ui-button.ui-state-disabled:active {
  font-size: 16px;
  line-height: 1;
}
.jlnsp-top__calendarTable td.ui-state-active,
.jlnsp-top__calendarTable td.ui-state-active a:link,
.jlnsp-top__calendarTable td.ui-state-active a:visited,
.jlnsp-top__calendarTable .ui-datepicker-holiday td.ui-state-active,
.jlnsp-top__calendarTable .ui-datepicker-week-end.sat td.ui-state-active,
.jlnsp-top__calendarTable .ui-datepicker-week-end.sun td.ui-state-active {
  /* 選択時 */
  background-color: #e78a13;
  color: #fff;
  text-decoration: none;
}
/* 日曜日のカラー設定 */
.jlnsp-top__calendarTable .ui-datepicker-calendar td.sunday a,
.jlnsp-top__calendarTable .ui-datepicker-calendar td.holiday a,
.jlnsp-top__calendarTable th.ui-datepicker-week-end:last-child span,
.jlnsp-top__calendarTable .ui-datepicker-week_head_list .sunday span {
  color: #e8104a;
}
/* 土曜日のカラー設定 */
.jlnsp-top__calendarTable .ui-datepicker-calendar td.saturday a,
.jlnsp-top__calendarTable th.ui-datepicker-week-end span,
.jlnsp-top__calendarTable .ui-datepicker-week_head_list .saturday span {
  color: #1094e7;
}
/* 宿泊選択日のカラー設定 */
.jlnsp-top__calendarTable td.ui-state-active.jsc-from a,
.jlnsp-top__calendarTable td.ui-state-active.jsc-to a {
  color: #fff;
}

.jlnsp-datePickeredViewLbl.disabled {
  color: #918b8a;
}
.jlnsp-stayDate.disabled,
.jlnsp-stayDate.disabled input {
  color: #918b8a;
}
.borderBox > ul > li.jlnsp-stayDayWrapper .jlnsp-calendar_box_close {
  bottom: 15px;
}
.jlnsp-roomAndPersonLbl {
  width: 16px;
  height: 13px;
  background: url('/assets/img/common/icons/icon_people_ora.svg') no-repeat 0 0 /
    16px;
}
.topSetNum dd.jlnsp-roomAndPerson label {
  color: #5b4843;
  font-size: 10px;
}
.jlnsp-childNumInput {
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  height: 32px;
}
.jlnsp-childNumView {
  font-size: 14px;
  color: #3b1810;
  font-weight: normal;
}
#jsi-childNumWrapper label {
  font-size: 14px;
  color: #3b1810;
}
#jsi-childNumWrapper {
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  margin-bottom: 4px;
  padding: 0 8px 34px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  margin-top: 9px;
}
#jsi-childNumWrapper::before {
  top: -15px;
  margin-left: -15px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
}
#jsi-childNumWrapper::after {
  top: -18px;
  margin-left: -16px;
  border: 9px solid transparent;
  border-bottom: 9px solid #bcb6b3;
}
.jlnsp-calendar_box_close,
.jlnsp-childNum_box_close {
  color: #1558ce !important;
  background: url('/assets/img/common/icons/icon_closeround_gra.svg') no-repeat
    5px 5px;
  background-size: 12px 12px;
  padding-left: 20px;
  padding-right: 0;
  right: 8px;
  font-weight: bold;
}
#jsiRooms li {
  border-bottom: 1px solid #bcb6b3;
  padding: 8px 0;
}
.btnSelect,
.topSetBudget .btnSelect {
  height: auto;
  border: none;
}
.topSetBudget .btnSelect {
  border-radius: 4px;
  background: none;
  position: relative;
}
.btnSelect {
  position: relative;
  width: 100%;
}
.btnSelect::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 50%;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  transform: rotate(135deg);
  text-align: center;
  margin-top: -5px;
  background: none;
}
.btnSelect select {
  height: auto;
  padding: 0 18px 0 0;
  color: #3b1800;
  font-weight: normal;
  outline: none;
  line-height: 1.3;
  text-overflow: unset;
}
.markTilde {
  height: 32px;
}
legend,
.hdlSetting {
  color: #3b1800;
}
.btnCheckbox input[type='checkbox']:checked + label,
.btnCheckbox input[type='checkbox'] + label {
  background: none;
  position: relative;
  color: #3b1800;
}
.btnCheckbox input[type='checkbox']:checked + label::before {
  border: 2px solid #e77611;
  background-color: #e77611;
}
.btnCheckbox input[type='checkbox'] + label::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #bcb6b3;
  border-radius: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  vertical-align: middle;
}
.btnCheckbox input[type='checkbox'] + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 4px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-top: -6px;
  transform: rotate(45deg);
}
.addOptionWrapper {
  padding-bottom: 20px !important;
  border-top: 1px solid #bcb6b3 !important;
  padding-top: 12px !important;
}
.addOptionBtn a {
  background-color: #f7f5f2;
  color: #5b4843 !important;
  padding: 5px 7px;
  margin: 0 auto;
  border-radius: 4px;
}
.addOptionBtn a.btnActive {
  background-color: #d9d9d9;
}
.addOptionBtn a::before {
  background: url('/assets/img/common/icons/icon_more_gra.svg') no-repeat;
  background-size: 18px 19px;
}
.addOptionBtn.shOpen a::before {
  background: url('/assets/img/common/icons/icon_less_gra.svg') no-repeat;
  background-size: 18px 19px;
}
.addSettingOption {
  margin-top: 8px;
}

/* こだわり条件
-------------------------------------------------*/
.jlnsp-top__searchPanel
  li.jlnsp-roomAndPersonWrapper
  dl.jlnsp-top__addOption__button {
  max-width: 92px;
}
.jlnsp-top__searchPanel li > dl.jlnsp-top__addOption__button > dt + dd {
  margin-left: 0;
}
.jlnsp-top__searchPanel li > dl.jlnsp-top__addOption__button {
  font-size: 12px;
}
.jlnsp-top__searchPanel > li + li {
  margin-top: 8px;
  padding-bottom: 0;
}
.jlnsp-top__addOption__button dt {
  background: url('/assets/img/common/icons/icon_kodawari_ora.svg') no-repeat 0
    0 / 16px auto;
  width: 19px;
  height: 20px;
}

/* こだわり条件パネル */
.jlnsp-top__addOptionWrapper.shOpen {
  display: block;
}
.jlnsp-top__addOptionWrapper::after,
.jlnsp-top__addOptionWrapper::before {
  content: '';
  position: absolute;
}
.jlnsp-top__addOptionWrapper::before {
  top: -15px;
  right: 38px;
  margin-left: -15px;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  z-index: 2;
}
.jlnsp-top__addOptionWrapper::after {
  top: -18px;
  right: 37px;
  margin-left: -16px;
  border: 9px solid transparent;
  border-bottom: 9px solid #bcb6b3;
  z-index: 1;
}
.jlnsp-top__addOptionWrapper {
  position: relative;
  margin-top: 8px;
}
.jlnsp-top__addSettingOption {
  background-color: #fff;
  padding: 16px 12px;
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}
.jlnsp-top__addSettingOption > li + li {
  margin-top: 16px;
}
.jlnsp-top__addSettingOption_close__wrap {
  text-align: right;
}
.jlnsp-top__addSettingOption_close {
  display: inline-block;
  padding-left: 20px;
  padding-right: 0;
  background: url(/assets/img/common/icons/icon_closeround_gra.svg) no-repeat
    5px 5px / 12px 12px;
  color: #1558ce !important;
  font-size: 14px;
  font-weight: bold;
}

/* こだわり条件パネル_セレクトボックス */
.jlnsp-top__addSettingOption .btnSelect select {
  min-height: 36px;
  padding: 6px 12px;
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  font-size: 14px;
}

/* こだわり条件パネル_チェックボックス */
.jlnsp-top__addSettingOption--btnCheckbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* こだわり条件パネル_予算 */
.jlnsp-top__addSettingOption__budget dd {
  width: 100%;
}
.jlnsp-top__addSettingOption__budget dd ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jlnsp-top__addSettingOption__budget .hdlSetting span {
  margin-left: 8px;
  color: #5b4843;
  font-size: 10px;
  font-weight: normal;
  vertical-align: top;
}
.markTilde {
  width: 15px;
  margin: 0 4px;
  background-position: 50% 13px;
}
.jlnsp-top__addSettingOption__budget dt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url('/assets/img/common/icons/icon_price01_ora.svg') no-repeat 0 0 /
    16px auto;
  width: 16px;
  height: 20px;
}
/* こだわり条件パネル_食事 */
.jlnsp-top__addSettingOption__meal dt::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  background: url('/assets/img/common/icons/icon_meal_ora.svg') no-repeat 0 0 /
    13px auto;
  width: 15px;
  height: 20px;
}

/* 検索ボタン
-------------------------------------------------*/
.topSearchBtnWrapper {
  margin: 16px auto 9px;
}
.topSearchBtnWrapper .btnPrimary {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #2171e0;
  border-radius: 4px;
  background: #2297f4;
  background: -webkit-linear-gradient(#38affc, #0174e7);
  background: linear-gradient(#38affc, #0174e7);
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  overflow: auto;
  line-height: 18px;
}
.topSearchBtnWrapper .btnPrimary.btnActive {
  background: linear-gradient(#2182e7, #3844ce) !important;
  color: #cde9f7 !important;
}

/* 特別オファー
-------------------------------------------------*/
#jalanAdTargeting .hdlOrange {
  background-color: #f7ecdc;
  padding: 7px 12px;
  color: #826100;
  text-align: left;
  line-height: 1.3;
}
#specialOffer .specialOffer-list li {
  border-top: none;
  border-bottom: 1px solid #bcb6b3;
}
#specialOffer .specialOffer-list li:last-child {
  border-bottom: 1px solid #bcb6b3;
}
#specialOffer .specialOffer-list li a {
  border: none;
}
#specialOffer .specialOffer-list a {
  padding: 8px 12px;
  color: #1558ce;
}
#jalanAdTargeting .price {
  color: #fc0d1c;
}
.btnListVerticalAB > li > a::after {
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  transform: rotate(45deg);
  background: none;
}
#specialOffer .specialOffer-list .thumb {
  padding-right: 8px;
}
#specialOffer .specialOffer-list .innName .icons dd {
  padding: 2px 4px;
  font-size: 11px;
  margin-right: 4px;
  margin-bottom: 4px;
}

/* 最近見た宿から探す
-------------------------------------------------*/
#searchRecently .searchRecently-list .thumb {
  padding-right: 8px;
}
#searchRecently .searchRecently-ttl {
  color: #5b4843;
  padding: 8px 12px;
}
#searchRecently .searchRecently-ttl span {
  color: #fc0d1c;
}
#searchRecently .searchRecently-list a {
  padding: 8px 12px;
  color: #1558ce;
}
#searchRecently .searchRecently-list .deleteBtn {
  top: 0;
}
#searchRecently .searchRecently-list li .deleteIcn {
  top: 11px;
  right: 12px;
  width: 12px;
  height: 12px;
  background: url('/assets/img/common/icons/icon_closeround_gra.svg') no-repeat
    0 0;
  background-size: 12px 12px;
}
.txtLinkAndArrow {
  padding: 8px 12px 0;
}
.txtLinkAndArrow a {
  color: #1558ce;
  font-size: 14px;
}
.txtLinkAndArrow a::after {
  display: none;
}
#searchRecently .searchRecently-list li {
  border-top: 1px solid #bcb6b3;
}
#searchRecently .searchRecently-list li:last-child {
  border-bottom: 1px solid #bcb6b3;
}

/* 目的から探す、その他のサービス内の航空券、観光ガイドなど
-------------------------------------------------*/
.jlnsp-top__flexNav__row {
  display: flex;
  border-bottom: 1px solid #bcb6b3;
}
.jlnsp-top__flexNav__row:first-child {
  border-top: 1px solid #bcb6b3;
}

/* AI チャットでご提案のボタンはコンテチェックしてから表示の可否を決める */
.jlnsp-top__flexNav__row.jlnsp-top__flexNav__aiChat {
  display: none;
}
.jlnsp-top__flexNav__row.jlnsp-top__flexNav__aiChat.aiChatFlexNavActive {
  display: flex;
}

.jlnsp-top__links--category .jlnsp-top__flexNav__row:first-child {
  border-top: none;
}
.jlnsp-top__flexNav__item {
  flex: 1;
  box-sizing: border-box;
  min-height: 50px;
  border-left: 1px solid #bcb6b3;
  background-color: #fff;
  vertical-align: middle;
}
.jlnsp-top__flexNav__item:first-child {
  border-left: none;
}
.jlnsp-top__flexNav__item .jlnsp-top__link {
  box-sizing: border-box;
  display: block;
  min-height: 50px;
  padding: 8px 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
}
.jlnsp-top__flexNav__item .jlnsp-top__link:link,
.jlnsp-top__flexNav__item .jlnsp-top__link:visited,
.jlnsp-top__flexNav__item .jlnsp-top__link:hover {
  color: #3b1800;
}
.jlnsp-top__flexNav__item .jlnsp-top__link::before {
  content: '';
  display: block;
  width: 40px;
  height: 30px;
  margin: 0 auto 5px;
  background-size: auto 30px;
}
.jlnsp-top__flexNav__item .jlnsp-top__link--dayuse,
.jlnsp-top__flexNav__item .jlnsp-top__link--highclass {
  font-size: 11px;
  line-height: 1.3;
}
.jlnsp-top__link--tonight::before {
  background-image: url('/assets/img/common/icons/icon_tonight_ora.svg');
}
.jlnsp-top__link--biz::before {
  background-image: url('/assets/img/common/icons/icon_business_ora.svg');
}
.jlnsp-top__link--onsen::before {
  background-image: url('/assets/img/common/icons/icon_onsen_ora.svg');
}
.jlnsp-top__link--highclass::before {
  background-image: url('/assets/img/common/icons/icon_highclass_ora.svg');
}
.jlnsp-top__link--dayuse::before {
  background-image: url('/assets/img/common/icons/icon_dayuse_ora.svg');
}
.jlnsp-top__flexNav__item .jlnsp-top__link--ai-chat::before {
  display: none;
}
.jlnsp-top__link--ai-chat .label::before,
.jlnsp-top__link--ai-chat .label::after {
  content: '';
  display: block;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.jlnsp-top__link--ai-chat .label::before {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  background-image: url('/assets/img/common/icons/icon_ai_chat.png');
  background-size: 28px auto;
}
.jlnsp-top__link--ai-chat .label::after {
  width: 14px;
  height: 14px;
  margin-left: 8px;
  background-image: url('/assets/img/common/icons/icon_popup_gray.svg');
}
.jlnsp-top__link--ai-chat .label {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0;
  font-size: 14px;
}
.jlnsp-top__link--ai-chat .trial {
  display: inline-block;
  padding: 3px 8px 4px;
  height: 19px;
  box-sizing: border-box;
  border: 1px solid #918b8a;
  border-radius: 3px;
  line-height: 1;
  text-align: center;
  font-size: 11px;
  color: #918b8a;
}

/* エリアから探す
-------------------------------------------------*/
.areaSearch {
  margin-bottom: 16px;
}
.areaSearch__trigger {
  border-top: none;
  border-bottom: 1px solid #bcb6b3;
  color: #3b1800;
  padding: 0 12px;
}
.areaSearch__trigger::before,
.areaSearch__trigger::after {
  right: 12px;
}
.areaSearch__trigger .ji-area {
  background: url('/assets/img/common/icons/icon_area_ora.svg') no-repeat center
    center;
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
}
.areaSearch__trigger .ji-area::after {
  content: '';
}
.areaSearch__item {
  border-bottom: 1px solid #bcb6b3;
}
.areaSearch__item:nth-child(2n + 1) {
  border-right: 1px solid #bcb6b3;
}
.areaSearch__item .areaSearch__anker {
  padding: 0 12px;
  color: #3b1800;
  position: relative;
}
.areaSearch__item .areaSearch__anker::after {
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  transform: rotate(45deg);
  background: none;
}

/* DP TAB (2023/04/03 本番反映) */
.dp-areaSearch {
  margin-bottom: 16px;
}
.dp-areaSearch__trigger {
  box-sizing: border-box;
  display: block;
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 45px;
  border: none;
  border-bottom: 1px solid #bcb6b3;
  background: #fff url('/assets/img/common/icons/icon_area_ora.svg') no-repeat
    10px center / 25px auto;
  color: #3b1800;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
  text-align: left;
}
.dp-areaSearch__trigger::before,
.dp-areaSearch__trigger::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  width: 12px;
  height: 2px;
  margin: auto 0;
  background: #918b8a;
  transition: 400ms;
}
.dp-areaSearch__trigger::before,
.dp-areaSearch__trigger::after {
  right: 12px;
}
.dp-areaSearch__trigger::after {
  transform: rotate(90deg);
}
.dp-areaSearch__trigger.isOpen::after {
  display: none;
}
.dp-areaSearch__content {
  display: flex;
  flex-wrap: wrap;
}
.dp-areaSearch__item {
  box-sizing: border-box;
  position: relative;
  width: 50%;
  height: 45px;
  border-bottom: 1px solid #bcb6b3;
  background: #fff;
}
.dp-areaSearch__item:nth-child(2n + 1) {
  border-right: 1px solid #bcb6b3;
}
.dp-areaSearch__item .dp-areaSearch__anker {
  position: relative;
  display: block;
  padding: 0 12px;
  color: #3b1800;
  font-size: 14px;
  font-weight: bold;
  line-height: 45px;
}
.dp-areaSearch__item .dp-areaSearch__anker::after {
  content: '';
  position: absolute;
  display: block;
  right: 12px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  background: none;
  transform: rotate(45deg);
}

/* 編集部のオススメ特集
-------------------------------------------------*/
.jlnsp-top__sectionTitle + .pr {
  border-bottom: 1px solid #bcb6b3;
}
.swiper-container .swiper-wrapper {
  padding-bottom: 34px;
}
.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 16px;
}
.jsc-top__specialAdArea + section {
  padding-bottom: 6px;
}
a.mspIcon01::before {
  background: url('/assets/img/common/icons/icon_recommend_ora.svg') no-repeat;
}
a.mspIcon02::before {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjAgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDY0ICg5MzUzNykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+RmlsbCA0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlN5bWJvbHMiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJJQ09OL01BUksvY2FtcGFpZ24vMjQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yLjAwMDAwMCwgMC4wMDAwMDApIiBmaWxsPSIjRTc3NjExIj4KICAgICAgICAgICAgPHBhdGggZD0iTTE5LjcwNzcwODMsMTEuODA2NCBMMTguNjk4OTU4MywxMS44MDY0IEwxMy4zNzIyOTE3LDExLjgwNjQgTDEzLjM3MjI5MTcsOS4zODk5Nzg5NSBMMTkuNzA3NzA4Myw5LjM4OTk3ODk1IEwxOS43MDc3MDgzLDExLjgwNjQgWiBNMTMuMzcyMjkxNywyMS42ODcyNDIxIEwxOC42OTg5NTgzLDIxLjY4NzI0MjEgTDE4LjY5ODk1ODMsMTMuOTU5NjYzMiBMMTMuMzcyMjkxNywxMy45NTk2NjMyIEwxMy4zNzIyOTE3LDIxLjY4NzI0MjEgWiBNMTAuNDY2MDQxNywxMS44MDY0IEw0LjEzMTA0MTY3LDExLjgwNjQgTDQuMTMxMDQxNjcsOS4zODk5Nzg5NSBMMTAuNDY2MDQxNyw5LjM4OTk3ODk1IEwxMC40NjYwNDE3LDExLjgwNjQgWiBNNS4xMzk3OTE2NywyMS42ODcyNDIxIEwxMC40NjYwNDE3LDIxLjY4NzI0MjEgTDEwLjQ2NjA0MTcsMTMuOTU5NjYzMiBMNS4xMzk3OTE2NywxMy45NTk2NjMyIEw1LjEzOTc5MTY3LDIxLjY4NzI0MjEgWiBNMy40NjQ5MDY5Nyw3IEMyLjY1NTkwMTIxLDcgMS45OTk3OTE2Nyw3LjY3MzMyNzA4IDEuOTk5NzkxNjcsOC41MDMxMzE1OCBMMS45OTk3OTE2NywxMi4zODAxNTA2IEMxLjk5OTc5MTY3LDEzLjA0OTE2NyAyLjQyODIzNzA4LDEzLjYwOTU1NDUgMy4wMTY3MTk0NiwxMy44MDQzOTY5IEwzLjAxNjcxOTQ2LDIyLjQ5NjQzNzQgQzMuMDE2NzE5NDYsMjMuMzI2NjcyOSAzLjY3MjQwODk2LDI0IDQuNDgxODM0NzYsMjQgTDEwLjUzNDY3NjQsMjQgTDEzLjQ2NDQ4NjksMjQgTDE5LjUxODE2ODYsMjQgQzIwLjMyNzE3NDQsMjQgMjAuOTgyODYzOSwyMy4zMjY2NzI5IDIwLjk4Mjg2MzksMjIuNDk2NDM3NCBMMjAuOTgyODYzOSwxMy44MDQzOTY5IEMyMS41NzEzNDYzLDEzLjYwOTU1NDUgMjEuOTk5NzkxNywxMy4wNDkxNjcgMjEuOTk5NzkxNywxMi4zODAxNTA2IEwyMS45OTk3OTE3LDguNTAzMTMxNTggQzIxLjk5OTc5MTcsNy42NzMzMjcwOCAyMS4zNDM2ODIxLDcgMjAuNTM0Njc2NCw3IEwzLjQ2NDkwNjk3LDcgWiBNNS4zNTk1ODMzMyw1LjAwNDIxMjMzIEwxMS4xMiw1LjAwNDIxMjMzIEwxMi43MTg3NSw1LjAwNDIxMjMzIEwxOC40NzkxNjY3LDUuMDA0MjEyMzMgQzE4Ljc1OTU4MzMsNS4wMDQyMTIzMyAxOC45NDY2NjY3LDQuNjU4OTQ5MTcgMTguODMxNjY2Nyw0LjM1MzY4NjAxIEwxNy4yOTc1LDAuMjcyODQzOTA4IEMxNy4yMDMzMzMzLDAuMDIxODk2NTQwMSAxNi45NDc1LC0wLjA3NTM2NjYxNzggMTYuNzQ5MTY2NywwLjA2MzU4MDc1MDYgTDExLjkxOTU4MzMsMy40NDcxNTk3IEw3LjA4OTU4MzMzLDAuMDYzNTgwNzUwNiBDNi44OTEyNSwtMC4wNzUzNjY2MTc4IDYuNjM1ODMzMzMsMC4wMjE4OTY1NDAxIDYuNTQxMjUsMC4yNzI4NDM5MDggTDUuMDA3MDgzMzMsNC4zNTM2ODYwMSBDNC44OTIwODMzMyw0LjY1ODk0OTE3IDUuMDc5MTY2NjcsNS4wMDQyMTIzMyA1LjM1OTU4MzMzLDUuMDA0MjEyMzMiIGlkPSJGaWxsLTQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==')
    no-repeat center;
}
a.mspIcon03::before {
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0U3NzYxMSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMjMuMzMzIDBsLTMuMzEgMS0zLjMwOS0xLTMuMzA0IDEtMy4zMDQtMS0zLjMwMyAxLTMuMy0xdjE4LjUzN2MwIC41NTIuNDM2IDEgLjk3MyAxIC41MzcgMCAuOTcyLS40NDguOTcyLTFWMi42NzVsMS4zNTUuNDEgMy4zMDMtMSAzLjMwNCAxIDMuMzA1LTEgMy4zMDkgMSAxLjM2NS0uNDEzdjE2LjMzNWMwIDEuNjUtMS4zMDUgMi45OTMtMi45MSAyLjk5M0g0Ljg1NGMtMS42MDQgMC0yLjkxLTEuMzQyLTIuOTEtMi45OTNWNC44SDB2MTQuMjA3QzAgMjEuNzY1IDIuMTczIDI0IDQuODU0IDI0SDE4LjQ4YzIuNjI5IDAgNC43NjQtMi4xNSA0Ljg0Ni00LjgzM2guMDA4VjB6Ii8+PHBhdGggZD0iTTEzLjE1IDE0Ljk5NWMtLjkzNy0uMzQxLTEuNjY1LjYxLTEuNzYuODczLS4wNS4xMzgtLjY5Ni4wOTctMS4zODUuMzgyLS44Mi4zMzgtMS4wOTkgMS40NzEtLjQzMiAyLjExOC44MDEuNzc2IDEuNzA0LjU5MiAyLjA4My43My4zNzkuMTM4Ljk1Mi44NiAyLjA2NC43OC45MjctLjA2NSAxLjQ0My0xLjExMyAxLjAzMy0xLjg5OS0uMzQ2LS42NjEtLjg2Ni0xLjA0NS0uODE2LTEuMTgzLjA5Ni0uMjYzLjE1MS0xLjQ2LS43ODYtMS44TTExLjUyMyAxMi43MzdjLS4wNjguNzQuMyAxLjM4LjgyIDEuNDI4LjUyMy4wNDggMS0uNTE0IDEuMDY4LTEuMjU0LjA2OC0uNzQxLS4zLTEuMzgtLjgyLTEuNDI4LS41MjMtLjA0OC0xIC41MTQtMS4wNjggMS4yNTRNOS4xMTMgMTQuMjY4Yy4xODUuNzIuNzQ2IDEuMTk4IDEuMjU0IDEuMDY4LjUwNy0uMTMuNzY4LS44Mi41ODMtMS41NC0uMTg1LS43Mi0uNzQ3LTEuMTk4LTEuMjUzLTEuMDY4LS41MDguMTMtLjc2OC44Mi0uNTg0IDEuNTRNMTUuODUgMTQuMzEzYy40MjQtLjYxLjQxOS0xLjM0OC0uMDExLTEuNjQ2LS40My0uMjk5LTEuMTIyLS4wNDYtMS41NDcuNTY0LS40MjQuNjExLS40MiAxLjM0OC4wMSAxLjY0Ny40My4yOTkgMS4xMjMuMDQ2IDEuNTQ3LS41NjVNMTUuNjA3IDE1LjQ5MmMtLjYwNS40MzItLjg0OCAxLjEyOC0uNTQ0IDEuNTU1LjMwNS40MjUgMS4wNDIuNDIgMS42NDctLjAxMy42MDUtLjQzMi44NDktMS4xMjguNTQ0LTEuNTU0LS4zMDUtLjQyNi0xLjA0Mi0uNDItMS42NDcuMDEyTTYuNTkzIDkuODA4VjUuNDQ3aC43MzZsMS4xNTggMi42MjhoLjAxNVY1LjQ0N2guNzY3djQuMzZoLS43MjJMNy4zNzUgNy4xODdINy4zNnYyLjYyMnpNOS45NiA5LjgwOFY1LjQ0N2gyLjI4NHYuNTg4aC0xLjUxN3YxLjI4aDEuMzIzdi41ODhoLTEuMzIzdjEuMjhoMS41MTd2LjYyNXpNMTYuNzE2IDUuNDQ2bC0uNzk2IDQuMzYyaC0uNzIybC0uNTg2LTIuODNoLS4wMTVsLS41NzkgMi44M2gtLjcyMUwxMi41IDUuNDQ2aC44MTJsLjM4NCAyLjc2OWguMDE0bC42MDItMi43NjloLjU4NmwuNjI0IDIuODM2aC4wMTRsLjM2OS0yLjgzNnpNMTkuNjc3IDYuNzAyaC0uNzY2di0uMTRhLjU3OC41NzggMCAwMC0uMTI1LS4zNzFjLS4wODItLjEwNC0uMjItLjE1Ni0uNDE2LS4xNTZhLjU3NC41NzQgMCAwMC0uMjU2LjA0OC40NjcuNDY3IDAgMDAtLjE1OC4xMjMuNDU4LjQ1OCAwIDAwLS4wODMuMTguOTUuOTUgMCAwMC0uMDIyLjIxMmMwIC4wODYuMDA0LjE1Ny4wMTEuMjE1YS4zNTIuMzUyIDAgMDAuMDU2LjE1Mi4zOC4zOCAwIDAwLjEzMi4xMTdjLjA1OC4wMzMuMTM2LjA2NS4yMzYuMDk4bC41ODYuMTljLjE3MS4wNTMuMzA4LjExNS40MTQuMTg3YS44NzguODc4IDAgMDEuMjQ4LjI0OGMuMDU2LjA5OC4wOTMuMjEuMTEzLjMzNC4wMi4xMjQuMDMuMjY2LjAzLjQyNSAwIC4xODQtLjAyMy4zNTUtLjA2OC41MTJhLjk5Ljk5IDAgMDEtLjIxOC40MDEgMS4wNzkgMS4wNzkgMCAwMS0uNDEzLjI3Yy0uMTcuMDY1LS4zNzguMDk3LS42MjQuMDk3LS4xODUgMC0uMzU4LS4wMjctLjUxOC0uMDhhMS4yODIgMS4yODIgMCAwMS0uNDE0LS4yMiAxLjA4NiAxLjA4NiAwIDAxLS4yNzQtLjMyNy44MzcuODM3IDAgMDEtLjEtLjQwOHYtLjIzMmguNzY2di4xOTZjMCAuMTE0LjA0MS4yMTcuMTIzLjMwOC4wODMuMDkzLjIyMi4xMzguNDE3LjEzOC4xMyAwIC4yMzItLjAxNS4zMDUtLjA0NWEuMzgzLjM4MyAwIDAwLjI0LS4zMzcgMi45MDMgMi45MDMgMCAwMC0uMDAzLS41NDguNDI0LjQyNCAwIDAwLS4wNi0uMTc4LjM5Ny4zOTcgMCAwMC0uMTQtLjExIDEuOTc2IDEuOTc2IDAgMDAtLjIyOS0uMDkybC0uNTQ5LS4xODRjLS4zMy0uMTEtLjU1Mi0uMjU2LS42NjUtLjQzOC0uMTEzLS4xODItLjE2OS0uNDA5LS4xNjktLjY4MyAwLS4xNjMuMDI4LS4zMTkuMDgzLS40NjUuMDU1LS4xNDguMTM3LS4yNzQuMjQ4LS4zOC4xMDUtLjEwNi4yNC0uMTkuNDAxLS4yNTQuMTY0LS4wNjQuMzU4LS4wOTUuNTgzLS4wOTUuMTkgMCAuMzY1LjAyOC41MjMuMDg1LjE1OC4wNTguMjk0LjEzMy40MS4yMjcuMjMuMTk2LjM0NS40Mi4zNDUuNjc0di4zMDZ6Ii8+PC9nPjwvc3ZnPg==')
    no-repeat;
}
.btnListVertical a.jlnsp-featuredWordLink {
  padding: 10px 25px 10px 12px;
  display: flex;
  align-items: center;
}
.btnListVertical a.jlnsp-featuredWordLink .ji-list {
  font-size: 20px;
  color: #e77611;
  padding-right: 12px;
}

/* 予約状況照会
-------------------------------------------------*/
.jlnsp-top-bookingConfirmation {
  padding-bottom: 6px;
}
.icon_member::before {
  background: url('/assets/img/common/icons/icon_reserve01_ora.svg') no-repeat;
}
.jlnsp-top__app-link::before {
  background: url('/assets/img/common/icons/icon_sp_ora_15.svg') no-repeat
    center;
}
body[data-selected-product='car-rental'] .jlnsp-top-bookingConfirmation {
  display: none;
}

/* 会員メニュー
-------------------------------------------------*/
.icon_mypage::before {
  background: url('/assets/img/common/icons/icon_mypage24_ora.svg') no-repeat;
}
.jlnsp-top__link--signUp::before {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjM1MyAwTDIwIDQuMzYxdjEuMzc4aC0uMDM2bC4wMzYuMDM3VjIyLjg0YzAgLjY0MS0uNTQgMS4xNi0xLjIwNyAxLjE2SDEuMjA3Qy41NDEgMjQgMCAyMy40ODEgMCAyMi44NFYxLjE2MkMwIC41Mi41NC4wMDEgMS4yMDcuMDAxaDEyLjgyN1YwaDEuMzE5em0tMS4zMTkgMS44NTZIMy4zMTRjLS43NzUgMC0xLjQwMy42MDQtMS40MDMgMS4zNDl2MTcuNTE0YzAgLjc0NS42MjggMS4zNDkgMS40MDMgMS4zNDloMTMuMzQxYy43NzUgMCAxLjQwMy0uNjA0IDEuNDAzLTEuMzQ5VjUuNzM5SDE1LjI0Yy0uNjY2IDAtMS4yMDYtLjUyLTEuMjA2LTEuMTYxVjEuODU2em0uNDM5IDEzLjIwOWMuNTA2IDAgLjkxNy4zOTUuOTE3Ljg4IDAgLjQ4OC0uNDEuODgzLS45MTcuODgzSDUuMzI4Yy0uNTA1IDAtLjkxNi0uMzk1LS45MTYtLjg4MiAwLS40ODYuNDEtLjg4MS45MTYtLjg4MXptMC00LjE0M2MuNTA2IDAgLjkxNy4zOTUuOTE3Ljg4MnMtLjQxLjg4MS0uOTE3Ljg4MUg1LjMyOGMtLjUwNSAwLS45MTYtLjM5NC0uOTE2LS44OCAwLS40ODguNDEtLjg4My45MTYtLjg4M3ptMC00LjE0MmMuNTA2IDAgLjkxNy4zOTUuOTE3Ljg4MnMtLjQxLjg4MS0uOTE3Ljg4MUg1LjMyOGMtLjUwNSAwLS45MTYtLjM5NC0uOTE2LS44OCAwLS40ODguNDEtLjg4My45MTYtLjg4M3oiIGZpbGw9IiNFNzc2MTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==');
  background-size: 20px 24px;
}

/* その他のサービス
-------------------------------------------------*/
.icon_jalanpack::before {
  background-image: url('/assets/img/common/icons/icon_dp_ora.svg');
}
.icon_activity::before {
  background: url('/assets/img/common/icons/icon_asobi_ora.svg') no-repeat
    center center;
  background-size: 20px 24px;
}
.icon_rentacar::before {
  background: url('/assets/img/common/icons/icon_rentacar_ora.svg') no-repeat
    center center;
  background-size: 24px 14px;
}
.jlnsp-top__recommendation__title {
  margin: 8px 12px 0;
  color: #5b4843;
  font-size: 14px;
}
.swiper-container-ex {
  margin: 8px 0 12px;
}
.jlnsp-top__links--service .btnListVertical a {
  font-size: 14px;
}
.jlnsp-top__links--service .jlnsp-top__link--activity {
  border-bottom: 1px solid #bcb6b3;
}
/* レンタタブ */
/* (遊び体験)ジャンルから探す直下のカセットとの仕切り線 */
[data-selected-product='car-rental']
  .jlnsp-top__links--service
  .jlnsp-top__link--activity {
  border: none;
}
/* 遊び・体験：ジャンルから探す */
.activityGenreSearch {
  position: relative;
  margin-bottom: 12px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.activityGenreSearch,
.activityGenreSearch * {
  box-sizing: border-box;
}
.activityGenreSearch__loading {
  height: 193px;
}
.activityGenreSearch__loading::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: calc(100% + 12px);
  content: '';
  background: #fff;
}
.activityGenreSearch__loading::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: -12px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  margin: auto;
  content: '';
  border: 3px solid #918b8a;
  border-left-color: transparent;
  border-radius: 50%;
  animation: 1s linear infinite rotation;
}
.activityGenreSearch__title {
  padding: 8px 12px 0;
  font-size: 14px;
  font-weight: bold;
  color: #5b4843;
}
.activityGenreSearch__contents {
  padding: 0 12px 8px;
  margin-top: 12px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.activityGenreSearch__list {
  display: flex;
  gap: 8px;
}
.activityGenreSearch__list::after {
  flex: 0 0 4px;
  content: '';
}
.activityGenreSearch__list > li > a {
  display: block;
  height: 100%;
  padding: 0;
  line-height: 1.5;
  border: 0 !important;
}
.activityGenreSearch__list > li > a::after {
  content: none;
}
.activityGenreSearch__list figure {
  margin: 0;
}
.activityGenreSearch__img {
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 4px;
}
.activityGenreSearch__img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.activityGenreSearch__genreName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 36px;
  margin: 4px 0;
  overflow: hidden;
  font-size: 12px;
  font-weight: normal;
  color: #3b1800;
}
@media (orientation: landscape) {
  .activityGenreSearch__img {
    width: 180px;
    height: 180px;
  }
}
/* 航空券、観光ガイド、海外、ゴルフなど */
.jlnsp-top__link--tour::before {
  background-image: url('/assets/img/common/icons/icon_tourbus_ora.svg');
}
.jlnsp-top__link--bus::before {
  background-image: url('/assets/img/common/icons/icon_bus_ora.svg');
}
.jlnsp-top__link--airticket::before {
  background-image: url('/assets/img/common/icons/icon_air_ora.svg');
}
.jlnsp-top__link--kankou::before {
  background-image: url('/assets/img/common/icons/icon_tourguide_ora.svg');
}
.jlnsp-top__link--kaigai::before {
  background-image: url('/assets/img/common/icons/icon_overseas_ora.svg');
}
.jlnsp-top__link--golf::before {
  background-image: url('/assets/img/common/icons/icon_golf_ora.svg');
}

/* 駅・住所・スポット名から探す
-------------------------------------------------*/
.jlnsp-top-product-rentacar .c-freeword__input,
.jlnsp-top-product-rentacar .c-btn--primary {
  font-size: 14px;
}

/* 人数・部屋数選択カセット 20211004 add
-------------------------------------------------*/
#jsi-adultNumViewLbl,
#jsi-childNumViewLbl {
  position: absolute;
  width: 100%;
  height: 100%;
}
.jlnsp-adultNumView {
  font-size: 14px;
  color: #3b1810;
  font-weight: normal;
  text-align: left;
}
.jlnsp-roomInfo .btnSelect select,
.jlnsp-adultNumInput,
.jlnsp-childNumInput {
  padding-right: 18px;
}
.jlnsp-adultNumInput,
.jlnsp-childNumInput {
  width: 100%;
  margin-top: 1px;
  -webkit-appearance: none;
  overflow: hidden;
  box-sizing: border-box;
}
.jlnsp-adultNumInput {
  display: none;
}
.jlnsp-adultNumInput input,
.jlnsp-childNumInput input {
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  border: none;
  text-align: left;
  background-color: transparent;
  box-sizing: border-box;
  padding-right: 0;
  padding-left: 0;
  margin-top: 0;
  max-height: 20px;
  line-height: 1.3;
}
.jlnsp-adultNumInput,
.jlnsp-childNumInput,
.jlnsp-selectBox {
  margin-top: 1px;
}
.jlnsp-roomNum .jlnsp-selectBox,
.jlnsp-adultNum .jlnsp-selectBox {
  width: 100%;
}
.jlnsp-selectBox.jsc-PersonSelect {
  display: none;
}

/* 人数・部屋数選択モーダル枠 20211004 add
-------------------------------------------------*/
/* Avoid Chrome to see Safari hack */
@supports (-webkit-touch-callout: none) {
  html,
  body {
    min-height: calc(var(--vh, 1vh) * 100);
    min-height: 100vh; /* Fallback */
  }
}
body.modal-open {
  position: fixed;
  top: 0;
  left: 0;
}
*:focus {
  outline: none;
}
.jlnsp-searchPanel__modal__overlay__background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 150%;
  background-color: #333;
  z-index: 1001;
}
body.modal-open .jlnsp-searchPanel__modal__overlay__background {
  display: block;
}
.jlnsp-searchPanel__modal__overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 16px;
  height: 91%;
  overflow-y: hidden;
  z-index: 1002;
}
body.modal-open .jlnsp-searchPanel__modal__overlay {
  display: block;
}
.jlnsp-searchPanel__modal__viewport {
  height: 100%;
}
div.jlnsp-searchPanel__modal__contents {
  padding: 16px 12px;
  background-color: #fff;
  height: calc(100% - 70px);
  border-radius: 6px 6px 0 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
p.jlnsp-searchPanel__modal__contents__title {
  color: #3b1800;
  font-weight: bold;
  font-size: 16px;
}
.jlnsp-searchPanel__modal__contents .jlnsp-searchPanel__cassette {
  margin-top: 16px;
}
.jlnsp-searchPanel__modal__contents .jlnsp-searchPanel__cassette__heading {
  font-size: 14px;
}

/* キャンセル、設定するボタン */
.jlnsp-searchPanel__modal__footer {
  display: inline-flex;
  width: 100%;
  box-sizing: border-box;
}
div.jlnsp-searchPanel__modal__cancel__wrap {
  border: solid 1px #938c89;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#ddd)
  );
  background: linear-gradient(to bottom, #fff, #ddd);
  color: #3b1800;
}
div.jlnsp-searchPanel__modal__submit__wrap {
  border: solid 1px #2171e0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#38affc),
    to(#0174e7)
  );
  background: linear-gradient(to bottom, #38affc, #0174e7);
  color: #fff;
}
div.jlnsp-searchPanel__modal__footer__inner div + div {
  margin-left: 12px;
}
div.jlnsp-searchPanel__modal__footer__inner div {
  width: 100%;
  padding: 7px 0;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  cursor: pointer;
}
div.jlnsp-searchPanel__modal__footer__inner {
  display: inline-flex;
  width: 100%;
  padding: 16px;
  background-color: #fff;
  justify-content: space-around;
  align-items: center;
  border-radius: 0 0 6px 6px;
  border-top: solid 1px #918b8a;
  box-sizing: border-box;
}

/* 人数・部屋数選択モーダル 20211004 add
-------------------------------------------------*/
.isRoom--stayNum em {
  text-align: left;
  width: calc(100% - 64%);
  margin-top: 0;
  font-size: 14px;
  line-height: 1.2;
}
.isRoom--stayNum .jlnsp-searchPanel__cassette__heading {
  font-weight: bold;
}
.isRoom--stayNum dd ul li + li {
  margin-top: 8px;
}
.isRoom--stayNum.isClose {
  display: none;
}
.jlnsp-searchPanel--room .c-input-select::after {
  top: 13px;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette.isClose {
  display: none;
}
.jlnsp-searchPanel--room dl dd ul li label {
  width: 62px;
  height: 38px;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__heading,
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__items {
  font-size: 16px;
  color: #3b1800;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__heading {
  font-size: 14px;
  font-weight: bold;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__items ul + ul {
  margin-top: 8px;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__items ul li {
  display: flex;
  width: 100%;
  align-items: center;
}
.jlnsp-searchPanel--room
  .jlnsp-searchPanel__cassette__items
  ul
  li
  label
  + span {
  margin-left: 6px;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__items select {
  padding-left: 8px;
  width: 62px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
}
.jlnsp-searchPanel--room .jlnsp-searchPanel__cassette__items {
  margin-top: 8px;
}
.jlnsp-selectChildList.isClose {
  display: none;
}
p.jlnsp-selectChildList__control {
  margin-left: auto;
  color: #1558ce;
}
.jlnsp-selectChildList__control span + span {
  margin-left: 4px;
}
.jlnsp-selectChildList__control .c-icon_txt {
  padding: 10px 0;
  font-size: 14px;
  cursor: pointer;
}
.jlnsp-selectChildList__control .c-icon {
  height: 21px;
  background-position-y: 2px;
  background-repeat: no-repeat;
}

/* override /assets/css/pages/smart/headerCommon.sp.css */
/* ios14-iphone8 右メニュー対応 */
html body.openSlideMenu {
  z-index: 0;
}

/* 関連リンク */
.connectionLink__title {
  position: relative;
  display: block;
  line-height: 1.2;
  padding: 15px 12px 15px;
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  border-bottom: 1px solid #bcb6b3;
  border-top: none;
  color: #3b1800;
  box-sizing: border-box;
}

.connectionLink__title::before {
  content: '';
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin: auto 0;
  display: block;
  width: 12px;
  height: 2px;
  background: #918b8a;
  transition: 400ms;
}

.connectionLink__title::after {
  content: '';
  position: absolute;
  top: 0;
  right: 8px;
  bottom: 0;
  margin: auto 0;
  display: block;
  width: 12px;
  height: 2px;
  background: #918b8a;
  transition: 400ms;
  transform: rotate(90deg);
}

.connectionLink .isOpen::after {
  display: none;
}

.connectionLink__wrap {
  display: none;
}

.connectionLink__list {
  display: flex;
  flex-wrap: wrap;
  padding: 7px 12px 12px;
  border-bottom: solid 1px #bcb6b3;
}

.connectionLink__list a {
  line-height: 1;
}

.connectionLink__list a:link {
  color: #1558ce;
}

.connectionLink__list a:visited {
  color: #7607f1;
}

.connectionLink__item {
  padding-right: 5px;
  margin: 8px 5px 3px 0;
  border-right: 1px solid #3b1800;
  font-size: 12px;
  line-height: 1;
}

/* 前回検討したプラン、最近見た宿、特別オファー サムネイル表示改善 */
#specialOffer .specialOffer-list .thumb-inner,
.jlnsp-top__latestPlanInfo__figure__inner,
#searchRecently .searchRecently-list .thumb-inner {
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  overflow: hidden;
}

#specialOffer .specialOffer-list .thumb-inner img,
.jlnsp-top__latestPlanInfo__photo,
#searchRecently .searchRecently-list .thumb-inner img {
  width: auto;
  height: 50px;
  max-width: none;
}

#specialOffer .specialOffer-list .innName,
#searchRecently .searchRecently-list .innName,
.jlnsp-top__latestPlanInfo__hotelName {
  word-break: break-all;
}

/* lazyload */
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 800ms;
}
.lazyload__option {
  background-color: #eee;
}
.lazyload__option-loaded {
  background-color: #fff;
  transition: background-color 800ms;
}

/* loading animation */
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 超法規枠 (上部)
-------------------------------------------------*/

.notification {
  padding-top: 6px;
  padding-right: 6px;
  padding-bottom: 1px;
  padding-left: 6px;
}
.notification li {
  border: 1px solid rgba(224, 219, 215, 1);
  gap: 8px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 8px;
}
.notification li + li {
  border-top: none;
}
.notification a:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU2NDFfOTcyOCkiPgo8cGF0aCBkPSJNNyAxNEMxMC44NjYgMTQgMTQgMTAuODY2IDE0IDdDMTQgMy4xMzQwMSAxMC44NjYgMCA3IDBDMy4xMzQwMSAwIDAgMy4xMzQwMSAwIDdDMCAxMC44NjYgMy4xMzQwMSAxNCA3IDE0WiIgZmlsbD0iIzkxOEI4QSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuMjQ1NDggMTAuNDA5MUg3LjYzMzI3VjYuMjQ1NDNINi4yNDU0OFYxMC40MDkxWk02LjI0NTQ4IDQuODU3NTFINy42MzMyN1YzLjQ2OTczSDYuMjQ1NDhWNC44NTc1MVoiIGZpbGw9IndoaXRlIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNTY0MV85NzI4Ij4KPHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjE0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=');
  display: inline-block;
  width: 14px;
  height: auto;
  position: relative;
  margin-right: 8px;
  top: 2px;
  left: 0;
}
.notification a {
  color: #3b1800;
  font-size: 14px;
  position: relative;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-right: 16px;
}
.notification a::after {
  content: '';
  position: absolute;
  top: 50%;
  background: none;
  right: 11px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-top: 2px solid #918b8a;
  border-right: 2px solid #918b8a;
  transform: rotate(45deg);
}
.notification li:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.notification li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* 超法規枠 (下部)
-------------------------------------------------*/

#info a {
  word-break: break-all;
  overflow-wrap: anywhere;
}