@charset "utf-8";
@import url("/content/dam/jretravel/site/common/css/maintenance.css");

/*font color*/
.font_red {color: #ff0000}
/*font size*/
.fs_8 {font-size: .8rem}
.fs_9 {font-size: .9rem}
.fs1 {font-size: 1rem}
.fs1_1 {font-size: 1.1rem}
.fs1_2 {font-size: 1.2rem}
.fs1_3 {font-size: 1.3rem}
.fs1_4 {font-size: 1.4rem}
.fs1_5 {font-size: 1.5rem}
.fs1_6 {font-size: 1.6rem}
.fs1_7 {font-size: 1.7rem}

/*margin*/
.m0 {margin: 0 !important}
.mt5 {margin-top: 5px !important}
.mb5 {margin-bottom: 5px !important}
.mr5 {margin-right: 5px !important}
.ml5 {margin-left: 5px !important}
.mt10 {margin-top: 10px !important}
.mb10 {margin-bottom: 10px !important}
.mr10 {margin-right: 10px !important}
.ml10 {margin-left: 10px !important}
.mt20 {margin-top: 20px !important}
.mb20 {margin-bottom: 20px !important}
.mr20 {margin-right: 20px !important}
.ml20 {margin-left: 20px !important}
.mt30 {margin-top: 30px !important}
.mb30 {margin-bottom: 30px !important}
.mr30 {margin-right: 30px !important}
.ml30 {margin-left: 30px !important}
.mt40 {margin-top: 40px !important}
.mb40 {margin-bottom: 40px !important}
.mr40 {margin-right: 40px !important}
.ml40 {margin-left: 40px !important}
.mt50 {margin-top: 50px !important}
.mb50 {margin-bottom: 50px !important}
.mr50 {margin-right: 50px !important}
.ml50 {margin-left: 50px !important}
.mt60 {margin-top: 60px !important}
.mb60 {margin-bottom: 60px !important}
.mr60 {margin-right: 60px !important}
.ml60 {margin-left: 60px !important}
.mt70 {margin-top: 70px !important}
.mb70 {margin-bottom: 70px !important}
.mr70 {margin-right: 70px !important}
.ml70 {margin-left: 70px !important}
.mt80 {margin-top: 80px !important}
.mb80 {margin-bottom: 80px !important}
.mr80 {margin-right: 80px !important}
.ml80 {margin-left: 80px !important}
.mt90 {margin-top: 90px !important}
.mb90 {margin-bottom: 90px !important}
.mr90 {margin-right: 90px !important}
.ml90 {margin-left: 90px !important}
.mt100 {margin-top: 100px !important}
.mb100 {margin-bottom: 100px !important}
.mr100 {margin-right: 100px !important}
.ml100 {margin-left: 100px !important}

.p0 {padding: 0 !important}
.pt5 {padding-top: 5px !important}
.pb5 {padding-bottom: 5px !important}
.pr5 {padding-right: 5px !important}
.pl5 {padding-left: 5px !important}
.pt10 {padding-top: 10px !important}
.pb10 {padding-bottom: 10px !important}
.pr10 {padding-right: 10px !important}
.pl10 {padding-left: 10px !important}
.pt20 {padding-top: 20px !important}
.pb20 {padding-bottom: 20px !important}
.pr20 {padding-right: 20px !important}
.pl20 {padding-left: 20px !important}
.pt30 {padding-top: 30px !important}
.pb30 {padding-bottom: 30px !important}
.pr30 {padding-right: 30px !important}
.pl30 {padding-left: 30px !important}
.pt40 {padding-top: 40px !important}
.pb40 {padding-bottom: 40px !important}
.pr40 {padding-right: 40px !important}
.pl40 {padding-left: 40px !important}
.pt50 {padding-top: 50px !important}
.pb50 {padding-bottom: 50px !important}
.pr50 {padding-right: 50px !important}
.pl50 {padding-left: 50px !important}
.pt60 {padding-top: 60px !important}
.pb60 {padding-bottom: 60px !important}
.pr60 {padding-right: 60px !important}
.pl60 {padding-left: 60px !important}
.pt70 {padding-top: 70px !important}
.pb70 {padding-bottom: 70px !important}
.pr70 {padding-right: 70px !important}
.pl70 {padding-left: 70px !important}
.pt80 {padding-top: 80px !important}
.pb80 {padding-bottom: 80px !important}
.pr80 {padding-right: 80px !important}
.pl80 {padding-left: 80px !important}
.pt90 {padding-top: 90px !important}
.pb90 {padding-bottom: 90px !important}
.pr90 {padding-right: 90px !important}
.pl90 {padding-left: 90px !important}
.pt100 {padding-top: 100px !important}
.pb100 {padding-bottom: 100px !important}
.pr100 {padding-right: 100px !important}
.pl100 {padding-left: 100px !important}

@media screen and (max-width: 568px) {
.sp_m0 {margin: 0 !important}
.sp_mt5 {margin-top: 5px !important}
.sp_mb5 {margin-bottom: 5px !important}
.sp_mr5 {margin-right: 5px !important}
.sp_ml5 {margin-left: 5px !important}
.sp_mt10 {margin-top: 10px !important}
.sp_mb10 {margin-bottom: 10px !important}
.sp_mr10 {margin-right: 10px !important}
.sp_ml10 {margin-left: 10px !important}
.sp_mt20 {margin-top: 20px !important}
.sp_mb20 {margin-bottom: 20px !important}
.sp_mr20 {margin-right: 20px !important}
.sp_ml20 {margin-left: 20px !important}
.sp_mt30 {margin-top: 30px !important}
.sp_mb30 {margin-bottom: 30px !important}
.sp_mr30 {margin-right: 30px !important}
.sp_ml30 {margin-left: 30px !important}
.sp_mt40 {margin-top: 40px !important}
.sp_mb40 {margin-bottom: 40px !important}
.sp_mr40 {margin-right: 40px !important}
.sp_ml40 {margin-left: 40px !important}
.sp_mt50 {margin-top: 50px !important}
.sp_mb50 {margin-bottom: 50px !important}
.sp_mr50 {margin-right: 50px !important}
.sp_ml50 {margin-left: 50px !important}
.sp_mt60 {margin-top: 60px !important}
.sp_mb60 {margin-bottom: 60px !important}
.sp_mr60 {margin-right: 60px !important}
.sp_ml60 {margin-left: 60px !important}
.sp_mt70 {margin-top: 70px !important}
.sp_mb70 {margin-bottom: 70px !important}
.sp_mr70 {margin-right: 70px !important}
.sp_ml70 {margin-left: 70px !important}
.sp_mt80 {margin-top: 80px !important}
.sp_mb80 {margin-bottom: 80px !important}
.sp_mr80 {margin-right: 80px !important}
.sp_ml80 {margin-left: 80px !important}
.sp_mt90 {margin-top: 90px !important}
.sp_mb90 {margin-bottom: 90px !important}
.sp_mr90 {margin-right: 90px !important}
.sp_ml90 {margin-left: 90px !important}
.sp_mt100 {margin-top: 100px !important}
.sp_mb100 {margin-bottom: 100px !important}
.sp_mr100 {margin-right: 100px !important}
.sp_ml100 {margin-left: 100px !important}

.sp_p0 {padding: 0 !important}
.sp_pt5 {padding-top: 5px !important}
.sp_pb5 {padding-bottom: 5px !important}
.sp_pr5 {padding-right: 5px !important}
.sp_pl5 {padding-left: 5px !important}
.sp_pt10 {padding-top: 10px !important}
.sp_pb10 {padding-bottom: 10px !important}
.sp_pr10 {padding-right: 10px !important}
.sp_pl10 {padding-left: 10px !important}
.sp_pt20 {padding-top: 20px !important}
.sp_pb20 {padding-bottom: 20px !important}
.sp_pr20 {padding-right: 20px !important}
.sp_pl20 {padding-left: 20px !important}
.sp_pt30 {padding-top: 30px !important}
.sp_pb30 {padding-bottom: 30px !important}
.sp_pr30 {padding-right: 30px !important}
.sp_pl30 {padding-left: 30px !important}
.sp_pt40 {padding-top: 40px !important}
.sp_pb40 {padding-bottom: 40px !important}
.sp_pr40 {padding-right: 40px !important}
.sp_pl40 {padding-left: 40px !important}
.sp_pt50 {padding-top: 50px !important}
.sp_pb50 {padding-bottom: 50px !important}
.sp_pr50 {padding-right: 50px !important}
.sp_pl50 {padding-left: 50px !important}
.sp_pt60 {padding-top: 60px !important}
.sp_pb60 {padding-bottom: 60px !important}
.sp_pr60 {padding-right: 60px !important}
.sp_pl60 {padding-left: 60px !important}
.sp_pt70 {padding-top: 70px !important}
.sp_pb70 {padding-bottom: 70px !important}
.sp_pr70 {padding-right: 70px !important}
.sp_pl70 {padding-left: 70px !important}
.sp_pt80 {padding-top: 80px !important}
.sp_pb80 {padding-bottom: 80px !important}
.sp_pr80 {padding-right: 80px !important}
.sp_pl80 {padding-left: 80px !important}
.sp_pt90 {padding-top: 90px !important}
.sp_pb90 {padding-bottom: 90px !important}
.sp_pr90 {padding-right: 90px !important}
.sp_pl90 {padding-left: 90px !important}
.sp_pt100 {padding-top: 100px !important}
.sp_pb100 {padding-bottom: 100px !important}
.sp_pr100 {padding-right: 100px !important}
.sp_pl100 {padding-left: 100px !important}
}

/*-------------------------------------------------*/

/*　余白削除　*/
.cmn_contents {margin: 10px auto}
/*2カラムで間をあけたいときに*/
.clm2_left {padding-right: 10px}
.clm2_right {padding-left: 10px}
/*1カラムを真ん中にしたいときに*/
.clm01_center {display: flex;justify-content: center}
/*ナビゲーション背景白のときに*/
.bg_f li {border-right: 1px solid #ccc}
.bg_f li:first-child {border-left: 1px solid #ccc}

@media screen and (max-width: 568px) {
.naviArea .bg_f li:nth-child(even) {border-left: 1px solid #ccc}
.naviArea .bg_f li:first-child {border-top: 1px solid #ccc}
.naviArea .bg_f li {border-bottom: 1px solid #ccc !important}
.naviArea3 .bg_f li:nth-child(even),.naviArea3 .bg_f li:nth-child(3) {border-left: 1px solid #ccc}
.naviArea3 .bg_f li {border-bottom: 1px solid #ccc !important}
.naviArea3 .bg_f li:first-child,.naviArea3 .bg_f li:nth-child(2) {border-top: 1px solid #ccc}
.sp_fs1 {font-size: 1rem}
.sp_wmp {width: 96% !important;margin: 0 2% !important}
/*2カラムで間をあけたいときに*/
.clm2_left {padding-right: 0}
.clm2_right {padding-left: 0}
}

/*------------------------------------------------
	パンくず下、重要内容記述表示対応用
--------------------------------------------------*/
/*TOP　attention*/
.attention_box ul li {margin-left: 4%}
.attention_box ul li:before {content: '・';margin-left: -20px;margin-right: 1.5%}
@media all and (min-width:569px) {.attention_box ul li:before {margin-right: 1%}}
/*下層用*/
.att_comment {border: 1px #999 solid;color: #555;display: block;font-size: 1.35rem;font-weight: bold;line-height: 1.5;margin: 30px auto;padding: 10px;text-align: left;width: 94%;white-space: initial}
@media all and (min-width:569px) {.att_comment {text-align: center;width: 1000px}}

/*　▼0623対応内容▼　*//* \A テキスト改行 / white-space: pre; 改行時入れるタグ*/
/*.ace-breadcrumb:after{content: '11月1日11時より大阪府、静岡県（伊豆以外）の販売を再開いたします。';font-size: 1.35rem;display: block;margin: 15px auto;color: #555;font-weight: bold;line-height: 1.5;border: 1px #999 solid;padding: 10px;width:94%;white-space: initial;text-align: left;}
@media all and (min-width:569px){.ace-breadcrumb:after{margin: 30px auto;text-align: center;width:1000px}}*/
/*　▲0623対応内容▲　*/
/*.cmn_breadcrumb:after{content: '新型コロナウイルス感染拡大防止のため施設の休館やイベント等が開催中止になっている場合がございます。ご旅行前にご確認ください。';font-size: 1.35rem;display: block;margin: 30px auto;color: #555;font-weight: bold;line-height: 1.5;border: 1px #999 solid;padding: 10px;text-align: center;width:100%}*/

/*▼base.jsに記述<!--リンクを付ける場合、jsに記述する-->*/
#travel_note:before {content: none}
#travel_note {font-size: 1.35rem;display: block;margin: 30px auto;color: #555;font-weight: bold;line-height: 1.5;border: 1px #999 solid;padding: 5px;text-align: center;width: 100%}
#travel_note p a {color: #06c;text-decoration: underline}
@media all and (max-width:568px) {#travel_note {margin: 10px auto;text-align: inherit}}

/* ---- 01. ボタン ---- */
/*▼矢印右向き*/
.btn01_rt {width: 50%;margin: 20px auto;text-align: center}
.btn01_rt a {background: #029E9A;font-size: 1.1em;color: #fff;width: 100%;border-radius: 10px;line-height: 3;padding: 15px 60px 15px 32px;position: relative;text-decoration: none}
.btn01_rt a:hover {opacity: .7}
.btn01_rt a::after {content: '';border-top: 2px solid #fff;border-right: 2px solid #fff;display: block;width: 1rem;height: 1rem;position: absolute;top: 50%;right: 10%;-webkit-transform: rotate(45deg) translate(-35%, -40%);transform: rotate(45deg) translate(-35%, -40%)}
/*▼矢印下向き*/
.btn01_btm {width: 50%;margin: 20px auto;text-align: center}
.btn01_btm a {background: #029E9A;font-size: 1.1em;color: #fff;width: 100%;border-radius: 10px;line-height: 3;padding: 15px 60px 15px 32px;position: relative;text-decoration: none}
.btn01_btm a:hover {opacity: .7}
.btn01_btm a::after {content: '';border-bottom: 2px solid #fff;border-right: 2px solid #fff;display: block;width: 1rem;height: 1rem;position: absolute;top: 50%;right: 10%;-webkit-transform: rotate(45deg) translate(-35%, -40%);transform: rotate(45deg) translate(-35%, -40%)}
/*for SP*/
@media screen and (max-width: 568px) {
.btn01_rt,.btn01_btm {width: 94%;background: #029E9A;border-radius: 10px;position: relative;padding: 0}
.btn01_rt::after {content: '';border-top: 2px solid #fff}
.btn01_btm::after {content: '';border-bottom: 2px solid #fff}
.btn01_rt::after,.btn01_btm::after {content: '';border-right: 2px solid #fff;display: block;width: 1rem;height: 1rem;position: absolute;top: 50%;right: 8%;-webkit-transform: rotate(45deg) translate(-35%, -40%);transform: rotate(45deg) translate(-35%, -40%)}
.btn01_rt a,.btn01_btm a {font-size: 0.95em;text-decoration: none;margin: 0;padding: 15px 50px 15px 25px;line-height: inherit;position: static;border-radius: 10px;width: 100%;height: 100%;display: block}
.btn01_rt a::after,.btn01_btm a::after {content: none}
}
/* ---- 02. バナーセンター寄せ ----- */
.center_box {margin: 10px auto}
/* ----03. 特集close時の表示box ---- */
.notice_box {width: 1000px;background-color: #FFF;padding: 20px;margin: 40px auto 0;font-size: 1.7rem;font-weight: bold;line-height: 1.6;text-align: center;box-sizing: border-box}
@media (max-width: 568px) {.notice_box {width: 96%;margin-bottom: 30px}}
/* ---- 04.drpページ ---- */

/* ---- 05.xfのテキストリンク ---- */
.xf_box a {color: inherit}
.xf_box a:hover {text-decoration: underline}
/* ---- 07. ページ内リンク ---- */
@media all and (min-width:569px) {html {scroll-padding-top: 100px}}
@media all and (max-width:568px) {html {scroll-padding-top: 93px}}
/* ---- 08. PC用パンくず ---- */
.top .section h1 {font-size: 1.2rem}
.cmn_breadcrumb,.cmn_breadcrumb>.cmp-breadcrumb__item a,.cmn_breadcrumb>.cmp-breadcrumb__item+p {font-size: 1.2rem}
/* ---- 09. クローズコンテンツ ---- */
.close_contents {margin: .5% 0 1%;padding: 2%;background: #eee}
.close_contents>p {margin: 1% auto;width: 89%}
@media all and (max-width:568px) {.close_contents {margin: .5% 0 1vh}.close_contents>p {width: 95%}}
/* ---- 10. 販売停止 ---- */
a.suspend {pointer-events: none}/*リンク無効化*/
.suspend::before {content: '';display: inline-block;width: 100%;height: 100%;background: #222;z-index: 12;position: absolute;top: 0;left: 0;opacity: 0.6}
.suspend .img_box::after {content: '新規予約停止中';display: inline-block;color: #fff;font-size: 1.4em;margin: 1% 0;padding: 3% 4%;z-index: 111;position: absolute;/*top: 15%;left: 25%;*/top:40%;right: 30%}
.side_box.clm2 .suspend .img_box::after,.clm4 .suspend .img_box::after{right: 18%}
.spot_box .suspend .img_box::after {font-size: 1.4rem;right: 5%;top:30%}
@media all and (max-width:568px) {
.clm4 .suspend .img_box::after,.clm2 .suspend .img_box::after {top: 30%;right: 13%}
.side_box.clm1 .suspend .img_box::after {top: 30%;right: 10%}
.side_box.clm2 .suspend .img_box::after {top: 40%;right: 30%}
.spot_box .suspend .img_box::after {right: 15%}
}

/* ---------------------------------------------------------
	99. 修正依頼 20200x→
--------------------------------------------------------- */
/*---------▼修正未依頼-------------------------*/
select:focus {border: 1px solid #ccc !important;outline: none !important}
/*SP時バナー高さを合わせる（max2行）*/
@media screen and (max-width: 568px) {
.banner.tyo_otherarea_banner .bnr_txt,.banner.tyo_otherarea_banner .bnr_txt2 {height: 9.2em;overflow: hidden;margin: 0}
.banner {margin: .5rem 0 !important}
}
/*title画像を修正 2012*/
@media all and (max-width: 568px) {.fourcols_title img {max-height: inherit}}
/*cliantlibsに入れる　0820*/
/*pdf　svg*/
a[href*=".pdf"]:before {content: '';display: inline;background-image: url(/content/dam/jretravel/site/common/images/pdf_icon.svg);background-repeat: no-repeat;background-size: 14px;padding: 0 3px 0 15px;background-position: 0px 1px;margin-right: 3px}
/*小さいフォント用の外部リンク*/
.outside_icon_s {background-image: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20viewBox="0%200%2012%2012"><path%20d="M302.64,421.91v2.61h-8.15v-8.15h2.61m6.44,3.81v-4.71h-4.71m-.9,5.5,5.29-5.3m-10.68,2.66v8.14h8.14"%20transform="translate(-292.04%20-414.97)"%20fill="none"%20stroke="%23666"%20stroke-miterlimit="10"/></svg>');background-repeat: no-repeat;background-position: 0 3px;background-size: 11px;padding: 0 0 0 14px}
/*修正210729～*/
.circle_img img {height: auto !important}

/*修正220728～リンク*/
.base_prod .hotel li>a:hover,ul[class*="listitem"] a:hover,a img:hover,.base_prod .hotel li>a:hover{opacity:.8}
a:hover {text-decoration:none}
a {text-decoration: none;}
  /*手動*/
.codeitem .listitem a:not([href]):hover,ul[class*="listitem"] a:not([href]):hover{opacity:1}
/*newsearchpanelのcommon.css対応　220802*/
/*@media all and (min-width:768px){
    .sp{display:none}
    .pc{display:block}
}
@media all and (max-width:767px){
    .pc{display:none}
    img.sp{display:inherit}
    .map_wrap.pc{display:none !important}
    .map_wrap.sp{display:flex !important}
}*/

/*---------------------------
  検索パネルCP　修正箇所
-----------------------------*/
.remodal-people .lead a.question.about-children {font-size: .8em}
.newSearchPanelBody {margin: 20px auto}

/*全国旅行支援 js有-base.js-*/
.panel_cmnt_att {color: #222;margin: 0 0 15px 10px;font-family: 'Lato','游ゴシック Medium','游ゴシック体','Yu Gothic Medium',YuGothic,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-weight: bold;display:none; /*!important*/}

/*検索パネル日帰りリンク*/
.topSearchArea .train .inner .submit+.panel_comment {margin: 20px auto 0;position: relative;padding-left: 1.5%;width: 35%;font-weight: bold;display:none; /*!important*/}

/*検索パネル内にロゴ表示 231122close*/
/*.tabBody>.messageArea+.tabContents:before {content: '';display: inline-block;background: url(/content/dam/jretravel/site/common/header/logo_dp.svg);width: 100%;min-height: 16px;background-repeat: no-repeat;margin: 0 0 1em 1em;}
@media all and (min-width:767px) {.tabBody>.messageArea+.tabContents:before {min-height: 20px;margin: 0 0 1em 1.8em;}}
*/

/*-----------
  20220819
--------------*/
@media all and (min-width:768px){
.sp{display:none !important}
}
@media all and (max-width:767px) {
.pc {display: none !important}
}

/*--------------
  20220926 記事のタイトルとテキスト部分（SP）
---------------*/
@media screen and (max-width:568px){
.article_contens .ac_t_box .ac_txt{margin:revert}
}

/*--------------
  20230915 画面非表示
----------------*/
.none{display:none;}