@charset "UTF-8";
:root{
--font-color-placeholder:#9e9e9e;
}

/* .cmn-ad-bnr
-------------------------------- */
/* list bnr */
.search-result .search-result-item + .act_ad_manage .cmn-ad-bnr{
padding:0 8px 12px;
}

/* ----------------------------------------------------------------
  Base
----------------------------------------------------------------- */
body button::-moz-focus-inner{
padding:0;
border:0;
}
body img{
vertical-align:top;
}
main{
word-break:break-all;
padding-bottom:0;
}
main p,
main ul,
main ol,
main dl,
main table{
font-size:12px;
}
button{
padding:0;
margin:0;
}
.highlight{
background-color:#f9eaba;
}

/* local override
---------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg{
font-size:14px;
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#444;
color:#fff;
font-weight:normal;
}

/* ----------------------------------------------------------------
  Dynamic
----------------------------------------------------------------- */
/* pseudo data-role
----------------------------------------------- */
[data-role="page"],
[data-role="dialog"],
[role="dialog"]:not([class^="gm-"]):not(.xxGHyP-dialog-view){
color:var(--cmn-font-color-base);
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;

/* height:100%; */
opacity:0;
}
[data-role="page"].active,
[data-role="dialog"].active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
opacity:1;
}
[data-role="page"].lyt-sticky,
[data-role="dialog"].lyt-sticky{
padding-bottom:65px;
}
[data-role="page"].is-active,
[data-role="dialog"].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
opacity:1;
}
[role="dialog"].is-active:not([class^="gm-"]):not(.xxGHyP-dialog-view){
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background-color:#fff;
opacity:1;
}

/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 10px;
}
.pseudo-content .cmn-tip-link-list-01,
.pseudo-content .cmn-tip-search-box{
margin:0 -10px;
}
.pseudo-content .cmn-tip-link{
margin:12px 0;
}
.pseudo-container{
margin:11px 0 26px;
}
.pseudo-container .important{
color:var(--cmn-font-color-red);
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}
.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
z-index:1;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-content .pseudo-header{
padding:8px 54px 8px 45px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#111;
margin:0 -10px;
}
.pseudo-content .pseudo-header .pseudo-hdg{
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.pseudo-content{
padding:0 10px 10px;
}
.pseudo-content.pseudo-lyt-sticky{
padding-bottom:75px;
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}

/* .pseudo-header / .pseudo-header-sticky
----------------------------------------------- */
.pseudo-content .pseudo-header-sticky{
margin:0 -10px;
padding:0 40px;
color:#fff;
position:relative;
background-color:#111;
}
.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
z-index:1;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .pseudo-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-header-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
padding:5px 5px 3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:35px;
line-height:1.55;
font-size:17px;
font-weight:bold;
text-align:center;
}
.pseudo-header .pseudo-btn-prev{
padding:0 5px;
font-weight:bold;
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
color:rgba(0,0,0,0);
border:none;
font-size:13px;
}
.pseudo-header .pseudo-btn-clear{
font-weight:bold;
position:absolute;
top:0;
right:0;
height:100%;
width:50px;
color:#fff;
border-width:0 0 0 1px;
border-style:solid;
border-color:#000;
background:none;
font-size:13px;
}
.pseudo-header + p{
margin-top:10px;
}
main > .pseudo-header{
margin-top:-10px;
}
.pseudo-header.is-fixed{
position:fixed;
width:100%;
z-index:2;
top:0;
left:0;
margin:0;
}
.pseudo-header.is-fixed + *{
margin-top:35px;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo-content .pseudo-hdg-01:before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-content .pseudo-hdg-01:first-child{
margin-top:11px;
}

/* .pseudo-faq-container
----------------------------------------------- */
.pseudo-faq-container,
.pseudo-tel-container{
margin:10px 0;
}

/* .pseudo-content .form-btn-container
----------------------------------------------- */
.pseudo-content .form-btn-container{
margin-top:0;
padding:10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

/* .pseudo-smoking-list
----------------------------------------------- */
.pseudo-smoking .pseudo-smoking-list{
margin-top:10px;
font-size:12px;
}
.pseudo-smoking .pseudo-smoking-list > li{
margin-top:15px;
padding:3px 0 3px 30px;
position:relative;
}
.pseudo-smoking .pseudo-smoking-list > li::before{
content:"";
display:block;
width:24px;
height:24px;
position:absolute;
top:0;
left:0;
background-position:0 0;
background-repeat:no-repeat;
}
.pseudo-smoking .pseudo-smoking-list > .smoking-non::before{
background-image:url(/element/j_tour/shared/images/icon/hotel_smorking_no.svg);
}
.pseudo-smoking .pseudo-smoking-list > .smoking::before{
background-image:url(/element/j_tour/shared/images/icon/icon-smoking.svg);
}
.pseudo-smoking .pseudo-smoking-list > .smoking-unfixed::before{
background-image:url(/element/j_tour/shared/images/icon/icon-smoking-unfixed.svg);
}

/* .pseudo-link
----------------------------------------------- */
.pseudo-link{
display:table;
color:#666;
text-decoration:underline;
}

/* .pseudo-wording
----------------------------------------------- */
.pseudo-wording{
margin:10px 0;
}

/* pseudo-goto-content
------------------------------------------------ */
.pseudo-goto-content{
margin:20px 0;
}
.pseudo-goto-content .pseudo-goto-content-list{
margin:20px 0;
}
.pseudo-goto-content .pseudo-goto-content-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.pseudo-goto-content .pseudo-goto-content-list div:first-child{
padding-right:10px;
width:4em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-goto-content .pseudo-goto-content-list div:last-child{
padding-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-goto-content .pseudo-goto-content-list-01{
margin-top:10px;
}
.pseudo-goto-content .pseudo-goto-content-list-01 > li{
text-indent:-1em;
margin-left:1em;
}
.pseudo-goto-content .pseudo-goto-content-list-note > li{
text-indent:-1em;
margin-left:1em;
}

/* .pseudo-list-bullet
----------------------------------------------- */
.pseudo-list-bullet{
margin-top:10px;
font-size:12px;
}
.pseudo-list-bullet > li{
margin-top:5px;
}

/* .sticky-btn-list
----------------------------------------------- */
.form-sticky-btn-list{
display:table;
width:100%;
margin:0;
}
.form-sticky-btn-list > li{
display:table-cell;
vertical-align:middle;
}
.form-sticky-btn-list.branch > li:first-child{
padding-right:5px;
}
.form-sticky-btn-list > li +li{
padding-left:10px;
width:100%;
}
.form-sticky-btn-list.branch > li +li{
padding-left:5px;
}
.form-sticky-btn-list > li a{
display:block;
border-radius:5px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-sticky-btn-list.branch > li{
width:50%;
}
.form-sticky-btn-list .search-sticky-btn{
padding:6px 0 8px;
color:#fff;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
-webkit-box-shadow:0 -4px 0 #333 inset;
box-shadow:0 -4px 0 #333 inset;
background-color:#444;
}
.form-sticky-btn-list .set-sticky-btn{
padding:5px 0 9px;
color:#fff;
line-height:1.55;
font-size:20px;
font-weight:bold;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
-webkit-box-shadow:0 -4px 0 #608c03 inset;
box-shadow:0 -4px 0 #608c03 inset;
background-color:#78ae0e;
}
.form-sticky-btn-list .clear-sticky-btn{
padding:11px 8px;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
line-height:1.55;
}
.form-sticky-btn-list .exclusion-sticky-btn{
padding:5px 0 9px;
color:#555;
line-height:1.55;
font-size:20px;
border:none;
-webkit-box-shadow:0 -4px 0 #ccc inset;
box-shadow:0 -4px 0 #ccc inset;
background-color:#fff;
}
.pseudo-content .form-btn-container .form-sticky-btn-list .clear-sticky-btn{
border-color:#fff;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.toggle-container > .toggle-item,
.toggle-container.branch.active > :first-child{
display:none;
}
.toggle-container.active > .toggle-item{
display:block;
}
.pseudo-hotel-content .toggle-container.active > .toggle-item{
border:1px solid #bbb;
padding:0 10px;
margin:15px -10px 0;
}

/* .toggle-box
----------------------------------------------- */
.toggle-container.toggle-box{
margin-bottom:25px;
padding:0 10px;
border-radius:3px;
border:1px solid #bbb;
}
.pseudo-hotel-content .toggle-container.toggle-box{
border:none !important;
margin-bottom:20px;
}

/* .toggle-btn
----------------------------------------------- */
.toggle-btn{
font-size:14px;
position:relative;
padding:9px 0;
text-align:left;
border:none;
width:100%;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.toggle-btn:before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-3px 7px 0 0;
width:13px;
height:13px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
margin-top:4px;
}
.toggle-container.active > .toggle-btn:before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .toggle-btn-01
----------------------------------------------- */
.toggle-btn-01{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.toggle-btn-01:before{
content:"";
margin-right:8px;
display:inline-block;
width:12px;
height:12px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
margin-top:4px;
}
.pseudo-hotel-content .toggle-btn-01{
padding:0 10px;
margin-top:15px !important;
}
.toggle-container.active > .toggle-btn-01:before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.toggle-container.toggle-box .toggle-btn-01{
border:0;
margin-top:0;
border-radius:3px;
}
.toggle-container.toggle-box.active .toggle-btn-01{
border-bottom:1px solid #bbb;
border-radius:3px 3px 0 0;
}
.pseudo-hotel-content .toggle-container.toggle-box.active .toggle-btn-01{
border:none;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* Form Default
----------------------------------------------- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
textarea,
select{
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:38px;
padding:5px;
background-color:#fff;
color:var(--cmn-font-color-base);
}
textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
button{
color:var(--cmn-font-color-base);
}

/* input[type='text']
----------------------------------------------- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"]{
display:block;
padding:5px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input::-webkit-input-placeholder,
input::-webkit-input-placeholder{
font-size:16px;
color:var(--font-color-placeholder);
}
input::-webkit-input-placeholder{
font-size:16px;
color:var(--font-color-placeholder);

}
input::-webkit-input-placeholder,
input::placeholder{
font-size:16px;
color:var(--font-color-placeholder);

}
.search-index-inner input[type="text"]{
border-color:#999;
}
.pseudo-hotel-content .form-input-word-inner input::-webkit-input-placeholder{
font-size:13px !important;
color:var(--font-color-placeholder);
}
.pseudo-hotel-content .form-input-word-inner input::-webkit-input-placeholder,
.pseudo-hotel-content .form-input-word-inner input::placeholder{
font-size:13px !important;
color:var(--font-color-placeholder);
}

/* input[type='checkbox']
----------------------------------------------- */
input[type="checkbox"]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="checkbox"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type="checkbox"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
input[type="checkbox"]:disabled + *{
color:#ccc;
}
.checkbox-custom{
display:block;
position:relative;
padding-left:30px;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
}
.checkbox-custom > span{
display:block;
}
.checkbox-custom input[type="checkbox"]{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.checkbox-custom.branch{
display:inline-block;
}

/* input[type='radio']
----------------------------------------------- */
input[type="radio"]{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="radio"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
input[type="radio"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}
input[type="radio"]:disabled + *{
color:#ccc;
}
.radio-custom{
display:block;
position:relative;
padding-left:30px;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
}
.radio-custom input[type="radio"]{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* select
----------------------------------------------- */
.select-custom{
position:relative;
display:block;
width:100%;
}
.select-custom:before{
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
}
.select-custom > select{
padding:5px 20px 6px 7px;
-webkit-appearance:none;
-moz-appearance:none;
}
.select-custom select[disabled]{
color:#ccc;
}
.search-index-inner .select-custom > select{
border-color:#999;
}
option[disabled]{
color:#ccc;
}

/* .form-inline
----------------------------------------------- */
.form-inline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-inline > *{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin:0 2px;
width:auto;
}
.form-inline > :first-child{
margin-left:0;
}
.form-inline > :last-child{
margin-right:0;
}
.form-inline > .select-custom{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-inline > span.form-sup{
width:auto;
text-align:left;
-webkit-box-flex:none;
-ms-flex:none;
flex:none;
}
.form-inline > span.form-sup-tilde{
width:2em;
margin:0;
-webkit-box-flex:none;
-ms-flex:none;
flex:none;
text-align:center;
}
.form-inline > input[type="search"]{
padding:5px 8px;
}
.form-inline input::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
.form-inline input::-webkit-input-placeholder,
.form-inline input::placeholder{
color:var(--font-color-placeholder);
}

/* .form-list
----------------------------------------------- */
.form-list{
overflow:hidden;
margin:0 -10px -1px;
position:relative;
border-bottom:1px solid #e9e9e9;
}
.form-list > li{
margin-bottom:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-list > li > label{
position:relative;
padding:0 0 0 40px;
min-height:51px;
font-size:15px;
line-height:1.25;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:1px solid #e9e9e9;
}
.form-list > li > label > span{
position:absolute;
top:50%;
padding-right:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-list > li > label > input[type="checkbox"],
.form-list > li > label > input[type="radio"]{
position:absolute;
top:50%;
left:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-list .num{
display:block;
font-size:12px;
font-family:Arial;
}
.form-list > li > .form-list-col-2{
margin:0;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > label{
padding-left:55px;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > label > input[type="checkbox"]{
left:25px;
}
.form-list + *:not(.form-btn-container){
position:relative;
}
.toggle-container.toggle-box .form-list:last-child{
border-bottom:0;
}
.form-list.room-type{
border-bottom:none;
}
.form-list.room-type > li > label{
border-bottom:none;
}
.form-list > li .form-list-tip-container{
position:relative;
padding:0 0 0 40px;
min-height:51px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:15px;
line-height:1.25;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:1px solid #e9e9e9;
}
.form-list > li .form-list-tip-container input[type="checkbox"]{
position:absolute;
left:10px;
top:0;
bottom:0;
margin:auto 0;
}
.form-list > li .form-list-tip-container label{
display:inline;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > .form-list-tip-container{
padding-left:55px !important;
}
.form-list > li > .form-list-col-2 > li:nth-child(2n-1) > .form-list-tip-container input[type="checkbox"]{
left:25px;
}
@media (max-width:320px){
.form-list > li .form-list-tip-container label{
font-size:13px !important;
}
}

/* .form-list-col-2
----------------------------------------------- */
.form-list-col-2 > li{
float:left;
width:50%;
}
.form-list-col-2 > li > label span{
display:block;
}

/* .form-list-extra
----------------------------------------------- */
.form-list-extra{
margin:0 -10px;
}
.form-list-extra > li{
margin-bottom:-1px;
}
.form-list-extra > li > label{
display:table;
width:100%;
min-height:49px;
padding:5px 0 5px 40px;
border-bottom:1px solid #e9e9e9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-list-extra > li:not(:first-child) > label{
border-top:1px solid #e9e9e9;
}
.form-list-extra > li > label > *{
display:table-cell;
vertical-align:middle;
}
.form-list-extra > li > label > input[type="checkbox"],
.form-list-extra > li > label > input[type="radio"]{
left:10px;
}
.form-list-extra > li > label > .review-list{
width:87px;
padding-left:10px;
line-height:1;
text-align:center;
}
.form-list-extra > li > label > .org-icon{
width:75px;
text-align:center;
padding-left:10px;
}
.form-list-extra > li > label > .org-icon > span{
display:block;
margin:0 auto;
background-size:100% auto;
overflow:hidden;
font-size:11px;
}
.form-list-extra > li > label > .org-icon.jata > span{
width:25px;
height:25px;
background-image:url(/element_sp/j_tour/shared/images/icon-jata.png);
}
.form-list-extra > li > label > .org-icon.anta > span{
width:25px;
height:25px;
background-image:url(/element_sp/j_tour/shared/images/icon-anta.png);
}
.form-list-extra > li > label > .org-icon > span > span{
opacity:0;
}
.form-list-extra > li > label > span > span{
font-size:11px;
margin-left:6px;
color:#666;
}

/* .form-hotel-applicable
----------------------------------------------- */
.form-hotel-applicable{
margin:0 -10px;
}
.form-hotel-applicable > li{
margin-bottom:-1px;
}
.form-hotel-applicable > li > label{
width:100%;
min-height:49px;
padding:10px 0 10px 40px;
border-bottom:1px solid #e9e9e9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-hotel-applicable > li:not(:first-child) > label{
border-top:1px solid #e9e9e9;
}
.form-hotel-applicable > li > label > *{
vertical-align:middle;
}
.form-hotel-applicable > li > label > input[type="checkbox"],
.form-hotel-applicable > li > label > input[type="radio"]{
left:10px;
}
.form-hotel-applicable > li > label > span{
padding-right:10px;
}
.form-hotel-applicable > li > label > .review-list{
margin-top:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
}
.form-hotel-applicable > li > label > .review-list span{
margin:0 4px;
}
.form-hotel-applicable > li > label > .review-list span:first-child{
margin-left:0;
}
.form-hotel-applicable > li > label > .review-list span:last-child{
margin-right:0;
}
.form-hotel-applicable > li > label > span > span{
font-size:11px;
margin-left:6px;
color:#666;
}

/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* mod-icon-external
---------------------------------- */
.mod-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
margin-left:4px;
padding-top:10px;
width:10px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
vertical-align:middle;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
font-size:14px;
line-height:1.35;
}
.link-list-toggle .link-list{
margin:0;
}
.link-list > li > a{
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.link-list > li.no-arrow > a:before{
display:none;
}
.link-list > li > a > .sup{
color:#808080;
font-size:11px;
margin-left:15px;
}
.link-list > li > .link-list{
margin:0;
}
.link-list > li > .link-list > li > a{
padding:11px 34px 11px 24px;
}
.link-list.indent > li > a{
padding-left:25px;
}
.hdg-l3-02 + .link-list > li:first-child > a{
border-top:1px solid #e9e9e9;
}
.pseudo-content .hdg-l3-01 + .link-list > li a:before,
.pseudo-content .hdg-l3-01 + .link-list-toggle > li > .link-list-toggle-item > li > a:before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-hdg-l2-container + .link-list > li > a:before{
border:none;
}
.pseudo-content .link-list > li > a{
font-size:14px;
padding:11px 25px 11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.pseudo-content .link-list > li.no-arrow > a{
padding:11px 10px;
}
.pseudo-content .link-list > li.no-arrow > a:before{
display:none !important;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
font-size:14px;
line-height:1.35;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
}
.link-list-toggle > li > .link-list-toggle-hook:after{
content:"";
width:13px;
height:13px;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100% 100%;
position:absolute;
right:10px;
margin-top:4px;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook:after{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle > li > .link-list-toggle-hook::before{
display:none;
}
.link-list-toggle .link-list-toggle-item .link-list-toggle-hook{
padding-left:50px;
background-position-x:30px;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}
.link-list-toggle > li > .link-list-toggle.link-list-toggle-item > li > a{
padding-left:25px;
}
.link-list-toggle > li > .link-list-toggle-item > li > a{
padding-left:34px;
}
.link-list-toggle > li > .link-list-toggle-item > li > .link-list-toggle-item.link-list > li > a{
padding-left:40px;
}
.link-list-toggle > li > .link-list-toggle-item > li > .link-list > li > a{
padding-left:58px;
}

/* .link-list-cheapest
----------------------------------------------- */
.cheapest-sup{
color:#808080;
font-size:12px;
}
.cheapest-sup + .link-list-cheapest > li:first-child > a{
border-top:1px solid #e9e9e9;
}
.link-list-cheapest{
margin:0 -10px;
}
.link-list-cheapest > li > a{
display:table;
position:relative;
padding:10px 10px 9px 10px;
font-size:14px;
color:var(--cmn-font-color-base);
width:100%;
border-top:1px solid #e9e9e9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-cheapest > li > a > *{
display:table-cell;
vertical-align:middle;
}
.link-list-cheapest > li > a > b{
margin-left:auto;
color:var(--cmn-font-color-red);
font-weight:normal;
white-space:nowrap;
text-align:right;
padding-left:1em;
}
.tab-container + .link-list-cheapest > li:first-child > a,
.tab-container + .link-list-cheapest + .link-list-cheapest > li:first-child > a{
border-top:0;
}
.link-list-cheapest + .link-more{
border-top:1px solid #e9e9e9;
display:block;
margin:0 -10px;
text-align:center;
color:var(--cmn-font-color-base);
padding:12px 0;
}

/* .link-list-tour
----------------------------------------------- */
.link-list-tour{
position:relative;
margin:0 -10px;
overflow:hidden;
border-top:1px solid #ebebeb;
}
.link-list-tour:after{
width:100%;
height:1px;
content:"";
display:block;
position:absolute;
left:0;
bottom:0;
background-color:#ebebeb;
}
.link-list-tour > li{
border-bottom:1px solid #e5e5e5;
display:table;
width:33.333%;
float:left;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.link-list-tour > li:nth-child(3n-1){
border-width:0 1px 1px;
border-color:#ebebeb;
border-style:solid;
}
.link-list-tour > li > a{
font-size:14px;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:3px 10px 0 10px;
}
.link-list-tour > li > a > span{
display:block;
}
.link-list-tour.branch > li{
width:50%;
}
.link-list-tour.branch > li:nth-child(3n-1){
border-width:0 0 1px;
}
.link-list-tour.branch > li:nth-child(2n-1){
border-right:1px solid #ebebeb;
}
.link-list-tour + h2{
position:relative;
margin-top:-1px;
}

/* .link-list-area
----------------------------------------------- */
.link-list-area{
margin:0 -10px;
}
.link-list-area > li{
padding:10px;
border-bottom:1px solid #e5e5e5;
}
.link-list-area > li > ul{
margin:0;
letter-spacing:-.4em;
}
.link-list-area > li > ul > li{
display:inline;
letter-spacing:normal;
margin-right:14px;
}
.link-list-area > li > ul > li > a{
color:#555;
}
.link-list-area > li > ul > li:not(:last-child) > a{
position:relative;
padding-right:14px;
}
.link-list-area > li > ul > li:not(:last-child) > a:after{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .link-list-image
----------------------------------------------- */
.link-list-image{
margin:6px -6px;
overflow:hidden;
}
.hdg-l3 + .link-list-image{
margin:-6px -6px 4px;
}
.link-list-image img{
width:100%;
vertical-align:top;
min-height:68px;
}
.link-list-image > li{
float:left;
padding:6px;
width:33.33%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-image > li > a{
display:block;
position:relative;
}
.link-list-image > li > a > b{
font-size:12px;
font-weight:normal;
position:absolute;
bottom:0;
left:0;
padding:3px 0 2px;
line-height:1.3;
width:100%;
text-align:center;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}

/* .link-list-image-01
----------------------------------------------- */
.link-list-image-01{
margin:0;
padding:2px 0;
}
.link-list-image-01 > li:not(:first-child){
line-height:1.35;
font-size:13px;
border-top:1px solid #e9e9e9;
}
.link-list-image-01 > li > a{
position:relative;
padding:8px 0 8px 108px;
display:block;
color:var(--cmn-font-color-base);
min-height:71px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-image-01 > li > a .img{
position:absolute;
left:0;
top:8px;
width:100%;
max-width:98px;
max-height:55px;
min-height:55px;
overflow:hidden;
}
.link-list-image-01 > li > a .img .guard{
position:absolute;
top:0;
left:0;
}
.link-list-image-01 > li > a > .txt > b{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-bottom:4px;
color:var(--cmn-font-color-base);
}
.toggle-container.active > .toggle-item > .link-list-image-01{
padding-top:0;
margin-top:-2px;
border-top:1px solid #e9e9e9;
}

/* .link-list-image-02
----------------------------------------------- */
.link-list-image-02{
margin:0 -6px;
overflow:hidden;
letter-spacing:-.4em;
}
.link-list-image-02 > li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
font-size:12px;
line-height:1.4;
margin-bottom:12px;
padding:0 6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33%;
}
.link-list-image-02 > li img{
display:block;
margin:0 auto 6px;
max-width:100%;
min-height:60px;
}
.link-list-image-02 > li a{
color:var(--cmn-font-color-base);
}
.box-bg-ctrl .link-list-image-02{
padding-top:10px;
}

/* .link-tel
----------------------------------------------- */
.link-tel{
margin:0 auto;
padding:11px 15px 10px 35px;
color:#555;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:200px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 10px 50% no-repeat;
background-size:20px auto;
}

/* .link-tel-01
----------------------------------------------- */
.link-tel-01{
margin:0 auto;
padding:11px 10px;
color:#555;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:180px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
background:#fff;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
.list-bullet{
margin-top:10px;
}
.list-bullet > li{
padding-left:8px;
position:relative;
}
.list-bullet > li::before{
content:"";
border-radius:50%;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:9px;
left:0;
background-color:#333;
}
.list-bullet > li:not(:first-child){
margin-top:15px;
}

/* .info-list
----------------------------------------------- */
.info-list{
line-height:1.4;
}
.info-list > li{
margin-top:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.info-list > li > span{
margin-right:8px;
padding:2px 0 1px;
width:60px;
min-width:60px;
text-align:center;
line-height:1;
color:var(--cmn-font-color-base);
font-size:12px;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.info-list > li > div{
overflow:hidden;
}

/* .meal-list
----------------------------------------------- */
.meal-list{
margin:0;
}
.meal-list > li{
display:inline;
}
.meal-list > li:not(:last-child){
margin-right:15px;
}

/* .card-list
----------------------------------------------- */
.card-list{
overflow:hidden;
}
.card-list > li{
float:left;
margin-right:5px;
}
.meal-list > li > img{
max-height:22px;
}

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
.item-info-container{
margin:0 -10px;
}
.hdg-l2 + .item-info-container{
margin:-1px -10px;
}
.item-info-container + .item-info-container{
margin-top:15px;
}
.item-info{
margin:0;
width:100%;
line-height:1.2;
border-collapse:collapse;
}
.item-info tr{
border-style:solid;
border-width:1px 0;
border-color:#e5e5e5;
}
.item-info th{
padding:6px 0 5px 10px;
width:80px;
font-size:12px;
font-weight:normal;
text-align:left;
background:#f5f5f5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-info th span{
display:block;
}
.item-info th > div{
position:relative;
padding-right:20px;
}
.item-info th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.item-info th > div > .icon-essential{
position:absolute;
display:inline-block;
right:10px;
top:50%;
margin-top:-9px;
padding:2px 5px 1px;
font-size:11px;
color:var(--cmn-font-color-red);
border:1px solid #e93939;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-info thead th{
font-size:14px;
font-weight:bold;
text-align:left;
background:#f0f0f0;
}
.item-info td{
padding:7px 10px;
font-size:13px;
line-height:1.4;
word-break:break-all;
background:#fff;
color:var(--cmn-font-color-base);
}
.item-info td ul{
margin:8px 0 0 0;
}
.item-info td .org-icon{
width:29px;
height:29px;
margin:2px 0 4px;
display:block;
}
.item-info td .compnay-logo{
display:block;
}
.item-info td .link-tel{
margin:0 auto 7px;
}
.item-info .item-info-link{
display:block;
color:#555;
position:relative;
padding-left:13px;
font-size:12px;
}
.item-info .item-info-link:before{
border-right:1px solid #555;
border-top:1px solid #555;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-result-item .item-info td{
padding:5px 10px 4px;
font-size:12px;
}
.item-info td > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.item-info td > span .covid19-info-link{
white-space:nowrap;
margin-left:24px;
}
.item-info td .covid19-info-link{
color:#666;
text-decoration:underline;
font-size:12px;
text-align:right;
display:block;
z-index:1;
}
.item-info td > span.goto-text{
font-size:11px;
display:inline-block;
margin-left:8px;
vertical-align:middle;
}

/* .item-info-agt-link-container
----------------------------------------------- */
.item-info-agt-link-container{
margin:24px 0;
}
.item-info-agt-link-container > p{
text-align:center;
font-size:12px;
}
.item-info-agt-link-container .item-info th{
width:105px;
}
.item-info-agt-link-container .item-info th > div{
padding-right:50px;
}
.item-info-agt-link-container .item-info th > span{
font-size:11px;
}
.item-info-agt-link-container .item-info td{
font-size:14px;
}
.item-info-agt-link-container .item-info td .form-inner-01{
font-size:12px;
}
.item-info-agt-link-container .item-info td .num{
font-size:16px;
}
.item-info-agt-link-container .item-info td .note{
display:block;
font-size:11px;
margin-top:8px;
}
.item-info-agt-link-container .item-info td .sup{
font-size:11px;
}
.item-info-agt-link-container .item-info td .departure-btn{
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:var(--font-color-placeholder);
padding:7px 0 5px 8px;
border:1px solid #bbb;
text-align:left;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#fff;
}
.item-info-agt-link-container .item-info td .departure-btn.active{
padding:9px 0 5px 6px;
font-weight:normal;
color:var(--cmn-font-color-base);
font-size:14px;
}
.item-info-agt-link-container .notice-list li{
margin-top:3px !important;
}
.item-info-agt-link-container .notice-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .room-type-list
----------------------------------------------- */
.room-type-list{
font-size:12px;
}
.room-type-list > li{
margin-right:5px;
padding-right:8px;
border-right:1px solid #ccc;
display:inline-block;
}
.room-type-list > li.last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.room-type-list > .icon-smoking-non,
.room-type-list > .hotel_smorking_no,
.room-type-list > .icon-smoking,
.room-type-list > .icon-smoking-unfixed{
padding-left:18px;
min-height:15px;
background:url(/element/j_tour/shared/images/icon/hotel_smorking_no.svg) 0 0 no-repeat;
background-size:15px 15px;
}
.room-type-list > .icon-smoking{
background-image:url(/element/j_tour/shared/images/icon/icon-smoking.svg);
}
.room-type-list > .icon-smoking-unfixed{
background-image:url(/element/j_tour/shared/images/icon/icon-smoking-unfixed.svg);
}

/* .feature-icon-list
----------------------------------------------- */
.feature-icon-list{
letter-spacing:-.4em;
margin:0;
}
.feature-icon-list{
margin-bottom:-2px;
}
.feature-icon-list > li{
display:inline-block;
width:68px;
margin:0 5px 2px 0;
padding:2px 0 1px;
text-align:center;
letter-spacing:normal;
color:var(--cmn-font-color-base);
font-size:10px;
border:1px solid #aaa;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.feature-icon-list > li:first-child{
margin-left:0;
}
.feature-icon-list > li.disabled{
opacity:.25;
}

/* .feature-list
----------------------------------------------- */
.feature-list{
margin:5px 0 0;
letter-spacing:-.4em;
line-height:1.33;
}
.feature-list > li{
display:inline-block;
position:relative;
padding-right:6px;
margin-right:6px;
letter-spacing:normal;
font-size:12px;
}
.feature-list > li:not(:last-child):after{
content:"";
display:block;
position:absolute;
right:-1px;
top:0;
width:1px;
height:80%;
background-color:#aaa;
}

/* .payment-info
----------------------------------------------- */
.payment-info.detail{
overflow-wrap:break-word;
}
.payment-info.detail .payment-info-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:16px;
}
.payment-info.detail .payment-info-list li{
margin-top:0 !important;
}
.payment-info.detail .payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
line-height:1.25;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
text-align:left;
}
.payment-info.detail .payment-info-list button[aria-selected="true"]{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.payment-info.detail .payment-info-list button > span{
display:inline-block;
color:var(--cmn-font-color-red);
}
.payment-info.detail .payment-info-content{
margin-bottom:8px;
display:none;
position:relative;
font-size:12px;
}
.payment-info.detail .payment-info-content.is-active{
display:block;
}
.payment-info.detail .payment-info-content .payment-info-tbl{
font-size:11px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
gap:4px;
}
.payment-info.detail .payment-info-content .payment-info-tbl li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
}
.payment-info.detail .payment-info-content .payment-info-tbl li > b{
font-weight:normal;
}
.payment-info.detail .payment-info-content .payment-info-tbl li > b::after{
content:"：";
}
.payment-info.detail .payment-info-content .payment-info-tbl li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.payment-info.detail .payment-info-content .payment-info-tbl li > div .payment-credit{
max-height:10px;
margin:0 10px 0 4px;
}
.payment-info.detail .payment-info-content .payment-info-tbl li > div .payment-credit li{
display:inline-block;
}
.payment-info.detail .payment-info-content .payment-info-tbl li > div .payment-credit img{
max-height:10px;
vertical-align:top;
}
.payment-info.detail .payment-info-content > ul.notice-list > li{
white-space:normal;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab
----------------------------------------------- */
.tab-container{
margin:0 -10px;
}
.tab{
display:table;
width:100%;
margin:0;
border-top:1px solid #bbb;
}
.tab > li{
display:table-cell;
width:50%;
vertical-align:middle;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.tab > li:first-child{
border-left:none;
}
.tab > li.active{
background-color:#fff;
border-bottom:1px solid #fff;
}
.tab > li > a{
display:block;
padding:12px 0 11px;
text-align:center;
font-size:14px;
color:var(--cmn-font-color-base);
}
.tab > li.active > a{
font-weight:bold;
color:var(--cmn-font-color-base);
}
.search-result .tab-container{
margin:-1px 0 0 0;
}
.search-result .tab{
border-top:0;
margin-bottom:15px;
}
.search-result .loading{
margin:20px auto 300px;
}
.cmn-tip-link-list-01{
font-size:12px;
}
.cmn-modal .cmn-info-btn {
-webkit-box-shadow:none;
box-shadow:none;
background-color:var(--cmn-btn-color);
}
.cmn-modal .info-text-size-L {
font-size:16px;
}
.cmn-modal .modal-btn-box li:first-child:last-child {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
width:80%;
margin:0 auto;
}

/* .pager
----------------------------------------------- */
.pager{
/* margin:16px 8px 20px; */
margin:16px 8px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
line-height:1.3;
}
.pager > li > a{
padding:10px 0;
border:1px solid #bbb;
display:block;
border-radius:4px;
width:44px;
color:var(--cmn-font-color-base);
text-align:center;
background-color:#fff;
}
.pager > li.pager-first{
margin-right:6px;
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-prev + li.pager-current{
margin-left:0;
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:12px;
}
.pager > li.pager-next{
width:96px;
}

/* .tab-area
----------------------------------------------- */
.tab-area{
margin:5px -5px 10px 0;
overflow:hidden;
}
.tab-area > li{
float:left;
padding-right:5px;
margin-top:5px;
width:20%;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.tab-area > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tab-area > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-area > li > a > span > span{
display:block;
}
.tab-area > li.active > a{
background-color:#666;
border-color:#666;
color:#fff;
}
.tab-area.dest > li{
width:33.333%;
}
.hdg-l2-note + .tab-area,
.hdg-l2-note + .tab-area li:nth-child(-n+5){
margin-top:0;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-ctrl
----------------------------------------------- */
.box-bg-ctrl{
margin:0 -10px;
padding:10px;
background-color:#fff;
}
.box-bg-ctrl.toggle-container{
padding:0 10px;
}
.box-important{
margin:0 0 25px;
padding:10px 13px;
font-size:13px;
background-color:#fff3f3;
}
.hdg-important{
color:var(--cmn-font-color-red);
text-align:center;
font-size:14px;
margin-bottom:2px;
}
.hdg-important > span:before{
content:"\3010";
}
.hdg-important > span:after{
content:"\3011";
}
.hdg-l2 + .box-important{
margin-top:15px;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l1-container
----------------------------------------------- */
.hdg-l1-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:-10px -10px 0;
border-bottom:1px solid #bbb;
min-height:45px;
background:#fff;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
-webkit-box-sizing:border-box;
box-sizing:border-box;
-ms-flex:1;
flex:1;
padding:7px 10px;
text-align:left;
font-weight:bold;
font-size:16px;
line-height:1.2;
-webkit-box-flex:1;
}

/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
position:relative;
}
.hdg-l2-container.hotel span{
position:absolute;
top:50%;
right:0;
margin-top:-8px;
color:#fff;
font-size:11px;
}

/* .hdg-l2-btn
----------------------------------------------- */
.hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
position:relative;
font-size:14px;
font-weight:normal;
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
line-height:1;
}
.hdg-l2-note{
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:8px 10px;
}
.hdg-l2-note li{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
}
.hdg-l2-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.hdg-l2-note + .toggle-container > .link-list,
.hdg-l2-note + .link-list,
.hdg-l2-note + .link-list-toggle,
.hdg-l2-note + .link-list-area{
border-top:1px solid #e5e5e5;
}
.hdg-l2 .hdg-l2-sup{
font-size:13px;
font-weight:normal;
}
.pseudo-content .hdg-l2{
background-color:#888;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
font-size:14px;
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#444;
color:#fff;
font-weight:normal;
}
.cmn-ad-bnr + .hdg-l2-01{
margin-top:20px;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
margin:15px 0 5px;
color:var(--cmn-font-color-base);
font-size:13px;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#444;
}
.pseudo-hdg-l2-container .hdg-l2{
margin:0;
padding:0;
color:#fff;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-hdg-l2{
margin:-1px -10px 0;
padding:7px 10px;
color:#fff;
background-color:#888;
font-size:14px;
}

/* .pseudo-hdg-l2-02
----------------------------------------------- */
.pseudo-hdg-l2-02{
margin:0 -10px 15px;
padding:8px 10px;
background-color:#f5f5f5;
}

/* .hdg-l2-container presentation
----------------------------------------------- */
.hdg-l2-container [role="presentation"]{
line-height:1.18;
position:absolute;
right:0;
top:50%;
font-size:11px;
text-align:center;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.hdg-l2-container [role="presentation"] > span{
display:block;
}
.hdg-l2-container.agt:after{
right:75px;
}
.hdg-l2-container.agt [role="presentation"]{
width:75px;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
font-size:14px;
margin:16px 0 5px;
}
.link-list-image + .hdg-l3{
margin-top:12px;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
position:relative;
font-size:13px;
margin:0 -10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
}

/* .hdg-l3-02
----------------------------------------------- */
.hdg-l3-02{
margin:12px 0 11px;
line-height:1.35;
font-size:13px;
}

/* .hdg-l3-03
----------------------------------------------- */
.hdg-l3-03{
margin:12px 0;
padding:3px 10px;
font-size:14px;
background-color:#eee;
}
.toggle-container .hdg-l3-03{
margin:0 -10px 12px;
}

/* .hdg-l3-04
----------------------------------------------- */
.hdg-l3-04{
margin:7px 0;
font-size:14px;
}
.hdg-l3-04-sup{
display:block;
font-size:12px;
font-weight:normal;
}

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

  Paragraph

-------------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin:8px 0;
color:#666;
font-size:11px;
}
.notice-list > li{
position:relative;
padding-left:1em;
}
.notice-list > li:not(:first-child){
margin-top:5px;
}
.notice-list > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.notice-list > li > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.notice-list > li > span.mark{
display:none;
}
.form-input-word + .notice-list{
margin:-10px 0 11px;
}

/* .notice-list-01
----------------------------------------------- */
.notice-list-01{
font-size:12px;
color:#666;
margin:10px 0;
}
.notice-list-01 > li{
position:relative;
padding-left:1em;
}
.notice-list-01 > li:not(:first-child){
margin-top:5px;
}
.notice-list-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.notice-list-01 > li > .mark{
display:none;
}

/* .important
----------------------------------------------- */
.important{
color:var(--cmn-font-color-red);
}

/* notice-box
------------------------------------------------ */
.notice-box{
margin-top:10px;
padding:10px;
border:1px dashed #e93939;
line-height:1.4;
color:#e93939;
}
.notice-box >:first-child{
margin-top:0;
}
.notice-box p{
margin-bottom:0;
font-size:13px;
}

/* ----------------------------------------------------------------
  Number
----------------------------------------------------------------- */
.num{
font-family:Arial;
}

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

  Components

-------------------------------------------------------------------
  Calendar
-------------------------------------------------------------------
/* calendar
----------------------------------------------- */
.hdg-cal-container{
position:relative;
margin:0 -10px;
color:var(--cmn-font-color-base);
}
.pseudo.pseudo-wrap .hdg-cal-container{
margin:0;
padding:20px 10px;
}
.hdg-cal-container .hdg-cal{
display:inline-block;
font-size:15px;
line-height:1.2;
font-weight:bold;
}
.hdg-cal-container .hdg-cal-link{
font-size:12px;
margin-left:12px;
display:inline-block;
}
.hdg-cal-container .hdg-cal-btn{
font-size:12px;
line-height:1;
position:absolute;
top:12px;
right:10px;
width:62px;
height:30px;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
}
.hdg-cal-container .hdg-cal-btn.active{
border-color:#2584d1;
color:#fff;
background-color:#2584d1;
}
.calendar-container{
margin:0 -10px;
padding-bottom:16px;
border-bottom:1px solid #bbb;
}
.pseudo.pseudo-wrap .calendar-container{
margin:0;
}
.calendar-container .calendar{
font-size:14px;
width:100%;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
background-color:#fff;
}
.calendar-container .calendar tr > th{
font-size:13px;
font-weight:normal;
padding-bottom:12px;
}
.calendar-container .calendar tr > td{
padding-top:8px;
}
.calendar-container .calendar tr > td a{
position:relative;
display:block;
overflow:hidden;
padding:9px 0;
height:38px;
color:var(--cmn-font-color-base);
z-index:0;
border-radius:5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-container .calendar tr > td.disabled a{
color:#ccc!important;
}
.calendar-container .calendar tr > td.active a{
color:#fff;
margin:0 auto;
}
.calendar-container .calendar tr > td.active a:after{
content:"";
display:block;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:38px;
height:38px;
border-radius:5px;
background-color:#2584d1;
z-index:-1;
}
.lyt-calendar.lyt-sticky .pseudo-header{
position:fixed;
width:100%;
top:10px;
z-index:1;
margin-top:-10px;
}
.calendar-container .calendar tr > td.disabled:first-child a,
.calendar-container .calendar tr > td.disabled:nth-child(7) a,
.calendar-container .calendar tr > td.disabled.holiday a{
color:var(--cmn-font-color-base);
}
.calendar-container .calendar tr > th:first-child,
.calendar-container .calendar tr > td:first-child a,
.calendar-container .calendar tr > td.holiday a{
color:var(--cmn-font-color-red);
}
.calendar-container .calendar tr > td:first-child.active a,
.calendar-container .calendar tr > td.active.holiday a{
color:#fff;
}

/* ----------------------------------------------------------------
  calendar-cheapest
----------------------------------------------------------------- */
/* .calendar-catch
----------------------------------------------- */
.calendar-catch{
margin:0 -10px 10px;
padding:10px;
font-size:12px;
background-color:#f5f5f5;
}
.calendar-catch > :first-child{
margin-top:0;
}
.calendar-catch > :last-child{
margin-bottom:0;
}
.calendar-catch strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.calendar-catch .calendar-sup{
font-size:11px;
display:block;
color:#808080;
}
.calendar-catch + .notice-list{
margin:0 0 16px;
}
.calendar-catch + .notice-list li{
margin:0;
}
.calendar-cheapest-container{
padding:0 10px;
}
.pseudo-calendar-cheapest .calendar-catch{
margin:0;
padding:10px;
font-size:13px;
background-color:#f5f5f5;
}

/* .calendar-nav
----------------------------------------------- */
.pseudo-calendar-cheapest .calendar-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:32px;
position:relative;
margin:10px 10px 12px;
padding:0 75px;
text-align:center;
}
.pseudo-calendar-cheapest .calendar-nav .calendar-nav-hdg{
width:100%;
font-size:18px;
}
.pseudo-calendar-cheapest .calendar-nav .calendar-nav-info{
font-size:12px;
font-weight:bold;
}
.pseudo-calendar-cheapest .calendar-nav .calendar-nav-info strong{
font-size:14px;
color:var(--cmn-font-color-red);
}

/* .calendar-nav-list
----------------------------------------------- */
.pseudo-calendar-cheapest .calendar-nav-list{
margin:0;
}
.pseudo-calendar-cheapest .calendar-nav-list > li{
position:absolute;
top:50%;
margin-top:-16px;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.prev{
left:0;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.next{
right:0;
}
.pseudo-calendar-cheapest .calendar-nav-list > li button{
padding:0;
width:65px;
height:32px;
border:1px solid #bbb;
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
background:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
}
.pseudo-calendar-cheapest .calendar-nav-list > li button:before{
position:absolute;
top:50%;
margin-top:-5px;
display:block;
width:0;
height:0;
content:"";
border-width:6px 6px 6px 0;
border-style:solid;
border-color:transparent #888 transparent transparent;
}
.pseudo-calendar-cheapest .calendar-nav-list > li button:disabled{
opacity:.25;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.prev button{
text-align:left;
padding-left:25px;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.next button{
text-align:right;
padding-right:25px;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.prev button:before{
left:10px;
}
.pseudo-calendar-cheapest .calendar-nav-list > li.next button:before{
right:10px;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}
.pseudo-calendar-cheapest .goto-notice{
font-size:12px;
margin-bottom:8px;
}
.pseudo-calendar-cheapest .goto-notice strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .calendar-note
----------------------------------------------- */
.pseudo-calendar-cheapest .calendar-note{
font-size:12px;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 10px;
}
.pseudo-calendar-cheapest .calendar-note .calendar-note-icon{
position:relative;
padding-left:22px;
margin-right:auto;
}
.pseudo-calendar-cheapest .calendar-note .calendar-note-icon:before{
content:"";
width:18px;
height:12px;
display:block;
position:absolute;
top:3px;
left:0;
border:1px solid #e93939;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:50%;
opacity:.5;
}

/* .calendar-cheapest-tbl
----------------------------------------------- */
.pseudo-calendar-cheapest .calendar-cheapest-tbl{
position:relative;
margin:0 10px;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table{
margin:8px 0;
font-size:11px;
line-height:1;
width:100%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
color:#555;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table thead th{
padding:4px 0;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table thead th{
border-bottom:1px solid #e5e5e5;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table thead th:first-child{
color:var(--cmn-font-color-red);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table tbody td{
padding:0;
text-align:center;
vertical-align:top;
border-bottom:1px solid #eaeaea;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table tbody td > div{
height:48px;
padding:8px 3px;
cursor:pointer;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-line-pack:justify;
align-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl table tbody td:first-child .date{
color:var(--cmn-font-color-red);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .date{
display:block;
font-size:12px;
height:14px;
padding-top:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-gray);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .price{
position:relative;
display:block;
font-size:12px;
color:var(--cmn-font-color-link);
margin-top:auto;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-cheapest-icon{
position:absolute;
top:-1px;
bottom:0;
left:0;
right:0;
margin:auto;
display:block;
width:43px;
height:19px;
color:transparent;
border:1px solid #e93939;
border-radius:50%;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:.5;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-disabled{
position:relative;
pointer-events:none;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-disabled .date{
color:var(--cmn-font-color-gray);
opacity:.33;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-disabled:after{
content:"";
width:8px;
height:1px;
display:inline-block;
background-color:#ccc;
position:absolute;
bottom:14px;
left:calc(50% - 4px);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-holiday .date{
color:var(--cmn-font-color-red);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .no-tour .price{
opacity:.33;
color:rgba(0,0,0,0);
background:url(/element_sp/j_tour/shared/images/icon-calendar-state-no.svg) no-repeat 50% 50%;
background-size:8px auto;
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl .calendar-active .date{
color:#fff;
background-color:var(--cmn-btn-color);
}
.pseudo-calendar-cheapest .calendar-cheapest-tbl td:first-child > .calendar-active{
color:#fff;
}

/* .calender-cheapest-tbl-loading
----------------------------------------------- */
.calender-cheapest-tbl-loading{
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,.75);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
z-index:1;
}
.calender-cheapest-tbl-loading.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.calender-cheapest-tbl-loading > div{
padding:0 18px;
max-height:60px;
border-radius:6px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
box-shadow:0 0 5px rgba(0,0,0,.2);
background-color:#fff;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing:0;
border-collapse:collapse;
font-size:13px;
margin:20px 0 10px;
width:100%;
}
.terms-and-conditions-tbl th{
background-color:#f5f5f5;
border-left:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:normal;
padding:8px 10px;
text-align:left;
}
.terms-and-conditions-tbl th:first-of-type{
min-width:100px;
}
.terms-and-conditions-tbl th:last-of-type{
min-width:75px;
}
.terms-and-conditions-tbl td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px 10px;
}
.terms-and-conditions-tbl + .pseudo-pex-hdg{
margin:20px 0 6px;
}

/* .agt-link-cv-list.sticky
----------------------------------------------- */
.pseudo-cv-list > li > button{
padding:7px 10px 8px;
min-height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-weight:bold;
font-size:14px;
text-decoration:none;
border:none;
}
.pseudo-cv-list > li.cv{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-cv-list > li.cv > button{
color:#fff;
border-radius:4px;
background-color:#78ae0e;
width:300px;
margin:0 auto;
}
.pseudo-cv-list > li > button:disabled{
background-color:#d5d5d5;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}
.pseudo-cv-list.sticky{
margin:0;
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}

/* ----------------------------------------------------------------
  .pseudo-covid19
----------------------------------------------------------------- */
/* .pseudo-covid19-list
----------------------------------------------- */
.pseudo-covid19-list{
margin-top:10px;
}
.pseudo-covid19-list > li:not(:first-child){
margin-top:7px;
}
.pseudo-covid19-list > li.branch span{
display:inline-block;
}

/* .pseudo-covid19-link-list
----------------------------------------------- */
.pseudo-covid19-link-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.pseudo-covid19-link-list > li{
width:49%;
}
.pseudo-covid19-link-list a{
color:#666;
text-decoration:underline;
}
.pseudo-covid19-link-list a span{
display:inline-block;
text-decoration:underline;
}

/* .pseudo-covid19-toggle
----------------------------------------------- */
.pseudo-covid19-toggle{
margin:0 -10px;
}

/* .pseudo-covid19-toggle-hook
----------------------------------------------- */
.pseudo-covid19-toggle-hook{
padding:9px 10px;
border:none;
border-top:1px solid #e5e5e5;
display:block;
width:100%;
text-align:left;
font-size:14px;
font-weight:bold;
background:#f5f5f5 url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
}
.pseudo-covid19-toggle > li.is-active .pseudo-covid19-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .pseudo-covid19-toggle-content
----------------------------------------------- */
.pseudo-covid19-toggle-content{
padding:10px 10px 20px;
display:none;
}
.pseudo-covid19-toggle > li.is-active .pseudo-covid19-toggle-content{
display:block;
}
.pseudo-covid19-toggle-content a{
color:#666;
text-decoration:underline;
}

/* .pseudo-covid19-toggle-content-list
----------------------------------------------- */
.pseudo-covid19-toggle-content-list{
margin:10px 0;
border-bottom:1px solid #ccc;
font-size:13px;
}
.pseudo-covid19-toggle-content-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.pseudo-covid19-toggle-content-list > li > div{
padding:5px 0;
border-top:1px solid #ccc;
}
.pseudo-covid19-toggle-content-list > li > div:first-child{
padding-right:10px;
border-right:1px solid #ccc;
width:5em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo-covid19-toggle-content-list > li > div:last-child{
padding-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-covid19-toggle-content-list em{
color:var(--cmn-font-color-red);
}

/* .modal-covid19-text
----------------------------------------------- */
.pseudo-covid19-text{
margin-top:10px;
}
.pseudo-covid19-text a{
color:#666;
text-decoration:underline;
}

/* .modal-covid19-bullet-list
----------------------------------------------- */
.pseudo-covid19-bullet-list li{
padding-left:1em;
position:relative;
}
.pseudo-covid19-bullet-list li::before{
content:"\030FB";
position:absolute;
left:0;
}
.pseudo-covid19-text + .modal-covid19-bullet-list,
.pseudo-covid19-bullet-list li > ul{
margin-top:0 !important;
}

/* .pseudo-goto-plan
----------------------------------------------- */
.pseudo-goto-plan{
margin:10px 0;
}
.pseudo-goto-plan > p{
margin-bottom:20px;
}
.pseudo-goto-plan strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-goto-plan-list-bullet{
margin-bottom:20px;
}
.pseudo-goto-plan-list-bullet > li{
margin-top:5px;
padding-left:8px;
position:relative;
}
.pseudo-goto-plan-list-bullet > li::before{
content:"";
border-radius:50%;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:0;
background-color:#333;
}
.pseudo-goto-plan-list-indent > li{
margin-top:5px;
}
.pseudo-goto-plan-list-indent > li:not(:first-of-type){
padding-left:2em;
}

/* ----------------------------------------------------------------
  .pseudo-goto
----------------------------------------------------------------- */
/* .pseudo-goto
----------------------------------------------- */
.pseudo-goto{
margin-top:10px;
}
.pseudo-goto strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-goto > *:first-child{
margin-top:0 !important;
}

/* .pseudo-goto-hdg
----------------------------------------------- */
.pseudo-goto .pseudo-goto-hdg{
margin:16px 0 6px;
padding-left:15px;
position:relative;
font-size:14px;
font-weight:normal;
}
.pseudo-goto .pseudo-goto-hdg::before{
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:.45em;
left:0;
background-color:#333;
}
.pseudo-goto > .pseudo-goto-hdg:first-child{
margin-top:16px;
}
.pseudo-goto .pseudo-goto-hdg-02 + .pseudo-goto-hdg{
margin-top:16px;
}

/* .pseudo-goto-hdg-01
----------------------------------------------- */
.pseudo-goto .pseudo-goto-hdg-01{
margin:20px 0 8px;
font-size:14px;
}

/* .pseudo-goto-hdg-02
----------------------------------------------- */
.pseudo-goto .pseudo-goto-hdg-02{
margin:20px 0 8px;
padding-top:16px;
border-top:1px solid #e5e5e5;
font-size:14px;
font-weight:normal;
}

/* .pseudo-goto-list-bullet
----------------------------------------------- */
.pseudo-goto .pseudo-goto-list-bullet{
margin-top:8px;
}
.pseudo-goto .pseudo-goto-list-bullet > li{
padding-left:10px;
position:relative;
}
.pseudo-goto .pseudo-goto-list-bullet > li:not(:first-child){
margin-top:10px;
}
.pseudo-goto .pseudo-goto-list-bullet > li::before{
content:"";
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:9px;
left:2px;
background-color:#333;
}

/* .pseudo-goto-list-separate
----------------------------------------------- */
.pseudo-goto .pseudo-goto-list-separate > li{
margin-top:6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-goto .pseudo-goto-list-separate > li > div:first-child{
padding-right:15px;
min-width:4em;
position:relative;
}
.pseudo-goto .pseudo-goto-list-separate > li > div:first-child::before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.pseudo-goto .pseudo-goto-list-separate > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .pseudo-goto-note
----------------------------------------------- */
.pseudo-goto .pseudo-goto-note{
margin-top:10px;
color:#666;
font-size:11px;
}
.pseudo-goto .pseudo-goto-note > li{
margin-top:6px;
padding-left:1.25em;
position:relative;
}
.pseudo-goto .pseudo-goto-note > li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.pseudo-goto .pseudo-goto-list-bullet > .pseudo-goto-note{
margin-left:1em;
}

/* .pseudo-goto-toggle
----------------------------------------------- */
.pseudo-goto .pseudo-goto-toggle{
margin-top:8px;
}
.pseudo-goto .pseudo-goto-toggle + .pseudo-goto-toggle{
margin-top:12px;
}

/* .pseudo-goto-toggle-hook
----------------------------------------------- */
.pseudo-goto .pseudo-goto-toggle-hook{
padding:7px 20px 7px 10px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat calc(100% - 10px) 50%;
background-size:12px 7px;
}
.pseudo-goto .pseudo-goto-toggle-hook > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:transparent;
overflow:hidden;
}
.pseudo-goto .pseudo-goto-toggle.is-active .pseudo-goto-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .pseudo-goto-toggle-hook-hdg
----------------------------------------------- */
.pseudo-goto .pseudo-goto-toggle-hook-hdg{
font-weight:normal;
}

/* .pseudo-goto-toggle-content
----------------------------------------------- */
.pseudo-goto .pseudo-goto-toggle-content{
margin:10px 0 15px;
display:none;
}
.pseudo-goto .pseudo-goto-toggle.is-active .pseudo-goto-toggle-content{
display:block;
}

/* .pseudo-goto-inquiry
----------------------------------------------- */
.pseudo-goto .pseudo-goto-inquiry{
margin-top:10px;
font-size:12px;
}
.pseudo-goto .pseudo-goto-inquiry-hdg{
margin-bottom:8px;
padding:2px 10px;
font-size:11px;
background-color:#eee;
}
.pseudo-goto .pseudo-goto-inquiry-content{
margin:0 10px;
padding-right:50px;
min-height:38px;
position:relative;
}
.pseudo-goto .pseudo-goto-inquiry-content .tel{
display:block;
}
.pseudo-goto .pseudo-goto-inquiry-content .tel-btn{
color:transparent;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:38px;
height:38px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
position:absolute;
right:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 50% 50% no-repeat;
background-size:16px auto;
}

/* .pseudo-goto-inquiry-num
----------------------------------------------- */
.pseudo-goto .pseudo-goto-inquiry-num{
padding-left:22px;
display:inline-block;
position:relative;
font-weight:bold;
font-size:15px;
font-family:Arial;
}
.pseudo-goto .pseudo-goto-inquiry-num > span{
border:1px solid #ccc;
color:transparent;
position:absolute;
top:1px;
left:0;
width:16px;
height:16px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 50% 50% no-repeat;
background-size:9px 10px;
text-indent:-80px;
}

/* .pseudo-goto-discount
----------------------------------------------- */
.pseudo-goto .pseudo-goto-discount{
margin-top:8px;
font-size:14px;
}

/* .pseudo-goto-discount-list
----------------------------------------------- */
.pseudo-goto .pseudo-goto-discount-list > li{
margin-top:2px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-goto .pseudo-goto-discount-list > li > span:first-child{
min-width:8em;
padding-right:15px;
position:relative;
}
.pseudo-goto .pseudo-goto-discount-list > li > span:first-child::before{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.pseudo-goto .pseudo-goto-discount-list .price > b,
.pseudo-goto .pseudo-goto-discount-list .discount-price > b{
font-size:15px;
font-family:Arial;
font-weight:normal;
}
.pseudo-goto .pseudo-goto-discount-list .discount-price{
color:var(--cmn-font-color-red);
}
.pseudo-goto .pseudo-goto-discount-list .sup{
margin-left:5px;
}
.pseudo-goto .pseudo-goto-discount-list .sup > b{
font-size:14px;
font-family:Arial;
font-weight:normal;
}

/* .pseudo-goto-panel
----------------------------------------------- */
.pseudo-goto .pseudo-goto-panel{
margin:25px 0;
padding:10px;
border:1px solid #ddd;
}
.pseudo-goto .pseudo-goto-panel b strong{
font-weight:bold;
}

/* .pseudo-content-text
----------------------------------------------- */
.pseudo-content-text{
margin:10px 0;
}
.pseudo-content-text > p{
margin-bottom:20px;
}

/* .pseudo-note
----------------------------------------------- */
.pseudo-note{
margin-top:20px;
color:#666;
font-size:12px;
}
.pseudo-note > li{
position:relative;
padding-left:1.25em;
}
.pseudo-note > li:not(:first-child){
margin-top:10px;
}
.pseudo-note .pseudo-note-mark{
display:block;
position:absolute;
top:0;
left:0;
}
p.pseudo-note{
margin:10px 0;
padding-left:0;
color:var(--cmn-font-color-base);
font-size:13px;
}

/* .calendar-note-text
----------------------------------------------- */
.calendar-note-text{
font-size:11px;
}

/* ----------------------------------------------------------------
  Carousel
----------------------------------------------------------------- */
/* .carousel-list-container
----------------------------------------------- */
.carousel-list-container{
margin:0 -10px 20px;
padding:0 28px;
position:relative;
}
.carousel-list-inner{
overflow:hidden;
}
.carousel-list{
overflow:hidden;
margin:0;
display:table;
table-layout:fixed;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
transition-property:transform,
-webkit-transform;
-webkit-transition-timing-function:cubic-bezier(0, 0, .25, 1);
transition-timing-function:cubic-bezier(0, 0, .25, 1);
-webkit-transition-duration:350ms;
transition-duration:350ms;
-webkit-transform:translate3d(0px, 0px, 0px);
transform:translate3d(0px, 0px, 0px);
}
.carousel-list > li{
display:table-cell;
width:100%;
font-size:14px;
line-height:1.45;
}
.carousel-list > li > a{
position:relative;
display:block;
padding-left:108px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
min-height:55px;
}
.carousel-list > li > a > .img{
position:absolute;
left:0;
top:0;
width:100%;
max-width:98px;
height:auto;
margin:0 8px 0 0;
}
.carousel-list img{
vertical-align:bottom;
}

/* .carousel-list-nav
----------------------------------------------- */
.carousel-list-nav{
margin:0;
}
.carousel-list-nav > li{
position:absolute;
top:0;
}
.carousel-list-nav > li.prev{
left:0;
}
.carousel-list-nav > li.next{
right:0;
}
.carousel-list-nav > li > a{
display:block;
width:18px;
height:55px;
background-color:#dedede;
}
.carousel-list-nav > li > a:before{
content:"";
position:absolute;
top:50%;
margin-top:-5px;
height:8px;
width:8px;
display:block;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carousel-list-nav > li.prev > a:before{
left:5px;
border:2px solid #fff;
border-right-width:0;
border-top-width:0;
}
.carousel-list-nav > li.next > a:before{
right:5px;
border:2px solid #fff;
border-left-width:0;
border-bottom-width:0;
}
.carousel-list-nav > li.active > a{
background-color:#888;
}
.carousel-list-nav > li > a > span{
left:-9999px;
position:absolute;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* suggest
----------------------------------------------- */
.suggest-container{
position:relative;
}
.suggest-container + .notice-list{
margin:-10px 0 10px;
}
.suggest-container .suggest-box{
position:absolute;
z-index:2;
top:37px;
display:none;
width:100%;
border:1px solid #bbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.suggest-container .form-search-word + .suggest-box{
top:42px;
}
.suggest-container .suggest-box > ul{
margin:0;
}
.suggest-container .suggest-box > ul > li > a{
display:block;
padding:10px;
color:var(--cmn-font-color-base);
border-top:1px solid #e5e5e5;
}
.suggest-container .suggest-box > ul > li:first-child > a{
border-top:0;
}
.suggest-container .suggest-box .suggest-error{
padding:13px 11px;
font-size:15px;
}
.suggest-container .suggest-box > ul > li.suggest-close-btn > a{
text-align:center;
padding:6px 13px;
}
.suggest-container .hdg-l2{
margin:0;
}
.suggest-container.active .suggest-box{
display:block;
}
.form-search-word .suggest-box{
top:41px;
}

/* ----------------------------------------------------------------
  Search Form
-------------------------------------------------------------------
/* .tbl-form
----------------------------------------------- */
.tbl-form{
border-spacing:0;
width:100%;
margin:0;
border-collapse:collapse;
table-layout:fixed;
}
.tbl-form th,
.tbl-form td{
padding:0;
}
.tbl-form tr > th span{
display:block;
}
.tbl-form tr > th > div{
position:relative;
}
.tbl-form tr > th > .cmn-tip-btn{
position:absolute;
right:4px;
top:0;
bottom:0;
margin:auto 0;
}
.tbl-form tr > th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:-2px;
}
.tbl-form tr > th .note{
font-size:12px;
margin-top:2px;
font-weight:normal;
}

/* .tbl-form-btn
----------------------------------------------- */
.tbl-form-btn,
.tbl-form-btn-container{
font-size:16px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
min-height:38px;
padding:5px 20px 5px 8px;
text-align:left;

/* color:var(--cmn-font-color-base); */
color:var(--font-color-placeholder);
border:1px solid #999;
border-radius:4px;
background-color:#fff;
}
.tbl-form-btn:after{
position:absolute;
display:block;
content:"";
top:50%;
right:10px;
width:6px;
height:6px;
margin-top:-4px;
border-right:2px solid #888;
border-bottom:2px solid #888;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.tbl-form-btn.disabled{
color:#a9a9a9;
pointer-events:none;
}
.tbl-form-btn.active,
.tbl-form-btn.active strong{
font-weight:normal;
color:var(--cmn-font-color-base);
}
.tbl-form-btn.active:after{
display:none;
}
.tbl-form-btn.ellipsis{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* .tbl-form-btn-01
----------------------------------------------- */
.tbl-form-btn-01{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
font-size:16px;
line-height:1.2;
width:100%;
height:100%;
min-height:38px;
padding:5px 20px 5px 8px;
text-align:left;
border:none;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
color:var(--font-color-placeholder);
}
.tbl-form-btn-01:after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:10px;
width:6px;
height:6px;
margin-top:-3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.tbl-form-btn-01.disabled{
pointer-events:none;
color:#ccc;
font-size:13px;
}
.tbl-form-btn-01.disabled::after{
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.tbl-form-btn-01.ellipsis{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding:5px 8px;
}

/* .tbl-form-btn-del
----------------------------------------------- */
.tbl-form-btn-del{
font-size:12px;
min-height:20px;
width:40px;
margin-left:10px;
padding:2px 0;
border:1px solid #bbb;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#555;
line-height:1;
background-color:#fff;
}
.search-index .tbl-form-btn-del{
margin-left:7px;
}

/* .tbl-form-btn-container
----------------------------------------------- */
.tbl-form-btn-container{
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tbl-form-btn-container .tbl-form-btn-del,
.search-word-btn-container .tbl-form-btn-del{
display:none;
}
.search-container .tbl-form-btn-container .tbl-form-btn,
.search-container .tbl-form-btn-container .tbl-form-btn-01{
min-height:50px;
padding-left:10px;
}
.tbl-form-btn-container.active .tbl-form-btn-01{
font-weight:normal;
color:var(--cmn-font-color-base);
}
.tbl-form-btn-container.active .tbl-form-btn-01:after{
display:none;
}
.tbl-form-btn-container.branch.active .tbl-form-btn-01{
padding-left:10px;
}
.tbl-form-btn-container.active .tbl-form-btn-del{
display:block;
}
.tbl-form-btn-container.branch.active{
padding-left:0;
}
.tbl-form-btn-container + .tbl-form-btn-container{
margin-top:8px;
}
.tbl-form-btn-container .tbl-form-select-list{
padding:12px 10px 12px 8px;
font-weight:bold;
font-size:13px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tbl-form-btn-container .tbl-form-select-list > li{
line-height:1.25;
}
.tbl-form-btn-container .tbl-form-select-list > li:not(:first-child){
margin-top:7px;
}

/* .tbl-form-btn-add
----------------------------------------------- */
.search-index-inner .tbl-form-btn-add{
padding:10px 0 0;
color:var(--cmn-font-color-base);
font-size:13px;
text-align:right;
border:none;
background:none;
width:100%;
}
.search-index-inner .tbl-form-btn-add > span{
position:relative;
padding-left:20px;
}
.search-index-inner .tbl-form-btn-add > span::after{
position:absolute;
left:0;
top:50%;
width:14px;
height:14px;
content:"";
background-image:url(/element_sp/j_tour/shared/images/icon-add.svg);
background-size:14px 14px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* ----------------------------------------------------------------
  Index
-------------------------------------------------------------------
/* .search-index-hdg
----------------------------------------------- */
.search-index-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:12px;
}
.search-index-hdg{
font-size:16px;
line-height:1.2;
color:#fff;
margin-right:16px;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
}
.cmn-app .search-index-hdg-container{
text-align:right;
margin-top:-5px;
padding:0 0 4px;
}
.cmn-app .search-index-hdg-container .important-info-02{
text-align:left;
}
.search-index-hdg-container .form-box-idx-header-link-ext{
font-size:14px;
position:relative;
bottom:1px;
line-height:1.2;
}
.search-index-hdg-container .form-box-idx-header-link-ext a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.search-index-hdg-container .form-box-idx-header-link-history{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-size:14px;
position:relative;
bottom:1px;
line-height:1.2;
}
.search-index-hdg-container .form-box-idx-header-link-history a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}
.search-index .search-index-hdg-container.is-app{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.search-index .search-index-hdg-container.is-app .form-box-idx-header-link-history {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
margin-right:20px;
-webkit-box-ordinal-group:0;
-ms-flex-order:-1;
order:-1;
}

/* .search-index-hdg-sup
----------------------------------------------- */
.search-index .form-search-index-hdg-sup{
margin-left:10px;
}
.search-index .form-search-index-hdg-sup > span:first-child{
padding:3px 6px 2px;
border-radius:2px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-family:Arial;
font-size:13px;
}
.search-index .form-search-index-hdg-sup b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .search-index
----------------------------------------------- */
.search-index{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 32px;
background-image:url(/element_sp/j_tour/index/images/bg.png),
url(/element_sp/j_tour/index/images/bg-search-index.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0,
0 100%;
background-color:#004c9a;
}
.cmn-info + main .search-index{
padding-top:14px;
}
.search-index.theme{
padding-bottom:0;
}
.search-index.theme .search-index-inner{
margin:0 -10px;
padding:0 10px;
border-radius:0;
}
.search-index.theme .search-index-inner .box-bg-ctrl{
padding-bottom:0;
}

/* .search-index-inner
----------------------------------------------- */
.search-index-inner{
position:relative;
padding:12px 12px 72px;
border-radius:6px;
background-color:rgba(255, 255, 255, .95);
}
.search-index-inner p{
margin:8px 0 0 0;
font-size:12px;
}
.search-index-btn-container{
margin-top:0;
padding:12px 20px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(255, 255, 255, .9);
position:fixed;
z-index:1;
bottom:0;
left:0;
border-top:1px solid #ddd;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.search-index-btn-container.is-static{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
background:none;
border-top:0;
padding:0 0 16px !important;
}
.search-index-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
margin:0;
}
.search-index-btn-list > li:first-child{
width:60px;
}
.search-index-btn-list > li +li{
padding-left:8px;
width:219px;
}
.search-index-btn-list > li a{
display:block;
border-radius:4px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-index-btn-list .clear-index-btn{
padding:11px 0;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
height:44px;
}
.search-index-btn-list .search-index-btn{
padding:10px 0;
color:#fff;
font-size:16px;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
border-radius:4px;
background-color:#444;
height:44px;
}
.search-index-form-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0;
font-size:14px;
}
.search-index-form-list > li{
margin:10px 15px 0 0;
}
.search-index-form-list > li.is-disabled label{
color:#ccc;
}
.search-index-form-list .radio-custom{
padding-left:26px;
line-height:normal;
}
.search-index-form-list .checkbox-custom{
padding-left:26px;
}
.search-index-form-list .label-sup{
font-size:13px;
display:block;
color:#808080;
}
.search-index-form-list.branch{
margin:0 0 10px;
}

/* ----------------------------------------------------------------
  .tbl-form-index
-------------------------------------------------------------------
/* .tbl-form-index modules
----------------------------------------------- */
.tbl-form-index .note{
display:block;
font-size:11px;
}
.tbl-form-index .select-custom > select{
color:var(--font-color-placeholder);
}
.tbl-form-index .select-custom.active > select{
color:var(--cmn-font-color-base);
}
.tbl-form-index .tbl-form-index-tip{
padding-right:19px;
position:relative;
display:block;
}
.tbl-form-index .tbl-form-index-tip .cmn-tip-btn{
position:absolute;
top:0;
right:4px;
}
.tbl-form-index .tbl-form-index-br{
display:block;
}

/* .tbl-form-index-item
----------------------------------------------- */
.tbl-form-index .tbl-form-index-item{
margin-top:8px;
padding:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1.25;
}
.tbl-form-index .tbl-form-index-item:first-child{
margin-top:0;
}
.tbl-form-index .tbl-form-index-item.departure,
.tbl-form-index .tbl-form-index-item.destination{
-webkit-box-align:flex-start;
-ms-flex-align:start;
align-items:flex-start;
}

/* .tbl-form-index-item-col
----------------------------------------------- */
.tbl-form-index .tbl-form-index-item-col:first-child{
padding-right:4px;
min-width:74px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-form-index .tbl-form-index-item-col:last-child{
min-width:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tbl-form-index .departure .tbl-form-index-item-col:first-child,
.tbl-form-index .destination .tbl-form-index-item-col:first-child,
.tbl-form-index .keyword .tbl-form-index-item-col:first-child{
padding-top:12px;
}

/* .tbl-form-index-item
----------------------------------------------- */
.tbl-form-index .tbl-form-index-item-hdg{
font-size:14px;
font-weight:normal;
}
.tbl-form-index-item .toggle-btn{
padding:8px 0;
}

/* ----------------------------------------------------------------
  Result
-------------------------------------------------------------------
/* .search-container
----------------------------------------------- */
.search-container{
position:relative;
margin:0 -10px;
}
.search-container .tbl-form th,
.search-container .tbl-form td{
border-bottom:1px solid #e5e5e5;
}
.search-container .tbl-form th{
vertical-align:middle;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
width:85px;
height:45px;
min-height:45px;
padding-left:10px;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
position:relative;
}

/* .tbl-form-area-list
----------------------------------------------- */
.search-container .tbl-form-area-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .tbl-form-area-list
----------------------------------------------- */
.search-container .tbl-form-area-list-btn{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:16px;
line-height:1;
padding:8px 20px 8px 8px;
text-align:left;
font-weight:bold;
border:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
min-height:45px;
}
.search-container .tbl-form-area-list-btn.ellipsis{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
padding-right:10px;
}

/* .tbl-form-area-list-btn-del
----------------------------------------------- */
.search-container .tbl-form-area-list-btn-del{
font-size:12px;
height:20px;
width:40px;
margin-left:10px;
color:#555;
line-height:1;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .search-form-list
----------------------------------------------- */
.search-container .search-form-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:-3px 0 10px 0;
font-size:14px;
}
.search-container .search-form-list > li label.radio-custom{
padding:7px 0 7px 40px;
line-height:normal;
}
.search-container .search-form-list > li:not(:first-child) label.radio-custom{
margin-left:5px;
}
.search-container .search-form-list > li label.checkbox-custom{
padding:7px 0 7px 40px;
}
.search-container .search-form-list > li label input{
left:10px;
}
.search-container .search-form-list .is-disabled{
opacity:.25;
}
.search-container .tbl-form-box .toggle-container{
margin-bottom:-9px;
}
.search-container .tbl-form-box .toggle-item .suggest-container{
margin-bottom:10px;
}
.search-container .tbl-form-box{
padding:10px;
}
.search-container .tbl-form-box > .tbl-form-btn-container{
margin:-10px;
width:auto;
}
.search-container .tbl-form-btn,
.search-container .tbl-form-btn-container{
border-radius:0;
border:0;
}
.search-container .tbl-form-btn-del{
left:10px;
}
.search-container .tbl-form-box + .tbl-form-box{
position:relative;
margin-top:-1px;
border-top:1px solid #e5e5e5;
}

/* ----------------------------------------------------------------
  .search-result-header
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-10px -10px 0;
padding:12px 10px;
background:#004c9a url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}
.search-result-header::after{
content:"";
display:block;
height:1px;
margin-top:-1px;
}
.search-result-header > :first-child{
margin-top:0 !important;
}
.cmn-info + main .search-result-header{
padding-top:6px;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
color:#fff;
line-height:1.35;
font-size:16px;
font-weight:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, .5);
}
.search-result-header .search-result-header-category-sup{
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:4px;
margin-top:2px;
}
.search-result-header .search-result-header-category-sup-hdg{
font-weight:normal;
}
.cmn-info + .search-result-header-category{
margin-top:16px;
}

/* .search-result-header-sup
----------------------------------------------- */
.search-result-header .search-result-header-sup{
margin-bottom:0;
color:#fff;
line-height:1.35;
font-size:11px;
}
.search-result-header .search-result-header-sup a:not([class]){
color:#fff;
text-decoration:underline;
}

/* .search-condition
----------------------------------------------- */
.search-condition{
margin:12px 0 0;
padding:12px 10px 12px 14px;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, .15);
box-shadow:0 2px 1px rgba(0, 0, 0, .15);
position:relative;
background-color:#fff;
font-size:14px;
line-height:1.42;
min-height:82px;
}
.search-condition.is-sticky{
border-radius:0;
position:fixed;
top:0;
left:0;
width:100%;
z-index:2;
}

/* .search-condition-state
----------------------------------------------- */
.search-condition .search-condition-state{
padding:0 105px 0 0;
position:relative;
}
.search-condition-state + .search-condition-toggle,
.search-condition-state + .search-condition-state-list-01{
margin-top:12px !important;
}

/* .search-condition-hdg
----------------------------------------------- */
.search-condition .search-condition-hdg{
font-weight:bold;
font-size:14px;
margin-bottom:4px;
}
.search-condition .search-condition-hdg .search-condition-hdg-sup{
display:block;
font-size:11px;
font-weight:normal;
color:#808080;
}

/* .search-condition-state-list
----------------------------------------------- */
.search-condition .search-condition-state-list{
margin:0;
font-size:13px;
}
.search-condition .search-condition-state-list > li{
/* margin-top:4px; */
width:100%;
overflow:hidden;
}
.search-condition .search-condition-state-list > li:first-child{
margin-top:0;
}
.search-condition .search-condition-state-list > li.departure{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:14px;
width:100%;
}
@media (max-width:320px){
.search-condition .search-condition-state-list > li.departure.date-fixed{
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
}
.search-condition .search-condition-state-list > li > *{
vertical-align:top;
}
.search-condition .search-condition-state-list > li > span:first-child{
float:left;
position:relative;
padding-right:1em;
}
.search-condition .search-condition-state-list > li > span:after{
content:"\ff1a";
position:absolute;
top:0;
right:0;
}
.search-condition .search-condition-state-list > li > div{
overflow:hidden;
}

/* .search-condition-state-list-01
----------------------------------------------- */
.search-condition .search-condition-state-list-01{
margin:0;
font-size:12px;
}
.search-condition .search-condition-state-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-condition .search-condition-state-list-01 > li:not(:last-child){
margin-bottom:2px;
}
.search-condition .search-condition-state-list-01 > li > span{
padding-right:1em;
width:6em;
position:relative;
}
.search-condition .search-condition-state-list-01 > li > span:after{
content:"\ff1a";
position:absolute;
top:0;
right:0;
}
.search-condition .search-condition-state-list-01 > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-condition .search-condition-state-list-01 > li > div .icon-r-hotel{
margin-right:4px;
}
.search-condition .search-condition-state-list-01 > li > div .icon-r-hotel span{
background-position:0 0;
}

/* .search-condition-state-cheapest
----------------------------------------------- */
.search-condition-state-cheapest{
position:absolute;
top:48px;
right:10px;
font-size:12px;
}
@media (max-width:320px){
.search-condition .search-condition-state-cheapest{
text-align:right;
}
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition .search-condition-btn{
position:absolute;
top:10px;
right:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:0 10px;
background:none;
font-size:12px;
line-height:1;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:81px;
height:31px;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-condition .search-condition-btn > span{
/* display:block; */
}

/* .search-condition-toggle
----------------------------------------------- */
.search-condition .search-condition-toggle{
position:relative;
}
.search-condition .search-condition-toggle .search-condition-toggle-item{
padding-right:110px;
height:18px;
position:relative;
overflow:hidden;
}
.search-condition .search-condition-toggle.branch .search-condition-toggle-item{
padding-right:0;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook{
position:absolute;
top:0;
right:0;
background-color:#fff;
}
.search-condition .search-condition-toggle.branch .search-condition-toggle-hook{
display:none;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook button{
position:relative;
margin:0;
padding:0 0 0 30px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-chevron-down.svg) 14px 50% no-repeat;
background-size:12px;
font-size:12px;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook button:before{
position:absolute;
left:0;
top:0;
content:"\2026";
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item .search-condition-state-list-01 li > div{
white-space:normal;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook{
margin-top:5px;
padding-left:0;
position:static;
text-align:right;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook button{
padding-left:17px;
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
background-position:0 50%;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook button:before{
display:none;
}
.search-condition .search-condition-toggle.is-active .search-condition-state-list-01{
/* padding-right: 100px; */
}

/* .search-condition-cheapest-btn
----------------------------------------------- */
.search-condition-cheapest-btn{
position:relative;
display:block;
color:#555;
font-size:12px;
padding:9px 12px 8px;
margin-top:5px;
border-radius:3px;
-webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
background-color:#fff;
}
.search-condition-cheapest-btn:before{
content:"";
margin-right:7px;
width:14px;
height:16px;
display:inline-block;
vertical-align:top;
background:url(/element_sp/shared/images/icon/icon-calendar.svg) 0 0 #fff no-repeat;
background-size:100%;
}
.search-condition-cheapest-btn > span{
font-size:11px;
}

/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result-confirmed
----------------------------------------------- */
.search-distance{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
position:relative;
}
.search-distance .search-distance-text{
color:#fff;
margin:0 8px 0 auto;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-size:12px;
white-space:nowrap;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.search-distance .search-distance-text span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.search-distance .btn-select{
padding:0 24px 0 10px;
border:none;
border-radius:4px;
min-width:94px;
height:38px;
font-size:16px;
text-align:left;
position:relative;
background:#fff;
line-height:1;
}
.search-distance .btn-select::after {
border-top:4px solid #888;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
display:inline-block;
margin-top:-2px;
position:absolute;
top:50%;
right:8px;
}
.search-distance .btn-pulldown{
margin-top:8px;
padding:0 16px 10px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
z-index:10;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.search-distance .btn-pulldown::before{
content:"";
display:block;
width:17px;
height:6px;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
position:absolute;
top:-6px;
right:calc(50% - 6px);
background-color:#fff;
}
.search-distance .btn-pulldown .btn-pulldown-list{
position:relative;
margin:12px 0 0;
}
.search-distance .btn-pulldown .btn-pulldown-list li{
border-bottom:none !important;
padding:6px 0;
}
.search-distance .btn-pulldown .btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
}
.search-distance .btn-pulldown .btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .search-reserve
----------------------------------------------- */
.search-reserve{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:14px;
}
.search-reserve >div{
margin-top:12px;
}
.search-reserve > :first-child{
margin-right:20px;
}
.search-reserve .checkbox-custom{
color:#fff;
padding:1px 0 0 24px;
}
.search-reserve .checkbox-custom input[type="checkbox"]:checked{
background:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg) 0 0 no-repeat;
}
@media screen and (max-width:374px){
.search-reserve .checkbox-custom{
font-size:12px;
}
}
.search-reserve .checkbox-custom > span{
font-size:12px;
display:inline-block;
}

/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .pr-box
----------------------------------------------- */
.pr-box{
position:relative;
display:block;
margin:10px;
padding:7px;
border:3px solid #8ab7ec;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#555;
background-color:#fff;
}
.pr-box .pr-hdg{
font-size:13px;
font-weight:bold;
line-height:1.38;
margin-bottom:3px;
text-indent:52px;
}
.pr-box .pr-icon{
position:absolute;
left:7px;
top:6px;
display:inline-block;
font-size:11px;
line-height:1;
padding:2px 10px;
color:#fff;
font-weight:normal;
background-color:#333;
}
.pr-box .pr-item{
padding-left:80px;
position:relative;
min-height:50px;
}
.pr-box .pr-item .pr-item-image{
width:70px;
position:absolute;
left:0;
top:0;
}
.pr-box .pr-item .pr-item-image img{
width:100%;
height:auto;
max-width:70px;
max-height:50px;
}
.pr-box .pr-item .pr-item-price{
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1;
margin-bottom:5px;
}
.pr-box .pr-item .pr-item-price .num{
font-size:15px;
}
.pr-box .pr-item .pr-item-note{
color:#808080;
font-size:11px;
margin:0;
line-height:1.36;
padding-right:60px;
}
.pr-box .pr-item .pr-item-agt{
position:absolute;
right:0;
bottom:0;
}
.pr-box .pr-item .pr-item-agt > span{
display:block;
width:52px;
height:19px;
text-align:center;
background-color:#fff;
border:1px solid #b4b4b4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pr-box .pr-item .pr-item-agt img{
max-width:50px;
max-height:17px;
vertical-align:top;
}

/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
padding-top:1px;
padding-bottom:1px;
background-color:#e5e5e5;
padding-bottom:30px;
}
.search-result + .select-content{
margin-top:-30px;
}
.search-result .cmn-loading-spinner{
margin-bottom:1000px;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result .search-result-item-price{
margin:5px 0 8px;
}

/* .search-result-item-price-list
----------------------------------------------- */
.search-result .search-result-item-price-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
font-size:12px;
}
.search-result .search-result-item-price-list li a{
margin-left:4px;
margin-right:12px;
}
.search-result .search-result-item-price-list > li:last-child{
color:var(--cmn-font-color-red);
}
.search-result .search-result-item-price-list > li:last-child .num{
font-size:16px;
}
.price-detail-num > span{
display:inline-block;
}
.search-result .search-result-item-price-list.active > li .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .search-result-item-price-child
----------------------------------------------- */
.search-result-item-price-child{
margin:0;
font-size:12px;
display:none;
}
.search-result .search-result-item-price-list.active + .search-result-item-price-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-price-child .cmn-tip-btn{
margin-left:4px;
}
.search-result-item-price-child .num{
font-size:16px;
font-weight:normal;
display:inline;
font-family:Arial;
}

/* .search-result-item-price-shipping
----------------------------------------------- */
.search-result-item-price-shipping{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
margin:0;
}
.search-result-item-price-shipping li:last-child{
padding-right:1em;
}
.search-result-item-price-shipping li .num{
font-size:14px;
font-family:Arial;
}

/* .search-result-item-price-note
----------------------------------------------- */
.search-result .search-result-item-price-note{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:4px 0 0 0;
font-size:11px;
color:#555;
}
.search-result-item-price-note-left > :not(:first-child){
margin-top:8px;
}
.search-result .search-result-item-price-note > a{
color:#555;
font-size:11px;
}

/* ----------------------------------------------------------------
  Local discount
----------------------------------------------------------------- */
/* .local-discount
----------------------------------------------- */
.local-discount{
padding:4px 8px;
border:none;
border-radius:2px;
min-height:24px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#e1f1fc;
font-size:12px;
text-align:left;
}
.local-discount > span:first-child{
margin-right:8px;
padding-right:19px;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 50% no-repeat;
background-size:15px 15px;
}
.search-result-item-mark + .local-discount{
margin-top:8px;
}
.local-discount.wrap{
place-items:flex-start;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
@media screen and (max-width:365px){
.local-discount.wrap{
place-items:flex-start;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
}

/* .goto
----------------------------------------------- */
.goto{
margin:8px 0 0;
padding:2px 28px 2px 8px;
border:1px solid #ddd;
border-radius:4px;
display:block;
color:var(--cmn-font-color-base);
background:url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
}

/* .goto-apply
----------------------------------------------- */
.goto-apply{
margin-top:8px;
padding:6px;
border:1px solid #ddd;
border-radius:4px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
line-height:1;
background-color:#fff;
font-size:12px;
text-align:left;
}
.goto-apply > span{
display:block;
}
.goto-apply > span:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.goto-apply > span:first-child > span:first-child{
display:inline-block;
padding:2px 20px 1px 0;
background:#fff url(/element/shared/images/icon/icon-tip-info.svg) 100% 50% no-repeat;
background-size:15px;
}
.goto-apply > span:first-child > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.goto-apply > span:last-child{
margin-top:4px;
}
.goto-apply > span:last-child > span:not(:last-child)::after{
margin:0 4px;
content:"/";
display:inline-block;
vertical-align:middle;
}
.goto-apply strong{
margin:0 4px 0 5px;
color:var(--cmn-font-color-red);
display:inline-block;
font-weight:normal;
}
.goto-apply strong > b{
font-weight:bold;
font-size:16px;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:374px){
.goto-apply > span:last-child{
font-size:11px;
}
}

/* .goto-apply-toggle
----------------------------------------------- */
.goto-apply-toggle{
margin-top:8px;
padding:2px 6px;
border:1px solid #ddd;
border-radius:4px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
font-size:12px;
text-align:left;
background-color:#ddd;
}
.goto-apply-toggle.is-active{
width:100%;
}
.goto-apply-toggle > div{
display:block;
}
.goto-apply-toggle > button{
background:#ddd url(/element_sp/j_tour/shared/images/icon-arrow-01-down.svg) no-repeat 2px 50%;
background-size:8px auto;
padding-left:16px;
border:none;
font-size:12px;
}
.goto-apply-toggle.is-active > button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.goto-apply-toggle.is-active > div:nth-child(2){
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.goto-apply-toggle strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.goto-apply-toggle strong > b{
font-weight:bold;
}
.goto-apply-toggle.is-active strong > b{
font-size:16px;
}
.search-result .search-result-item-btn-icon,
.search-result .search-result-item-btn-icon-01{
min-width:20px;
padding-right:8px;
}
.search-result .search-result-item-btn-icon span:before{
position:absolute;
left:0;
top:50%;
margin:auto;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:16px;
height:16px;
border:2px solid #78ae0e;
border-radius:100%;
}
.search-result .search-result-item-btn-icon-01 span:before{
position:absolute;
left:0;
top:50%;
margin:auto !important;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:10px;
height:10px;
border:5px double #78ae0e;
border-radius:100%;
}
.search-result .search-result-item-btn-icon > span,
.search-result .search-result-item-btn-icon-01 > span{
color:rgba(0,0,255,0);
}
.search-result-item-btn{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:9px 10px 10px;
color:#fff;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -3px 0 #608b0b inset;
box-shadow:0 -3px 0 #608b0b inset;
background-color:#78ae0e;
font-size:14px;
font-weight:bold;
text-shadow:0 1px 2px rgba(0, 0, 0, .1);
text-align:center;
}
.pseudo-content .search-result-item-btn{
font-size:18px;
}

/* .search-result-item-payment-note
----------------------------------------------- */
.search-result .search-result-item-payment-note{
color:#808080;
margin:8px 0;
font-size:11px;
}

/* .search-result-item-info
----------------------------------------------- */
.hdg-l2 + .search-result-item-info{
margin:-1px -10px;
}
.search-result-item-info + .search-result-item-info{
margin-top:15px;
}
.search-result-item-info-list .icon-essential{
position:absolute;
display:inline-block;
right:10px;
top:50%;
margin-top:-9px;
padding:2px 5px 1px;
font-size:11px;
color:var(--cmn-font-color-red);
border:1px solid #e93939;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-info-list ul{
margin:0;
}
.search-result-item-info-list .org-icon{
width:29px;
height:29px;
margin:2px 0 4px;
display:block;
}
.search-result-item-info-list .compnay-logo{
display:block;
}
.search-result-item-info-list .link-tel{
margin:0 auto 7px;
}
.search-result-item-info .search-result-item-info-link{
display:block;
color:#555;
position:relative;
padding-left:13px;
font-size:12px;
}
.search-result-item-info .search-result-item-info-link:before{
border-right:1px solid #555;
border-top:1px solid #555;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}

/* ----------------------------------------------------------------
  .company-info-container
----------------------------------------------------------------- */
.company-info-container{
margin:8px 0 16px;
}
.company-info-link a{
color:#666;
display:block;
font-size:12px;
}
.company-info-link span{
position:relative;
display:block;
}

/* ----------------------------------------------------------------
  Agt-link
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
color:var(--cmn-font-color-base);
text-align:center;
font-size:13px;
}
.agt-link strong{
color:var(--cmn-font-color-red);
}

/* .agt-link-sticky
----------------------------------------------- */
.agt-link-sticky{
padding-bottom:75px;
}
.app-text{
font-size:12px;
margin:10px 0;
text-align:center!important;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link-catch{
font-size:16px;
text-align:center;
margin:16px 0 0;
}
.agt-link-catch b{
font-weight:normal;
}
.agt-link-catch img{
margin:0 auto 20px;
display:block;
max-width:80px;
}
.agt-link-loading-txt{
font-size:14px!important;
text-align:center!important;
}
.agt-link-catch + .agt-link-plan{
margin-top:24px;
}

/* .notice-list
----------------------------------------------- */
.notice-list > li{
text-align:left;
}

/* .agt-link-loading
----------------------------------------------- */
.agt-link-loading{
text-align:center;
margin:20px 0;
}
.agt-link-loading [class^="notice-list"]{
text-align:left;
}

/* .agt-link-no-result-list
----------------------------------------------- */
.agt-link-no-result-list{
padding-bottom:15px;
margin-bottom:30px;
border-bottom:1px solid #e5e5e5;
}
.agt-link-no-result-list > li{
overflow:hidden;
line-height:1.25;
margin-top:5px;
}
.agt-link-no-result-list > li > span{
position:relative;
float:left;
padding:0 0 0 10px;
color:var(--cmn-font-color-base);
width:8em;
}
.agt-link-no-result-list > li > span:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
}
.agt-link-no-result-list > li > span > span{
display:block;
font-size:11px;
}
.agt-link-no-result-list > li > div{
overflow:hidden;
color:#b9b9b9;
}

/* .agt-link-btn-list-container
----------------------------------------------- */
.agt-link-btn-list-container{
margin:0 -5px;
}
.agt-link-btn-list{
display:table;
width:100%;
overflow:hidden;
}
.agt-link-btn-list > li{
display:table-cell;
width:50%;
padding:0 5px;
vertical-align:middle;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agt-link-btn-list > li > div{
display:table;
width:100%;
vertical-align:middle;
}
.agt-link-btn-list > li > div > a{
display:table-cell;
height:45px;
vertical-align:middle;
font-size:13px;
color:#555;
font-weight:bold;
text-align:center;
line-height:1.22;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.agt-link-btn-list > li > div > a > span{
display:block;
font-weight:normal;
font-size:11px;
}

/* .agt-link-btn-container
----------------------------------------------- */
.agt-link-btn-container{
margin-top:0;
padding:10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.agt-link-btn-list-01{
display:table;
width:100%;
max-width:85%;
margin:0 auto;
}
@media screen and (max-width:374px){
.agt-link-btn-list-01{
max-width:90%;
}
}
.agt-link-btn-list-01 > li{
display:table-cell;
vertical-align:middle;
}
.agt-link-btn-list-01 > li +li{
padding-left:10px;
width:100%;
}
.agt-link-btn-list-01 > li a{
display:block;
border-radius:5px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agt-link-btn-list-01 > li a > span{
display:block;
}
.agt-link-btn-list-01 .reservation-sticky-btn{
padding:10px 15px 14px;
color:#fff;
line-height:1.55;
font-size:14px;
font-weight:bold;
text-shadow:1px 2px 0px rgba(4, 0, 0, .1);
border:none;
-webkit-box-shadow:0 -4px 0 #608c03 inset;
box-shadow:0 -4px 0 #608c03 inset;
background-color:#78ae0e;
}
.agt-link-btn-list-01 .reservation-sticky-btn.disabled{
padding:12px 15px 12px;
background-color:#d5d5d5;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}
.agt-link-btn-list-01 .important-sticky-btn{
padding:8px 4px 7px;
color:var(--cmn-font-color-base);
font-size:12px;
white-space:nowrap;
background-color:#fff;
border:1px solid #fff;
line-height:1.22;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
.error,
.error-result{
margin:22px 0 60px;
text-align:center;
font-size:14px;
}
.error .error-align-l{
text-align:left;
}
.error > *,
.error-result > *{
margin:0;
font-size:14px;
}
.error .error-catch,
.error-result .error-catch{
font-size:16px;
margin-bottom:16px;
}
.error .error-catch strong,
.error-result .error-catch strong{
color:var(--cmn-font-color-base) !important;
font-weight:normal;
}
.error .error-catch + p,
.error-result .error-catch + p{
font-size:12px;
}
.error .btn,
.error-result .btn{
margin:20px auto 0;
padding:6px 12px 5px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base) !important;
display:table;
min-width:164px;
width:auto;
min-height:34px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .error-pseudo
----------------------------------------------- */
.error-pseudo{
margin:30px 0;
text-align:center;
}
.error-pseudo strong{
color:var(--cmn-font-color-red);
}

/* .error-agt-link
----------------------------------------------- */
.error-agt-link{
margin:10px 0 20px;
text-align:center;
}
.error-agt-link strong{
color:var(--cmn-font-color-red);
}

/* .error-calendar-detail
----------------------------------------------- */
.error-calendar-detail{
padding:35px 0;
text-align:center;
border-bottom:1px solid #d9d9d9;
}
.error-calendar-detail strong{
font-size:15px;
font-weight:normal;
}
.error [class^="notice-list"]{
margin-top:23px;
font-size:11px;
}

/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.loading{
margin:20px auto 40px;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}
.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
}
.loading-modal .loading-modal-icon{
margin-bottom:5px;
display:block;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.loading-modal .cmn-loading-spinner {
margin:5px auto;
}

/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */
.modal-btn-box{
margin-top:16px;
}
.modal-btn-box .modal-close-btn{
background-color:#fff;
color:#555;
font-size:13px;
padding:10px 3px;
border:1px solid #bbb;
}
.modal-btn-box .modal-close-btn > span{
display:block;
}
.modal-btn-box .modal-info-btn{
background-color:var(--cmn-btn-color);
color:#fff;
border:none;
font-size:14px;
padding:4px 0;
min-height:44px;
}
.modal-btn-box .modal-info-btn > span{
display:block;
font-size:11px;
}

/* .modal-btn-box-list
----------------------------------------------- */
.modal-btn-box-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:20px;
}
.modal-btn-box-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-btn-box-list li .cmn-info-btn{
padding-top:9px;
padding-bottom:9px;
font-weight:normal;
}
.modal-btn-box-list li:first-child:last-child {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
min-width:210px;
margin:0 auto;
}

/* .modal-alert
----------------------------------------------- */
.modal-alert{
font-size:13px;
text-align:left;
}
.modal-alert > p{
margin-bottom:10px;
}
.modal-alert .modal-alert-catch{
text-align:center;
font-weight:bold;
}

/* .modal-content
----------------------------------------------- */
.modal-content{
text-align:center;
}
.modal-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .modal-alert-copy
----------------------------------------------- */
.modal-alert .modal-alert-copy > button{
margin:0 auto;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:180px;
min-height:34px;
background-color:#fff;
line-height:1;
font-size:13px;
}
.modal-alert .modal-alert-copy > button::before{
margin-right:5px;
content:"";
display:inline-block;
width:15px;
height:18px;
vertical-align:middle;
background:url(/element/j_traindp/shared/images/icon-copy.svg) no-repeat 50% 50%;
}
.modal-alert .modal-alert-copy > span{
margin-top:5px;
display:none;
text-align:center;
font-size:11px;
}
.modal-alert .modal-alert-copy.is-active > span{
display:block;
}

/* .modal-alert-list
----------------------------------------------- */
.modal-alert .modal-alert-list{
margin:15px auto;
width:90%;
font-size:12px;
}
.modal-alert .modal-alert-list > li{
margin-top:-1px;
border:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.modal-alert .modal-alert-list > li > b{
width:90px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#f5f5f5;
text-align:center;
font-weight:normal;
}
.modal-alert .modal-alert-list > li > ul{
padding:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.modal-alert .modal-alert-list  ul > li{
padding-left:8px;
position:relative;
}
.modal-alert .modal-alert-list  ul > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:.6em;
left:0;
background-color:#333;
}
.cmn-modal .info-text{
margin-bottom:0;
}
.cmn-modal .info-text .checkbox-custom{
font-size:13px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:0;
margin:16px auto 0;
position:static;
}
.cmn-modal .info-text .checkbox-custom input[type="checkbox"]{
position:static;
-webkit-transform:none;
transform:none;
margin-right:8px;
}
.goto-notice-list .notice-list{
margin:0;
}

/* ----------------------------------------------------------------
  Form for SSL
----------------------------------------------------------------- */
/* .hdg-toggle
----------------------------------------------- */
.hdg-toggle-container{
position:relative;
width:100%;
height:100%;
padding:10px 30px 10px 10px;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.hdg-toggle-container .hdg-toggle{
font-weight:normal;
font-size:13px;
}
.hdg-toggle-container .hdg-toggle-inner{
position:relative;
display:block;
line-height:1.2;
}
.hdg-toggle-container .btn-toggle{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
color:#666;
}
.hdg-toggle-container:after{
content:"";
height:14px;
width:14px;
position:absolute;
top:50%;
right:10px;
margin-top:-7px;
background:#666;
border-radius:3px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100% 100%;
}

/* form-inquiry
------------------------------------------------ */
.form-inquiry{
color:var(--cmn-font-color-base);
font-size:13px;
}
.form-inquiry .form-caption{
line-height:1.4;
}
.form-inquiry :-moz-placeholder{
color:#999;
font-size:13px;
font-weight:normal;
}
.form-inquiry :-ms-input-placeholder{
color:#999;
font-size:13px;
font-weight:normal;
}
.form-inquiry :placeholder-shown{
color:#999;
font-size:13px;
font-weight:normal;
}
.form-inquiry ::-webkit-input-placeholder{
color:#999;
font-size:13px;
font-weight:normal;
}
.form-inquiry textarea{
padding:5px;
height:9em;
line-height:1.4;
}
.form-inquiry textarea,
.form-inquiry input[type="email"],
.form-inquiry input[type="tel"],
.form-inquiry input[type="text"]{
font-weight:bold;
}
.form-inquiry .is-selected{
font-weight:bold !important;
}

/* tbl-info
------------------------------------------------ */
.form-inquiry .tbl-info{
width:100%;
line-height:1.2;
border-collapse:collapse;
table-layout:fixed;
}
.form-inquiry .tbl-info tr{
border-style:solid;
border-width:1px 0;
border-color:#ccc;
}
.form-inquiry .tbl-info th{
width:95px;
padding:10px;
font-size:12px;
font-weight:normal;
background:#f5f5f5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
}
.form-inquiry .tbl-info th .tbl-info-notes{
color:#666;
font-size:11px;
}
.form-inquiry .tbl-info th small{
font-size:11px;
}
.form-inquiry .tbl-info td{
padding:10px 7px;
font-size:13px;
word-break:break-all;
background:#fff;
}
.form-inquiry .tbl-info td .tbl-info-sup{
font-size:12px;
color:#666;
line-height:1.7;
}
.form-inquiry .tbl-info td .tbl-info-notes{
font-size:11px;
color:#666;
}

/* .list-step-container
----------------------------------------------- */
.hdg-l1 + .list-step-container{
margin:-5px -10px 15px;
}
.form-inquiry .list-step-container{
margin:15px -10px;
}
.form-inquiry .list-step-container.branch{
margin:0 0 10px;
}
.form-inquiry .list-step-container .list-step{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table;
border-width:1px 0;
border-style:solid;
border-color:#c1c1c1;
width:100%;
table-layout:fixed;
}
.form-inquiry .list-step-container .list-step > li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
position:relative;
padding:20px 0 3px 8px;
color:var(--cmn-font-color-base);
vertical-align:middle;
text-align:center;
font-size:11px;
line-height:1.2;
}
.form-inquiry .list-step-container .list-step > li:first-child{
padding-left:0;
}
.form-inquiry .list-step-container .list-step > li:last-child{
padding-left:0;
border-left:1px solid #c1c1c1;
}
.form-inquiry .list-step-container .list-step > li > div > span{
display:block;
}
.form-inquiry .list-step-container .list-step > li > div:before{
display:block;
position:absolute;
top:3px;
left:50%;
margin-left:-3px;
font-size:16px;
font-family:Arial;
font-weight:bold;
}
.form-inquiry .list-step-container .list-step > li:after,
.form-inquiry .list-step-container .list-step > li:before{
display:block;
position:absolute;
top:50%;
right:-7px;
z-index:1;
margin-top:-28px;
border-width:28px 0 28px 7px;
border-style:solid;
border-color:transparent transparent transparent #c1c1c1;
width:0;
height:0;
content:"";
}
.form-inquiry .list-step-container .list-step > li:after{
right:-6px;
border-color:transparent transparent transparent #fff;
}
.form-inquiry .list-step-container .list-step > li.active{
color:#fff;
background-color:#666;
}
.form-inquiry .list-step-container .list-step > li.active:before,
.form-inquiry .list-step-container .list-step > li.active:after{
border-color:transparent transparent transparent #666;
}
.form-inquiry .list-step-container .list-step > li:first-child > div:before{
content:"1";
}
.form-inquiry .list-step-container .list-step > li:nth-child(2) > div:before{
content:"2";
}
.form-inquiry .list-step-container .list-step > li:nth-child(3) > div:before{
content:"3";
}
.form-inquiry .list-step-container .list-step > li:nth-child(4) > div:before{
content:"4";
}
.form-inquiry .list-step-container .list-step > li:nth-child(5) > div:before{
content:"5";
}
.form-inquiry .list-step-container .list-step > li:last-child:before,
.form-inquiry .list-step-container .list-step > li:last-child:after,
.form-inquiry .list-step-container .list-step > li:nth-last-child(2):before,
.form-inquiry .list-step-container .list-step > li:nth-last-child(2):after{
display:none;
}
.form-inquiry .list-step-container .list-step.branch{
margin:0;
font-weight:normal;
}
.form-inquiry .list-step-container .list-step.branch > li{
padding-top:5px;
width:auto;
font-size:11px;
background-color:#f9f9f9;
}
.form-inquiry .list-step-container .list-step.branch > li:after{
border-color:transparent transparent transparent #f9f9f9;
}
.form-inquiry .list-step-container .list-step.branch > li.active{
background-color:#666;
}
.form-inquiry .list-step-container .list-step.branch > li.active:after{
border-color:transparent transparent transparent #666;
}
.form-inquiry .list-step-container .list-step.branch > li:first-child{
width:20%;
}
.form-inquiry .list-step-container .list-step.branch > li:last-child{
border-right:1px solid #c1c1c1;
}
.form-inquiry .list-step-container .list-step.branch > li > div:before{
display:none;
}
.form-inquiry .list-step-container .list-step-sup{
position:relative;
margin-bottom:3px;
padding:0 1% 0 21%;
}
.form-inquiry .list-step-container .list-step-sup:before,
.form-inquiry .list-step-container .list-step-sup:after{
display:block;
position:absolute;
top:50%;
left:20%;
margin:-6px 0 0 -6px;
border-width:6px;
border-style:solid;
border-color:transparent #999 transparent transparent;
width:0;
height:0;
content:"";
}
.form-inquiry .list-step-container .list-step-sup:after{
right:0;
left:inherit;
margin:-6px -6px 0 0;
border-color:transparent transparent transparent #999;
}
.form-inquiry .list-step-container .list-step-sup > div{
position:relative;
text-align:center;
font-size:11px;
}
.form-inquiry .list-step-container .list-step-sup > div:before,
.form-inquiry .list-step-container .list-step-sup > div:after{
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-2px;
width:100%;
height:4px;
background-color:#999;
content:"";
}
.form-inquiry .list-step-container .list-step-sup > div:after{
left:50%;
margin:-.5em 0 0 -5.5em;
width:11em;
height:1em;
background-color:#fff;
}
.form-inquiry .list-step-container .list-step-sup > div > span{
position:relative;
z-index:1;
}

/* btn-form-next
------------------------------------------------ */
.form-inquiry .btn-form-next{
font-size:16px;
font-weight:bold;
display:block;
width:100%;
margin:0 auto;
color:#fff;
text-align:center;
text-shadow:0 1px 1px #6da403;
border:solid 1px #6da403;
border-radius:5px;
background-color:#78ae0e;
-webkit-box-shadow:inset 0 -3px rgba(11, 3, 6, .2);
box-shadow:inset 0 -3px rgba(11, 3, 6, .2);
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:210px;
height:37px;
}
.form-inquiry .btn-form-next:link,
.form-inquiry .btn-form-next:visited{
color:#fff;
}
.form-inquiry .btn-form-next:disabled{
background-color:#d5d5d5;
border-color:#d5d5d5;
text-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
.form-inquiry .btn-form-next +.btn-form-back{
margin-top:15px;
}

/* btn-form-back
------------------------------------------------ */
.form-inquiry .btn-form-back{
display:block;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
font-size:15px;
color:#555;
margin:0 auto;
display:block;
width:210px;
height:37px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
line-height:37px;
}

/* tbl-form
------------------------------------------------ */
.form-inquiry .tbl-form{
table-layout:fixed;
}
.form-inquiry .tbl-form th{
width:90px;
padding-right:5px;
font-weight:normal;
font-size:13px;
text-align:left;
}
.form-inquiry .tbl-form th small{
font-size:11px;
}
.form-inquiry .tbl-form td{
padding:5px 0;
}
.form-inquiry .tbl-form tr:first-child td{
padding-top:0;
}
.form-inquiry .tbl-form tr:first-child .tbl-form-container .tbl-form-btn-s.is-selected{
padding-left:10px;
}
.form-inquiry .tbl-form tr:last-child td{
padding-bottom:0;
}
.form-inquiry .tbl-form .tbl-form-container{
position:relative;
}
.form-inquiry .tbl-form .tbl-form-container .tbl-form-btn-del{
position:absolute;
top:50%;
left:5px;
margin:-12px 0 0 0;
font-size:12px;
min-height:24px;
width:42px;
padding:2px 8px;
border:1px solid #bbb;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#555;
line-height:1.2;
background-color:#fff;
}
.form-inquiry .tbl-form .tbl-form-btn,
.form-inquiry .tbl-form .tbl-form-btn-s{
color:var(--cmn-font-color-base);
padding:8px 20px 5px 5px;
border:1px solid #bbb;
border-radius:4px;
width:100%;
height:39px;
display:block;
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:38px;
position:relative;
background:#fff;
line-height:1.35;
font-size:16px;
text-align:left;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.form-inquiry .tbl-form .tbl-form-btn:before,
.form-inquiry .tbl-form .tbl-form-btn-s:before{
position:absolute;
top:50%;
right:11px;
display:block;
width:6px;
height:6px;
margin-top:-5px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
border-right:2px solid #949494;
border-bottom:2px solid #949494;
}
.form-inquiry .tbl-form .tbl-form-btn.is-unselected,
.form-inquiry .tbl-form .tbl-form-btn-s.is-unselected{
font-weight:normal;
}
.form-inquiry .tbl-form .tbl-form-btn.is-selected,
.form-inquiry .tbl-form .tbl-form-btn-s.is-selected{
font-weight:normal;
padding-left:55px;
}
.form-inquiry .tbl-form .tbl-form-btn-s{
padding-top:10px;
font-size:14px;
}
.form-inquiry .tbl-form .checkbox-custom{
padding:0 0 0 30px;
font-weight:bold;
}
.form-inquiry .tbl-form .tbl-form-btn,
.form-inquiry .tbl-form .tbl-form-btn-s{
font-weight:normal;
}

/* btn-input
------------------------------------------------ */
.form-inquiry .btn-input{
display:block;
margin:0;
padding:8px 5px;
width:100%;
font-weight:normal;
font-size:14px;
text-shadow:none;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:inset 0 -3px rgba(11, 3, 6, .1);
box-shadow:inset 0 -3px rgba(11, 3, 6, .1);
}

/* hdg-l2
------------------------------------------------ */
.form-inquiry .hdg-l2{
margin:20px -10px 15px;
}
.form-inquiry .hdg-inquiry{
margin:20px 0 0;
font-size:12px;
font-weight:bold;
}
.form-inquiry .hdg-inquiry +p{
margin-top:5px;
}

/* hdg-inquiry-02-container
------------------------------------------------ */
.form-inquiry .hdg-inquiry-02-container{
margin:20px -10px 0;
padding:0 10px;
border-top:1px solid #e5e5e5;
}
.form-inquiry .hdg-inquiry-02-container .hdg-inquiry-02{
position:relative;
font-size:15px;
margin:10px 0 -10px;
padding-left:15px;
}
.form-inquiry .hdg-inquiry-02-container .hdg-inquiry-02:before{
content:"";
width:0;
height:0;
position:absolute;
left:0;
top:5px;
margin:0;
display:block;
border-width:10px 6px 0 6px;
border-color:#333 transparent transparent transparent;
border-style:solid;
}

/* hdg-l3
------------------------------------------------ */
.form-inquiry .hdg-l3{
font-size:14px;
position:relative;
margin:20px 0 10px;
padding:5px 10px;
background:#e9e9e9;
color:#333;
}
.form-inquiry .hdg-l3 .hdg-l3-sup{
font-weight:normal;
font-size:12px;
color:var(--cmn-font-color-base);
}
.form-inquiry .hdg-l3 .hdg-l3-chg{
position:absolute;
right:10px;
font-size:13px;
font-weight:normal;
}
.form-inquiry .hdg-l2 + .hdg-l3{
margin-top:10px;
}

/* hdg-tour-container
------------------------------------------------ */
.form-inquiry .hdg-tour-container .hdg-tour{
font-size:16px;
line-height:1.3;
font-weight:bold;
}
.form-inquiry .hdg-tour-container .hdg-tour-sup{
font-size:13px;
}
.form-inquiry .hdg-tour-container + .hdg-l3{
margin-top:10px;
}

/* .list-inquiry
----------------------------------------------- */
.form-inquiry .list-inquiry{
margin:0;

}
.form-inquiry .list-inquiry li{
font-size:12px;
margin-top:4px;
}
.form-inquiry .list-inquiry li:first-child{
margin-top:0;
}
.form-inquiry .list-inquiry li ul{
margin-top:4px;
}

/* notice-list
------------------------------------------------ */
.form-inquiry .notice-list{
font-size:12px;
color:#666;
margin:5px 0;
}
.form-inquiry .notice-list > li{
position:relative;
padding-left:1.35em;
}
.form-inquiry .notice-list > li >b{
color:var(--cmn-font-color-base);
font-weight:bold;
}
.form-inquiry .notice-list > li:not(:first-child){
margin-top:5px;
}

/* .list-fee
----------------------------------------------- */
.form-inquiry .list-fee{
margin-bottom:10px;
border-bottom:1px solid #e5e5e5;

}
.form-inquiry .list-fee li{
line-height:1.2;
padding:5px 0;
display:table;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
table-layout:fixed;
}
.form-inquiry .list-fee li:first-child{
padding-top:0;
}
.form-inquiry .list-fee li:last-child{
padding-bottom:0;
}
.form-inquiry .list-fee li b{
display:table-cell;
line-height:1.4;
padding-left:5px;
font-size:12px;
font-weight:normal;
vertical-align:top;
}
.form-inquiry .list-fee li b span{
display:block;
}
.form-inquiry .list-fee li > span{
display:table-cell;
padding:3px 5px 5px;
font-size:11px;
text-align:right;
vertical-align:middle;
color:#808080;
}
.form-inquiry .list-fee li > span em{
display:block;
font-size:15px;
}
.form-inquiry .list-fee li > span em span{
font-size:19px;
}
.form-inquiry .list-fee li.price em{
color:var(--cmn-font-color-base);
}
.form-inquiry .list-fee li.total{
border-top:1px dotted #ccc;
}
.form-inquiry .list-fee li.total b span{
padding-top:8px;
}
.form-inquiry .list-fee li.total em{
color:var(--cmn-font-color-red);
}
.form-inquiry .list-fee li.total em span{
font-weight:bold;
}

/* inquiry-notes
------------------------------------------------ */
.form-inquiry .inquiry-notes{
margin-bottom:20px;
}
.form-inquiry .inquiry-notes .inquiry-notes-sup{
font-weight:bold;
font-size:12px;
}
.form-inquiry .inquiry-notes .inquiry-notes-desc{
line-height:1.4;
}

/* .form-agree
----------------------------------------------- */
.form-inquiry .form-agree{
position:relative;
margin:20px -10px 0;
padding:10px 10px 30px;
border-top:1px solid #e5e5e5;

}
.form-inquiry .form-agree.branch{
border-top:none;
margin-top:20px;
padding-bottom:15px;
padding-top:0;
}
.form-inquiry .form-agree .inquiry-notes{
margin:15px 0 0;
}
.form-inquiry .form-agree .checkbox-custom{
font-size:12px;
margin-bottom:10px;
}
.form-inquiry .form-agree label{
position:relative;
display:block;
padding:10px 10px 10px 40px;
line-height:1.5;
}
.form-inquiry .form-agree label input[type="checkbox"]{
position:absolute;
top:50%;
margin:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-inquiry .form-agree label input[type="checkbox"]{
left:13px;
}

/* form-error
------------------------------------------------ */
.form-inquiry .form-error{
margin:10px 0;
color:var(--cmn-font-color-red);
font-size:12px;
}
.form-inquiry .form-error::before{
content:"";
display:inline-block;
width:14px;
height:12px;
vertical-align:text-top;
margin:0 4px 0 0;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-size:100%;
}

/* icon-essential
------------------------------------------------ */
.form-inquiry .icon-essential{
display:inline-block;
width:35px;
height:0;
padding-top:17px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 50% no-repeat;
background-size:7px auto;
overflow:hidden;
line-height:2;
vertical-align:middle;
position:relative;
margin-left:3px;
margin-top:-4px;
}

/* toggle-container
------------------------------------------------ */
.form-inquiry .toggle-container{
border:1px solid #c1c1c1;
border-radius:4px;
margin:10px 0;

}
.form-inquiry .toggle-container .hdg-inquiry{
margin:10px 0 0;
font-size:13px;
font-weight:bold;
}
.form-inquiry .toggle-container > .toggle-item{
/* display:none; */
display:block;
padding:0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-height:0;
overflow-y:hidden;
-webkit-transition:max-height .6s ease-out;
transition:max-height .6s ease-out;
}
.form-inquiry .toggle-container > .toggle-item .hdg-inquiry{
margin:10px;
}
.form-inquiry .toggle-container > .toggle-item .hdg-inquiry:first-child{
margin-top:0;
}
.form-inquiry .toggle-container > .toggle-item .tbl-info th{
padding-left:5px;
padding-right:5px;
width:100px;
text-align:center;
}
.form-inquiry .toggle-container.active > .toggle-item{
max-height:50em;
}
.form-inquiry .toggle-container.active > .hdg-toggle-container:before{
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
}

/* form-vacancy-inquiry
------------------------------------------------ */
.form-inquiry .form-vacancy .checkbox-custom{
color:#555;
}

/* form-contact
------------------------------------------------ */
.form-inquiry .hdg-l2 + .form-contact{
margin-top:-15px;
}
.form-inquiry .hdg-l2 + .form-contact .tbl-info-container .tbl-info tr:first-child{
border-top:none;
}
.form-inquiry .form-contact-sup{
display:block;
padding-bottom:15px;
}
.form-inquiry .tbl-info-container{
margin:0 -10px;
}
.form-inquiry .tbl-info-container + .tbl-info-container{
margin-top:-1px;
}
.form-inquiry .tbl-info{
margin:0;
table-layout:auto;
}
.form-inquiry .tbl-info thead th{
padding:10px;
font-size:14px;
font-weight:bold;
text-align:left;
background:transparent;
}
.form-inquiry .tbl-info .radio-custom  label input[type="radio"]{
left:0;
}

/* .form-list-01
----------------------------------------------- */
.form-inquiry .form-list-01{
border:solid 1px #bbb;
overflow:hidden;
border-radius:4px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:5px 0 10px;

}
.form-inquiry .form-list-01 .radio-custom{
display:table-cell;
padding-left:40px;
height:40px;
width:320px;
vertical-align:middle;
}
.form-inquiry .form-list-01 .radio-custom input[type="radio"]{
left:15px;
}
.form-inquiry .form-list-01 > li{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:50%;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
margin-bottom:-1px;
}
.form-inquiry .form-list-01 > li:nth-child(even){
border-right:none;
}
.form-inquiry .form-list-01.branch > li{
white-space:nowrap;
width:33.3%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-inquiry .form-list-01.branch > li:nth-child(even){
border-right:1px solid #bbb;
}
.form-inquiry .form-list-01.branch > li:nth-child(3n+3){
border-right:none;
}

/* form-post
------------------------------------------------ */
.form-inquiry .form-post{
overflow:hidden;
}
.form-inquiry .form-post .form-post-item{
float:left;
position:relative;
padding-left:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:30%;
}
.form-inquiry .form-post .form-post-item .form-sup{
position:absolute;
left:5px;
top:9px;
}
.form-inquiry .form-post >:first-child{
padding-left:25px;
width:30%;
}
.form-inquiry .form-post >:first-child .form-sup{
left:0;
}
.form-inquiry .form-post >:last-child{
width:40%;
}
.form-inquiry .form-post .btn-input{
width:73px;
height:30px;
padding-top:5px;
font-size:12px;
color:#555;
margin-top:5px;
}

/* form-address
------------------------------------------------ */
.form-inquiry .form-address .form-address-item{
margin-top:10px;
}

/* form-numchg
------------------------------------------------ */
.form-inquiry .form-numchg{
margin:20px -10px 30px;
padding:20px 10px 0;
border-top:1px solid #e5e5e5;
}
.form-inquiry .form-numchg .btn-numchg{
display:block;
padding-top:5px;
margin:0 auto;
border:1px solid rgb(187, 187, 187);
border-radius:4px;
background-color:rgb(255, 255, 255);
-webkit-box-shadow:inset 0px -3px 0px 0px #bbb;
box-shadow:inset 0px -3px 0px 0px #bbb;
text-align:center;
color:#555;
font-size:15px;
font-weight:bold;
width:210px;
height:37px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-inquiry .form-numchg .btn-numchg:before{
content:"";
display:inline-block;
width:6px;
height:6px;
margin-right:10px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
border-right:2px solid #555;
border-bottom:2px solid #555;
}

/* form-inner-01
------------------------------------------------ */
.form-inquiry .form-inner-01 .form-inner-box{
margin-left:-10px;
margin-bottom:7px;
}
.form-inquiry .form-inner-01 .form-inner-box::after{
content:"";
display:table;
clear:both;
}
.form-inquiry .form-inner-01 .form-inner-item{
width:50%;
float:left;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-inquiry .form-inner-01 .form-caption{
display:block;
margin-bottom:3px;
}

/* form-inner-03
------------------------------------------------ */
.form-inquiry .form-inner-03{
display:table;
width:100%;
table-layout:fixed;
}
.form-inquiry .form-inner-03 .form-inner-item{
display:table-cell;
padding-right:25px;
position:relative;
width:33.3%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-inquiry .form-inner-03 .form-inner-item .form-sup{
position:absolute;
right:7px;
top:10px;
}
.form-inquiry .form-inner-03 >:first-child{
width:45%;
}

/* form-inner-04
------------------------------------------------ */
.form-inquiry .form-inner-04{
display:block;
margin-left:-10px;
}
.form-inquiry .form-inner-04::after{
content:"";
display:table;
clear:both;
}
.form-inquiry .form-inner-04 .form-inner-item{
position:relative;
float:left;
width:33.3%;
padding-left:10px;
padding-right:25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-inquiry .form-inner-04 .form-inner-item.branch{
text-align:center;
}
.form-inquiry .form-inner-04 .form-inner-item.branch .form-caption{
margin-left:-15px;
margin-right:-15px;
}
.form-inquiry .form-inner-04 .form-caption{
font-size:13px;
margin-bottom:5px;
margin-right:-15px;
display:block;
}
.form-inquiry .form-inner-04 .form-caption small{
font-size:10px;
}
.form-inquiry .form-inner-04 .select-custom{
display:inline-block;
}
.form-inquiry .form-inner-04 .form-sup{
position:absolute;
right:5px;
bottom:9px;
font-size:13px;
}

/* form-mail
------------------------------------------------ */
.form-inquiry .form-mail .form-caption{
display:block;
margin:10px 0 5px;
}

/* box-domain
------------------------------------------------ */
.form-inquiry .box-domain{
background:#f7f7f7;
border:1px solid #d2d2d2;
padding:0 10px;
margin:10px 0;
font-size:12px;
}
.form-inquiry .box-domain > ul > li{
margin-top:10px;
}
.form-inquiry .box-domain > ul > li:first-child{
margin-top:0;
}
.form-inquiry .box-domain > ul > li > b{
display:block;
}
.form-inquiry .box-domain .domain{
color:#906507;
font-weight:bold;
}
.form-inquiry .box-domain.branch{
background-color:transparent;
padding:0;
border:none;
font-size:13px;
}
.form-inquiry .box-domain.branch > ul > li > b{
font-size:13px;
}

/* form-option
------------------------------------------------ */
.form-inquiry .form-option .form-option-list li{
margin-bottom:10px;
}
.form-inquiry .form-option .form-option-list a{
position:relative;
display:block;
font-size:13px;
color:#555;
padding-left:28px;
word-break:break-all;
}
.form-inquiry .form-option .form-option-list a:before{
content:"";
position:absolute;
top:8px;
left:14px;
height:5px;
width:5px;
display:block;
border:1px solid #555;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* form-option-select
------------------------------------------------ */
.form-inquiry .form-option-select{
margin-top:-15px;
}

/* form-option-select-list
------------------------------------------------ */
.form-inquiry .form-option-select-list{
margin:0;
}
.form-inquiry .form-option-select-list li{
border-bottom:1px solid #e5e5e5;
}
.form-inquiry .form-option-select-list .radio-custom{
display:table-cell;
padding-left:38px;
padding-top:10px;
padding-bottom:10px;
height:47px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
word-break:break-all;
}
.form-inquiry .form-option-select-list .radio-custom input{
left:10px;
margin-top:-2px;
}
.form-inquiry .form-option-select-list .radio-custom .custom-inner{
overflow:hidden;
}
.form-inquiry .form-option-select-list .radio-custom .custom-inner .mark{
display:block;
float:left;
width:20px;
}
.form-inquiry .form-option-select-list .radio-custom .custom-inner >span:last-child{
display:block;
overflow:hidden;
}

/* box-confirm
------------------------------------------------ */
.form-inquiry .box-confirm{
margin:25px -10px 15px;
padding:0 10px 10px;
border-bottom:1px solid #e5e5e5;
}
.form-inquiry .box-confirm.branch{
border-bottom:none;
padding-bottom:0;
}
.form-inquiry .box-confirm .box-confirm-catch{
font-size:15px;
text-align:center;
}
.form-inquiry .box-confirm .box-confirm-sup{
text-align:center;
}

/* tbl-confirm-container
------------------------------------------------ */
.form-inquiry .tbl-confirm-container{
margin:-15px -10px -20px;
}
.form-inquiry .tbl-confirm-container .tbl-confirm{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.form-inquiry .tbl-confirm-container .tbl-confirm th{
width:100px;
height:50px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
text-align:left;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
font-weight:normal;
}
.form-inquiry .tbl-confirm-container .tbl-confirm th small{
font-size:11px;
color:#808080;
}
.form-inquiry .tbl-confirm-container .tbl-confirm td{
padding:10px;
border-top:1px solid #e5e5e5;
font-size:13px;
line-height:1.5;
}
.form-inquiry .tbl-confirm-container .tbl-confirm td small{
font-size:12px;
}
.form-inquiry .tbl-confirm-container .tbl-confirm td > span{
display:block;
margin-bottom:5px;
}
.form-inquiry .tbl-confirm-container .tbl-confirm td > span:last-child{
margin-bottom:0;
}
.form-inquiry .tbl-confirm-container .tbl-confirm tr:first-child th,
.form-inquiry .tbl-confirm-container .tbl-confirm tr:first-child td{
border-top:none;
}

/* form-confirm
------------------------------------------------ */
.form-inquiry .form-confirm .form-confirm-item{
overflow:hidden;
padding:0 10px;
font-size:13px;
}
.form-inquiry .form-confirm .form-confirm-item b{
font-size:14px;
}
.form-inquiry .form-confirm .inquiry-notes{
margin-bottom:10px;
}

/* form-confirm-notes
------------------------------------------------ */
.form-inquiry .form-confirm-notes{
margin:20px -10px 0;
padding:15px 10px 0;
border-top:1px solid #e5e5e5;
}

/* form-confirm-mail-notes
------------------------------------------------ */
.form-inquiry .form-confirm-mail-notes{
padding-top:15px;
margin-bottom:35px;
border-top:1px dotted #dbdbdb;
}
.form-inquiry .form-confirm-mail-notes.branch{
border-top:none;
}
.form-inquiry .form-confirm-mail-notes .form-confirm-mail-catch{
text-align:center;
font-size:14px;
font-weight:bold;
margin-bottom:15px;
}

/* form-comp
------------------------------------------------ */
.form-inquiry .form-comp{
margin:35px 0;
}

/* .form-validation-error
----------------------------------------------- */
.form-inquiry .form-validation-error:not(:root),
.form-inquiry .form-validation-error{
background-color:rgba(227,7,7,.1);
border:2px solid rgba(227,7,7,.35);
}
.form-inquiry .form-validation-error.select-custom{
background-color:transparent;
background-color:initial;
border:none;
}
.form-inquiry .form-validation-error select{
background-color:rgba(227,7,7,.1);
border:2px solid rgba(227,7,7,.35);
}

/* ----------------------------------------------------------------
  .form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word{
margin:15px 0;
position:relative;
}
.pseudo-hotel-content .form-input-word{
margin-bottom:0;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type="text"]{
padding:0 30px 0 7px;
border:1px solid #bbb;
height:42px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::placeholder{
font-size:16px;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest{
margin-top:-1px;
border:1px solid #bbb;
position:absolute;
top:100%;
left:1%;
z-index:2;
width:98%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
background-color:#fff;
}
.form-input-word .form-input-word-suggest.is-active{
display:block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg{
padding:5px 10px;
background-color:#e5e5e5;
font-size:13px;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup{
padding:10px;
font-size:13px;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/j_tour/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
opacity:.75;
}
.form-input-word .form-input-word-suggest-list > li a span > span{
font-size:11px;
margin-left:6px;
color:#666;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:"";
display:block;
width:13px;
height:100%;
position:absolute;
right:10px;
opacity:.9;
background:url(/element/shared/images/icon/icon-arrow-up-left.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category{
padding:5px 10px;
background-color:#f5f5f5;
border-top:1px solid #e5e5e5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg{
font-size:11px;
font-weight:normal;
}

/* .form-input-word-suggest-category-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-list{
margin:5px -10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
font-size:11px;
}
.form-input-word .form-input-word-suggest-category-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.form-input-word .form-input-word-suggest-category-list > li > a{
padding:22px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.form-input-word .form-input-word-suggest-category-list > li > a:before{
content:"";
display:block;
width:100%;
height:20px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.form-input-word .form-input-word-suggest-category-list > li.is-active > a:before{
opacity:1;
}
.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a:before{
opacity:.13;
}
.form-input-word .form-input-word-suggest-category-list > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}
.form-input-word .form-input-word-suggest-category-list > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px auto;
}
.form-input-word .form-input-word-suggest-category-list > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:12px 14px;
}
.form-input-word .form-input-word-suggest-category-list > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}
.form-input-word .form-input-word-suggest-category-list > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 14px;
}
.form-input-word .form-input-word-suggest-category-list > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}

/* .search-word-btn
----------------------------------------------- */
.search-word-btn-container{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:1px solid #bbb;
border-radius:4px;
background:#fff;
}
.form-inline .search-word-btn-container{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-word-btn,
.search-word-btn-s{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:var(--font-color-placeholder);
padding:5px 20px 5px 8px;
text-align:left;
line-height:1.25;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#fff;
}
.search-word-btn-s{
font-size:12px;
padding:8px 20px 8px 8px;
line-height:1;
}
.search-word-btn:before,
.search-word-btn-s:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.search-word-btn.is-unselected,
.search-word-btn-s.is-unselected{
font-weight:normal;
}
.search-word-btn.is-selected,
.search-word-btn-s.is-selected{
font-weight:bold;

/* padding-left:55px; */
}
.search-word-btn-s.is-selected{
font-size:16px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.search-index-form .search-word-btn,
.search-index-form .search-word-btn-s{
border-color:#999;
}
.search-word-btn.is-selected + .tbl-form-btn-del,
.search-word-btn-s.is-selected + .tbl-form-btn-del{
display:block;
}

/* ----------------------------------------------------------------
  Important Info
----------------------------------------------------------------- */
/* .important-info-lyt
------------------------------------------------ */
.important-info-lyt{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.important-info-lyt > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.important-info-lyt > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.important-info-lyt > div + div{
margin-left:8px;
}
.important-info-lyt.branch{
margin:0 -10px -10px;
padding:10px;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
}

/* .important-info-01
------------------------------------------------ */
.important-info-01{
margin:10px 0;
border-radius:4px;
-webkit-box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.important-info-01 .important-info-link{
padding:7px 24px 7px 10px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
min-width:122px;
line-height:1.25;
position:relative;
font-size:12px;
}
.important-info-01 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-01 .important-info-link div > span{
color:#666;
display:block;
font-size:11px;
}
.important-info-01 .important-info-link div > span .sup{
margin-top:2px;
display:inline-block;
}
.important-info-lyt .important-info-01{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
max-width:157px;
}
.important-info-lyt .important-info-01 .important-info-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
}
@media (max-width:320px){
.important-info-lyt .important-info-01 .important-info-link{
max-width:120px;
}
}
.important-info-lyt .important-info-text-link a{
color:#fff;
font-size:13px;
width:100%;
margin:auto 0;
text-decoration:underline;
}
.important-info-lyt.branch > div + .important-info-text-link a{
width:122px!important;
}
.important-info-lyt .important-info-text-link a b{
font-weight:normal;
}
.important-info-lyt .important-info-text-link a span{
display:inline-block;
text-decoration:underline;
}

/* important-info-02
------------------------------------------------ */
.important-info-02{
margin:10px 0;
border-radius:4px;
-webkit-box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.important-info-02 .important-info-checkbox{
display:block;
position:relative;
padding:10px 10px 10px 38px;
font-size:14px;
color:var(--cmn-font-color-base);
letter-spacing:-.05em;
}
.important-info-02 .important-info-checkbox input[type="checkbox"]{
position:absolute;
left:10px;
}
.important-info-02 .important-info-checkbox b{
color:var(--cmn-font-color-red);
}
.important-info-02 .important-info-link{
padding:7px 20px 7px 10px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
line-height:1.25;
position:relative;
font-size:14px;
}
.important-info-02 .important-info-link > b{
color:var(--cmn-font-color-red);
}
.important-info-02 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-02 .important-info-link > span{
display:block;
}
.important-info-02.branch{
margin:-10px -10px 0;
padding:10px;
border-radius:0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#0f7ded;
}
.important-info-02 .important-info-link{
border-radius:4px;
-webkit-box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
box-shadow:0px 2px 1px rgba(0, 0, 0, .15);
background-color:#fff;
}
.search-result-header .important-info-02{
margin-bottom:0;
}
.important-info-lyt .important-info-02{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
}

/* important-info-03
------------------------------------------------ */
.important-info-area{
background-color:#0f7ded;
}
.important-info-03{
margin:0 -10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.important-info-03 .important-info-link{
padding:7px 20px 7px 30px;
color:var(--cmn-font-color-base);
display:block;
min-height:32px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
line-height:1.25;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 10px no-repeat;
background-size:14px 12px;
font-size:14px;
}
.important-info-03 .important-info-link::after{
display:block;
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
content:"";
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.important-info-03 .important-info-link > span{
display:block;
}

/* ----------------------------------------------------------------
  Common
-------------------------------------------------------------------
margin / padding
----------------------------------------------------------------- */
.m-top-0{
margin-top:0 !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-top-20{
margin-top:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-top-40{
margin-top:40px !important;
}

/*Display
----------------------------------------------------------------- */
.block{
display:block !important;
}
.inline-block{
display:inline-block !important;
}
.inline{
display:inline !important;
}

/*Align Control
----------------------------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align:left !important;
}
.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align:center !important;
}
.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align:right !important;
}
.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align:middle !important;
}

/* ----------------------------------------------------------------
  for Google App
----------------------------------------------------------------- */
.support-app-google .agt-link-btn-container,
.support-app-google .form-btn-container,
.support-app-google .agt-link-cv-list.sticky{
padding-bottom:145px;
}
.support-app-google [data-role="page"].lyt-sticky,
.support-app-google [data-role="dialog"].lyt-sticky{
padding-bottom:220px;
}

/* for android app
---------------------------------- */
.is-app-android .search-index-btn-container{
padding-bottom:57px;
}
.is-app-android .form-btn-container{
padding-bottom:57px;
}
.is-app-android [data-role="page"].lyt-sticky,
.is-app-android [data-role="dialog"].lyt-sticky{
padding-bottom:113px;
}

/* for ios
---------------------------------- */
.is-ios{
min-height:100dvh;
}
.is-ios [role=page],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none;
}
.is-ios [role=page].pseudo-content,
.is-ios [data-role=page].pseudo-content,
.is-ios [data-role=dialog].pseudo-content{
display:none;
}
.is-ios [role=page].is-active,
.is-ios [data-role=page].is-active,
.is-ios [data-role=page].active,
.is-ios [data-role=dialog].active{
display:block;
min-height:100dvh;
}
.is-ios [data-role=dialog].is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:100dvh;
}
.is-ios .mod-modal-container[role="dialog"].is-active{
display:block;
}

/* ----------------------------------------------------------------
  for external
----------------------------------------------------------------- */
/* .ext-operating
----------------------------------------------- */
.ext-operating{
font-size:11px;
text-align:right;
}

/* .ext-tel-btn
----------------------------------------------- */
.ext-tel-btn{
display:block;
padding:7px 0;
font-size:14px;
font-weight:bold;
color:#555;
text-align:center;
border:1px solid #bbb;
border-radius:4px;
-webkit-box-shadow:0 -2px 0 #bbb inset;
box-shadow:0 -2px 0 #bbb inset;
}
.ext-tel-btn > span{
position:relative;
padding-left:20px;
}
.ext-tel-btn > span:before{
content:"";
position:absolute;
left:0;
top:50%;
display:block;
width:19px;
height:21px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background:url(/element_sp/shared/images/icon/icon-phone.svg) no-repeat;
background-size:19px 21px;
}

/* .ext-search-result-item-header-hdg
----------------------------------------------- */
.search-result .ext-search-result-item-header-hdg{
margin:28px 0 3px;
font-size:14px;
}

/* .ext-internal-link
----------------------------------------------- */
.ext-internal-link{
display:block;
text-align:center;
color:#df062f;
text-decoration:underline;
font-size:10px;
}

/* .agt-link-box-border
----------------------------------------------- */
.agt-link-box-border{
margin:32px 0 10px;
padding:10px 13px;
border:1px solid #ddd;
text-align:left;
font-size:13px;
}
.agt-link-box-border > :first-child{
margin-top:0;
}
.agt-link-box-border > :last-child{
margin-bottom:0;
}
.agt-link-box-border strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-plan
----------------------------------------------- */
.agt-link-plan p{
font-size:12px;
margin:0;
text-align:left;
}

/* .agt-link-item-price
----------------------------------------------- */
.agt-link-item-price{
margin:8px 0 0;
font-size:0;
text-align:left;
line-height:1;
}
.agt-link-item-price li{
display:inline;
font-size:14px;
}
.agt-link-item-price li:first-of-type{
margin-right:10px;
}
.agt-link-item-price .price .num{
font-size:14px;
}

/* .agt-link-other
----------------------------------------------- */
.agt-link-other{
background-color:#f5f5f5;
margin-top:20px;
text-align:center;
}
.agt-link-other .agt-link-other-item{
width:210px;
padding:16px 0;
margin:0 auto;
}
.agt-link-other .icon-required{
background-color:#fff;
border:1px solid #e93939;
color:var(--cmn-font-color-red);
font-size:11px;
margin-right:6px;
padding:2px 6px 1px;
}
.agt-link-other .other-link-btn{
background-color:#fff;
border:1px solid #bbb;
border-radius:4px;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
color:var(--cmn-font-color-base);
font-weight:normal;
line-height:1;
padding:12px 0;
font-size:14px;
width:100%;
}
.agt-link-other-people{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:12px;
font-size:14px;
}
.agt-link-other-people .select-custom{
width:124px;
}
.agt-link-other > p{
font-size:13px;
margin:0;
padding:10px;
text-align:left;
}
.agt-link-other > p + .other-link-btn{
margin:0 auto 10px;
width:210px;
}
.agt-link-other .agt-link-other-step-text{
font-size:13px;
margin:0;
padding:0 10px 10px;
text-align:left;
}
.agt-link-other .agt-link-other-step-list{
font-size:13px;
margin:0;
padding:0 10px 10px;
text-align:left;
}
.agt-link-other .agt-link-other-step-list li{
padding-left:1em;
text-indent:-1em;
}
.agt-link-other .notice-list{
margin:0;
padding:0 10px 10px;
}
.agt-link-other .app-bak::before{
content:"";
width:14px;
height:14px;
vertical-align:text-top;
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-alert.svg) no-repeat 50% 50%;
margin-left:4px;
}

/* .agt-link-caution
----------------------------------------------- */
.agt-link-caution{
margin:12px -10px 0;
padding:0 10px;
text-align:left;
border-top:1px solid #ddd;
}

/* .agt-link-caution-list
----------------------------------------------- */
.agt-link-caution-list > li:not(:first-child){
margin-top:15px;
}
.agt-link-caution-list > li > b{
display:block;
}
.agt-link-caution-list > li > b > .date-txt{
font-size:12px;
}

/* .agt-link-caution-list-01
----------------------------------------------- */
.agt-link-caution-list-01 > li{
margin-top:15px;
font-size:13px;
}
.agt-link-caution-list-01 > li::before{
content:"\25A0";
}
.agt-link-caution-list-01 h3{
margin-top:10px;
font-size:12px;
}
.agt-link-caution-list-01 > li > .notice-list li{
padding-left:1em;
}
.agt-link-caution-list-01 > li > .notice-list:last-of-type{
margin-top:24px;
}

/* .agt-link-caution-list-num
----------------------------------------------- */
.agt-link-caution-list-num{
margin:0;
}
.agt-link-caution-list-num > li{
margin-top:5px;
padding-left:1em;
text-indent:-1em;
}
.agt-link-caution-list-num li a{
color:#666;
text-decoration:underline;
}
.agt-link-caution-list-num > li > ul{
margin-top:3px !important;
padding-left:1em;
}
.agt-link-caution-list-num > li > ul li{
margin-top:3px !important;
}
.agt-link-caution-list-num .icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.agt-link-caution-list-num > .notice-list{
margin-top:3px !important;
margin-left:1em;
}
.agt-link-caution-list-num .agt-link-coupon{
display:block;
text-align:center;
margin:16px 0 16px -13px !important;
padding:0;
text-indent:0;
}
.agt-link-caution-list-num .agt-link-coupon > div{
position:relative;
margin:0 auto !important;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-01 .coupon-pickup{
position:absolute;
top:-2px;
left:-10px;
border:2px solid #e93939;
width:265px;
height:80px;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-02 .coupon-pickup{
position:absolute;
top:115px;
left:2px;
border:2px solid #e93939;
width:124px;
height:50px;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-03 .coupon-pickup{
position:absolute;
bottom:0;
left:-8px;
border:2px solid #e93939;
width:265px;
height:318px;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-05 .coupon-pickup{
position:absolute;
top:240px;
left:60px;
border:2px solid #e93939;
width:160px;
height:55px;
}
.agt-link-caution-list-num .agt-link-coupon img{
width:250px;
margin:0 auto;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-01 img{
margin:8px 0;
}
.agt-link-caution-list-num .agt-link-coupon .knt-cp-03 img,
.agt-link-caution-list-num .agt-link-coupon .knt-cp-04 img,
.agt-link-caution-list-num .agt-link-coupon .knt-cp-05 img{
border:1px solid #ddd;
}

/* .agt-link-caution-list-bullet
----------------------------------------------- */
.agt-link-caution-list-bullet{
margin:0;
}
.agt-link-caution-list-bullet > li{
margin-top:5px;
padding-left:15px;
position:relative;
}
.agt-link-caution-list-bullet > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:5px;
background-color:#333;
}

/* .agt-link-caution-box
----------------------------------------------- */
.agt-link-caution-box{
margin:16px 0;
padding:8px 12px;
border:1px solid #e93939;
}

/* .agt-link-caution-box-list
----------------------------------------------- */
.agt-link-caution-box-list{
margin:0;
}
.agt-link-caution-box-list > li{
padding-left:10px;
position:relative;
}
.agt-link-caution-box-list > li::before{
content:"";
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:0;
background-color:#333;
}
.agt-link-caution-box-list li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link-caution-box > :last-child{
margin-bottom:0;
}

/* .agt-link-caution-note
----------------------------------------------- */
.agt-link-caution-note{
margin:0;
}
.agt-link-caution-note > li:not(:first-child){
margin-top:5px;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link-note > li{
padding-left:10px;
position:relative;
}
.agt-link-note > li::before{
content:"";
display:block;
width:3px;
height:3px;
border-radius:50%;
position:absolute;
top:.7em;
left:0;
background-color:#333;
}
.agt-link-note > li:not(:first-child){
margin-top:5px;
}

/* .agt-link-cv-list
----------------------------------------------- */
.agt-link-cv-list{
margin-top:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.agt-link-cv-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.agt-link-cv-list > li:not(:last-child){
margin-right:8px;
}
.agt-link-cv-list > li > button{
padding:7px 12px 8px;
min-height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-weight:bold;
font-size:14px;
text-decoration:none;
border:none;
}
.agt-link-cv-list > li.cv{
width:calc(80% - 60px + 8px);
}
.agt-link-cv-list > li.cv > button{
color:#fff;
border-radius:4px;
background-color:var(--cmn-btn-color);
font-size:16px;
font-weight:normal;
}
.agt-link-cv-list > li.prev{
min-width:60px;
}
.agt-link-cv-list > li.prev > button{
border-radius:5px;
color:var(--cmn-font-color-base);
background-color:#fff;
font-weight:normal;
}
.agt-link-cv-list > li > button:disabled{
background-color:#d5d5d5;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}

/* .agt-link-cv-list.sticky
----------------------------------------------- */
.agt-link-cv-list.sticky{
margin:0;
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:#444;
}
.agt-link-cv-list.sticky > li.prev > a{
border:none;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-01{
margin:16px 0 3px;
padding-left:15px;
position:relative;
font-size:14px;
font-weight:normal;
}
.pseudo-content .pseudo-hdg-l2-01::before{
content:"";
display:block;
width:10px;
height:10px;
background-color:#333;
position:absolute;
top:.45em;
left:0;
}

/* ----------------------------------------------------------------
  .pseudo-hotel-rank
----------------------------------------------------------------- */
/* .pseudo-hotel-rank
----------------------------------------------- */
.pseudo-content .pseudo-hotel-rank{
margin-top:10px;
}

/* ----------------------------------------------------------------
  .pseudo-price-range
----------------------------------------------------------------- */
/* .pseudo-price-range
----------------------------------------------- */
.pseudo-content .pseudo-price-range{
margin-top:10px;
}
.pseudo-content .pseudo-price-range p > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .pseudo-price-range-list
----------------------------------------------- */
.pseudo-content .pseudo-price-range-list{
margin-top:10px;
font-size:13px;
}
.pseudo-content .pseudo-price-range-list > li{
margin-top:5px;
display:table;
width:100%;
}
.pseudo-content .pseudo-price-range-list > li > span{
padding-left:10px;
display:table-cell;
vertical-align:middle;
}
.pseudo-content .pseudo-price-range-list > li > [class^="range-"]{
padding-left:0;
color:rgba(0,0,0,0);
width:52px;
height:17px;
overflow:hidden;
background-position:0 50%;
background-repeat:no-repeat;
background-size:100% auto;
}
.pseudo-content .pseudo-price-range-list > li > .range-1{
background-image:url(/element/shared/images/icon/icon-review-price-1.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-1h{
background-image:url(/element/shared/images/icon/icon-review-price-1h.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-2{
background-image:url(/element/shared/images/icon/icon-review-price-2.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-2h{
background-image:url(/element/shared/images/icon/icon-review-price-2h.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-3{
background-image:url(/element/shared/images/icon/icon-review-price-3.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-3h{
background-image:url(/element/shared/images/icon/icon-review-price-3h.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-4{
background-image:url(/element/shared/images/icon/icon-review-price-4.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-4h{
background-image:url(/element/shared/images/icon/icon-review-price-4h.svg);
}
.pseudo-content .pseudo-price-range-list > li > .range-5{
background-image:url(/element/shared/images/icon/icon-review-price-5.svg);
}

/* ----------------------------------------------------------------
  .pseudo-review
----------------------------------------------------------------- */
/* .pseudo-review
----------------------------------------------- */
.pseudo-content .pseudo-review{
margin-top:10px;
}
.pseudo-content .pseudo-review p{
margin-bottom:10px;
}

/* .pseudo-review-list
----------------------------------------------- */
.pseudo-content .pseudo-review-list{
margin:0;
overflow:hidden;
}
.pseudo-content .pseudo-review-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.pseudo-content .pseudo-review-list > li{
margin:5px 0 0 2%;
width:48%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-content .pseudo-review-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}
.pseudo-content .pseudo-review-list > li > div:first-child{
min-width:8.25em;
}
.pseudo-content .pseudo-review-list > li > div:last-child{
padding-left:8px;
position:relative;
line-height:1.35;
font-size:15px;
}
.pseudo-content .pseudo-review-list > li > div:last-child::before{
content:":";
display:block;
position:absolute;
top:-1px;
left:0;
}

/* .pseudo-number, .pseudo-child
----------------------------------------------- */
.pseudo-number-hdg,
.pseudo-child-hdg{
margin:18px 0 6px;
}

/* .pseudo
----------------------------------------------- */
.pseudo{
margin:0;
padding:0;
line-height:1.42;
position:absolute;
width:auto;
height:auto;
font-size:14px;
background-color:#fff;
opacity:0;
z-index:-1;
}
.pseudo.is-active{
position:fixed;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
opacity:1;
z-index:120;
width:100%;
height:100%;
overflow:hidden !important;
}
@supports(-webkit-touch-callout: none){
.pseudo.is-active{
height:-webkit-fill-available;
}
}
.pseudo .pseudo-header{
position:relative;
top:0;
width:100%;
z-index:10;
}
.pseudo input::-webkit-search-cancel-button{
-webkit-appearance:none;
}

/* .pseudo-header-hdg
----------------------------------------------- */
.pseudo .pseudo-header-hdg{
padding:8px 10px 8px 10px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo .pseudo-header-hdg [role="heading"],
.pseudo .pseudo-header-hdg h2{
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

/* .pseudo-header-hdg-btn-prev
----------------------------------------------- */
.pseudo .pseudo-header-hdg-btn-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}

/* .pseudo-header-hdg-btn-close
----------------------------------------------- */
.pseudo .pseudo-header-hdg-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px auto;
}

/* .pseudo-header-hdg-btn-clear
----------------------------------------------- */
.pseudo .pseudo-header-hdg-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}

/* .pseudo-word-search-tab
----------------------------------------------- */
.pseudo .pseudo-word-search-tab{
margin-bottom:4px;
padding:0 12px;
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
box-shadow:0 2px 4px rgba(0,0,0,.2);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
background-color:#fff;
}
.pseudo .pseudo-word-search-tab > li{
position:relative;
}
.pseudo .pseudo-word-search-tab button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:44px;
line-height:1.25;
background:transparent;
font-size:12px;
}
.pseudo .pseudo-word-search-tab button[aria-selected="true"]{
position:relative;
}
.pseudo .pseudo-word-search-tab button[aria-selected="true"]::before{
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:8px;
left:0;
background-color:var(--cmn-font-color-base);
}
.pseudo .pseudo-word-search-tab button:disabled{
color:#ccc;
}
.pseudo .pseudo-word-search-tab .blank button{
font-size:12px;
}
.pseudo .pseudo-word-search-tab .blank button::before{
content:"";
border:1px solid #bbb;
border-radius:3px;
display:block;
width:84%;
height:58%;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

/* .pseudo-word-search-tab-content
----------------------------------------------- */
.pseudo .pseudo-word-search-tab-content [role="tabpanel"]{
display:none;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;

/* padding-top:40px; */
}

/* .pseudo-destination .pseudo-word-search-tab-content [role="tabpanel"]{
padding-top:46px;
} */
.pseudo .pseudo-word-search-tab-content [role="tabpanel"].is-active{
display:-webkit-box !important;
display:-ms-flexbox !important;
display:flex !important;
}
.pseudo .pseudo-contents > .pseudo-word-search-tab-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
min-height:100%;
padding:0 10px;
}

/* .pseudo-word-search
----------------------------------------------- */
.pseudo .pseudo-word-search.branch{
padding:6px 10px 14px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:fixed;
top:45px;
z-index:10;
margin:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.pseudo .pseudo-word-search.branch li:not(:last-child){
margin-right:8px;
}
.pseudo .pseudo-word-search.branch li:first-child{
padding-right:8px;
border-right:1px solid #ddd;
}
.pseudo .pseudo-word-search.branch li > button{
padding:0;
border:none;
color:inherit;
font-size:12px;
background-color:transparent;
text-align:center;
line-height:1.25;
position:relative;
}
.pseudo .pseudo-word-search.branch li > button[aria-selected="true"]::before {
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-8px;
left:0;
background-color:var(--cmn-font-color-base);
}
.pseudo .pseudo-word-search.branch li:last-child{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-word-search.branch li ::-webkit-input-placeholder{
opacity:0;
}
.pseudo .pseudo-word-search.branch li ::-moz-placeholder{
opacity:0;
}
.pseudo .pseudo-word-search.branch li :-ms-input-placeholder{
opacity:0;
}
.pseudo .pseudo-word-search.branch li ::-ms-input-placeholder{
opacity:0;
}
.pseudo .pseudo-word-search.branch li ::placeholder{
opacity:0;
}
.pseudo-word-search-keyword{
position:relative;
}
.pseudo-word-search-keyword input{
background:none;
z-index:2;
position:relative;
padding:0 30px 0 8px;
overflow:hidden;
text-overflow:ellipsis;
}
.pseudo-word-search-keyword .placeholderDiv{
position:absolute;
top:4px;
left:12px;
color:#bbb;
font-size:12px;
line-height:1.3;
z-index:1;
}
@media screen and (max-width:374px){
.pseudo-word-search-keyword .placeholderDiv{
font-size:10px;
top:6px;
left:4px;
width:100%;
display:block;
}
}
.pseudo-word-search-keyword .placeholderDiv.none{
display:none;
}
.pseudo .pseudo-word-search.branch .pseudo-word-search-btn-del{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
z-index:2;
}
.pseudo-list .pseudo-word-search-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:16px 0 0;
min-height:26px;
}
.pseudo-list .pseudo-word-search-sort ~ *{
margin-top:12px;
}
.pseudo-list .pseudo-word-search-sort.is-hidden ~ *{
margin-top:16px;
}
.pseudo-list .pseudo-word-search-link-list + .pseudo-hdg-l3{
margin-top:0 !important;
padding-top:16px !important;
}
.pseudo-list .pseudo-word-search-sort .pseudo-btn-sort {
padding:0 20px 0 6px;
border:1px solid #ccc;
border-radius:4px;
min-width:76px;
height:26px;
background-color:#fff;
font-size:12px;
text-align:left;
position:relative;
}
.pseudo-list .pseudo-word-search-sort .pseudo-btn-sort::after {
border-top:4px solid #222;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
display:inline-block;
margin-top:-2px;
position:absolute;
top:50%;
right:8px;
}
.pseudo-list .pseudo-word-search-sort .pseudo-btn-sort.is-active::after {
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.pseudo-list .pseudo-btn-sort [class^="icon-"] {
color:var(--cmn-font-color-base);
display:inline-block;
padding-left:18px;
background-position:0 50%;
background-repeat:no-repeat;
background-size:14px auto;
}
.pseudo-list .pseudo-word-search-link-list{
border-top:1px solid #e5e5e5;
}
.pseudo-list .pseudo-word-search-link-list > li a{
position:relative;
padding-left:24px !important;
}
.pseudo-list .pseudo-word-search-link-list > li[class] a:before {
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.pseudo-list .pseudo-word-search-link-list > li a div{
overflow:auto !important;
white-space:normal !important;
white-space:initial !important;
}
.pseudo-list .pseudo-word-search-link-list > li a span.sup{
color:var(--cmn-font-color-gray) !important;
margin-left:4px;
}
.pseudo-list .pseudo-btn-sort .icon-category,
.pseudo-word-search-sort-btn-pulldown-list li.category > a span::before {
background-image:url(/element_sp/j_tour/shared/images/icon-category.svg);
background-size:14px 10px;
}
.pseudo-word-search-link-list li.area a:before,
.pseudo-word-search-sort-btn-pulldown-list li.area > a .icon::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:15px 16px;
}
.pseudo-word-search-link-list li.spot a:before,
.pseudo-word-search-sort-btn-pulldown-list li.spot > a .icon::before {
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.pseudo-word-search-link-list > li.airport a:before,
.pseudo-word-search-sort-btn-pulldown-list li.airport > a .icon::before {
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.pseudo-word-search-link-list > li.station a:before,
.pseudo-word-search-sort-btn-pulldown-list li.station > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.pseudo-word-search-link-list > li.hotel a:before,
.pseudo-word-search-sort-btn-pulldown-list li.hotel > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-hotel-ocher.svg);
background-size:17px 12px;
}
.pseudo-word-search-link-list > li.address a:before,
.pseudo-word-search-sort-btn-pulldown-list li.address > a .icon::before {
background-image:url(/element/j_tour/shared/images/icon/icon-address.svg);
background-size:12px 12px;
}
.pseudo-word-search-sort-btn-pulldown{
margin-top:8px;
padding:0 16px 10px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
left:0;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.pseudo-word-search-sort-btn-pulldown::before{
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:24px;
background-color:#fff;
}
.pseudo-word-search-sort-btn-pulldown-catch{
margin-top:16px;
display:block;
}
.pseudo-word-search-sort-btn-pulldown-list{
position:relative;
}
.pseudo-word-search-sort-btn-pulldown-list li{
border-bottom:none !important;
padding:6px 0;
}
.pseudo-word-search-sort-btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
display:block;
}
.pseudo-word-search-sort-btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo-word-search-sort-btn-pulldown-list li > a span{
position:relative;
padding-left:24px;
}
.pseudo-word-search-sort-btn-pulldown-list li > a span:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.pseudo-list .pseudo-btn-loupe{
padding:0 0 0 20px;
border:none;
display:block;
background:url(/element_sp/j_tour/shared/images/icon-search.svg) 0 50% no-repeat;
background-size:15px auto;
font-size:14px;
white-space:nowrap;
overflow:hidden;
margin-left:12px;
}
.pseudo-list .pseudo-btn-loupe > span{
white-space:nowrap;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
}
.pseudo-list .pseudo-btn-loupe > span > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.dest-01 .pseudo-word-search.branch{
top:0;
margin:auto;
}
.dest-01 .pseudo-word-search-tab-content{
margin-top:56px !important;
}
.dest-01 .pseudo-word-search-tab-content [role="tabpanel"]{
padding-top:0px;
}
.dest-01 .pseudo-contents{
margin-top:0 !important;
padding-top:0 !important;
}

/* .dest-02 .pseudo-word-search-tab-content [role="tabpanel"]{
padding-top:46px;
} */
.dest-02 .pseudo-word-search.branch{
margin:auto;
}
.dest-03 .pseudo-word-search-tab-content [role="tabpanel"]{
padding-top:0;
}
.dest-03 .pseudo-contents{
margin-top:45px !important;
position:relative;
padding-top:0 !important;
}
.dest-03 .pseudo-word-search.branch{
position:static;
left:0;
right:0;
margin:0 auto;
}

/* .pseudo-hotel-word-search
----------------------------------------------- */
.pseudo.pseudo-hotel .pseudo-hotel-word-search{
padding:12px 10px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li:first-child{
margin-right:30px;
padding-right:30px;
border-right:1px solid #ddd;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
@media screen and (max-width:374px){
.pseudo.pseudo-hotel .pseudo-hotel-word-search li:first-child{
margin-right:10px;
padding-right:10px;
}
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-webkit-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-moz-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li :-ms-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-ms-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::placeholder{
opacity:0;
}
.pseudo-hotel-word-search-keyword{
position:relative;
}
.pseudo-hotel-word-search-keyword input{
background:url(/element_sp/j_tour/shared/images/icon-search-gray.svg) no-repeat 8px 50%;
background-size:16px auto;
z-index:2;
position:relative;
padding:0 30px 0 32px;
}
.pseudo-hotel-word-search-keyword input::-webkit-search-cancel-button {
-webkit-appearance:none;
}
.pseudo-hotel-word-search-keyword .placeholderDiv{
position:absolute;
top:4px;
left:32px;
color:#bbb;
font-size:12px;
line-height:1.3;
z-index:1;
}
@media screen and (max-width:374px){
.pseudo-hotel-word-search-keyword .placeholderDiv{
font-size:11px;
}
}
.pseudo-hotel-word-search-keyword .placeholderDiv.none{
display:none;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li > button{
padding:0 20px 0 0;
border:none;
color:inherit;
font-size:12px;
background-color:transparent;
text-align:left;
line-height:1.4;
position:relative;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li > button::after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:0;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .pseudo-content
----------------------------------------------- */
.pseudo .pseudo-contents{
margin:0;
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:100%;
overflow-y:scroll;
background-color:#fff;
}
.pseudo-destination .pseudo-contents{
margin:56px 0 0 0;
}
body.no-scroll,
.pseudo .no-scroll{
overflow:hidden !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo .pseudo-contents > .pseudo-word-search-tab-content .[role="tabpanel"] > :first-child{
margin-top:0!important;
}
.pseudo .pseudo-contents p{
line-height:1.5;
}
.pseudo .pseudo-contents p + p{
margin-top:8px;
}
.pseudo .pseudo-contents strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo .pseudo-contents p.error-text{
padding:16px 12px;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo .pseudo-hdg-l3{
padding:0 0 8px;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:100%;
font-weight:bold;
}
.pseudo .pseudo-hdg-l3:first-child{
margin-top:16px;
}
.pseudo .pseudo-hdg-l3 > h3{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-hdg-l3.branch{
padding-bottom:0;
border-bottom:none;
}
.pseudo .pseudo-hdg-l3 .notice{
color:var(--cmn-font-color-gray);
font-size:12px;
font-weight:normal;
text-align:left;
position:relative;
padding-left:16px;
display:inline-block;
}
.pseudo .pseudo-hdg-l3 .notice::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}
.pseudo .pseudo-hdg-l3 + ul{
margin-top:0 !important;
}
.pseudo .pseudo-list .cmn-tip-toggle-container{
margin:0 0 10px;
width:100%;
}
.pseudo .pseudo-list-inner .cmn-tip-toggle-container{
margin:0 -10px 10px;
}
.pseudo .pseudo-list-inner .cmn-tip-toggle-container .cmn-tip-toggle-btn{
text-align:left;
}
.pseudo .pseudo-list .cmn-tip-toggle-container + .pseudo-hdg-l3{
margin-top:0 !important;
}
.pseudo .cmn-tip-toggle-btn {
border-bottom:none;
}

/* .pseudo-hdg-l3-faq
----------------------------------------------- */
.pseudo .pseudo-hdg-l3-faq{
padding:0 19px 0 0;
border:none;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 100% 50% no-repeat;
background-size:15px;
min-height:15px;
font-size:12px;
margin-left:auto;
white-space:nowrap;
}

/* .pseudo-hdg-l3-link
----------------------------------------------- */
.pseudo .pseudo-hdg-l3-link{
font-size:12px;
font-weight:normal;
margin-left:auto;
white-space:nowrap;
}
.pseudo .pseudo-list {
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
width:100%;
}
.pseudo .pseudo-list.no-scroll {
overflow:hidden;
}
.pseudo .pseudo-list > .pseudo-hdg-l3:first-child {
margin-top:16px;
}

/* .pseudo-list > ul
----------------------------------------------- */
.pseudo .pseudo-list > ul{
line-height:1.35;
width:100%;
}
.pseudo .pseudo-list > ul:last-child{
padding-bottom:16px;
}
.pseudo .pseudo-list > ul + .pseudo-hdg-l3 {
padding-top:8px;
}
.pseudo.pseudo-destination .pseudo-list > ul + .pseudo-hdg-l3{
padding-top:20px;
}
.pseudo .pseudo-list > ul + .pseudo-hdg-l3:first-child {
border-top:none;
}
.pseudo .pseudo-list ul > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.pseudo .pseudo-list ul > li.is-disabled{
opacity:.33;
}
.pseudo .pseudo-list > ul li > a,
.pseudo .pseudo-list > ul li[aria-expanded] > button{
padding:4px 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-list > ul li > a div{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.pseudo .pseudo-list > ul li > a span.sup{
font-size:12px;
display:inline;
}
.pseudo .pseudo-list > ul li > a span.brackets + span.brackets{
margin-left:-8px;
}
.pseudo .pseudo-list > ul li.has-child > a,
.pseudo .pseudo-list > ul li[aria-expanded] > button{
padding-right:20px;
}
.pseudo .pseudo-list > ul li.has-child > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo .pseudo-list > ul li[aria-expanded] > button{
border:none;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
text-align:left;
font-size:14px;
}
.pseudo .pseudo-list > ul li[aria-expanded="true"] > button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo .pseudo-list > ul li[aria-expanded] > button::before{
display:none;
}
.pseudo .pseudo-list ul:not(.pseudo-form-list) > li > label{
padding:3px 0 3px 30px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-list ul:not(.pseudo-form-list) > li > label input{
position:absolute;
top:50%;
left:0;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.pseudo .pseudo-list ul > li > label > div,
.pseudo .pseudo-list ul > li > label > span{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:100%;
}
.pseudo .pseudo-list ul > li > label span.sup{
font-size:12px;
display:inline;
}
[role="tabpanel"] .pseudo-list > ul > li:first-child{
border-top:none;
}
.pseudo .pseudo-list > ul .is-selected{
padding-right:24px;
background:url(/element_sp/j_tour/shared/images/icon-selected.svg) 100% 50% no-repeat;
background-size:12px auto;
}
.pseudo .pseudo-list > ul .sup.is-selected{
padding-right:16px;
}

/* .pseudo-list > ul > ul
----------------------------------------------- */
.pseudo .pseudo-list > ul ul:not([class]){
margin-left:30px;
}
.pseudo .pseudo-list > ul ul li:last-child{
border-bottom:none;
}
.pseudo .pseudo-list > ul li[aria-expanded="false"] ul{
display:none;
}
.pseudo .pseudo-list > ul li[aria-expanded="true"] ul{
display:block;
}

/* .pseudo-list-btn-prev
----------------------------------------------- */
.pseudo .pseudo-list .pseudo-list-btn-prev{
padding:3px 0;
color:var(--cmn-font-color-link);
border:none;
min-height:40px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}
.pseudo-destination .pseudo-list .pseudo-list-btn-prev{
margin-top:4px;
}
[role="tabpanel"] .pseudo-list .pseudo-list-btn-prev + ul{
border-top:1px solid #e5e5e5;
}
[role="tabpanel"] .pseudo-list .pseudo-list-btn-prev + .pseudo-hdg-l3{
padding-top:20px;
border-top:1px solid #e5e5e5;
}

/* .pseudo-list-inner
----------------------------------------------- */
.pseudo .pseudo-list .pseudo-list-inner{
border:1px solid #ccc;
border-radius:4px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
overflow:hidden;
overflow-y:scroll;
margin:4px 0 10px;
}
.pseudo .pseudo-list.no-scroll .pseudo-list-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-list .pseudo-list-inner.no-scroll{
height:auto;
min-height:auto;
}
.pseudo .pseudo-list .pseudo-list-inner-scrollarea{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:0 15px 60px;
overflow:hidden;
overflow-y:scroll;
max-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo .pseudo-list .pseudo-list-inner-scrollarea .pseudo-hdg-l3{
margin-top:16px;
}
.pseudo-list-inner-scrollarea * {
border:none !important;
}
.pseudo-list-inner-scrollarea.no-scroll{
padding-bottom:0 !important;
}
.pseudo-destination .pseudo-list-inner-scrollarea{
padding-top:10px !important;
}
.pseudo .pseudo-list .pseudo-list-inner .pseudo-footer{
position:absolute;
bottom:0;
left:0;
background-color:#444;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
width:100%;
z-index:1;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
text-align:center;
}
.pseudo .pseudo-list .pseudo-list-inner .pseudo-footer button{
min-height:34px;
}
.pseudo .pseudo-list .pseudo-list-inner .pseudo-footer.no-bg{
background:none !important;
}
.pseudo .pseudo-list .pseudo-list-inner .pseudo-footer .pseudo-footer-btn-list > li:first-child:last-child,
.pseudo .pseudo-list .pseudo-list-inner .pseudo-footer.no-bg .pseudo-footer-btn-list > li:first-child:last-child {
max-width:130px;
min-width:130px;
}
.pseudo .pseudo-list .pseudo-list-inner label{
min-height:36px !important;
}

/* .pseudo.pseudo-hotel
----------------------------------------------- */
.pseudo.pseudo-hotel .pseudo-hotel-word-search{
padding:12px 10px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
background:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li:first-child{
margin-right:12px;
padding-right:30px;
border-right:1px solid #ddd;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
@media screen and (max-width:374px){
.pseudo.pseudo-hotel .pseudo-hotel-word-search li:first-child{
margin-right:10px;
padding-right:10px;
}
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-webkit-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-moz-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li :-ms-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::-ms-input-placeholder{
opacity:0;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li ::placeholder{
opacity:0;
}
.pseudo-hotel-word-search-keyword{
position:relative;
}
.pseudo-hotel-word-search-keyword input{
background:url(/element_sp/j_tour/shared/images/icon-search-gray.svg) no-repeat 8px 50%;
background-size:16px auto;
z-index:2;
position:relative;
padding:0 30px 0 32px;
}
.pseudo-hotel-word-search-keyword .placeholderDiv{
position:absolute;
top:4px;
left:32px;
color:#bbb;
font-size:12px;
line-height:1.3;
z-index:1;
}
@media screen and (max-width:374px){
.pseudo-hotel-word-search-keyword .placeholderDiv{
font-size:10px;
top:6px;
}
}
.pseudo-hotel-word-search-keyword .placeholderDiv.none{
display:none;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li > button{
padding:0 20px 0 18px;
border:none;
color:inherit;
font-size:12px;
background-color:transparent;
text-align:left;
line-height:1.4;
position:relative;
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li > button::after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:0;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo.pseudo-hotel .pseudo-hotel-word-search li > button.is-active{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo.pseudo-hotel .pseudo-contents{
background-color:#f5f5f5 !important;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
margin:12px 0 0;
padding:0 10px;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort > div:first-child{
font-size:12px;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort > div:first-child .cmn-tip-btn{
margin-left:4px;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-sort {
padding:0 28px 0 44px;
border:1px solid #ccc;
border-radius:9999px;
height:34px;
font-size:14px;
text-align:left;
position:relative;
background:#fff url(/element_sp/j_tour/shared/images/icon-sort.svg) no-repeat 12px 50%;
background-size:15px auto;
line-height:1;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-sort [class^="icon-"] {
color:var(--cmn-font-color-base);
display:inline-block;
padding-left:18px;
background-position:0 50%;
background-repeat:no-repeat;
background-size:14px auto;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown{
margin-top:8px;
padding:0 16px 12px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:10px;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown::before{
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:30%;
background-color:#fff;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-close{
margin:0;
padding:12px;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-close.svg) no-repeat 50% 50%;
background-size:15px auto;
z-index:11;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown-list{
position:relative;
margin-top:24px;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown-list li{
border-bottom:none !important;
padding:7px 0;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown-list li:first-child{
padding-right:24px;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
display:block;
}
.pseudo.pseudo-hotel .pseudo-hotel-sort .btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo.pseudo-hotel .pseudo-hotel-content{
padding:0 10px;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list{
margin:10px 0;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li{
padding:8px 10px;
border-radius:8px;
line-height:1.42;
position:relative;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
background-color:#fff;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li:not(:first-child){
margin-top:8px;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li .hotel{
font-size:14px;
line-height:1.25;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li .distance{
font-size:12px;
margin-top:4px;
line-height:1.25;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li .review{
font-size:12px;
}
.pseudo.pseudo-hotel .pseudo-hotel-content-list li .review > *{
display:inline-block;
vertical-align:bottom;
}
.pseudo.pseudo-hotel .pseudo-hotel-content .cmn-loading-spinner,
.pseudo.pseudo-hotel .pseudo-hotel-content .error-text{
padding-top:32px;
text-align:center;
}
.pseudo.pseudo-hotel .pseudo-contents .str-footer-nav-top{
position:sticky;
bottom:12px;
right:12px;
margin:0 0 0 auto;
width:44px;
height:44px;
color:rgba(0,0,0,0) !important;
border-radius:50%;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
display:block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:101;
background:rgba(102,102,102,.4) url(/element/shared/images/frame/footer-nav-top-arrow.svg) no-repeat 50% 48%;
background-size:20px auto;
display:none;
}
.pseudo.pseudo-hotel .pseudo-contents .str-footer-nav-top.is-active{
display:block;
}
.pseudo .pseudo-contents.is-scroll .pseudo-hotel-content{
margin-bottom:-44px !important;
}

/* .search-filter-state
----------------------------------------------- */
.search-filter-state{
position:relative;
}
.search-filter-state::after{
content:"";
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:-webkit-gradient(linear, left top, right top, from(rgba(0,76,154,0)), color-stop(80%, rgba(0,76,154,1)));
background:linear-gradient(to right, rgba(0,76,154,0) 0%, rgba(0,76,154,1) 80%);
}
.search-filter-state.is-scrolled::before{
content:"";
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:-webkit-gradient(linear, right top, left top, from(rgba(0,76,154,0)), color-stop(80%, rgba(0,76,154,1)));
background:linear-gradient(to left, rgba(0,76,154,0) 0%, rgba(0,76,154,1) 80%);
z-index:1;
}

/* .search-filter-state-inner
----------------------------------------------- */
.search-filter-state .search-filter-state-inner{
overflow-x:auto;
overflow-y:hidden;
}
.search-filter-state .search-filter-state-inner::-webkit-scrollbar{
display:none;
}

/* .search-filter-state-list
----------------------------------------------- */
.search-filter-state .search-filter-state-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
}
.search-filter-state .search-filter-state-list > li{
margin-right:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-filter-state .search-filter-state-list > li:first-child{
padding-left:10px;
}
.search-filter-state .search-filter-state-list > li:last-child{
padding-right:25px;
}
.search-filter-state .search-filter-state-list button{
border-radius:3px;
padding:3px 8px;
border:none;
color:var(--cmn-font-color-base);
background-color:#dadada;
position:relative;
min-height:24px;
line-height:1;
font-size:12px;
}
.search-filter-state .search-filter-state-list .del{
margin-left:-8px;
padding:0;
color:rgba(0,0,0,0);
display:block;
width:29px;
height:100%;
overflow:hidden;
background-image:url(/element/shared/images/icon/icon-reset-line.svg);
background-repeat:no-repeat;
background-position:12px 50%;
background-size:9px auto;
}
.search-filter-state .search-filter-state-list .icon-hotel-rank{
margin-right:2px;
color:rgba(0,0,0,0);
width:13px;
height:15px;
display:inline-block;
vertical-align:middle;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-star-5.svg) 0 0 no-repeat;
background-size:auto 12px;
}

/* .pseudo-footer > .search-filter-state
------------------------ */
.pseudo-footer .search-filter-state{
margin-bottom:12px;
}
.pseudo-footer .search-filter-state::after{
background:-webkit-gradient(linear, left top, right top, from(rgba(76,76,76,0)), color-stop(80%, rgba(76,76,76,1)));
background:linear-gradient(to right, rgba(76,76,76,0) 0%, rgba(76,76,76,1) 80%);
}
.pseudo-footer .search-filter-state.is-scrolled::before{
background:none;
}
.pseudo-hotel-conditions .pseudo-contents{
padding:12px 10px 24px !important;
}
.pseudo-hotel-conditions .pseudo-contents > :first-child{
margin-top:0 !important;
}
.pseudo-hotel-conditions .pseudo-hdg-l3{
margin-top:24px;
}
.pseudo-hotel-conditions .pseudo-hdg-l3 + *{
margin-top:10px !important;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word input{
padding:0 24px 0 32px;
background:url(/element_sp/j_tour/shared/images/icon-search-gray.svg) 8px 50% no-repeat;
background-size:17px auto;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word input::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word input:not(:-moz-placeholder){
background:none;
padding:0 24px 0 8px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word input:not(:-ms-input-placeholder){
background:none;
padding:0 24px 0 8px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word input:not(:placeholder-shown){
background:none;
padding:0 24px 0 8px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word ::-webkit-input-placeholder{
font-size:14px;
color:var(--font-color-placeholder);
letter-spacing:-.025em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word ::-moz-placeholder{
font-size:14px;
color:var(--font-color-placeholder);
letter-spacing:-.025em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word :-ms-input-placeholder{
font-size:14px;
color:var(--font-color-placeholder);
letter-spacing:-.025em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word ::-ms-input-placeholder{
font-size:14px;
color:var(--font-color-placeholder);
letter-spacing:-.025em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-input-word ::placeholder{
font-size:14px;
color:var(--font-color-placeholder);
letter-spacing:-.025em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-radio{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
padding-top:10px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-radio li{
width:calc(100% / 3);
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-radio li .radio-custom{
padding-left:25px;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:20px;
position:relative;
margin-top:10px !important;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .hotel-rank{
position:relative;
padding-left:24px;
height:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .hotel-rank input[type="checkbox"] {
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/j_tour/shared/images/icon-rate-checkbox.svg) 0 0 no-repeat;
background-size:auto 20px;
position:absolute;
top:0;
left:0;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .hotel-rank input[type="checkbox"]:checked {
background:url(/element_sp/j_tour/shared/images/icon-rate-checkbox-on.svg) 0 0 no-repeat;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .hotel-rank span{
vertical-align:middle;
line-height:1;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-hotel-rank {
padding:0 24px 0 10px;
border:1px solid #ccc;
border-radius:4px;
min-width:166px;
height:38px;
font-size:16px;
text-align:left;
position:relative;
background:#fff;
line-height:1;
color:var(--font-color-placeholder);
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-hotel-rank.active{
color:var(--cmn-font-color-base);
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-hotel-rank > span{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
line-height:1;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-hotel-rank > span [class^="icon-r-"]{
margin-right:8px;
position:relative;
top:-2px;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-hotel-rank::after {
border-top:4px solid #888;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
display:inline-block;
margin-top:-2px;
position:absolute;
top:50%;
right:8px;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown{
margin-top:8px;
padding:0 16px 10px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
left:0;
z-index:10;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown::before{
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
background-color:#fff;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list{
position:relative;
margin-top:12px;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list li{
border-bottom:none !important;
padding:6px 0;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
display:block;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list li > a > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
line-height:1;
}
.pseudo.pseudo-hotel-conditions .hotel-rank-list .btn-pulldown-list li > a > span [class^="icon-r-"]{
margin-right:8px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-checkbox{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
padding-top:10px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-checkbox li{
width:calc(100% / 2);
margin-bottom:15px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-checkbox li.single{
width:100%;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-checkbox li:nth-last-child(2),
.pseudo-hotel-conditions .pseudo-hotel-conditions-list-checkbox li:last-child{
margin-bottom:0 !important;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
position:relative;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance-text{
margin:0 8px 0 0;
text-align:left;
font-size:14px;
white-space:nowrap;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance-text span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
max-width:6em;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance-select{
position:relative;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-select{
padding:0 24px 0 10px;
border:1px solid #ccc;
border-radius:4px;
min-width:110px;
height:38px;
font-size:16px;
text-align:left;
position:relative;
background:#fff;
line-height:1;
color:var(--font-color-placeholder);
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-select.active{
color:var(--cmn-font-color-base);
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-select::after{
border-top:4px solid #888;
border-right:4px solid transparent;
border-left:4px solid transparent;
content:"";
display:inline-block;
margin-top:-2px;
position:absolute;
top:50%;
right:8px;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown{
margin-top:8px;
padding:0 16px 10px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
z-index:10;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown::before{
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:calc(50% - 6px);
background-color:#fff;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown .btn-pulldown-list{
position:relative;
margin:12px 0 0;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown .btn-pulldown-list li{
border-bottom:none !important;
padding:6px 0;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown .btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
white-space:nowrap;
}
.pseudo-hotel-conditions .pseudo-hotel-conditions-distance .btn-pulldown .btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo-hotel-conditions .pseudo-footer-btn-list li.cv button{
font-size:14px;
}
.pseudo-hotel-conditions .pseudo-footer-btn-list li.cv button span{
font-size:12px;
}
.pseudo-hotel-conditions .pseudo-footer-btn-list li.cv button .cmn-loading-spinner-dot{
margin:0 4px 4px;
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
position:relative;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat 0 0;
background-size:contain;
vertical-align:middle;
}
.pseudo-hotel-conditions .form-input-word + .input-word-link-list{
margin-top:-11px;
}
.pseudo-hotel-conditions .input-word-link-list > li{
border-bottom:1px solid #e5e5e5;
}
.pseudo-hotel-conditions .input-word-link-list > li a{
padding:4px 0 4px 24px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:44px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-hotel-conditions .input-word-link-list > li[class] a:before {
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:18px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.pseudo-hotel-conditions .input-word-link-list > li a div{
overflow:auto !important;
white-space:normal !important;
white-space:initial !important;
text-overflow:ellipsis;
width:100%;
}
.pseudo-hotel-conditions .input-word-link-list > li a span.sup{
color:var(--cmn-font-color-gray) !important;
margin-left:4px;
}
.pseudo-hotel-conditions .input-word-link-list > li a span.sup{
font-size:12px;
display:inline;
}
.pseudo-hotel-conditions .input-word-link-list > li a span.brackets + span.brackets{
margin-left:-8px;
}
.pseudo-hotel-conditions .input-word-link-list > li.hotel a:before{
background-image:url(/element/j_tour/shared/images/icon/icon-hotel-ocher.svg);
background-size:17px 12px;
}

/* ----------------------------------------------------------------
  .pseudo-footer
----------------------------------------------------------------- */
/* .pseudo-footer
----------------------------------------------- */
.pseudo .pseudo-footer{
padding:12px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(34,34,34,.8);
position:fixed;
bottom:0;
width:100%;
}
.pseudo .pseudo-footer .br{
display:block;
}

/* .pseudo-footer-btn-list
----------------------------------------------- */
.pseudo .pseudo-footer-btn-list{
margin:0 auto;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:0 8px;
min-width:calc((100% + 20px) * .6);
max-width:calc((100% + 20px) * .8);
}
.pseudo .pseudo-footer-btn-list .cmn-loading-spinner-dot-wht{
margin:0 4px 0 0;
display:inline-block;
width:12px;
height:12px;
}
.pseudo .pseudo-footer-btn-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-footer-btn-list > li:first-child:not(:last-child),
.pseudo .pseudo-footer-btn-list > li:not(:first-child){
width:40vw;
}
.pseudo .pseudo-footer-btn-list li .br{
display:block;
}
.pseudo .pseudo-footer-btn-list button{
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:42px;
line-height:1.25;
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo .pseudo-footer-btn-list button >span{
display:block;
}
.pseudo .pseudo-footer-btn-list > li.cv button{
color:#fff;
background-color:var(--cmn-btn-color);
}
.pseudo .pseudo-footer-btn-list > li.cv.search button{
font-size:16px;
}
.pseudo .pseudo-footer-btn-list > li.cv button:disabled,
.pseudo .pseudo-footer-btn-list > li.cv.search button:disabled{
opacity:.4;
color:transparent;
}
.pseudo .pseudo-footer-btn-list button:disabled{
opacity:.4;
}
.pseudo .pseudo-footer-btn-list button b{
font-weight:normal;
font-size:17px;
}

/* .pseudo.lyt-loading
----------------------------------------------- */
.pseudo.lyt-loading .pseudo-word-search-tab,
.pseudo.lyt-loading .pseudo-contents {
opacity:.33;
}
.pseudo.lyt-loading .pseudo-list-inner-scrollarea{
overflow:hidden;
}
.pseudo > .pseudo-loading{
position:fixed;
top:270px;
left:0;
right:0;
z-index:100;
width:60px;
height:60px;
border-radius:6px;
-webkit-box-shadow:0 0 6px rgba(0, 0, 0, .2);
box-shadow:0 0 6px rgba(0, 0, 0, .2);
background-color:#fff;
margin:auto;
}
.pseudo > .cmn-loading-spinner{
position:fixed;
top:290px;
left:0;
right:0;
z-index:100;
margin:auto;
}
.pseudo-round-tour .text-example{
margin-top:15px;
}
.pseudo-round-tour .text-example + .list-bullet{
margin-top:0;
}
.pseudo-round-tour .list-bullet > li{
padding-left:1em;
}
.pseudo-round-tour .list-bullet > li::before{
left:6px;
}

/* ----------------------------------------------------------------
  .pseudo.pseudo-wrap
----------------------------------------------------------------- */
.pseudo.pseudo-wrap{
position:fixed;
}
.pseudo.pseudo-wrap > .pseudo-header{
position:relative;
}
.pseudo.pseudo-wrap > .pseudo-contents{
margin:0;
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:100%;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
}
.pseudo.pseudo-wrap > .pseudo-contents.pseudo-contents-wrap{
padding:0 10px;
}
.pseudo.pseudo-wrap > .pseudo-contents .search-form-list{
width:100%;
max-width:100%;
overflow-x:hidden;
}
.pseudo.pseudo-wrap > .pseudo-contents .search-form-list .select-custom > select{
color:var(--font-color-placeholder);
}
.pseudo.pseudo-wrap > .pseudo-contents .search-form-list .select-custom.active > select{
color:var(--cmn-font-color-base);
}
.pseudo.pseudo-wrap > .pseudo-footer{
padding:12px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#444;
position:relative;
width:100%;
text-align:center;
}

/* .pseudo.pseudo-wrap .search-form-list
----------------------------------------------- */
.pseudo.pseudo-wrap .search-form-list > li{
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
min-height:45px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:first-child{
min-width:80px;
width:80px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
padding:0 0 0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
font-size:14px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:first-child.multiple-lines{
line-height:1.2;
}
.pseudo.pseudo-wrap .search-form-list > li > div:first-child .branch{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo.pseudo-wrap .search-form-list > li > div:first-child .sup{
font-size:12px;
font-weight:normal;
margin-top:4px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 80px);
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-container{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
min-height:45px;
text-align:left;
color:var(--cmn-font-color-base);
background-color:#fff;
border-radius:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-container.hotel-rank .search-form-btn-01:after {
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:10px;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-container.hotel-rank .search-form-btn-01 .hotel-rank{
font-size:14px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-container.hotel-rank .search-form-btn-01 .hotel-rank > span{
margin-right:4px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-container.hotel-rank .search-form-btn-01 .icon-r-hotel span{
background-position:0 0;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-del{
font-size:12px;
min-height:20px;
width:40px;
margin-left:10px;
padding:2px 0;
border:1px solid #bbb;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#666;
line-height:1;
background-color:#fff;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .search-form-btn-del{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .search-word-btn-container .search-word-btn-s.is-selected + .search-form-btn-del{
display:block;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
font-size:16px;
line-height:1.2;
width:100%;
height:100%;
padding:5px 20px 5px 10px;
text-align:left;
border:none;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
color:var(--font-color-placeholder);
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn-01{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
font-size:16px;
line-height:1.2;
width:100%;
height:100%;
min-height:45px;
padding:0 20px 0 8px;
text-align:left;
border-radius:4px;
border:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
font-weight:normal;
color:var(--cmn-font-color-base);
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn:after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:10px;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo.pseudo-wrap .search-form-list > li.departure-date > div:last-child .search-form-btn.is-active:after{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn-01{
font-size:13px;
line-height:1.25;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn-01 > span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
max-width:220px;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn-01:after{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn-more{
margin-left:8px;
font-size:14px;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword > div:first-child{
padding-top:24px;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword .search-word-btn-s{
padding-right:8px;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword .search-word-btn-s::before{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li.departure-date > div:last-child .search-form-btn{
color:var(--cmn-font-color-base);
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn.is-disabled{
pointer-events:none;
font-size:13px;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn.is-disabled{
font-size:14px;
padding:5px 10px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-btn.is-disabled:after{
border-right:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.pseudo.pseudo-wrap .search-form-list > li.hotel > div:last-child .search-form-btn.is-disabled:after{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child.branch{
padding:12px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child.branch .checkbox-custom{
display:inline-block;
vertical-align:middle;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .select-custom + .select-custom{
margin-left:12px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .form-sup-tilde{
min-width:20px;
font-size:12px;
text-align:center;
line-height:1;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .search-word-btn-container{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .search-word-btn-container{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 52px);
}
.pseudo.pseudo-wrap .search-form-list > li.keyword > div:last-child .search-form-inline .search-word-btn-container .search-word-btn-s.is-selected::before{
display:none;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword > div:last-child .search-form-inline .search-word-btn-container .search-word-btn-s.is-selected{
max-width:calc(100% - 50px);
padding:8px;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword > div:last-child .search-form-inline .search-word-btn-container .search-word-btn-s.is-selected span{
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.pseudo.pseudo-wrap .search-form-list > li.keyword > div:last-child .search-form-inline .search-word-btn-container .search-word-btn-s.is-selected + .search-form-btn-del{
min-width:40px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline .form-sup{
margin-left:8px;
white-space:nowrap;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline + .toggle-btn{
margin-top:12px;
padding:0;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .toggle-btn + .search-form-inline{
margin-top:10px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-inline input[type="search"]{
padding:5px 20px 5px 10px;
overflow:hidden;
text-overflow:ellipsis;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple{
padding:15px 0;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-container{
min-height:21px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-container + .search-form-btn-container{
margin-top:12px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-container .search-form-btn-01{
min-height:21px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:0;
font-size:14px;
padding:0 10px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple > ul li{
margin:10px 16px 0 0;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple > ul li .radio-custom{
line-height:normal;
padding-left:26px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple > ul li  .checkbox-custom{
padding-left:26px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-add {
padding:8px 10px 0;
color:var(--cmn-font-color-base);
font-size:13px;
text-align:right;
border:none;
background:none;
width:100%;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-add > span {
position:relative;
padding-left:20px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .multiple .search-form-btn-add > span::after {
position:absolute;
left:0;
top:50%;
width:14px;
height:14px;
content:"";
background-image:url(/element_sp/j_tour/shared/images/icon-add.svg);
background-size:14px 14px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-select-list{
width:100%;
padding:8px;
font-size:14px;
}
.pseudo.pseudo-wrap .search-form-list > li > div:last-child .search-form-select-list li{
line-height:1.25;
}
.pseudo.pseudo-room-type .pseudo-contents > :first-child{
padding-top:16px;
}
.pseudo.pseudo-room-type .pseudo-contents .pseudo-room-type-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.pseudo.pseudo-room-type .pseudo-contents .pseudo-room-type-list li{
width:50%;
max-height:20px;
margin-top:16px;
}
.pseudo.pseudo-room-type .pseudo-contents .pseudo-room-type-list li span{
font-size:12px;
}
.pseudo.pseudo-room-type .pseudo-contents .pseudo-room-type-list li .checkbox-custom input[type="checkbox"]{
top:-2px;
-webkit-transform:none;
transform:none;
}
.pseudo.pseudo-meal .pseudo-meal-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pseudo.pseudo-meal .pseudo-meal-list > li{
margin:0;
border:none;
min-height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
margin-top:16px;
}
.pseudo.pseudo-meal .pseudo-meal-list > li > div:first-child{
width:66px;
min-width:66px;
background:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-weight:bold;
padding:0 0 0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
font-size:13px;
}
.pseudo.pseudo-meal .pseudo-meal-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 66px);
}
.pseudo.pseudo-meal .pseudo-meal-list > li ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-column-gap:40px;
-moz-column-gap:40px;
column-gap:40px;
}
@media (max-width:320px){
.pseudo.pseudo-meal .pseudo-meal-list > li ul{
-webkit-column-gap:20px;
-moz-column-gap:20px;
column-gap:20px;
}
}
.pseudo.pseudo-meal .pseudo-meal-list + .notice-list{
margin-top:12px;
padding:0 10px;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.pseudo.pseudo-agent .agent-select{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin:16px 0;
}
.pseudo.pseudo-agent .agent-select > li{
margin:0;
border:none;
min-height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.pseudo.pseudo-agent .agent-select > li > div:first-child{
width:150px;
min-width:150px;
background:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-weight:bold;
padding:0 0 0 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
font-size:13px;
}
.pseudo.pseudo-agent .agent-select > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 150px);
}
.pseudo.pseudo-agent .agent-select > li ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-column-gap:24px;
-moz-column-gap:24px;
column-gap:24px;
}
.pseudo.pseudo-agent .hdg-l2-container .hdg-l2{
background-color:#888;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.pseudo.pseudo-agent .hdg-l2-container [role="presentation"]{
font-size:12px;
right:10px;
}
.pseudo.pseudo-agent .pseudo-agent-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pseudo.pseudo-agent .pseudo-agent-list li{
padding:5px 10px;
}
.pseudo.pseudo-agent .pseudo-agent-list li:not(:first-child){
border-top:1px solid #e9e9e9;
}
.pseudo.pseudo-agent .pseudo-agent-list li label > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:38px;
}
.pseudo.pseudo-agent .pseudo-agent-list > li label .org-icon{
width:60px;
min-width:60px;
text-align:center;
}
.pseudo.pseudo-agent .pseudo-agent-list > li label .org-icon > span{
display:block;
margin:0 auto;
background-size:100% auto;
overflow:hidden;
font-size:11px;
}
.pseudo.pseudo-agent .pseudo-agent-list > li label .org-icon.jata > span{
width:25px;
height:25px;
background-image:url(/element_sp/j_tour/shared/images/icon-jata.png);
}
.pseudo.pseudo-agent .pseudo-agent-list > li label .org-icon.anta > span{
width:25px;
height:25px;
background-image:url(/element_sp/j_tour/shared/images/icon-anta.png);
}
.pseudo.pseudo-agent .pseudo-agent-list > li label .org-icon > span > span{
opacity:0;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]{
padding:5px 30px 5px 5px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]::-webkit-input-placeholder{
color:var(--font-color-placeholder);
font-size:16px;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]::-moz-placeholder{
color:var(--font-color-placeholder);
font-size:16px;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]:-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:16px;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]::-ms-input-placeholder{
color:var(--font-color-placeholder);
font-size:16px;
}
.pseudo.pseudo-keyword .pseudo-keyword-input-word input[type="search"]::placeholder{
color:var(--font-color-placeholder);
font-size:16px;
}
.pseudo.pseudo-keyword .pseudo-hdg-l2-container,
.pseudo.pseudo-keyword .hdg-l2{
background-color:#888;
}
.pseudo.pseudo-keyword .pseudo-hdg-l2-container{
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo.pseudo-other .hdg-l2{
background-color:#888;
margin:0;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo.pseudo-other .hdg-l3-01{
margin:0;
}
.pseudo.pseudo-other .pseudo-other-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pseudo.pseudo-other .pseudo-other-list > li{
padding:5px 10px;
border-bottom:1px solid #e9e9e9;
}
.pseudo.pseudo-other .pseudo-other-list > li label > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:38px;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2{
padding:0;
border-bottom:none;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col,
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col-2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:100%;
border-bottom:1px solid #e9e9e9;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col > li,
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col-2 > li{
width:calc(100% /2);
border-bottom:1px solid #e9e9e9;
padding:5px 10px 5px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:-1px;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col > li:nth-child(odd){
padding-left:10px;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col-2 > li:nth-child(odd){
padding-left:25px;
}
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col > li label > div,
.pseudo.pseudo-other .pseudo-other-list > li.col-2 .pseudo-other-list-col-2 > li label > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:38px;
}
.pseudo-faq-3d .pseudo-contents,
.pseudo-icon .pseudo-contents{
padding:16px 10px !important;
}
.pseudo-faq-3d .pseudo-hdg-l3,
.pseudo-icon .pseudo-hdg-l3{
margin:12px 0;
padding:12px 0 0 0;
border-bottom:none;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-faq-3d .pseudo-hdg-l3:first-child,
.pseudo-icon .pseudo-hdg-l3:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.pseudo-icon .pseudo-hdg-l4{
font-weight:normal;
}
.pseudo-icon .pseudo-hdg-l4 + *{
margin-top:4px !important;
}
.pseudo-icon .toggle .toggle-continue .toggle-btn{
display:inline;
margin:0 auto;
padding:0;
color:#a4a4a4;
font-size:14px;
text-align:right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
position:absolute;
right:0;
width:auto;
}
.pseudo-icon .toggle .toggle-continue .toggle-btn::before{
display:none;
}
.pseudo-icon .toggle.is-active .toggle-item > .toggle-btn{
padding:0;
display:inline-block;
text-align:right;
}
.pseudo-icon .toggle.is-active .toggle-item > .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
width:8px;
height:5px;
margin:0 4px 0 0;
}
.pseudo-icon .toggle > .toggle-item,
.pseudo-icon .toggle.is-active > .toggle-continue{
display:none;
}
.pseudo-icon .toggle.is-active > .toggle-item,
.pseudo-icon .toggle > .toggle-continue{
display:block;
position:relative;
}
.pseudo-icon .toggle > .toggle-item > :not(:first-child){
margin-top:12px;
}
.pseudo-icon .toggle .icon-list > p{
padding-left:38px;
position:relative;
}
.pseudo-icon .toggle .icon-list > p > span:first-child{
position:absolute;
top:0;
left:0;
overflow:hidden;
padding-top:15px;
display:block;
min-width:38px;
width:38px;
height:0;
margin:2px 0 0 0 !important;
content:"";
}
.pseudo-icon .toggle .icon-list > p > span:first-child::before{
content:"";
display:block;
width:15px;
height:15px;
position:absolute;
top:0;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 15px;
}
.pseudo-icon .toggle .icon-list > p > span:first-child.rank::before{
background-image:url(/element/shared/images/icon/icon-review-star-5.svg);
}
.pseudo-icon .toggle .icon-list > p > span:first-child.budget::before{
background-image:url(/element/shared/images/icon/icon-review-price-5.svg);
}
.pseudo-icon .toggle .icon-list > p > span:first-child.review::before{
background-image:url(/element/shared/images/icon/icon-review-5.svg);
}
.pseudo-icon .toggle .icon-list > p > span:last-child{
position:relative;
width:100%;
display:block;
}
.pseudo-icon .toggle .icon-list > p > span:last-child::before{
content:":";
display:block;
width:4px;
height:14px;
position:absolute;
top:-1px;
left:-10px;
}
.pseudo-icon .toggle .icon-list > div{
padding-left:38px;
}
.pseudo-icon .toggle > .toggle-item > :not(:first-child).icon-cap{
margin-top:8px;
}
.pseudo-icon .toggle .icon-cap img{
max-width:100%;
vertical-align:middle;
}
.pseudo-icon .pseudo-bullet-list li{
padding-left:calc(1em + 2px);
position:relative;
}
.pseudo-icon .pseudo-bullet-list li::before {
content:"\30fb";
display:block;
position:absolute;
top:0;
left:0;
}
.pseudo-icon .notice-list{
font-size:12px;
color:var(--cmn-font-color-gray);
}
.pseudo-icon .notice-list > li{
padding-left:calc(1em + 4px);
}
.pseudo-icon .pseudo-tbl-list{
margin-top:8px;
border:1px solid #ddd;
border-collapse:collapse;
font-size:12px;
}
.pseudo-icon .pseudo-tbl-list tr{
border-bottom:1px solid #ddd;
}
.pseudo-icon .pseudo-tbl-list th{
font-weight:normal;
min-width:65px;
text-align:left;
padding:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #ddd;
}
.pseudo-icon .pseudo-tbl-list td{
padding:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-icon .pseudo-tbl-list td .notice-list{
margin:4px 0 0;
}
.pseudo-icon strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-icon .pseudo-toggle-01{
margin-bottom:8px;
font-size:12px;
}
.pseudo-icon .pseudo-toggle-01-hook{
margin-top:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-icon .pseudo-toggle-01-hook button{
padding:0;
border:none;
background:none;
font-size:12px;
}
.pseudo-icon .pseudo-toggle-01-hook .pseudo-toggle-01-hook-btn{
padding-left:12px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 49%;
background-size:8px auto;
}
.pseudo-icon .pseudo-toggle-01[aria-expanded="true"] .pseudo-toggle-01-hook-btn{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo-icon .pseudo-toggle-01-content{
margin-top:4px;
padding:8px;
border-radius:4px;
position:relative;
background-color:#f5f5f5;
}
.pseudo-icon .pseudo-toggle-01-content::before{
content:"";
display:block;
width:20px;
height:7px;
position:absolute;
top:-6px;
left:24px;
background:url(/element_sp/j_tour/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}
.pseudo-icon .pseudo-toggle-01-content > :first-child{
margin-top:0;
}
.pseudo-icon .pseudo-toggle-01-content > :last-child{
margin-bottom:0;
}
.pseudo-icon .pseudo-toggle-01-content p{
margin-top:4px;
}
.pseudo-icon .pseudo-toggle-01[aria-expanded="false"] .pseudo-toggle-01-content{
display:none;
}
.pseudo-icon .pseudo-toggle-01[aria-expanded="true"] .pseudo-toggle-01-content{
display:block;
}
.pseudo-icon .pseudo-toggle-01-content .pseudo-list-budget span:first-child{
margin-right:4px;
}
.pseudo-baggage .pseudo-contents{
padding:16px 10px !important;
}
.pseudo-baggage .pseudo-contents > *:not(:first-child){
margin-top:12px;
}
.pseudo-baggage .pseudo-contents strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-baggage .pseudo-contents > .pseudo-hdg-l3{
border:none;
padding:0;
margin-top:24px !important;
}
.pseudo-baggage > .pseudo-footer .pseudo-footer-btn-list > li:first-child:last-child {
min-width:249px !important;
}
.pseudo-baggage > .pseudo-footer .pseudo-footer-btn-list li.cv button{
font-size:16px !important;
}
.pseudo-departure-point .pseudo-contents,
.pseudo-departure-date .pseudo-contents{
padding:0 10px !important;
}
.pseudo-departure-point .pseudo-contents > .cmn-tip-link-list-01,
.pseudo-departure-date .pseudo-contents > .cmn-tip-link-list-01{
margin:0 -10px;
}
.pseudo-round-tour .pseudo-contents,
.pseudo-number .pseudo-contents,
.pseudo-terms .pseudo-contents,
.pseudo-goto .pseudo-contents{
padding:16px 10px !important;
}
.pseudo-number .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo-number .pseudo-hdg-01:before{
display:inline-block;
content:"";
background-color:var(--cmn-font-color-base);
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-calendar .calendar-catch{
margin:0;
padding:10px;
font-size:13px;
background-color:#f5f5f5;
}
.pseudo-calendar .calendar-catch strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-calendar .calendar-catch li{
padding-left:12px;
position:relative;
font-size:12px;
}
.pseudo-calendar .calendar-catch li:not(:first-child){
margin-top:4px;
}
.pseudo-calendar .calendar-catch li::before{
content:"\2022";
display:block;
position:absolute;
left:0;
top:0;
}
.pseudo-calendar .calendar-nav{
position:relative;
display:block;
margin:16px 10px 14px;
padding:0;
}
.pseudo-calendar .calendar-nav .calendar-nav-hdg{
font-size:16px;
color:var(--cmn-font-color-base);
text-align:center;
padding:6px 60px;
min-height:28px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.pseudo-calendar .calendar-nav-list{
margin:0;
position:absolute;
top:0;
width:100%;
height:28px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.pseudo-calendar .calendar-nav-list > li button{
width:100%;
min-width:52px;
height:100%;
color:var(--cmn-font-color-base);
padding:0;
font-size:14px;
border:1px solid #bbb;
border-radius:4px;
background-color:transparent;
text-align:center;
}
.pseudo-calendar .calendar-sup{
margin:0 10px 4px;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.pseudo-calendar .calendar-sup > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin-right:16px;
}
.pseudo-calendar .calendar-sup > li:last-child{
margin-right:0;
}
.pseudo-calendar .calendar-sup > li > div:first-child{
position:relative;
min-width:1em;
padding-right:12px;
}
.pseudo-calendar .calendar-sup > li > div:first-child strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-calendar .calendar-sup > li > div:first-child::before{
content:":";
display:block;
position:absolute;
top:-1px;
right:4px;
}
.pseudo-calendar .calendar-sup > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-calendar .calendar-change{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
margin:0 10px 12px;
line-height:1;
}
.pseudo-calendar .calendar-change .child-fee{
margin-left:auto;
border:1px solid #ccc;
border-radius:4px;
padding:4px 6px;
}
.pseudo-calendar .calendar-change .child-fee label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo-calendar .calendar-change .child-fee label input{
margin-right:4px;
}
.pseudo-calendar .calendar-tbl{
margin:0 10px;
padding:0;
font-size:12px;
line-height:1;
width:calc(100% - 20px);
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
color:var(--cmn-font-color-base);
}
.pseudo-calendar .calendar-tbl tr:not(:first-child){
border-bottom:1px solid #e5e5e5;
}
.pseudo-calendar .calendar-tbl th{
padding:0 0 4px;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.pseudo-calendar .calendar-tbl th:first-child{
color:var(--cmn-font-color-red);
}
.pseudo-calendar .calendar-tbl td{
padding:0;
text-align:center;
vertical-align:top;
border-bottom:1px solid #eaeaea;
position:relative;
}
.pseudo-calendar .calendar-tbl td > a{
padding:4px 0 6px;
cursor:pointer;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
min-height:58px;
}
.pseudo-calendar .calendar-tbl td:first-child .date,
.pseudo-calendar .calendar-tbl td > .holiday .date{
color:var(--cmn-font-color-red) !important;
}
.pseudo-calendar .calendar-tbl td > .full .date,
.pseudo-calendar .calendar-tbl td > .available .date,
.pseudo-calendar .calendar-tbl td > .disabled .date,
.pseudo-calendar .calendar-tbl td > .confirm .date{
color:var(--cmn-font-color-gray);
display:block;
}
.pseudo-calendar .calendar-tbl td > .full .price,
.pseudo-calendar .calendar-tbl td > .available .price,
.pseudo-calendar .calendar-tbl td > .disabled .price,
.pseudo-calendar .calendar-tbl td > .confirm .price{
display:block;
font-size:14px;
margin-top:4px;
}
.pseudo-calendar .calendar-tbl.calendar-tbl-confirm td > div .price{
color:rgba(0, 0, 0, 0) !important;
}
.pseudo-calendar .calendar-tbl td > .full .goto-price,
.pseudo-calendar .calendar-tbl td > .available .goto-price,
.pseudo-calendar .calendar-tbl td > .disabled .goto-price,
.pseudo-calendar .calendar-tbl td > .confirm .goto-price{
display:block;
font-size:12px;
margin-top:2px;
height:12px;
}
.pseudo-calendar .calendar-tbl td > .full .goto-price > span,
.pseudo-calendar .calendar-tbl td > .available .goto-price > span,
.pseudo-calendar .calendar-tbl td > .disabled .goto-price > span,
.pseudo-calendar .calendar-tbl td > .confirm .goto-price > span{
color:var(--cmn-font-color-red);
font-size:14px;
}
.pseudo-calendar .calendar-tbl td > .full .price-child,
.pseudo-calendar .calendar-tbl td > .available .price-child,
.pseudo-calendar .calendar-tbl td > .disabled .price-child,
.pseudo-calendar .calendar-tbl td > .confirm .price-child{
display:block;
font-size:12px;
margin-top:2px;
}
.pseudo-calendar .calendar-tbl td > .full .status,
.pseudo-calendar .calendar-tbl td > .available .status,
.pseudo-calendar .calendar-tbl td > .disabled .status,
.pseudo-calendar .calendar-tbl td > .confirm .status{
display:block;
position:relative;
margin-top:4px;
height:12px;
color:transparent;
font-size:12px;
line-height:1;
}
.pseudo-calendar .calendar-tbl td > .disabled .status{
color:var(--cmn-font-color-gray);
position:absolute;
top:16px;
left:0;
right:0;
bottom:0;
margin:auto;
}
.pseudo-calendar .calendar-tbl td > .confirm .status{
color:var(--cmn-font-color-link);
}
.pseudo-calendar .calendar-tbl td > .full .status:before,
.pseudo-calendar .calendar-tbl td > .full .status:after{
content:"";
position:absolute;
height:1px;
width:12px;
display:block;
background:#777;
top:50%;
left:50%;
margin-left:-6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo-calendar .calendar-tbl td > .full .status:after {
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-calendar .calendar-tbl td > .available .status:before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
margin:auto;
display:block;
width:12px;
height:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid var(--cmn-btn-color);
border-radius:100%;
-webkit-transform:none;
transform:none;
}
.pseudo-calendar .calendar-tbl td > .available .status.status-text{
color:var(--cmn-font-color-link);
}
.pseudo-calendar .calendar-tbl td > .available .status.status-text::before{
display:none;
}
.pseudo-calendar .calendar-tbl td > .available .status.status-text::after{
display:none;
}
.pseudo-calendar .calendar-tbl td > .available .status.double-circle:before{
border:3px double var(--cmn-btn-color);
}
.pseudo-calendar .calendar-tbl td > .active{
color:#fff !important;
background-color:var(--cmn-btn-color);
}
.pseudo-calendar .calendar-tbl td > .active .date{
color:#fff !important;
}
.pseudo-calendar .calendar-tbl td > .active .status::before{
border:1px solid #fff !important;
}
.pseudo-calendar .calendar-note-text{
font-size:12px;
margin:8px 10px;
}

/* .pseudo-gallery */
.pseudo-lyt-gallery{
background-color:#000;
}
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
color:#fff;
min-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.42;
font-size:12px;
display:none;
position:static;
min-height:0;
box-sizing:border-box;
}
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery.is-active{
width:auto;
height:auto;
display:block;
position:static;
background-color:#000;
overflow:auto;
}
@media screen and (orientation:landscape){
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
min-height:0;
}
}
.pseudo-gallery .pseudo-gallery-header{
padding:12px 10px 8px;
-webkit-box-shadow:0 2px 6px rgba(0,0,0,.5);
box-shadow:0 2px 6px rgba(0,0,0,.5);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:fixed;
top:0;
width:100%;
z-index:1;
font-size:12px;
background-color:#000;
}
.pseudo-gallery .pseudo-gallery-header > div:first-child{
position:relative;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin-top:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child > span{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
.pseudo-gallery .pseudo-gallery-header > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-width:0;
}
.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin:0 0 0 16px;
}
}
.pseudo-gallery .pseudo-gallery-header-hdg{
margin:0 38px;
line-height:1.35;
font-weight:normal;
font-size:14px;
text-align:center;
}
.pseudo-gallery .pseudo-gallery-header-hdg > span{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-hdg{
margin-right:0;
}
}
.pseudo-gallery .pseudo-gallery-header-btn-prev{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:-12px;
left:-10px;
width:48px;
height:45px;
background:url(/element_sp/j_tour/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}
.pseudo-gallery .pseudo-gallery-header-btn-resize{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
margin:0 0 0 auto;
padding:0;
border:none;
display:block;
font-size:14px;
}
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-btn-resize{
margin-left:20px;
}
}
.pseudo-gallery .pseudo-gallery-header-filter{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.pseudo-gallery .pseudo-gallery-header-filter > button{
padding:0 12px 0 32px;
border:none;
border-radius:4px;
height:33px;
background:#fff url(/element_sp/j_tour/shared/images/icon-filter.svg) no-repeat 12px 50%;
background-size:12px auto;
font-size:14px;
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
}
.pseudo-gallery-header-filter[aria-expanded="true"] .pseudo-gallery-header-filter-pulldown{
display:block;
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before{
margin-left:-6px;
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
margin-left:-20px;
content:"";
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50px;
background-color:#fff;
}
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
left:auto;
right:0;
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before,
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
left:110px;
}
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list{
margin:0;
line-height:1;
white-space:nowrap;
}
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
}
.pseudo-gallery-header-filter-pulldown-list > li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.pseudo-gallery-header-filter-pulldown-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/j_tour/shared/images/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-content{
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}
}
.pseudo-gallery-columns{
position:relative;
width:100%;
}
.pseudo-gallery-columns > li{
margin-bottom:12px;
width:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="pseudo-gallery-columns"] a{
color:rgba(255,255,255,.6);
}
[class^="pseudo-gallery-columns"] a > span{
--cmn-dashed-color:rgba(255,255,255,.6);
--cmn-dashed-font-color:rgba(255,255,255,.6);
}
[class^="pseudo-gallery-columns"] img{
display:block;
width:auto;
height:auto;
width:100%;
}
[class^="pseudo-gallery-columns"] .image{
position:relative;
}
[class^="pseudo-gallery-columns"] .image::before{
content:"";
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,.4)), to(rgba(0,0,0,.7)));
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 50%, rgba(0,0,0,.7) 100%);
}
[class^="pseudo-gallery-columns"] .image a,
[class^="pseudo-gallery-columns"] .image span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
}
[class^="pseudo-gallery-columns"] .note{
margin:8px 8px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
max-width:100%;
}
[class^="pseudo-gallery-columns"] .note > span,
[class^="pseudo-gallery-columns"] .note > a{
margin:0 8px;
}
[class^="pseudo-gallery-columns"] .note > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pseudo-gallery-columns-wide > li{
margin-bottom:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo-gallery-columns-wide img{
width:auto;
max-width:100%;
max-height:539px;
}
.pseudo-gallery-columns-wide .note > span{
white-space:normal;
text-align:center;
}
.pseudo-gallery-columns-wide.is-landscape > li{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto;
grid-template-columns:auto;
-ms-grid-rows:1fr auto;
grid-template-rows:1fr auto;
text-align:center;
}
.pseudo-gallery-columns-wide.is-landscape .image{
position:relative;
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
height:100%;
}
.pseudo-gallery-columns-wide.is-landscape .image > div{
position:absolute;
top:0;
right:50%;
height:100%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
overflow:hidden;
}
.pseudo-gallery-columns-wide.is-landscape img{
height:100%;
max-width:none;
}
.pseudo-gallery-columns-wide.is-landscape .note{
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
}

/* pseudo-def-list
---------------------------------- */
.pseudo .pseudo-def-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:8px 21px;
}
.pseudo .pseudo-def-list dt{
white-space:nowrap;
position:relative;
}
.pseudo .pseudo-def-list dt::after {
content:":";
display:block;
position:absolute;
right:-8px;
top:1px;
line-height:1;
}

/* ----------------------------------------------------------------
  List (RN:2023/05)
----------------------------------------------------------------- */
/* .search-result-tab */
.search-result .search-result-tab{
margin:0 0 10px;
padding:0 10px;
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);
box-shadow:0 2px 4px rgba(0,0,0,.2);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
background-color:#fff;
}
.search-result .search-result-tab li{
position:relative;
}
.search-result .search-result-tab li:not(:first-child){
margin-left:20px;
}
.search-result .search-result-tab li button{
padding:12px 0 16px;
border:none;
color:var(--cmn-font-color-base);
width:100%;
height:45px;
background:transparent;
font-size:14px;
line-height:1;
}
.search-result .search-result-tab li button[aria-selected="true"]{
position:relative;
font-weight:bold;
}
.search-result .search-result-tab li button[aria-selected="true"]::before{
content:"";
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:8px;
left:0;
background-color:var(--cmn-font-color-base);
}

/* .search-result-sort */
.search-result .search-result-sort{
margin:11px 8px 12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.search-result .search-result-sort-num{
line-height:1.25;
}
.search-result .search-result-sort-num > span{
display:block;
font-size:12px;
}
.search-result .search-result-check{
margin-left:auto;
margin-right:8px;
}
.search-result .search-result-check .checkbox-custom{
padding-left:26px;
font-size:12px;
}
.search-result .search-result-sort-num button{
padding:0;
border:none;
min-height:15px;
background:none;
font-size:12px;
text-align:left;
}
.search-result .search-item-option{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:8px;
white-space:nowrap;
}
.search-result .search-item-option .checkbox-custom{
line-height:1.25;
font-size:12px;
padding-left:26px;
}
.search-result .search-result-sort-btn{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;

/* max-width: 129px; */
max-width:calc(100vw - 230px);
}
.search-result .search-result-sort-btn > button{
padding:0 12px 0 30px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
width:125px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-image:url(/element_sp/j_tour/shared/images/icon-sort.svg);
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}
.search-result .search-result-sort-btn > button.is-active::before{
position:absolute;
bottom:-17px;
left:50%;
margin-left:-7px;
content:"";
display:inline-block;
width:14px;
height:14px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
z-index:1;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.search-result .search-result-sort-btn > button.is-active::after{
position:absolute;
bottom:-10px;
left:50%;
margin-left:-9px;
margin-top:-3px;
content:"";
display:inline-block;
width:0;
height:0;
border-bottom:10px solid #fff;
border-left:10px solid transparent;
border-right:10px solid transparent;
z-index:3;
}
.search-result .search-result-sort-btn > button.is-active::before{
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
}
.search-result .search-result-sort-btn > button.is-active::after{
z-index:20;
}
.search-result .search-result-sort-btn .btn-pulldown{
margin-top:8px;
padding:0 16px 12px;
border-radius:3px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
z-index:10;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
filter:drop-shadow(0 0 2px rgba(0, 0, 0, .3));
min-width:203px;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-close{
margin:0;
padding:12px;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
right:0;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-close.svg) no-repeat 50% 50%;
background-size:15px auto;
z-index:11;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-pulldown-list{
position:relative;
margin:24px 0 0;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-pulldown-list li{
border-bottom:none !important;
padding:7px 0;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-pulldown-list li > a{
padding-left:24px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-pulldown-list li.is-active > a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.search-result .search-result-sort-btn .btn-pulldown .btn-pulldown-list li:first-child{
padding-right:24px;
}

/* .search-result-item */
.search-result .search-result-item{
background:#fff;
border-radius:6px;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
box-shadow:0 0 4px rgba(0,0,0,.3);
margin:0 8px 12px;
padding:12px;
line-height:1.35;
position:relative;
}
.search-result .search-result-item-btn-favorite{
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:19px;
height:17px;
overflow:hidden;
-webkit-user-select:none;
-ms-user-select:none;
-moz-user-select:none;
user-select:none;
background:url(/element_sp/j_tour/shared/images/icon-favorite.svg) no-repeat 0 0;
background-size:100% auto;
}
.search-result .search-result-item-btn-favorite.is-active{
background-image:url(/element_sp/j_tour/shared/images/icon-favorite-active.svg);
}
.search-result .search-result-item-header{
margin-bottom:8px;
position:relative;
}
.search-result .search-result-item-header.hotel{
display:-ms-grid;
display:grid;
-ms-grid-columns:108px 1fr;
grid-template-columns:108px 1fr;
-ms-grid-rows:auto auto;
grid-template-rows:auto auto;
-webkit-column-gap:12px;
-moz-column-gap:12px;
column-gap:12px;
background-color:#444;
margin:-12px -12px 12px;
padding:12px 12px 4px 12px;
border-radius:6px 6px 0 0;
}
.search-result .search-result-item-header.hotel + .search-result-item-header .search-result-item-header-hdg{
font-size:14px;
-webkit-line-clamp:5;
}
.search-result .search-result-item-header.hotel .review > [role="tabpanel"]{
background-color:#f5f5f5;
}
.search-result .search-result-item-header.hotel .review .review-list button[aria-selected="true"]::after{
background-color:#f5f5f5;
}
.search-result .search-result-item-header.hotel .search-result .search-result-item-header-basic .review .hotel-rank-content-catch{
border-bottom:1px solid #dddddd;
}
.search-result .search-result-item-header.hotel .search-result .search-result-item-header-basic .review .price-range-content-catch{
border-bottom:1px solid #dddddd;
}
.search-result .search-result-item-header.hotel .search-result .search-result-item-header-basic .review .user-review-content-catch{
border-bottom:1px solid #dddddd;
}
.search-result .search-result-item-header-thumb{
margin:-8px 0 0 -8px;
border-radius:4px;
-ms-grid-column:1;
-ms-grid-column-span:1;
grid-column:1 / 2;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
position:relative;
overflow:hidden;
height:156px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-header-thumb::before{
content:"";
display:block;
width:100%;
height:30px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0, 0, 0, .4)), to(rgba(0,0,0,.7)));
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}
.search-result .search-result-item-header-thumb img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.search-result .search-result-item-header-thumb .gallery{
color:#fff;
padding:2px 18px 2px 3px;
border:none;
border-radius:3px;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/j_tour/shared/images/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:10px auto;
font-size:10px;
text-align:center;
}
.search-result .search-result-item-header-thumb .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}
.search-result .search-result-item-header-thumb a,
.search-result .search-result-item-header-thumb span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
}
.search-result .search-result-item-header-thumb.no-photo{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#eee;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#fcfcfc;
}
.search-result .search-result-item-header-thumb.no-photo::before{
display:none;
}
.search-result .search-result-item-header-thumb.no-photo img{
display:block;
width:90px;
height:auto;
}
.search-result .search-result-item-header-basic{
-ms-grid-column:2;
-ms-grid-column-span:1;
grid-column:2 / 3;
-ms-grid-row:1;
-ms-grid-row-span:1;
grid-row:1 / 2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
min-width:0;
}
.search-result .search-result-item-header-basic .review .review-list button{
color:#fff;
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
}
.search-result .search-result-item-header-basic .review .hotel-rank-content-catch{
border-bottom:1px solid #ddd;
}
.search-result .search-result-item-header-basic .review .review-list button[aria-selected="true"]{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
}
.search-result .search-result-item-header-basic .review .review-list .user button > span:first-child{
background-image:url(/element_sp/j_tour/shared/images/icon-review-face-alpha.svg);
}
.search-result .search-result-item-header-basic-hdg{
line-height:1.35;
font-weight:normal;
font-size:16px;
}
.search-result .search-result-item-header-basic-hdg .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
@media screen and (max-width:359px){
.search-result .search-result-item-header-basic-hdg + .review .review-list button[aria-selected="true"]::after{
display:none;
}
}
.search-result .search-result-item-header-basic-list{
margin:0;
font-size:12px;
}
.search-result .search-result-item-header-basic-list > li{
margin-top:4px;
color:#fff;
}
.search-result .search-result-item-header-basic-list > li a{
color:#fff;
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.search-result .search-result-item-header-basic-list > li > span{
display:block;
}
.search-result .search-result-item-header-basic-list .area{
padding-left:14px;
background:url(/element_sp/j_tour/shared/images/icon-map-wht.svg) 0 2px no-repeat;
background-size:9px auto;
margin-top:4px;
}
.search-result .search-result-item-header-basic-bottom{
margin-top:auto;
-ms-flex-item-align:end;
align-self:flex-end;
}
.search-result .search-result-item-header-toggle-hook {
margin-top:4px;
margin-bottom:4px;
padding:0 0 0 10px;
border:none;
font-size:12px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-01-down-wht.svg) no-repeat 0 50%;
background-size:8px auto;
color:#fff;
}
.search-result .search-result-item-header-toggle-hook.is-active{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-01-up-wht.svg);
}
.search-result .search-result-item-header-toggle-detail{
margin-top:8px;
-ms-grid-column:1;
-ms-grid-column-span:2;
grid-column:1 / 3;
-ms-grid-row:2;
-ms-grid-row-span:1;
grid-row:2 / 3;
display:none;
line-height:1.5;
font-size:12px;
color:#fff;
}
.search-result .search-result-item-header-toggle-detail > :first-child{
margin-top:0;
}
.search-result .search-result-item-header-toggle-detail p{
margin:8px 0 0;
}
.search-result .search-result-item-header-toggle-detail.is-active{
display:block;
}
.search-result .search-result-item-header-link{
margin-top:4px;
text-align:right;
}
.search-result .search-result-item-header-link a .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.search-result .search-result-item-header-link a .icon-blank{
background-image:url(/element_sp/j_tour/shared/images/icon-external-wht.svg);
}
.search-result .search-result-item-header > a{
display:block;
position:relative;
color:var(--cmn-font-color-link);
}
.search-result .search-result-item-header-hdg{
margin:0 31px 4px 0;
font-size:16px;
font-weight:normal;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:6;
-webkit-box-orient:vertical;
overflow:hidden;
}
.search-result .search-result-item-header-list{
margin:-4px 0 0 -4px;
font-size:0;
}
.search-result .search-result-item-header-list > li{
margin:4px 0 0 4px;
padding:2px 5px 1px;
display:inline-block;
color:var(--cmn-font-color-base);
font-size:12px;
border:1px solid #ccc;
}
.search-result .search-result-item-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
}
.search-result .search-result-item-price-detail{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:8px;
}
.search-result .search-result-item-price-detail > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
}
.search-result .search-result-item-price-detail > li > span:last-child{
margin-left:auto;
padding-left:4px;
}
.search-result .search-result-item-price-detail > li.adult .num{
font-weight:bold;
font-size:18px;
}
.search-result .search-result-item-price-detail > li.child .num,
.search-result .search-result-item-price-detail > li.ticket .num{
font-size:14px;
}
.search-result .search-result-item-price-detail > li.ticket{
padding-right:1em;
}
.search-result .search-result-item-price-cv{
min-width:132px;
}
@media screen and (max-width:365px){
.search-result .search-result-item-price-detail{
padding-right:10px;
}
}
.search-result .search-result-item-price-cv > a{
background-color:var(--cmn-btn-color);
color:#fff;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
max-width:132px;
font-size:14px;
padding:10px;
text-align:center;
margin-left:auto;
}
.search-result .search-result-item-price-cv > div{
font-size:12px;
text-align:center;
margin-top:4px;
}
.search-result .search-result-item-price-cv > div em{
color:var(--cmn-font-color-red);
}
.search-result .search-result-item-mark{
font-size:12px;
margin-top:8px;
}

/* .search-result-item-info */
.search-result .search-result-item-info{
margin:8px 0 0 0;
}
.search-result .search-result-item-info .search-result-item-info-list{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
font-size:12px;
margin:0;
}
.search-result .search-result-item-info .search-result-item-info-list > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div{
padding:4px 8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:first-child{
background-color:#f5f5f5;
min-width:64px;
width:64px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 64px);
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .tour-feature > span,
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .reservation-site > span{
display:inline-block;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > :not(:first-child){
margin:4px 0 0;
font-size:12px;
}
@media screen and (max-width:321px){
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel .review .review-list button[aria-selected="true"]::after{
display:none;
}
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > p.hotel{
margin:0;
font-size:12px;
line-height:1.5;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > p.distance{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
white-space:nowrap;
font-size:12px;
margin-bottom:0;
line-height:1.2;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > p.distance span{
margin:0 8px 0 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > p.distance .map{
margin-left:12px;
padding-right:.5em;
position:relative;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-hotel > p.distance .map::before{
content:"";
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-map.svg) 0 50% no-repeat;
background-size:9px auto;
position:absolute;
left:-12px;
width:9px;
height:15px;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .multiple .info-list-hotel .review .review-list > li:not(:last-child){
margin-right:8px;
}
@media (max-width:365px){
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .multiple .info-list-hotel .review .review-list > li:not(:last-child){
margin-right:6px;
}
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .reservation-link{
color:var(--cmn-font-color-base);
position:relative;
padding-right:12px;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .reservation-link::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) no-repeat 100% 50%;
background-size:7px auto;
width:7px;
height:12px;
}
.search-result .search-result-item-info .search-result-item-info-list > li > div:last-child .info-list-remarks .cmn-tip-info-btn{
margin-left:4px;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child{
padding:0;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
border-bottom:1px solid #ddd;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple > li > div:first-child{
min-width:40px;
text-align:center;
border-right:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple > li > div:last-child{
padding:4px 8px;
width:calc(100% - 40px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple > li > div:last-child.not-hotel{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div{
padding:4px 8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div .notice{
font-size:12px;
color:var(--cmn-font-color-gray);
padding-left:calc(1em + 4px);
position:relative;
margin-right:auto;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div .notice::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn{
font-size:12px;
color:var(--cmn-font-color-base);
width:auto;
padding:0;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn::before{
width:8px;
height:8px;
margin:1px 4px 0 0;
}
.search-result .search-result-item-info .search-result-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn.is-active::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.search-result .search-result-item-info .search-result-item-info-list-toggle{
width:100%;
border:1px solid #ddd;
border-top:none;
padding:4px 8px;
text-align:right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-info .search-result-item-info-list-toggle.is-active{
border:none;
}
.search-result .search-result-item-info .search-result-item-info-list-toggle .toggle-hook{
margin:0;
padding-left:10px;
border:none;
font-size:12px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
}
.search-result .search-result-item-info .search-result-item-info-list-toggle.is-active .toggle-hook{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-01-up.svg);
}
.search-result .search-result-item-info .search-result-item-footer-btn{
text-align:center;
margin-top:12px;
}
.search-result .search-result-item-info .search-result-item-footer-btn a{
font-size:16px;
color:var(--cmn-font-color-base);
display:inline-block;
}
.search-result .search-result-item-info .search-result-item-footer-btn span{
font-size:12px;
display:block;
margin-top:4px;
}

/* ----------------------------------------------------------------
  Detail (RN:2023/05)
----------------------------------------------------------------- */
.detail-bg {
margin:-10px -10px 0;
padding:0 10px;
overflow:hidden;
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.detail-bg .bg-black {
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.detail-bg .cmn-topic-path{
margin:0 -10px;
}
.detail-bg .cmn-topic-path,
.detail-bg .cmn-topic-path .cmn-topic-path-home{
background:transparent;
}
a.link-history-back{
padding:11px 0 11px 28px;
border-top:1px solid #000;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
text-align:left;
font-size:14px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
}
a.link-history-back::before{
margin-top:-8px;
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
left:0;
background:url(/element_sp/j_tour/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}
a.link-history-back > span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.detail-item{
background-color:#bbb;
margin:0 -10px;
}
.detail-item-wrap{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
padding:0 10px;
}
.detail-item-wrap.detail-item-wrap-tour{
background-color:#f5f5f5;
}
.detail-item-wrap.detail-item-wrap-seo{
-webkit-box-shadow:none;
box-shadow:none;
background-color:#f5f5f5;
padding-bottom:24px;
}
.detail-item-wrap.detail-item-wrap-seo::before{
content:"";
display:block;
width:1px;
height:1px;
margin-bottom:-1px;
}
.detail-item-wrap.detail-item-wrap-seo >:first-child.cmn-notice-list{
margin-top:8px;
}
.detail-item-wrap:not(:first-child){
margin-top:12px;
}
.detail-item-wrap:not(:first-child).detail-item-wrap-seo{
margin-top:0;
}

/* .detail-item-header */
.detail-item-header{
margin-bottom:8px;
padding-top:12px;
position:relative;
}
.detail-item-header-hdg{
margin:0 35px 8px 0;
font-size:16px;
font-weight:normal;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:6;
-webkit-box-orient:vertical;
overflow:hidden;
min-height:52px;
}
.detail-item-header-hdg a{
color:var(--cmn-font-color-link);
}
.detail-item-header .detail-item-header-btn-list{
margin:0;
position:absolute;
top:12px;
right:0;
}
.detail-item-header .detail-item-header-btn-list > li{
margin:0 auto 12px;
width:19px;
}
.detail-item-header .detail-item-header-btn-list button{
margin:0 auto;
padding:0;
border:none;
display:block;
color:rgba(0,0,0,0);
width:19px;
height:17px;
overflow:hidden;
}
.detail-item-header .detail-item-header-btn-list .favorite button{
background:url(/element_sp/j_tour/shared/images/icon-favorite.svg) no-repeat 0 0;
background-size:100% auto;
}
.detail-item-header .detail-item-header-btn-list .favorite.is-active button{
background-image:url(/element_sp/j_tour/shared/images/icon-favorite-active.svg);
}
.detail-item-header .detail-item-header-btn-list .share button{
width:16px;
height:20px;
background:url(/element_sp/j_tour/shared/images/icon-share.svg) no-repeat 0 0;
}
.detail-item-header-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.detail-item-header-list ul{
margin:0 4px 4px 0;
font-size:0;
}
.detail-item-header-list ul > li{
margin:0 4px 4px 0;
padding:2px 5px 1px;
display:inline-block;
color:var(--cmn-font-color-base);
font-size:12px;
border:1px solid #ccc;
}
.detail-item-header-list .detail-item-mark{
font-size:12px;
min-width:103px;
padding-top:3px;
text-align:right;
}
.detail-item-header-list-02{
margin-top:4px;
}
.detail-item-header-list-02::after{
content:"";
clear:both;
display:table;
}
.detail-item-header-list-02.is-adjust .detail-item-company{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:8em;
}
.detail-item-header-list-02 .search-result-item-header-list >li{
float:left;
}
.detail-item-header-list-02 .detail-item-company{
color:var(--cmn-font-color-base);
font-size:12px;
text-align:right;
margin-top:7px;
float:right;
}

/* .detail-item-info */
.detail-item-info{
margin:12px 0 0 0;
padding-bottom:12px;
}
.detail-item-info .detail-item-info-list{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
font-size:12px;
margin:0;
}
.detail-item-info .detail-item-info-list > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.detail-item-info .detail-item-info-list > li:empty{
border:none;
}
.detail-item-info .detail-item-info-list > li > div{
padding:4px 8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.detail-item-info .detail-item-info-list > li > div:first-child{
background-color:#f5f5f5;
min-width:64px;
width:64px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.detail-item-info .detail-item-info-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
max-width:calc(100% - 64px);
}
.detail-item-info .detail-item-info-list > li > div:last-child .tour-feature > span,
.detail-item-info .detail-item-info-list > li > div:last-child .reservation-site > span{
display:inline-block;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > :not(:first-child){
margin:4px 0 0;
font-size:12px;
}
@media screen and (max-width:301px){
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel .review .review-list button[aria-selected="true"]::after{
display:none;
}
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > p.hotel{
margin:0;
font-size:12px;
line-height:1.5;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > p.distance{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
white-space:nowrap;
font-size:12px;
margin-bottom:0;
line-height:1.25;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > p.distance span{
margin:0 4px 0 0;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > p.distance .map{
margin-left:12px;
padding-right:.5em;
position:relative;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-hotel > p.distance .map::before{
content:"";
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-map.svg) 0 50% no-repeat;
background-size:9px auto;
position:absolute;
left:-12px;
width:9px;
height:15px;
}
.detail-item-info .detail-item-info-list > li > div:last-child .multiple .info-list-hotel .review .review-list > li{
margin-right:8px;
}
.detail-item-info .detail-item-info-list > li > div:last-child .reservation-link{
color:var(--cmn-font-color-base);
position:relative;
padding-right:12px;
}
.detail-item-info .detail-item-info-list > li > div:last-child .reservation-link::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) no-repeat 100% 50%;
background-size:7px auto;
width:7px;
height:12px;
}
.detail-item-info .detail-item-info-list > li > div:last-child .info-list-remarks .cmn-tip-info-btn{
margin-left:4px;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child{
padding:0;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple{
margin:0;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple > li:not(:last-child){
border-bottom:1px solid #ddd;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple > li > div:first-child{
min-width:40px;
text-align:center;
border-right:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple > li > div:last-child{
padding:4px 8px;
width:calc(100% - 40px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple > li > div:last-child.not-hotel{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple + div{
padding:4px 8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-top:1px solid #ddd;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn{
font-size:12px;
color:var(--cmn-font-color-base);
width:auto;
padding:0;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn::before{
width:8px;
height:8px;
margin:1px 4px 0 0;
}
.detail-item-info .detail-item-info-list > li.hotel > div:last-child .multiple + div .toggle-btn.is-active::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .tour-detail */
.tour-detail{
padding:12px 0 16px;
}
.tour-detail > .tour-detail-hdg{
font-size:16px;
margin-bottom:12px;
}
.tour-detail .tour-detail-text{
margin:0;
}
.tour-detail .tour-detail-text-sub{
margin:12px 0 0 0;
}
.tour-detail .tour-detail-text-sub p{
font-size:12px;
margin:0;
}
.tour-detail .toggle .toggle-continue .toggle-btn{
display:inline-block;
margin:0 auto;
padding:0;
color:#a1a1a1;
font-size:12px;
text-align:right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:none;
width:auto;
}
.tour-detail .toggle .toggle-continue > .toggle-btn > span:before{
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.tour-detail .toggle .toggle-continue .toggle-btn::before{
display:none;
}
.tour-detail .toggle.is-active .toggle-item > .toggle-btn{
padding:0;
display:inline-block;
text-align:right;
font-size:12px;
margin-top:10px;
color:var(--cmn-font-color-base);
}
.tour-detail .toggle.is-active .toggle-item > .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
width:8px;
height:5px;
margin:0 4px 0 0;
}
.tour-detail .toggle > .toggle-item,
.tour-detail .toggle.is-active > .toggle-continue{
display:none;
}
.tour-detail .toggle.is-active > .toggle-item,
.tour-detail .toggle > .toggle-continue{
display:block;
position:relative;
}

/* .carousel-image */
.tour-detail .carousel-image{
margin:16px 0;
position:relative;
}
.tour-detail .carousel-image .carousel-image-inner{
overflow:hidden;
position:relative;
}
.tour-detail .carousel-image .carousel-image-list{
margin:0;
overflow:hidden;
width:9999px;
}
.tour-detail .carousel-image .carousel-image-list > li{
float:left;
position:relative;
}
.tour-detail .carousel-image .carousel-image-list > li > div{
position:relative;
display:block;
overflow:hidden;
margin:auto;
text-align:center;
}
.tour-detail  .carousel-image .carousel-image-list > li div span{
position:relative;
display:inline-block;
}
.tour-detail  .carousel-image .carousel-image-list > li div span::after{
content:"";
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,.1)), color-stop(60%, rgba(0,0,0,.4)), to(rgba(0,0,0,.7)));
background:linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.7) 100%);
z-index:1;
}
.tour-detail .carousel-image .carousel-image-list > li > div span img{
width:100%;
height:100%;
max-height:200px;
-o-object-fit:cover;
object-fit:cover;
}
.tour-detail .carousel-image .carousel-image-dots{
margin:0;
position:absolute;
bottom:36px;
right:50%;
height:8px;
-webkit-transform:translateX(50%);
transform:translateX(50%);
z-index:1;
}
.tour-detail .carousel-image .carousel-image-dots > div{
margin:auto;
border-radius:50%;
width:4px;
height:4px;
position:absolute;
left:0;
right:0;
-webkit-transition:.3s ease-in-out;
transition:.3s ease-in-out;
background-color:rgba(255,255,255,.6);
}
.tour-detail .carousel-image .carousel-image-dots > .is-active{
background-color:rgba(255,255,255,.9);
}
.tour-detail .carousel-image .carousel-image-caption{
color:var(--cmn-font-color-base);
font-size:12px;
margin:12px 0 0;
text-align:center;
}

/* .tour-detail-toggle */
.tour-detail .tour-detail-toggle{
border:1px solid #ccc;
border-radius:4px;
margin:0;
background-color:#fff;
padding:0 12px;
}
.tour-detail .tour-detail-toggle:not(:first-child){
margin:8px 0 0;
}
.tour-detail .tour-detail-toggle .tour-detail-header{
padding:12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tour-detail .tour-detail-toggle .tour-detail-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.tour-detail .tour-detail-toggle .tour-detail-hdg{
margin-right:12px;
font-size:14px;
font-weight:bold;
}
.tour-detail .tour-detail-toggle .tour-detail-sup{
display:block;
font-size:12px;
vertical-align:middle;
}
.tour-detail .tour-detail-toggle .tour-detail-toggle-item{
display:none;
}
.tour-detail .tour-detail-toggle .tour-detail-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:none;
background:none;
padding:0 30px 0 0;
line-height:1;
text-align:left;
position:relative;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.tour-detail .tour-detail-toggle .tour-detail-toggle-trigger[aria-expanded="true"]{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.tour-detail .tour-detail-toggle .tour-detail-toggle-trigger[aria-expanded="true"] .tour-detail-sup{
display:none;
}
.tour-detail .tour-detail-toggle.is-active .tour-detail-toggle-item{
display:block;
padding-bottom:12px;
}
.tour-detail .tour-detail-toggle.is-active .tour-detail-toggle-item p{
margin:0;
font-size:12px;
}
.tour-detail .tour-detail-toggle.is-active .tour-detail-toggle-item p strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule:not(:first-child){
border-top:1px solid #ddd;
margin-top:12px;
padding-top:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg{
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg + p{
margin-top:8px !important;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info{
margin:12px 0 0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info > li:not(:first-child){
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info > li > div:first-child{
position:relative;
width:4.5em;
padding-right:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info > li > div:first-child::before {
content:":";
display:block;
position:absolute;
top:-1px;
right:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info .info-list-hotel > :not(:first-child){
margin:4px 0 0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-info .info-list-hotel > p.hotel{
margin:0;
font-size:12px;
line-height:1.5;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01{
font-size:12px;
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01:first-child{
margin-top:0;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01::before,
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01::after{
content:"---";
display:inline-block;
color:#949494;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01::before{
margin-right:.5em;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01::after{
margin-left:.5em;
}
.tour-detail .tour-detail-toggle .tour-detail-schedule-hdg-01 + p{
margin-top:4px !important;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar{
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-more + .tour-detail-calendar{
margin-top:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar .notice-list{
margin:8px 0 0;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar .notice-list > li{
padding-left:calc(1em + 4px);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar .notice-list > li:not(:first-child){
margin-top:2px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-container{
margin:12px 0 0;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-nav{
position:relative;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-nav .tour-detail-calendar-nav-hdg{
font-size:16px;
color:var(--cmn-font-color-base);
text-align:center;
padding:6px 60px;
min-height:28px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-nav-list{
margin:0;
position:absolute;
top:0;
width:100%;
height:28px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-nav-list > li.next{
margin-left:auto;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-nav-list > li button{
width:100%;
min-width:52px;
height:100%;
color:var(--cmn-font-color-base);
padding:0;
font-size:14px;
border:1px solid #bbb;
border-radius:4px;
background-color:transparent;
text-align:center;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-container [role="presentation"]{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:12px 0 4px;
padding:0;
width:100%;
font-size:12px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-container [role="presentation"] li{
width:72px;
text-align:center;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-container [role="presentation"] li.price{
width:auto;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list{
border-top:1px solid #ddd;
margin:0 0 12px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px 0;
min-height:56px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li.sunday > div:first-child,
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li.holiday > div:first-child{
color:var(--cmn-font-color-red);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li.is-selected{
background-color:rgba(23,123,203,.08);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div{
width:72px;
font-size:14px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price{
width:auto;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:16px;
line-height:1.25;
position:relative;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price span{
display:block;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price.full{
color:transparent;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price.full:before,
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price.full:after{
content:"";
position:absolute;
height:1px;
width:12px;
display:block;
background:var(--cmn-font-color-base);
top:50%;
left:50%;
margin-left:-6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div.price.full:after {
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list > li > div > a{
background-color:var(--cmn-btn-color);
color:#fff;
border-radius:4px;
min-width:72px;
display:block;
text-align:center;
padding:6px 0;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable{
display:-ms-grid;
display:grid;
-ms-grid-columns:72px 1fr 72px;
grid-template-columns:72px 1fr 72px;
-ms-grid-rows:1fr 1fr;
grid-template-rows:1fr 1fr;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .cv{
-ms-grid-column:3;
grid-column-start:3;
-ms-grid-column-span:0;
grid-column-end:3;
-ms-grid-row:1;
-ms-grid-row-span:3;
grid-row:1/4;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .goto-wrap{
-ms-grid-column:1;
grid-column-start:1;
-ms-grid-column-span:2;
grid-column-end:3;
width:100%;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .goto-wrap > button{
background-color:#fff;
margin-top:4px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .goto-wrap > .goto-apply{
padding:3px 28px 2px 8px;
background:#fff url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:15px;
width:auto;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .goto-wrap > .goto-apply > span{
margin:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-applicable > .goto-wrap > .goto-apply strong > b{
font-weight:normal;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-not-applicable > div:first-child{
padding-bottom:24px;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-not-applicable .goto{
margin:0;
background-color:#fff;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-list.goto-list .goto-not-applicable .goto-wrap{
position:absolute;
}
.tour-detail .tour-detail-toggle .tour-detail-remarks{
background-color:rgba(233,57,57,.05);
font-size:12px;
padding:8px;
margin-top:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-remarks p{
margin:8px 0 0 !important;
}
.tour-detail .tour-detail-toggle .tour-detail-remarks .tour-detail-remarks-list,
.tour-detail .tour-detail-toggle .tour-detail-remarks .tour-detail-remarks-list-01{
margin:4px 0 0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-remarks .tour-detail-remarks-list li:not(:first-child){
margin-top:4px;
}
.tour-detail .tour-detail-toggle .tour-detail-remarks .notice-list{
margin:8px 0 0;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.tour-detail .tour-detail-toggle .tour-detail-remarks .notice-list > li{
padding-left:calc(1em + 4px);
}
.tour-detail .tour-detail-toggle .tour-detail-remarks + .tour-detail-terms{
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-error{
font-size:14px !important;
text-align:center;
margin:16px 0 !important;
}
.tour-detail .tour-detail-toggle .tour-detail-travel-fee{
border:1px solid #ddd;
width:100%;
margin:8px 0;
border-collapse:collapse;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-travel-fee tr{
border-bottom:1px solid #ddd;
}
.tour-detail .tour-detail-toggle .tour-detail-travel-fee th{
text-align:left;
padding:8px;
font-weight:normal;
border-right:1px solid #ddd;
}
.tour-detail .tour-detail-toggle .tour-detail-travel-fee td{
text-align:right;
padding:8px;
min-width:105px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-more{
margin:12px 0 0;
text-align:right;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-more-hook-btn{
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 49%;
background-size:8px auto;
padding:0 0 0 12px;
border:none;
font-size:12px;
width:auto;
}
.tour-detail .tour-detail-toggle .tour-detail-calendar-more.is-active .tour-detail-calendar-more-hook-btn{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.tour-detail .tour-detail-toggle .tour-detail-cancel{
margin:12px 0 0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel > li:not(:first-child){
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel > li > div:first-child{
position:relative;
width:14em;
padding-right:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel > li > div:first-child::before {
content:":";
display:block;
position:absolute;
top:-1px;
right:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel .info-list-hotel > :not(:first-child){
margin:4px 0 0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-cancel .info-list-hotel > p.hotel{
margin:0;
font-size:12px;
line-height:1.5;
}
.tour-detail .tour-detail-toggle .tour-detail-payment{
margin:0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li:not(:first-child){
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li > div:first-child{
position:relative;
width:7em;
padding-right:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li > div:first-child::before {
content:":";
display:block;
position:absolute;
top:-1px;
right:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li > div:last-child .notice-list{
margin:0;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.tour-detail .tour-detail-toggle .tour-detail-payment > li > div:last-child .notice-list > li{
padding-left:calc(1em + 4px);
}
.tour-detail .tour-detail-toggle .tour-detail-payment + .notice-list{
font-size:12px;
margin:8px 0 0;
color:var(--cmn-font-color-gray);
}
.tour-detail .tour-detail-toggle .tour-detail-payment + .notice-list > li{
padding-left:calc(1em + 4px);
}
.tour-detail .tour-detail-toggle .tour-detail-payment + .notice-list li:not(:first-child){
margin-top:2px;
}
.tour-detail .tour-detail-toggle .tour-detail-payment .payment-guide{
display:block;
}
.tour-detail .tour-detail-toggle .tour-detail-payment .payment-guide .cmn-tip-btn{
margin-left:4px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms{
margin:0;
font-size:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li:not(:first-child){
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:first-child{
position:relative;
width:7em;
padding-right:12px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:first-child::before {
content:":";
display:block;
position:absolute;
top:-1px;
right:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:last-child strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:last-child .notice-list{
margin:4px 0 0;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.tour-detail .tour-detail-toggle .tour-detail-terms > li > div:last-child .notice-list > li{
padding-left:calc(1em + 4px);
}
.tour-detail .tour-detail-toggle .tour-detail-terms + .notice-list{
font-size:12px;
margin:8px 0 0;
}
.tour-detail .tour-detail-toggle .tour-detail-terms + .notice-list li:not(:first-child){
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-more{
margin:8px 0 0;
text-align:right;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-more-hook-btn{
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 49%;
background-size:8px auto;
padding:0 0 0 12px;
border:none;
font-size:12px;
width:auto;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-more.is-active .tour-detail-terms-more-hook-btn{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel:not(:first-child){
border-top:1px solid #ddd;
padding-top:8px;
margin-top:8px;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel > *:not(:first-child){
margin:4px 0 0;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel > a{
color:var(--cmn-font-color-base);
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel > .notice-list .cmn-dashed{
color:var(--cmn-font-color-gray) !important;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel-hdg-01{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel-hdg-01::before,
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel-hdg-01::after{
content:"---";
display:inline-block;
color:#949494;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel-hdg-01::before{
margin-right:.5em;
}
.tour-detail .tour-detail-toggle .tour-detail-terms .tour-detail-terms-tel-hdg-01::after{
margin-left:.5em;
}

/* .detail-item-seo */
.detail-item-seo{
margin:-8px -10px 0;
padding:16px 12px 0;
font-size:12px;
border-top:12px solid #333;
background-color:#f5f5f5;
}
.detail-item-seo .detail-item-seo-toggle{
border-bottom:1px solid #ddd;
padding:12px 0;
}
.detail-item-seo .detail-item-seo-toggle:first-child{
padding-top:0;
}
.detail-item-seo .detail-item-seo-toggle.is-active{
border-bottom:none;
padding-bottom:0;
}
.detail-item-seo .detail-item-seo-toggle .detail-item-seo-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:none;
background:none;
padding:0 30px 0 0;
line-height:1;
text-align:left;
position:relative;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 55% no-repeat;
background-size:12px auto;
font-size:12px;
}
.detail-item-seo .detail-item-seo-toggle .detail-item-seo-toggle-trigger[aria-expanded="true"]{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.detail-item-seo .detail-item-seo-toggle .detail-item-seo-toggle-item{
display:none;
}
.detail-item-seo .detail-item-seo-toggle .detail-item-seo-toggle-item[aria-hidden="true"]{
display:block;
}
.detail-item-seo .detail-item-seo-title{
font-size:12px;
}
.detail-item-seo .detail-item-seo-title span{
margin-left:12px;
}
.detail-item-seo .detail-item-seo-toggle-item .notice-list{
margin:4px 0 0;
}

/* detail-item-recommend */
.detail-item-recommend{
margin:8px 0 0;
font-size:12px;
}
.detail-item-recommend > li{
border-top:1px solid #ddd;
padding:8px 0;
}
.detail-item-recommend > li > a{
color:var(--cmn-font-color-base);
}
.detail-item-recommend > li .detail-item-recommend-hdg{
margin:0;
font-size:14px;
line-height:1.4;
color:var(--cmn-font-color-link);
}
.detail-item-recommend .detail-item-recommend-price{
margin:0;
font-size:12px;
}
.detail-item-recommend .detail-item-recommend-price tr{
line-height:1;
}
.detail-item-recommend .detail-item-recommend-price th{
font-weight:normal;
padding:0;
min-width:145px;
}
.detail-item-recommend .detail-item-recommend-price td{
text-align:right;
}
.detail-item-recommend .detail-item-recommend-price .room td{
padding:0 1em 0 0;
}
.detail-item-recommend .detail-item-recommend-price .adult .num{
font-weight:bold;
font-size:18px;
}
.detail-item-recommend .detail-item-recommend-price .room .num{
font-size:14px;
}
.detail-item-recommend + .detail-item-recommend-link{
margin:0;
padding:12px 0;
border-top:1px solid #ddd;
color:var(--cmn-font-color-base);
display:block;
text-align:center;
font-size:12px;
}
.detail-item-recommend + .detail-item-recommend-link span{
position:relative;
padding-left:14px;
}
.detail-item-recommend + .detail-item-recommend-link span::before{
position:absolute;
content:"";
width:7px;
height:7px;
top:calc(50% - 4px);
left:0;
border-top:1px solid #777;
border-right:1px solid #777;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .detail-item-link-list-area */
.detail-item-link-list-area{
font-size:12px;
margin:0;
padding-bottom:8px;
}
.detail-item-link-list-area > li{
padding:12px 0;
}
.detail-item-link-list-area > li{
border-bottom:1px solid #e5e5e5;
}
.detail-item-link-list-area > li > ul{
margin:0;
line-height:1;
font-size:0;
}
.detail-item-link-list-area > li > ul > li{
display:inline;
margin-right:20px;
font-size:12px;
}
.detail-item-link-list-area > li > ul > li > a{
color:var(--cmn-font-color-base);
}
.detail-item-link-list-area > li > ul > li:not(:last-child) > a{
position:relative;
}
.detail-item-link-list-area > li > ul > li:not(:last-child) > a:after{
margin-top:-4px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:5px;
height:5px;
position:absolute;
top:50%;
right:-12px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .detail-item-link-list-matome */
.detail-item-link-list-matome{
margin:12px 0 0;
font-size:12px;
}
.detail-item-link-list-matome > li{
padding:0 0 8px;
}
.detail-item-link-list-matome > li:not(:first-child){
border-top:1px solid #e9e9e9;
padding-top:8px;
}
.detail-item-link-list-matome > li:last-child{
padding-bottom:0;
}
.detail-item-link-list-matome > li > a{
position:relative;
padding:0 0 0 80px;
display:block;
color:var(--cmn-font-color-base);
min-height:54px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item-link-list-matome > li > a .detail-item-link-list-matome-img{
position:absolute;
left:0;
top:0;
width:100%;
max-width:72px;
max-height:54px;
min-height:54px;
overflow:hidden;
}
.detail-item-link-list-matome .update{
color:var(--cmn-font-color-gray);
display:block;
}
.detail-item-fixed{
margin-top:0;
padding:12px 10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#444;
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.detail-item-fixed-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0;
}
.detail-item-fixed-price-detail{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:20px;
}
.detail-item-fixed-price-detail > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
line-height:1.3;
}
.detail-item-fixed-price-detail > li > span:last-child{
margin-left:auto;
padding-left:4px;
}
.detail-item-fixed-price-detail > li.adult .num{
font-weight:bold;
font-size:18px;
}
.detail-item-fixed-price-detail > li.child .num{
font-size:14px;
}
.detail-item-fixed-price-detail > li.agt{
margin-top:3px;
}
.detail-item-fixed-price-detail > li.agt .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.detail-item-fixed-price-cv{
min-width:101px;
}
@media screen and (max-width:355px){
.detail-item-fixed-price-detail{
padding-right:10px;
}
}
.detail-item-fixed-price-cv > a{
background-color:var(--cmn-btn-color);
color:#fff;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
width:132px;
font-size:14px;
padding:8px 10px;
text-align:center;
margin-left:auto;
}
@media screen and (max-width:360px){
.detail-item-fixed-price-cv > a{
width:120px;
}
}
.detail-item-fixed-price-cv > div{
font-size:12px;
text-align:center;
margin-top:4px;
}
.detail-item-fixed-price-cv > div > em{
color:#ffa8a8;
}
.detail-item-fixed-mark{
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
line-height:1;
margin-top:2px;
}
.detail-item-fixed-mark > div:first-child{
min-width:103px;
padding-right:8px;
}
.detail-item-fixed-mark a{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.detail-item-fixed .goto{
background-color:#ddd;
}

/* ----------------------------------------------------------------
  review (RN:2023/05)
----------------------------------------------------------------- */
.review{
margin:4px 0 0;
}
.review .review-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
min-height:16px;
}
.review .review-list > li{
margin-right:12px;
position:relative;
line-height:1;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:var(--cmn-font-color-base);
}
.review .review-list > li:first-child{
min-width:77px;
}
.review .review-list > li:nth-child(2){
min-width:64px;
}
.review .review-list > li:nth-child(3){
min-width:43px;
}
@media (max-width:374px){
.review .review-list > li{
margin-right:8px;
}
}
.review .review-list button,
.review .review-list a{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 56%;
background-size:8px auto;
font-size:12px;
}
.review .review-list button[aria-selected="true"]{
position:relative;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.review .review-list button[aria-selected="true"]::after{
background-color:#fff;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
content:"";
display:block;
position:absolute;
bottom:-10px;
left:10px;
right:0;
margin:auto;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
width:6px;
height:6px;
z-index:5;
}
.review .review-list > .is-hidden{
visibility:hidden;
}
.review .review-list.is-block > li{
display:block;
}
.review .review-list .review-sup{
display:block;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
margin-bottom:2px;
}
.review .review-list .user{
margin-right:0;
}
.review .review-list .user button > span:first-child:not(.review-sup),
.review .review-list .user a > span:first-child:not(.review-sup),
.review .review-list .user > span:first-child:not(.review-sup){
margin:0 2px;
color:rgba(0,0,0,0);
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) no-repeat 0 0;
background-size:auto 10px;
}
.review .review-list .user button > .review-sup + span,
.review .review-list .user a > .review-sup + span,
.review .review-list .user > .review-sup + span{
margin:0 2px;
color:rgba(0,0,0,0);
display:inline-block;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-review-5.svg) no-repeat 0 0;
background-size:auto 10px;
}
.review .review-list .user button > span:first-child{
margin:0;
}
.review .review-list .user button > span:last-child,
.review .review-list .user a > span:last-child,
.review .review-list .user > span:last-child{
margin-left:3px;
position:relative;
top:0;
}
.review .review-list .user button > span:last-child > span,
.review .review-list .user a > span:last-child > span,
.review .review-list .user > span:last-child > span{
margin-left:8px;
display:inline-block;
}
.review .review-list a{
padding-left:0;
background:none;
}
.review > [role="tabpanel"]{
margin-top:6px;
padding:8px;
border:1px solid #ddd;
border-radius:4px;
display:none;
background-color:#fff;
font-size:12px;
outline:none;
position:relative;
}
.review > [role="tabpanel"].is-active{
display:block;
}

/* .hotel-rank */
.review .hotel-rank-content-catch{
line-height:1;
border-bottom:1px solid #e5e5e5;
padding-bottom:4px;
margin-bottom:4px;
}
.review .hotel-rank-content-catch b{
font-weight:normal;
}
.review .hotel-rank-content-list{
margin:4px 0 0;
overflow:hidden;
}
.review .hotel-rank-content-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1.25;
}
.review .hotel-rank-content-list > li:not(:first-child){
margin-top:4px;
}
.review .hotel-rank-content-list > li > div:first-child{
min-width:7.25em;
}
.review .hotel-rank-content-list > li > div:last-child{
padding-left:8px;
position:relative;
}
.review .hotel-rank-content-list > li > div:last-child::before{
content:":";
display:block;
position:absolute;
top:-1px;
left:0;
}
.review .hotel-rank-content-list > li > div.small{
font-size:12px;
}

/* .price-range */
.review .price-range-content-catch{
line-height:1;
border-bottom:1px solid #e5e5e5;
padding-bottom:4px;
margin-bottom:4px;
}
.review .price-range-content-catch b{
font-weight:normal;
}
.review .price-range-content-catch + p{
margin:4px 0 0;
font-size:12px;
}
.review .price-range-content-catch + p > b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .user-review */
.review .user-review-content-catch{
line-height:1;
border-bottom:1px solid #e5e5e5;
padding-bottom:4px;
margin-bottom:4px;
}
.review .user-review-content-catch b{
font-weight:normal;
}
.review .user-review-content-catch span{
margin-left:8px;
}
.review .user-review-content-catch + p{
margin:4px 0 0;
font-size:12px;
}
.review .user-review-content-list{
margin:4px 0 0;
overflow:hidden;
}
.review .user-review-content-list > li{
margin:0;
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1.25;
}
.review .user-review-content-list > li:not(:first-child){
margin:6px 0 0 0;
}
.review .user-review-content-list > li > div:first-child{
min-width:8.5em;
}
.review .user-review-content-list > li > div:last-child{
padding-left:8px;
position:relative;
}
.review .user-review-content-list > li > div:last-child::before{
content:":";
display:block;
position:absolute;
top:-1px;
left:0;
}
.review .user-review-content-list > li a{
margin:0;
padding:0;
border:none;
color:var(--cmn-font-color-base);
line-height:1;
background:none;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.review .user-review-content-list > li a span:not(.cmn-dashed){
margin:0 4px;
}

/* cancel-list
---------------------------------- */
.cancel-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:14em 1fr;
grid-template-columns:14em 1fr;
grid-gap:8px 12px;
margin-top:20px;
}
.cancel-list >li{
display:contents;
}
.cancel-list >li > div:first-child{
position:relative;
}
.cancel-list >li > div:first-child::after{
position:absolute;
right:-6px;
top:0;
content:":";
display:block;
}

/* ----------------------------------------------------------------
  Modal (RN:2023/05)
----------------------------------------------------------------- */
.modal-agt-info .modal-agt-info-list-hdg-01{
font-size:12px;
line-height:calc(17 / 12);
margin-top:8px;
font-weight:normal;
line-height:1.42;
}
.modal-agt-info .modal-agt-info-list-hdg-01::before,
.modal-agt-info .modal-agt-info-list-hdg-01::after{
content:"---";
display:inline-block;
color:#949494;
}
.modal-agt-info .modal-agt-info-list-hdg-01::before{
margin-right:4px;
}
.modal-agt-info .modal-agt-info-list-hdg-01::after{
margin-left:4px;
}
.modal-agt-info .tour-detail-info-content-header{
margin-top:16px;
}
.modal-agt-info .tour-detail-info-content-header .tour-detail-info-hdg{
font-size:14px;
font-weight:normal;
}
.modal-agt-info .tour-detail-info-content{
padding:0px 12px 0 12px;
margin-top:8px;
border:1px solid #e5e5e5;
border-radius:4px;
outline:none;
}
.modal-agt-info .tour-detail-info-content.is-active{
display:block;
}
.modal-agt-info .tour-detail-info-content >:first-child{
border-top:none;
}
.modal-agt-info .tour-dtl-info-container{
border-top:1px solid #ddd;
padding-bottom:12px;
line-height:1.42;
}
.modal-agt-info .tour-dtl-info-container.tour-detail-info-toggle-container{
padding-bottom:0;
}
.modal-agt-info .tour-dtl-info-container.tour-detail-info-toggle-container.is-active{
padding-bottom:12px;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-header{
padding:12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-header:not(:first-child){
margin-top:12px;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container .tour-dtl-info-hdg{
margin-right:12px;
font-size:12px;
font-weight:normal;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container .tour-dtl-info-sup{
display:block;
font-size:12px;
vertical-align:middle;
margin:-12px 0 -12px auto;
line-height:calc(15 / 12);
padding:8px 0;
text-align:right;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container .tour-dtl-info-sup .tour-dtl-info-sup-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container .tour-dtl-info-sup .tour-dtl-info-sup-item span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.modal-agt-info .tour-dtl-info-container .tour-dtl-info-hdg-container .tour-dtl-info-sup strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-agt-info .tour-detail-info-toggle-container .tour-detail-info-toggle-item{
display:none;
}
.modal-agt-info .tour-detail-info-toggle-container .tour-detail-info-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border:none;
background:none;
padding:0 19px 0 0;
line-height:1;
text-align:left;
position:relative;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.modal-agt-info .tour-detail-info-toggle-container .tour-detail-info-toggle-trigger[aria-expanded="true"]{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 100% 55% no-repeat;
background-size:12px auto;
}
.modal-agt-info .tour-detail-info-toggle-container .tour-detail-info-toggle-trigger[aria-expanded="true"] .tour-dtl-info-sup{
display:none;
}
.modal-agt-info .tour-detail-info-toggle-container.is-active .tour-detail-info-toggle-item{
display:block;
}
.modal-agt-info .tour-detail-info-notes{
margin:0;
}
.modal-agt-info .tour-detail-info-notes li{
font-size:12px;
text-indent:-1.4em;
margin-left:1.4em;
line-height:1.42;
}
.modal-agt-info .tour-detail-info-notes li:not(:first-child){
margin-top:8px;
}
.modal-agt-info .tour-detail-info-notes li .mark-dot{
margin-right:.4em;
}
.modal-agt-info .tour-detail-info-notes li em,
.modal-agt-info .tour-detail-info-notes li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.modal-agt-info .tour-item{
margin-top:20px;
}
.modal-agt-info .tour-item .tour-item-header > a{
display:block;
position:relative;
color:var(--cmn-font-color-link);
}
.modal-agt-info .tour-item .tour-item-header-hdg{
margin:0;
font-size:12px;
font-weight:normal;
line-height:1.4;
display:-webkit-box;
-webkit-line-clamp:6;
-webkit-box-orient:vertical;
overflow:hidden;
}
.modal-agt-info .tour-item .tour-item-price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:12px 0 0;
}
.modal-agt-info .tour-item .tour-item-price-detail{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:20px;
}
.modal-agt-info .tour-item .tour-item-price-detail > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}
.modal-agt-info .tour-item .tour-item-price-detail > li.adult .num{
font-weight:bold;
font-size:16px;
}
.modal-agt-info .tour-item .tour-item-price-detail > li.child .num,
.modal-agt-info .tour-item .tour-item-price-detail > li.ticket .num{
font-size:14px;
}
.modal-agt-info .tour-item .tour-item-price-detail > li.ticket{
padding-right:1em;
}
.modal-agt-info .tour-item .tour-item-price-cv{
min-width:100px;
}
@media screen and (max-width:365px){
.modal-agt-info .tour-item .tour-item-price-detail{
padding-right:10px;
}
.modal-agt-info .tour-item .tour-item-price-detail > li{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.modal-agt-info .tour-item .tour-item-price-detail > li > span:last-child{
display:block;
text-align:right;
width:100%;
}
}
.modal-agt-info .tour-item .tour-item-price-cv > a{
background-color:var(--cmn-btn-color);
color:#fff;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
width:100%;
max-width:112px;
font-size:14px;
padding:10px;
text-align:center;
margin-left:auto;
}
.modal-agt-info .tour-item .tour-item-price-cv > div{
font-size:12px;
text-align:center;
margin-top:4px;
}
.modal-agt-info .tour-item .tour-item-mark{
font-size:12px;
margin-top:8px;
}

/* .seo-recommend-bnr
----------------------------------------------- */
.seo-recommend-bnr{
margin:4px 0 16px !important;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:12px;
}
.seo-recommend-bnr > li{
border-radius:6px;
width:calc(50% - 6px);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.4);
box-shadow:0 0 6px rgba(0,0,0,.4);
overflow:hidden;
background-color:#fff;
}
.seo-recommend-bnr > li > div{
padding:8px 12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.seo-recommend-bnr > li > div > b{
margin-bottom:4px;
line-height:1.25;
font-size:16px;
}
.select-content .seo-recommend-bnr > li > span{
height:100px;
}
.select-content .seo-recommend-bnr > li > span img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .seo-recommend-bnr-list{
margin:6px 0 0;
font-size:14px;
}
.select-content .seo-recommend-bnr-list > li{
margin-top:6px;
}

/* rcmd-container
---------------------------------- */
.rcmd-container{
margin:0 -10px;
padding:0 10px;
border-bottom:1px solid #bbb;
}
.rcmd-container a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
padding:12px 0;
gap:0 12px;
color:var(--cmn-font-color-base);
}
.rcmd-container .pic{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:97px;
height:55px;
background-color:#f5f5f5;
}
.rcmd-container .pic img{
max-width:100%;
max-height:100%;;
}
.rcmd-container .desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}

/* SEO
---------------------------------- */
/* summary-container
---------------------------------- */
.summary-container{
padding:16px 0;
}
.summary-container .summary-header{
margin-bottom:20px;
}
.summary-container .summary-header .summary-hdg{
font-size:16px;
font-weight:normal;
}
.summary-container .summary-item{
margin-top:16px;
}
.summary-container .summary-item .summary-item-hdg{
font-size:14px;
font-weight:normal;
}
.summary-container .summary-item-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin:8px 0 0 0;
}
.summary-container .summary-item-list a{
color:var(--cmn-font-color-base);
}
.summary-container .summary-item-list >li{
width:50%;
border-bottom:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top:8px;
padding-bottom:8px;
margin-bottom:-1px;
line-height:1.25;

}
.summary-container .summary-item-list >li:nth-child(odd){
padding-right:12px;
border-right:1px solid #ddd;
}
.summary-container .summary-item-list >li:nth-child(even){
padding-left:12px;
}

/* select-content
---------------------------------- */
.select-content{
background-color:#e5e5e5;
margin:0 -10px;
padding:40px 8px 24px;
}
.select-content .cmn-loading-spinner{
margin-bottom:1000px;
}
.select-content >:first-child.cmn-notice-list{
margin-top:-20px;
}
.select-content >:first-child.act_ad_manage{
margin-top:-40px;
}
.select-content >:first-child.act_ad_manage.cmn-ad-bnr-hidden + .cmn-notice-list{
margin-top:-20px;
}
.select-content .str-footer-notice{
margin:0;
padding:20px 0 15px;
}
.select-content.is-branch{
padding-top:12px;
}
.select-content.is-branch .act_ad_manage +.card-container{
border-top:1px solid #ccc;
}
.select-content.is-branch .act_ad_manage.cmn-ad-bnr-hidden +.card-container{
border-top:none;
}
.select-content.is-branch .card-container{
margin-top:0;
}

/* card-container
---------------------------------- */
.select-content .card-container{
position:relative;
z-index:1;
}
.select-content .card-container > div:last-child .card-tgl-content{
margin-bottom:0;
}
.select-content .card-container .card-content{
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.select-content .card-container .card-content .card-item{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin-top:8px;
padding:12px;
}
.select-content .card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.select-content .card-container .card-content .card-item-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
padding:12px 0;
border-top:1px solid #ddd;
gap:0 8px;
}
.select-content .card-container .card-content.card-areainfo .card-item,.select-content .card-container .card-content.card-bring .card-item{
margin-top:0;
}
.select-content .card-container .card-content.card-faq .card-item{
padding-top:0;
margin-top:0;
}
.select-content .card-container .card-content.card-faq .tgl-footer{
margin-top:0;
}
.select-content .card-container .card-content.card-attention-list .card-item{
margin-top:0;
padding-top:0;
overflow:hidden;
}
.select-content .card-container .card-content.card-attention-list .card-item .link-list-toggle{
margin-top:-1px;
}
.select-content .card-container .card-content.card-news-list .card-item,.select-content .card-container .card-content.card-seo-list .card-item{
margin-top:0;
padding-top:0;
padding-bottom:0;
overflow:hidden;
}
.select-content .card-container .card-content.card-news-list .card-item .link-list-toggle,.select-content .card-container .card-content.card-seo-list .card-item .link-list-toggle{
margin-top:-1px;
}
.select-content .card-container .card-content.card-matome .card-item{
margin-top:0;
}
.select-content .card-container .card-content.card-matome.card-tgl-container[aria-expanded=true] .card-tgl-content {
padding-bottom:12px;
}
.select-content .card-container >:first-child{
margin-top:0;
}
.select-content .card-container .card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:8px 26px 8px 0;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .card-container .card-header .card-header-hdg{
font-size:18px;
font-weight:normal;
line-height:calc(22.5 / 16);
}
.select-content .card-container .hdg-l2-note{
margin:0;
padding:0;
}
.select-content .card-container .card-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.select-content .card-container .card-item-header .hdg-l2-note{
margin:0;
padding:0;
}
.select-content .card-container .card-item-content{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
}
.select-content .card-container .cmn-loading-spinner{
margin-bottom:1000px;
}
.select-content .card-container .card-desc p{
font-size:12px;
margin:0;
}
.select-content .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:8px;
}
.select-content .card-container .card-desc .card-hdg-02{
font-size:12px;
}
.select-content .card-container .card-desc-list{
margin:0;
font-size:12px;
}
.select-content .card-container .card-desc-list >li{
margin-top:2px;
}
.select-content .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}

/* card-footer
---------------------------------- */
.select-content .card-footer{
display:block;
text-align:center;
margin-top:12px;
font-size:12px;
}
.select-content .card-footer .card-footer-link{
text-align:center;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1;
}
.select-content .card-footer .card-footer-link >span >span{
display:inline-block;
}

/* card-tgl-container
---------------------------------- */
.select-content .card-tgl-container[aria-expanded=true] .card-tgl-content{
display:block;
margin-bottom:16px;
}
.select-content .card-tgl-container[aria-expanded=true] .card-tgl-hook{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg);
background-position:calc(100% - 4px) center;
}
.select-content .card-tgl-container[aria-expanded=false] .card-tgl-content{
display:none;
}
.select-content .card-tgl-container .card-tgl-hook{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
text-indent:-9999px;
border:none;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) no-repeat calc(100% - 4px) center;
background-size:16px auto;
}
.select-content .card-tgl-container .tgl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
border-top:1px solid #ddd;
gap:0 8px;
}
.select-content .card-tgl-container .tgl-footer > a{
margin-top:12px;
}
.select-content .card-tgl-container .tgl-footer .tgl-footer-notes{
margin:0;
}
.select-content .card-tgl-container .tgl-footer .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.select-content .card-tgl-container .tgl-footer .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.select-content .card-tgl-container .tgl-footer .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.select-content.is-branch .is-first .card-tgl-container[aria-expanded=false],
.select-content.is-branch .is-first .card-tgl-container[aria-expanded=true]{
border-top:1px solid transparent;
}
.select-content .card-tgl-container{
position:relative;
}
.select-content .card-tgl-container[aria-expanded=false]{
border-top:1px solid #ccc;
}
.select-content .card-tgl-container[aria-expanded=false]::after{
position:absolute;
bottom:-1px;
left:0;
content:"";
width:100%;
height:1px;
background:#ccc;
}
.select-content .card-tgl-container[aria-expanded=true]{
border-top:1px solid transparent;
}
.select-content .card-tgl-container[aria-expanded=true]::after{
display:none;
}

/* tgl-container
---------------------------------- */
.select-content .tgl-container[aria-expanded=true] .tgl-header .tgl-footer{
display:none;
}
.select-content .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.select-content .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.select-content .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.select-content .tgl-container .tgl-content .select-list,
.select-content .tgl-container .tgl-content .area-list,
.select-content .tgl-container .tgl-content .spot-list,
.select-content .tgl-container .tgl-content .tour-list{
margin-top:12px;
border-top:1px solid #ddd;
}
.select-content .tgl-container .tgl-content .theme-list{
margin-top:8px;
border-top:1px solid #ddd;
}
.select-content .tgl-container .tgl-hook{
margin:12px 0 0 0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/j_tour/shared/images/icon/arrow_down_s.svg) no-repeat left 8px;
background-size:8px auto;
font-size:14px;
height:20px;
}

/* search-selector
---------------------------------- */
.select-content .search-selector{
position:relative;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.select-content .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 5px 6px 5px;
border-color:transparent transparent #666 transparent;
}
.select-content .search-selector .search-selector-header{
position:relative;
}
.select-content .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.select-content .search-selector .search-selector-header .search-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.select-content .search-selector .search-selector-header .search-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_tour/shared/images/icon-close-gry.svg) top left no-repeat;
}
.select-content .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.select-content .search-selector .search-selector-item{
display:none;
position:absolute;
top:43px;
right:0;
}
.select-content .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
z-index:2;
text-align:left;
max-width:172px;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:2;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.select-content .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.select-content .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .search-selector .search-selector-list >li{
white-space:nowrap;
}
.select-content .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
text-decoration:none;
}
.select-content .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}
.select-content .search-selector .search-selector-btn-container{
position:relative;
}
.select-content .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;
left:50%;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:10;
}
.select-content .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.select-content .search-selector .search-selector-btn{
position:relative;
display:block;
width:123px;
margin:0;
padding:0 20px 0 11px;
background:#fff;
border:1px solid #ccc;
border-radius:calc(35px / 2);
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
text-align:left;
}
.select-content .search-selector .search-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-2px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* select-content .cmn-seo-link
---------------------------------- */
.select-content .cmn-seo-link{
padding:0;
margin:0;
background-color:#fff;
}
.select-content .cmn-seo-link .cmn-seo-link-list-thumb{
width:72px;
height:54px;
margin-right:8px;
}
.select-content .cmn-seo-link .cmn-seo-link-toggle{
margin-top:0;

/* & .cmn-seo-link-list{
      padding:0;
      margin-bottom:4px;
      & li{
        & a{
          padding: 0;
          border-bottom:none;
        }
        &:not(:first-child){
          & a{
            padding-top:8px;
            margin-top:8px;
            border-top:1px solid #e5e5e5;
          }
        }
      }
    } */
}
.select-content .cmn-seo-link .cmn-seo-link-list{
padding:0;
margin-bottom:0;
}
.select-content .cmn-seo-link .cmn-seo-link-list li a{
padding:0;
border-bottom:none;
}
.select-content .cmn-seo-link .cmn-seo-link-list li:not(:first-child) a{
padding-top:8px;
margin-top:8px;
border-top:1px solid #e5e5e5;
}

/* tour-list
---------------------------------- */
.select-content .tour-list{
margin:-12px 0 0 0;
}
.select-content .tour-list >li{
position:relative;
padding:12px 0 0 0;
}
.select-content .tour-list >li:not(:first-child){
border-top:1px solid #ddd;
margin-top:12px;
}
.select-content .tour-list >li .tour-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:24px;
position:absolute;
top:12px;
left:0;
padding-top:5px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-rank.svg) 0 0 no-repeat;
background-size:20px 24px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .tour-list >li .tour-list-desc{
overflow:hidden;
padding-left:28px;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.select-content .tour-list >li .tour-list-desc .tour-list-hdg{
font-size:16px;
font-weight:normal;
}
.select-content .tour-list >li .tour-list-desc .tour-list-hdg >a{
color:var(--cmn-font-color-base);
}
.select-content .tour-list >li .tour-list-desc .tour-list-desc-footer{
text-align:right;
}
.select-content .tour-list >li .tour-list-desc p{
margin:0;
font-size:14px;
line-height:calc(21 / 16);
}
.select-content .tour-list >li .tour-list-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:12px;
padding-left:28px;
color:var(--cmn-font-color-base);
}
.select-content .tour-list >li .tour-list-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list >li .tour-list-footer .date{
padding:2px 4px;
margin-right:4px;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.select-content .tour-list >li .tour-list-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .tour-list >li .tour-list-footer .price .price-sup{
margin-right:4px;
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl{
white-space:nowrap;
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl .price-num{
font-size:16px;
}
.select-content .tour-list >li .tour-list-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* theme-list
---------------------------------- */
.select-content .theme-list{
margin:0;
margin-top:-4px;
}
.select-content .theme-list >li{
position:relative;
padding:8px 0 0 0;
}
.select-content .theme-list >li:not(:first-child){
border-top:1px solid #ddd;
padding-top:12px;
margin-top:12px;
}
.select-content .theme-list >li .tour-list-hdg{
font-size:16px;
font-weight:normal;
margin-bottom:8px;
}

/* tour-list-item
---------------------------------- */
.select-content .tour-list-item .tour-list-item-hdg{
font-weight:normal;
font-size:12px;
margin-top:12px;
margin-bottom:8px;
}

/* tour-list-item-footer
---------------------------------- */
.select-content .tour-list-item-footer{
display:block;
margin-top:12px;
font-size:12px;
text-align:right;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link{
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1;
overflow:hidden;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:23em;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .theme{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:10em;
}
.select-content .tour-list-item-footer .tour-list-item-footer-link .sup{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
}

/* spot-list-item
---------------------------------- */
.select-content .spot-list-item{
margin-top:12px;
}
.select-content .spot-list-item .spot-list-item-hdg{
font-weight:normal;
font-size:12px;
margin-bottom:8px;
}

/* swiper-tour
---------------------------------- */
.select-content .swiper-tour{
margin:0 -12px;
padding:0 12px 1px 0;
overflow:hidden;
}
.select-content .swiper-tour .swiper-tour-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
}
.select-content .swiper-tour .swiper-tour-list >li{
position:relative;
padding:8px 8px 8px 27px;
border:1px solid #ccc;
border-radius:4px;
width:302px;
height:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-left:12px;
}
.select-content .swiper-tour .swiper-tour-list >li:first-child{
margin-left:12px;
}
.select-content .swiper-tour .swiper-tour-list >li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
color:var(--cmn-font-color-base);
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-rank{
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
background-color:rgba(0,0,0,.45);
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:14px;
border-radius:3px 0 2px 0;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-desc .tour-list-hdg{
font-size:14px;
font-weight:normal;
line-height:calc(21 / 16);
color:var(--cmn-font-color-base);
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-desc p{
margin:0;
font-size:14px;
line-height:calc(21 / 16);
color:var(--cmn-font-color-base);
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:12px;
color:var(--cmn-font-color-base);
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .date{
padding:2px 4px;
margin-right:4px;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .price .price-sup{
margin-right:4px;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .price .price-dtl{
white-space:nowrap;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .price .price-dtl .price-num{
font-size:16px;
}
.select-content .swiper-tour .swiper-tour-list >li .swiper-tour-list-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* swiper-spot
---------------------------------- */
.select-content .swiper-spot{
margin:0 -12px;
padding-right:12px;
padding-bottom:1px;;
overflow:hidden;
}
.select-content .swiper-spot .swiper-spot-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
}
.select-content .swiper-spot .swiper-spot-list >li{
position:relative;
border:1px solid #ccc;
border-radius:4px;
width:145px;
height:auto;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-left:12px;
}
.select-content .swiper-spot .swiper-spot-list >li:first-child{
margin-left:12px;
}
.select-content .swiper-spot .swiper-spot-list >li .swiper-spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:80px;
border-radius:4px 2px 0 0;
overflow:hidden;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic .swiper-spot-rank{
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
background-color:rgba(0, 0, 0, .45);
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:14px;
border-radius:3px 0 2px 0;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic.mod-noimg{
border-bottom:1px solid #ddd;
background-color:#fcfcfc;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic .swiper-spot-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic .swiper-spot-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic .swiper-spot-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-pic .swiper-spot-cap a{
color:rgba(255,255,255,.6);
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
height:100%;
padding:8px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc p{
margin:0;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc .swiper-spot-hdg{
font-size:14px;
font-weight:normal;
line-height:1.3;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc .swiper-spot-footer{
text-align:right;
margin-top:5px;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc .swiper-spot-footer .swiper-spot-link{
font-size:12px;
line-height:1.3;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc .swiper-spot-footer .swiper-spot-link .area{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:9em;
}
.select-content .swiper-spot .swiper-spot-list .swiper-spot-desc .swiper-spot-footer .swiper-spot-link .around{
display:inline-block;
vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
width:auto;
max-width:7em;
}

/* select-list
---------------------------------- */
.select-content .select-list{
margin:-12px 0 0 0;
}
.select-content .select-list .select-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.select-content .select-list >li{
padding:12px 0 0 0;
}
.select-content .select-list >li:not(:first-child){
margin-top:12px;
border-top:1px solid #ddd;
}
.select-content .select-list .select-guide{
margin-top:8px;
font-size:12px;
}
.select-content .select-list .select-guide span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.select-content .select-list .select-tags{
margin-top:8px;
margin-bottom:4px;
font-size:12px;
}
.select-content .select-list .select-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100px;
height:130px;
}
.select-content .select-list .select-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .select-list .select-pic .select-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
background-size:22px 26px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .select-list .select-pic.mod-noimg{
border:1px solid #ddd;
background-color:#fcfcfc;
}
.select-content .select-list .select-pic.mod-noimg img{
width:89px;
height:auto;
display:inline-block;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .select-list .select-pic .select-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .select-list .select-pic .select-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.select-content .select-list .select-pic .select-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.select-content .select-list .select-pic .select-cap a{
color:rgba(255,255,255,.6);
}
.select-content .select-list .select-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .select-list .select-desc a{
display:block;
color:var(--cmn-font-color-base);
}
.select-content .select-list .select-desc .select-text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-top:3px;
}
.select-content .select-list .select-desc .select-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.select-content .select-list .select-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.select-content .select-list .select-hdg a{
color:var(--cmn-font-color-base);
}

/* area-list
---------------------------------- */
.select-content .area-list{
margin:-12px 0 0 0;
}
.select-content .area-list >li{
padding-top:12px;
}
.select-content .area-list >li:not(:first-child){
margin-top:12px;
border-top:1px solid #ddd;
}
.select-content .area-list .area-item-header{
position:relative;
padding-left:28px;
}
.select-content .area-list .area-item-header .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:24px;
position:absolute;
top:0;
left:0;
padding-top:5px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-rank.svg) 0 0 no-repeat;
background-size:20px 24px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.select-content .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
margin-top:8px;
}
.select-content .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .area-list .area-pic.mod-noimg{
border:1px solid #ddd;
background-color:#fcfcfc;
}
.select-content .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .area-list .area-desc{
margin-top:8px;
}
.select-content .area-list .area-desc p{
margin:0;
}
.select-content .area-list .area-desc .area-desc-more{
padding:0;
color:#a4a4a4;
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) 100% center no-repeat;
background-size:4px 7px;
padding-right:8px;
}
.select-content .area-list .area-desc .area-desc-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.select-content .area-list .area-hdg{
display:inline-block;
font-size:16px;
margin-bottom:4px;
font-weight:normal;
}

/* toggle-text
---------------------------------- */
.select-content .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:50px;
}
.select-content .toggle-text .toggle-text-intro{
display:block;
}
.select-content .toggle-text .toggle-text-intro a{
color:var(--cmn-font-color-link);
}
.select-content .toggle-text .toggle-text-full{
display:none;
}
.select-content .toggle-text .toggle-text-full a{
color:var(--cmn-font-color-link);
}
.select-content .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
.select-content .toggle-text .toggle-text-intro-more a{
color:#a4a4a4;
}
.select-content .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.select-content .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.select-content .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.select-content .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.select-content .toggle-text.is-active .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0 0 0 12px;
margin:0;
font-size:12px;
background:url(/element/j_tour/shared/images/icon/arrow_up_s.svg) no-repeat left 6px;
background-size:8px auto;
color:var(--cmn-font-color-base);
}
.select-content .toggle-text.is-active .toggle-text-intro {
display:none;
}
.select-content .toggle-text.is-active .toggle-text-full {
display:block;
}

/* .faq-list
---------------------------------- */
.select-content .faq-list{
margin:0;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-item{
display:block;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.select-content .faq-list .faq-toggle-container[aria-expanded=false] .faq-toggle-item{
display:none;
}
.select-content .faq-list .faq-toggle-container .faq-toggle-trigger{
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
width:100%;
min-height:50px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-right:30px;
}
.select-content .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.select-content .faq-list li{
font-size:12px;
}
.select-content .faq-list li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.select-content .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.select-content .faq-list li .question{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding-left:23px;
min-height:50px;
}
.select-content .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.select-content .faq-list li .question a{
color:var(--cmn-font-color-base);
}
.select-content .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.select-content .faq-list li .answer p{
margin:0;
}
.select-content .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.select-content .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.select-content .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:3px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.select-content .faq-list li .faq-modified{
float:right;
color:var(--font-color-placeholder);
font-size:12px;
margin-top:8px;
}
.select-content .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* link-list-toggle
---------------------------------- */
.select-content .link-list-toggle{
margin:0;
font-size:14px;
line-height:1.35;

}
.select-content .link-list-toggle .link-list > li {
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle > li {
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle > li > div{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:11px 24px 11px 0;
min-height:41px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .link-list-toggle > li > div a{
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-right:-24px;
}
.select-content .link-list-toggle > li > div a + .link-list-toggle-hook{
position:relative;
width:24px;
height:auto;
margin-right:-24px;
}
.select-content .link-list-toggle > li > div > .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
text-indent:-9999px;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) calc(100% - 4px) center no-repeat;
background-size:16px 10px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li{
margin-left:28px;
padding:12px 0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div a{
display:inline-block;
padding:0;
margin-right:-24px;
border-bottom:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div a + .link-list-toggle-hook{
margin-right:-24px;
margin-left:24px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li >div .link-list-toggle-hook{
background-size:12px 7px;
background-position:calc(100% - 6px) center;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li > a{
margin-right:24px;
display:block;
padding:0;
border-bottom:none;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li{
margin-left:28px;
border-top:none;
padding-top:0;
padding-bottom:16px;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li a{
padding-left:0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-active{
border-bottom:none;
padding:0;
}
.select-content .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-branch{
padding-top:12px;
border-top:1px solid #e9e9e9;
}
.select-content .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li{
padding:0;
border-bottom:none;
}
.select-content .link-list-toggle > li.is-active > div >.link-list-toggle-hook{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg);
}
.select-content .link-list-toggle > li.is-active > .link-list-toggle-item {
display:block;
}

/* .toggle-btn-01
---------------------------------- */
.select-content .toggle-container.active > .toggle-btn-01::before{
background-image:url(/element_sp/j_tour/shared/images/icon-arrow-04-up-l.svg);
}
.select-content .toggle-container .toggle-btn-01{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .toggle-container .toggle-btn-01::before{
content:"";
margin-right:4px;
display:inline-block;
width:12px;
height:7px;
vertical-align:middle;
background:url(/element_sp/j_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
background-size:100%;
margin-top:-4px;
}

/* select-content
---------------------------------- */
.select-content .spot-list{
margin:-12px 0 0 0;
}
.select-content .spot-list >li{
padding-top:12px;
}
.select-content .spot-list >li:not(:first-child){
margin-top:12px;
border-top:1px solid #ddd;
}
.select-content .spot-list .spot-item-header{
position:relative;
padding-left:28px;
width:100%;
}
.select-content .spot-list .spot-item-header .spot-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:24px;
position:absolute;
top:0;
left:0;
padding-top:5px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-rank.svg) 0 0 no-repeat;
color:var(--cmn-font-color-base);
background-size:20px 24px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .spot-list .spot-item-header .spot-hdg{
display:inline-block;
font-size:16px;
margin-bottom:4px;
font-weight:normal;
}
.select-content .spot-list .spot-item-header + .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
margin-top:8px;
margin-bottom:8px;
}
.select-content .spot-list .spot-item-header + .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .spot-list .spot-item-header + .spot-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .spot-list .spot-item-header + .spot-pic + .spot-desc >p{
margin:0;
}
.select-content .spot-list .spot-item-header + .spot-pic + .spot-desc .spot-desc-more{
padding:0;
color:#a4a4a4;
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) 100% center no-repeat;
background-size:4px 7px;
padding-right:8px;
}
.select-content .spot-list .spot-item-header + .spot-pic + .spot-desc .spot-desc-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.select-content .spot-list .spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 8px;
}
.select-content .spot-list .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:78px;
}
.select-content .spot-list .spot-pic a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:78px;
}
.select-content .spot-list .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.select-content .spot-list .spot-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.select-content .spot-list .spot-pic .spot-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.select-content .spot-list .spot-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-top:4px;
}
.select-content .spot-list .spot-desc p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.select-content .spot-list .spot-desc p + p{
margin-top:12px;
}
.select-content .spot-list .spot-desc-footer{
text-align:right;
margin-top:8px;
font-size:12px;
min-height:17px;
}
.select-content .spot-list .spot-desc-footer a:link,
.select-content .spot-list .spot-desc-footer a:visited,
.select-content .spot-list .spot-desc-footer a:hover,
.select-content .spot-list .spot-desc-footer a:active{
text-decoration:none;
}
.select-content .spot-list .spot-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
}
.select-content .spot-list .spot-link{
float:right;
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}

/* find-btn-list
---------------------------------- */
.select-content .find-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.select-content .find-btn-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.select-content .find-btn-list .btn-find-tour,
.select-content .find-btn-list .btn-find-hotel{
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:3px 8px;
margin:0;
background-repeat:no-repeat;
background-position:8px center;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}

/* climate
---------------------------------- */
.select-content .climate{
margin-bottom:12px;
}
.select-content .climate-desc{
margin-top:12px;
}
.select-content .climate-desc + .climate-hdg{
margin-top:12px;
}
.select-content .climate-hdg{
font-weight:bold;
font-size:12px;
display:inline-block;
}
.select-content .climate-hdg + p{
margin-top:8px;
}
.select-content .climate-hdg-container{
position:relative;
}
.select-content .climate-hdg-container::after{
content:"";
display:table;
clear:both;
}
.select-content .climate-notes{
float:right;
margin-top:3px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.select-content .climate-notes .mark{
margin-right:4px;
}
.select-content .climate-graph{
margin-top:4px;
margin-bottom:12px;
aspect-ratio:auto 783 / 338;
}
.select-content .climate-graph img{
width:100%;
vertical-align:top;
}
.select-content .climate-clothes{
margin:4px 0 8px;
}
.select-content .climate-clothes-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0;
}
.select-content .climate-clothes-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:10px;
}
.select-content .climate-clothes-list li > div{
width:100%;
line-height:1;
text-align:center;
}
.select-content .climate-clothes-list li > div:last-child{
padding:9px 0;
margin-top:5px;
border-left:1px solid #e9e9e9;
}
.select-content .climate-clothes-list li:last-child > div:last-child{
border-right:1px solid #e9e9e9;
}
.select-content .climate-clothes-list .clothes-type{
display:block;
margin:0 auto;
height:0;
padding-top:22px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 22px;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
background-size:auto 19px;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l2.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l3.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-01-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
background-size:auto 19px;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l3.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-02-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
background-size:auto 19px;
}
.select-content .climate-clothes-list .clothes-type.clothes-type-03-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3-l4.svg);
}
.select-content .climate-clothes-list .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
background-size:auto 19px;
}
.select-content .climate-clothes-def-container{
margin-top:4px;
}
.select-content .climate-clothes-def{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
}
.select-content .climate-clothes-def > span{
font-size:12px;
margin-right:4px;
}
.select-content .climate-clothes-def ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0;
}
.select-content .climate-clothes-def ul li{
font-size:12px;
position:relative;
top:1px;
}
.select-content .climate-clothes-def ul li:not(:last-child){
margin-right:10px;
}
.select-content .climate-clothes-def .clothes-type{
position:relative;
top:-3px;
content:"";
display:inline-block;
width:15px;
height:0;
padding-top:17px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center left;
background-size:15px auto;
margin-right:3px;
vertical-align:middle;
}
.select-content .climate-clothes-def .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
}
.select-content .climate-clothes-def .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
}

/* climate-footer
---------------------------------- */
.select-content .climate-footer{
margin-top:12px;
}
.select-content .climate-footer .climate-footer-link{
text-align:right;
line-height:1;
font-size:12px;
}

/* info-tbl
---------------------------------- */
.select-content .info-tbl{
width:100%;
margin:0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
}
.select-content .info-tbl th,
.select-content .info-tbl td{
padding:5px;
font-weight:normal;
font-size:12px;
}
.select-content .info-tbl thead th{
background-color:#999999;
color:#fff;
white-space:nowrap;
}
.select-content .info-tbl thead th:first-child{
width:24px;
}
.select-content .info-tbl thead th:nth-child(2){
width:24px;;
}
.select-content .info-tbl thead th:last-child{
width:70px;
}
.select-content .info-tbl tbody th{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
background-color:#f5f5f5;
font-weight:normal;
}
.select-content .info-tbl tbody th:first-child{
background-color:#ececec;
}
.select-content .info-tbl tbody td{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
word-wrap:break-word;
}
.select-content .info-tbl tbody td:last-child{
border-right:1px solid #cccccc;
}

/* ----------------------------------------------------------------
  .seo-card-cheapest
----------------------------------------------------------------- */
/* .seo-card-cheapest
----------------------------------------------- */
.seo-card-cheapest{
margin:12px 0;
font-size:14px;
padding:12px;
border-radius:6px;
line-height:1.42;
overflow:hidden;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
box-shadow:0 0 4px rgba(0,0,0,.3);
}
.seo-card-cheapest > *{
font-size:14px;
}
.seo-card-cheapest > :last-child{
margin-bottom:0;
}

/* .seo-card-hdg
----------------------------------------------- */
.select-content .seo-card-hdg{
margin-bottom:8px;
line-height:1.25;
font-size:18px;
font-weight:normal;
}
.seo-index .seo-card-hdg{
font-size:18px;
}

/* seo-card-selector
---------------------------------- */
.select-content .seo-card-selector{
position:relative;
}
.select-content .seo-card-selector[aria-expanded="true"] .seo-card-selector-item{
display:block;
}
.select-content .seo-card-selector[aria-expanded="true"] .seo-card-selector-btn-container .seo-card-selector-tip{
display:block;
}
.select-content .seo-card-selector[aria-expanded="true"] .seo-card-selector-btn{
/* &::after{
        border-width:0 5px 6px 5px;
        border-color: transparent transparent #666 transparent;
      } */
}
.select-content .seo-card-selector .seo-card-selector-header{
position:relative;
}
.select-content .seo-card-selector .seo-card-selector-header .seo-card-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.select-content .seo-card-selector .seo-card-selector-header .seo-card-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.select-content .seo-card-selector .seo-card-selector-header .seo-card-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_tour/shared/images/icon-close-gry.svg) top left no-repeat;
}
.select-content .seo-card-selector .seo-card-selector-header .seo-card-selector-close button:hover{
background-color:#e9f3fb;
}
.select-content .seo-card-selector .seo-card-selector-item{
display:none;
position:absolute;
top:43px;
left:0;
width:100%;
}
.select-content .seo-card-selector .seo-card-selector-item .seo-card-selector-item-inner{
position:relative;
z-index:2;
text-align:left;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:2;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.select-content .seo-card-selector .seo-card-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.select-content .seo-card-selector .seo-card-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.select-content .seo-card-selector .seo-card-selector-list >li{
white-space:nowrap;
}
.select-content .seo-card-selector .seo-card-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
text-decoration:none;
}
.select-content .seo-card-selector .seo-card-selector-list >li.is-active a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}
.select-content .seo-card-selector .seo-card-selector-btn-container{
position:relative;
}
.select-content .seo-card-selector .seo-card-selector-btn-container .seo-card-selector-tip{
display:none;
position:absolute;
left:50px;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:10;
}
.select-content .seo-card-selector .seo-card-selector-btn-container .seo-card-selector-tip::before{
content:"";
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.select-content .seo-card-selector .seo-card-selector-btn{
position:relative;
display:block;
width:100%;
margin:0;
padding:0 20px 0 11px;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
text-align:left;
}
.select-content .seo-card-selector .seo-card-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-2px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* .seo-card-cheapest-filter
----------------------------------------------- */
.seo-card-cheapest-filter{
margin:16px 0 12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:4px 12px;
}
.seo-card-cheapest-filter > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:4px;
}
.seo-card-cheapest-filter label input{
display:block;
}
.seo-card-cheapest-filter label > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .seo-card-cheapest-tbl
----------------------------------------------- */
.seo-card-cheapest-tbl{
position:relative;
font-size:14px;
}
.seo-card-cheapest-tbl::after{
left:auto;
right:0;
}
.seo-card-cheapest-tbl:has( + .notice-list){
margin-bottom:12px;
}
.seo-card-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
text-align:left;
font-size:14px;
}
.seo-card-cheapest-tbl table caption > span {
margin-bottom:20px;
display:block;
text-align:left;
}
.seo-card-cheapest-tbl table caption > span:first-child {
font-weight:bold;
margin-bottom:8px;
}
.seo-card-cheapest-tbl table th,
.seo-card-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
}
.seo-card-cheapest-tbl table th{
text-align:left;
}
.seo-card-cheapest-tbl table thead th{
padding:0 0 8px;
border-bottom:1px solid #e5e5e5;
line-height:1.25;
text-align:center;
}
.seo-card-cheapest-tbl table thead th:first-child{
width:96px;
text-align:left;
}
.seo-card-cheapest-tbl table thead th:last-child{
letter-spacing:-.05em;
}
.seo-card-cheapest-tbl table tbody th,
.seo-card-cheapest-tbl table tbody td{
padding:12px 0;
font-weight:normal;
border-bottom:1px solid #e5e5e5;
}
.seo-card-cheapest-tbl table tbody th {
text-align:left;
}
.seo-card-cheapest-tbl table tbody td {
text-align:right;
}
.seo-card-cheapest-tbl table tbody td.unset{
text-align:center;
padding-right:0;
}
.seo-card-cheapest-tbl + p{
margin-top:12px;
text-align:right;
}

/* ----------------------------------------------------------------
  list > .seo-card-cheapest
----------------------------------------------------------------- */
.select-content .seo-card-cheapest-hdg{
margin-bottom:12px;
line-height:1.25;
font-size:18px;
font-weight:normal;
}
.select-content .seo-card-cheapest.cheapest-secondary{
margin:0;
}
.select-content .seo-card-cheapest.cheapest-secondary + .seo-card-cheapest.cheapest-secondary{
margin-top:12px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-sup {
margin-bottom:12px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-filter{
margin:0 -12px 12px;
padding-left:12px;
overflow:hidden;
line-height:1;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-filter-list {
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:4px 12px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-filter-list > li label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:4px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-filter-list > li label >span{
display:inline-block;
white-space:nowrap;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl{
padding:0;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl::before,
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl::after{
display:none;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
text-align:left;
text-align:initial;
font-size:14px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table caption {
height:0;
overflow:hidden;
position:absolute;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table th,
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table td{
padding:12px 0;
font-weight:normal;
border-bottom:1px solid #e5e5e5;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table td{
text-align:right;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table thead th{
padding:0;
line-height:1.25;
background-color:#fff;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table thead th > span{
display:block;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table thead tr > th:first-child{
width:95px;
text-align:left;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody:not(:first-of-type){
display:none;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody th::after,.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody td::after{
display:none;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody th > span{
display:inline-block;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody > tr:last-child > th,
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tbody > tr:last-child > td{
/* padding-bottom:0;
            border-bottom:none; */
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tr > th.unset{
padding-left:2.5em;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl table tr > td.unset{
padding-right:0;
text-align:center;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl .seo-card-cheapest-tbl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
gap:0 8px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl .seo-card-cheapest-tbl-footer .tgl-hook {
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/j_tour/shared/images/icon/arrow_down_s.svg) no-repeat left 8px;
background-size:8px auto;
font-size:14px;
height:20px;
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl.tgl-container[aria-expanded=true] .tgl-hook {
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.select-content .seo-card-cheapest.cheapest-secondary .seo-card-cheapest-tbl + p{
text-align:left;
}
.select-content .seo-card-cheapest.cheapest-secondary + .seo-card-cheapest-date{
text-align:right;
margin:8px 0 12px;
font-size:14px;
}

/* attention
---------------------------------- */
.attention ul{
font-size:14px;
margin:0;
}
.attention ul > li{
padding-top:12px;
}
.attention ul > li:not(:first-child){
margin-top:12px;
border-top:1px solid #e5e5e5;
}
.attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul {
margin-top:12px;
margin-bottom:0;
}
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.news ul a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.news ul a > div{
font-size:14px;
line-height:1.42;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:76px;
line-height:1;
text-align:center;
font-size:10px;
padding-top:4px;
}
.news ul a > span > span{
height:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/* card-content-local
---------------------------------- */
.card-container .card-content-local > .card-content:first-child{
margin-top:10px;
}
.lp-container .hdg-l2-note{
margin:0;
}
.lp-container .mod-noimg{
border:1px solid #ddd;
background-color:#fcfcfc;
}
.lp-container .search-index{
background:none;
margin-top:0;
margin-bottom:0;
padding-bottom:8px;
}
.lp-container .search-index .search-index-inner{
background-color:#fff;
}

/* review
---------------------------------- */
.lp-container .review{
margin-top:0;
}
.lp-container .review .review-list{
gap:0 8px;
margin:6px 0 4px;
}
.lp-container .review .review-list > li{
margin-right:0;
min-width:auto;
}
@media screen and (max-width: 375px) {
.lp-container .review .review-list{
gap:0 6px;
}
}

/* detail-header-container
---------------------------------- */
.lp-container .detail-header-container .detail-header{
position:relative;
margin:0 -10px 0;
}
.lp-container .detail-header-container .detail-header-inner{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:1;
padding:62px 28px 28px;
min-height:250px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header-container .detail-header-pic{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.lp-container .detail-header-container .detail-header-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:0 0;
object-position:0 0;
}
.lp-container .detail-header-container .detail-header-hdg{
color:#fff;
text-shadow:1px 1px 2px #000000;
font-size:24px;
font-weight:bold;
line-height:1.2;
text-align:center;
margin-bottom:55px;
padding:0;
}
.lp-container .detail-header-container .detail-header-hdg .area{
display:inline-block;
vertical-align:middle;
}
.lp-container .detail-header-container .detail-header-hdg .sup{
display:inline-block;
vertical-align:middle;
margin-left:6px;
}
.lp-container .detail-header-container .detail-header-cap{
padding:16px;
background-color:rgba(255,255,255,.85);
border-radius:6px;
line-height:calc(18 / 12);
margin:8px auto 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header-container .detail-header-cap p{
font-size:14px;
margin:0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:16;
}
.lp-container .detail-header-container .detail-header-sup{
position:absolute;
left:0;
bottom:0;
display:block;
width:100%;
text-align:right;
padding:0 12px 4px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header-container .detail-header-sup a{
font-size:12px;
color:rgba(255,255,255,.7);
position:relative;
}
.lp-container .detail-header-container .detail-header-sup::before{
content:"";
display:block;
position:absolute;
height:28px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .detail-header-container .detail-header-hdg-l2{
color:#fff;
margin-top:12px;
font-size:14px;
font-weight:normal;
text-shadow:0px 1px 0px #00000080;
}

/* page-navi-container
---------------------------------- */
.lp-container .page-navi-container{
overflow:hidden;
position:relative;
margin:0 -10px;
z-index:10;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
z-index:2;
}
.lp-container .page-navi-container.is-end .page-navi .page-navi-list::after{
display:none;
}
.lp-container .page-navi-container.is-start .page-navi .page-navi-list::before{
display:none;
}
.lp-container .page-navi-container .page-navi{
overflow:hidden;
overflow-x:scroll;
}
.lp-container .page-navi-container .page-navi::-webkit-scrollbar{
display:none;
}
.lp-container .page-navi-container .page-navi .page-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:8px 0;
}
.lp-container .page-navi-container .page-navi .page-navi-list::before{
display:none;
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:40px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled{
opacity:.33;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled a{
cursor:default;
}
.lp-container .page-navi-container .page-navi .page-navi-list li span,
.lp-container .page-navi-container .page-navi .page-navi-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:44px;
background:none;
border:none;
padding:0 8px 13px 8px;
margin:0;
position:relative;
font-size:12px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element_sp/j_tour/shared/images/icon-anchor-down.svg) center bottom no-repeat;
background-size:7px 7px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:first-child{
margin-left:0;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:last-child{
padding-right:12px;
}
@media screen and (max-width: 360px){
.lp-container .detail-header-container .detail-header-inner{
padding-left:8px;
padding-right:8px;
}
.lp-container .detail-header-container .detail-header-cap{
max-width:295px;
}
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0 -10px;
padding:1px 8px 24px;
position:relative;
z-index:1;
background:#e5e5e5;
}
.lp-container .card-container .cmn-loading-spinner{
margin-bottom:1000px;
}
.lp-container .card-container .card-header{
margin-bottom:8px;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:18px;
font-weight:normal;
line-height:calc(21 / 16);
background-color:transparent;
}
.lp-container .card-container .card-header-desc{
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:block;
border:none;
}
.lp-container .card-container .card-header-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-main-footer{
margin-top:20px;
}
.lp-container .card-container .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:8px 0 0;
padding:0;
display:block;
border:none;
}
.lp-container .card-container .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-footer-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-content{
margin-top:28px;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content.card-faq .card-item{
padding-top:0px;
padding-bottom:0px;
}
.lp-container .card-container .card-content.card-select-map{
margin-top:10px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item > .link-list-toggle{
margin-top:-1px;
}
.lp-container .card-container .card-content.card-select-menu .toggle-container{
margin:-12px -12px;
}
.lp-container .card-container .card-content.card-select-menu .toggle-container .link-list{
margin:0;
}
.lp-container .card-container .card-content.card-select-dest .card-item,.lp-container .card-container .card-content.card-select-other-tour .card-item{
padding-top:0;
padding-bottom:0;
}
.lp-container .card-container .card-content.card-select-dest .card-item .link-list,.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list{
margin:0;
}
.lp-container .card-container .card-content.card-select-dest .card-item .link-list >li > a,.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list >li > a{
padding-left:0;
padding-right:0;
}
.lp-container .card-container .card-content.card-select-dest .card-item .toggle-btn-01,.lp-container .card-container .card-content.card-select-other-tour .card-item .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content.card-select-other-theme .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a{
padding-left:80px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a .img{
max-width:72px;
max-height:54px;
min-height:54px;
}
.lp-container .card-container .card-content.card-select-other-theme .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content.card-select-rcmd-spot .toggle-text.is-line-03 .toggle-text-desc{
overflow:visible;
text-overflow:unset;
display:block;
height:auto;
}
.lp-container .card-container .card-content .card-item{
padding:12px;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
}
.lp-container .card-container .card-content .card-item.is-branch{
padding:0;
margin:-4px -8px;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.lp-container .card-container .card-desc p{
font-size:12px;
margin:0;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:8px;
}
.lp-container .card-container .card-desc .card-hdg-02{
font-size:12px;
}
.lp-container .card-container .card-desc-list{
margin:0;
font-size:12px;
}
.lp-container .card-container .card-desc-list >li{
margin-top:2px;
}
.lp-container .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.lp-container .card-container .card-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .card-container .card-notes li.aster{
position:relative;
padding-left:16px;
}
.lp-container .card-container .card-notes li.aster::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.lp-container .card-container .card-main-footer{
margin-top:12px;
}
.lp-container .card-container .card-main-footer .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster > span{
margin-right:.4em;
}

/* link-list-toggle
---------------------------------- */
.lp-container .link-list-toggle{
margin:0;
font-size:14px;
line-height:1.35;

}
.lp-container .link-list-toggle .link-list > li{
border-top:1px solid #e9e9e9;
}
.lp-container .link-list-toggle > li{
border-top:1px solid #e9e9e9;
}
.lp-container .link-list-toggle > li > div{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:12px 0;
}
.lp-container .link-list-toggle > li > div .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
width:50px;
height:100%;
position:absolute;
right:0;
top:0;
overflow:hidden;
text-indent:-9999px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center right no-repeat;
background-size:12px 7px;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li{
margin-left:16px;
padding:12px 0;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li a{
display:inline-block;
padding:0;
border-bottom:none;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li{
margin-left:16px;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li a{
padding-left:0;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-active{
border-bottom:none;
padding:0;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li{
padding:0;
border-bottom:none;
}
.lp-container .link-list-toggle > li.is-active > div >.link-list-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}

/* info-tbl
---------------------------------- */
.lp-container .info-tbl{
width:100%;
margin:0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
}
.lp-container .info-tbl th,
.lp-container .info-tbl td{
padding:5px;
font-weight:normal;
font-size:12px;
}
.lp-container .info-tbl td{
vertical-align:top;
}
.lp-container .info-tbl thead th{
background-color:#999999;
color:#fff;
white-space:nowrap;
}
.lp-container .info-tbl thead th:first-child{
width:24px;
}
.lp-container .info-tbl thead th:nth-child(2){
width:24px;;
}
.lp-container .info-tbl thead th:last-child{
width:70px;
}
.lp-container .info-tbl tbody th{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
background-color:#f5f5f5;
font-weight:normal;
}
.lp-container .info-tbl tbody th:first-child{
background-color:#ececec;
}
.lp-container .info-tbl tbody td{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
word-wrap:break-word;
}
.lp-container .info-tbl tbody td:last-child{
border-right:1px solid #cccccc;
}

/* .lp-container .faq-list
---------------------------------- */
.lp-container .faq-list{
margin:0;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-item{
display:block;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-trigger::after{
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=false] .faq-toggle-item{
display:none;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger{
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:12px;
font-weight:normal;
width:100%;
min-height:50px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-right:30px;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:0;
top:50%;
margin-top:-4px;
width:12px;
height:7px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.lp-container .faq-list li{
font-size:12px;
}
.lp-container .faq-list li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.lp-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.lp-container .faq-list li .question{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding-left:23px;
min-height:50px;
}
.lp-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.lp-container .faq-list li .answer p{
margin:0;
}
.lp-container .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.lp-container .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.lp-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:3px;
width:11px;
height:15px;
background:url(/element_sp/j_tour/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .faq-modified{
float:right;
color:var(--font-color-placeholder);
font-size:12px;
margin-top:8px;
}
.lp-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* card-souvenir
---------------------------------- */
.lp-container .card-souvenir .link-list-image-01{
margin:-8px 0;
}
.lp-container .card-souvenir .link-list-image-01 >li{
position:relative;
padding:8px 0 8px 80px;
min-height:72px;
}
.lp-container .card-souvenir .link-list-image-01 .hdg{
font-size:14px;
}
.lp-container .card-souvenir .link-list-image-01 .txt{
font-size:12px;
}
.lp-container .card-souvenir .link-list-image-01 .update{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}
.lp-container .card-souvenir .link-list-image-01 .img{
position:absolute;
top:8px;
left:0;
width:72px;
height:72px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.lp-container .card-souvenir .link-list-image-01 .img img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-souvenir .link-list-image-01 .img .guard{
position:absolute;
top:0;
left:0;
}
.lp-container .card-souvenir .link-list-image-01 .img.mod-noimg img{
width:72px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .card-souvenir .link-list-image-01 .img .cap > span{
position:absolute;
bottom:4px;
left:3px;
font-size:10px;
color:rgba(255, 255, 255, .6);
letter-spacing:-.04em;
line-height:1;
padding-right:3px;
word-break:keep-all;
}
.lp-container .card-souvenir .link-list-image-01 .img .cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .card-souvenir .link-list-image-01 .img .cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}

/* card-article
---------------------------------- */
.lp-container .card-article .link-list-image-01{
margin:-8px 0;
}
.lp-container .card-article .link-list-image-01 >li{
position:relative;
}
.lp-container .card-article .link-list-image-01 >li > a{
padding:8px 0 8px 80px;
min-height:72px;
}
.lp-container .card-article .link-list-image-01 .hdg{
font-size:14px;
}
.lp-container .card-article .link-list-image-01 .txt{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
}
.lp-container .card-article .link-list-image-01 .update{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}
.lp-container .card-article .link-list-image-01 .img{
position:absolute;
top:8px;
left:0;
width:72px;
height:72px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.lp-container .card-article .link-list-image-01 .img img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-article .link-list-image-01 .img.mod-noimg img{
width:72px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .card-article .link-list-image-01 .img .cap > span{
position:absolute;
bottom:4px;
left:3px;
font-size:10px;
color:rgba(255, 255, 255, .6);
letter-spacing:-.04em;
line-height:1;
padding-right:3px;
word-break:keep-all;
}
.lp-container .card-article .link-list-image-01 .img .cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .card-article .link-list-image-01 .img .cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}

/* tour-list
---------------------------------- */
.lp-container .tour-list{
margin:-12px 0 0;
}
.lp-container .tour-list >li{
position:relative;
padding:12px 0 0 30px;
}
.lp-container .tour-list >li:not(:first-child){
border-top:1px solid #ddd;
padding-top:12px;
margin-top:12px;
}
.lp-container .tour-list .tour-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:24px;
position:absolute;
top:0;
left:0;
padding-top:5px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:20px 24px;
color:var(--cmn-font-color-base);
}
.lp-container .tour-list .tour-list-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
}
.lp-container .tour-list .tour-list-desc .tour-list-hdg{
font-weight:normal;
margin:0;
font-size:16px;
line-height:calc(21 / 16);
}
.lp-container .tour-list .tour-list-desc p{
margin:0;
font-size:16px;
line-height:calc(21 / 16);
}
.lp-container .tour-list .tour-list-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:4px;
color:var(--cmn-font-color-base);
}
.lp-container .tour-list .tour-list-footer > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .tour-list .tour-list-footer .date{
padding:2px 2px;
margin-right:4px;
height:21px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ccc;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.lp-container .tour-list .tour-list-footer .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .tour-list .tour-list-footer .price .price-sup{
margin-right:14px;
}
.lp-container .tour-list .tour-list-footer .price .price-dtl{
white-space:nowrap;
}
.lp-container .tour-list .tour-list-footer .price .price-dtl .price-num{
font-size:18px;
font-weight:bold;
}
.lp-container .tour-list .tour-list-footer .price .price-dtl .price-unit{
font-size:12px;
}

/* select-link-list
---------------------------------- */
.lp-container .select-link-list{
margin:0;
}
.lp-container .select-link-list li:not(:first-child){
border-top:1px solid #ddd;
margin-top:12px;
padding-top:12px;
}
.lp-container .select-link-list li a{
font-size:14px;
color:var(--cmn-font-color-base);
}

/* toggle-text
---------------------------------- */
.lp-container .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:53px;
}
.lp-container .toggle-text.is-line-02 .toggle-text-desc{
-webkit-line-clamp:2;
height:34px;
}
.lp-container .toggle-text.is-line-03 .toggle-text-desc{
-webkit-line-clamp:3;
height:53px;
}
.lp-container .toggle-text .toggle-text-hook{
text-align:right;
line-height:1;
margin-top:4px;
}
.lp-container .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.lp-container .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.lp-container .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text.is-active .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0 0 0 12px;
margin:0;
font-size:12px;
background:url(/element/j_tour/shared/images/icon/arrow_up_s.svg) no-repeat left 6px;
background-size:8px auto;
color:var(--cmn-font-color-base);
}

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0;
}
.lp-container .area-list >li:not(:first-child){
margin-top:20px;
}
.lp-container .area-list .area-item{
gap:0 8px;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic .guard {
position:absolute;
top:0;
left:0;
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-desc{
margin-top:8px;
}
.lp-container .area-list .area-desc p{
margin:0;
}
.lp-container .area-list .area-hdg{
font-size:16px;
margin-bottom:4px;
font-weight:normal;
}
.lp-container .area-list .area-hdg a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-txt{
font-size:12px;
margin-top:4px;
}
.lp-container .area-list .area-txt p{
margin:0;
}
.lp-container .area-list .area-txt .txt-more{
color:#a4a4a4;
}
.lp-container .area-list .area-txt .txt-more::before{
content:"...";
display:inline-block;
margin-right:4px;
color:var(--cmn-font-color-base);
}

/* tour-list-footer
---------------------------------- */
.lp-container .card-footer{
display:block;
text-align:center;
margin-top:12px;
font-size:12px;
}
.lp-container .card-footer .card-footer-link{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:1px solid #cccccc;
border-radius:4px;
padding:4px 8px 2px;
min-height:30px;
min-width:255px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.lp-container .card-footer .card-footer-link .area{
display:inline-block;
line-height:1;
}
.lp-container .card-footer .card-footer-link .sup{
display:inline-block;
line-height:1;
}

/* find-btn-guide
---------------------------------- */
.find-btn-guide{
font-size:12px;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}

/* find-btn-list
---------------------------------- */
.lp-container .find-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:8px 0 0;
}
.lp-container .find-btn-list li{
width:calc(50% - 4px);
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
padding:3px 8px;
margin:0;
min-height:38px;
}
.lp-container .find-btn-list li:has(.is-disabled){
border:1px solid rgb(204, 204, 204,.33);
}
.lp-container .find-btn-list li .find-mark{
display:block;
}
.lp-container .find-btn-list li .find-price{
display:block;
width:100%;
font-size:12px;
}
.lp-container .find-btn-list li .find-price > span{
font-size:14px;
}
.lp-container .find-btn-list li .find-price > span.blank{
font-size:12px;
}
.lp-container .find-btn-list li a{
color:var(--cmn-font-color-base);
}
.lp-container .find-btn-list li a.is-disabled{
cursor:default;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
opacity:.33;
}
.lp-container .find-btn-list .btn-find-optional{
width:100%;
}

/* find-btn-list-02
---------------------------------- */
.lp-container .find-btn-list-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:4px 3px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:4px 0 0 0;
}
.lp-container .find-btn-list-02 li > div,
.lp-container .find-btn-list-02 li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:3px 3px;
width:100%;
margin:0;
background-repeat:no-repeat;
background-position:8px center;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.lp-container .find-btn-list-02 li > div >span,.lp-container .find-btn-list-02 li > a >span{
display:block;
width:100%;
}
.lp-container .find-btn-list-02 li > div .area,.lp-container .find-btn-list-02 li > a .area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.lp-container .find-btn-list-02 li.is-disabled > div,
.lp-container .find-btn-list-02 li.is-disabled > a{
cursor:default;
pointer-events:none;
opacity:.4;
}
.lp-container .find-btn-list-02 .btn-find-tour,
.lp-container .find-btn-list-02 .btn-find-dp,
.lp-container .find-btn-list-02 .btn-find-train{
width:calc((100% / 3) - 3px);
}
.lp-container .find-btn-list-02 .btn-find-tour > div,
.lp-container .find-btn-list-02 .btn-find-tour > a,
.lp-container .find-btn-list-02 .btn-find-dp > div,
.lp-container .find-btn-list-02 .btn-find-dp > a,
.lp-container .find-btn-list-02 .btn-find-train > div,
.lp-container .find-btn-list-02 .btn-find-train > a{
min-height:53px;
}
.lp-container .find-btn-list-02 .btn-find-hotel,
.lp-container .find-btn-list-02 .btn-find-flight{
width:calc(50% - 3px);

}

/* select-list
---------------------------------- */
.lp-container .select-list{
margin:0;
}
.lp-container .select-list .select-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
overflow:hidden;
}
.lp-container .select-list >li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .select-list .select-guide{
margin-top:8px;
font-size:12px;
}
.lp-container .select-list .select-guide span:first-child::after{
content:":";
margin:0 4px;
display:inline-block;
}
.lp-container .select-list .select-tags{
margin-top:8px;
margin-bottom:4px;
font-size:12px;
}
.lp-container .select-list .select-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:144px;
}
.lp-container .select-list .select-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .select-list .select-pic .select-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.lp-container .select-list .select-pic.mod-noimg img{
width:89px;
height:auto;
display:inline-block;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .select-list .select-pic .select-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .select-list .select-pic .select-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .select-list .select-pic .select-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .select-list .select-pic .select-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .select-list .select-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .select-list .select-desc a{
display:block;
color:var(--cmn-font-color-base);
}
.lp-container .select-list .select-desc .select-text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
margin-top:3px;
}
.lp-container .select-list .select-desc .select-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.lp-container .select-list .select-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
}
.lp-container .select-list .select-hdg a{
color:var(--cmn-font-color-base);
}

/* select-content
---------------------------------- */
.lp-container .spot-list{
margin:0;
}
.lp-container .spot-list >li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .spot-list >li a{
color:var(--cmn-font-color-base);
}
.lp-container .spot-list .spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.lp-container .spot-list .spot-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:108px;
height:105px;
}
.lp-container .spot-list .spot-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .spot-list .spot-pic .guard {
position:absolute;
top:0;
left:0;
}
.lp-container .spot-list .spot-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .spot-list .spot-pic .spot-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:22px;
height:26px;
position:absolute;
top:0;
left:6px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:22px 26px;
}
.lp-container .spot-list .spot-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .spot-list .spot-cap > span{
position:absolute;
bottom:5px;
left:3px;
font-size:10px;
color:rgba(255, 255, 255, .6);
letter-spacing:-.04em;
}
.lp-container .spot-list .spot-cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .spot-list .spot-cap a:hover{
text-decoration:none;
}
.lp-container .spot-list .spot-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .spot-list .spot-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .spot-list .spot-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
}
.lp-container .spot-list .spot-text{
margin-top:4px;
}
.lp-container .spot-list .spot-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.lp-container .spot-list .spot-text p + p{
margin-top:12px;
}
.lp-container .spot-list .spot-link{
float:right;
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}

/* tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element/j_tour/shared/images/icon/arrow_up_s.svg);
}
.lp-container .tgl-container[aria-expanded=true] .tgl-footer-item{
display:block;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-footer-item{
display:none;
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .tgl-container .tgl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
gap:0 8px;
}
.lp-container .tgl-container .tgl-footer-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer-notes{
margin:0;
}
.lp-container .tgl-container .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/j_tour/shared/images/icon/arrow_down_s.svg) no-repeat left 8px;
background-size:8px auto;
font-size:12px;
height:20px;
}

/* card-tools-container
---------------------------------- */
.lp-container .card-tools-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
padding:8px 0 0;
margin-bottom:-8px;
}
.lp-container .card-tools-container .card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
margin-top:12px;
margin-bottom:0;
overflow:hidden;
}

/* search-selector
---------------------------------- */
.lp-container .search-selector{
position:relative;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 6px 7px 6px;
border-color:transparent transparent #888 transparent;
}
.lp-container .search-selector .search-selector-header{
position:relative;
}
.lp-container .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.lp-container .search-selector .search-selector-header .search-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.lp-container .search-selector .search-selector-header .search-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/j_tour/shared/images/icon-close-gry.svg) top left no-repeat;
}
.lp-container .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.lp-container .search-selector .search-selector-item{
display:none;
position:absolute;
top:43px;
right:0;
}
.lp-container .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
z-index:2;
text-align:left;
max-width:172px;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:2;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.lp-container .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.lp-container .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .search-selector .search-selector-list >li{
white-space:nowrap;
}
.lp-container .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
text-decoration:none;
}
.lp-container .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/j_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}
.lp-container .search-selector .search-selector-btn-container{
position:relative;
}
.lp-container .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;
left:50%;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:10;
}
.lp-container .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.lp-container .search-selector .search-selector-btn{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-width:120px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 28px 0 8px;
background:#fff;
border:1px solid #ccc;
border-radius:calc(35px / 2);
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
}
.lp-container .search-selector .search-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* climate
---------------------------------- */
.lp-container .climate{
margin-bottom:12px;
}
.lp-container .climate-desc{
margin-top:12px;
}
.lp-container .climate-desc + .climate-hdg{
margin-top:12px;
}
.lp-container .climate-hdg{
font-weight:bold;
font-size:12px;
display:inline-block;
}
.lp-container .climate-hdg + p{
margin-top:8px;
}
.lp-container .climate-hdg-container{
position:relative;
}
.lp-container .climate-hdg-container::after{
content:"";
display:table;
clear:both;
}
.lp-container .climate-notes{
float:right;
margin-top:3px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.lp-container .climate-notes .mark{
margin-right:4px;
}
.lp-container .climate-graph{
margin-top:4px;
margin-bottom:12px;
aspect-ratio:auto 783 / 338;
}
.lp-container .climate-graph img{
max-width:100%;
vertical-align:top;
}
.lp-container .climate-clothes{
margin:4px 0 8px;
}
.lp-container .climate-clothes-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0;
}
.lp-container .climate-clothes-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:10px;
}
.lp-container .climate-clothes-list li > div{
width:100%;
line-height:1;
text-align:center;
}
.lp-container .climate-clothes-list li > div:last-child{
padding:9px 0;
margin-top:5px;
border-left:1px solid #e9e9e9;
}
.lp-container .climate-clothes-list li:last-child > div:last-child{
border-right:1px solid #e9e9e9;
}
.lp-container .climate-clothes-list .clothes-type{
display:block;
margin:0 auto;
height:0;
padding-top:22px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center center;
background-size:auto 22px;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
background-size:auto 19px;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l2.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l3.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-01-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
background-size:auto 19px;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l3.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-02-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
background-size:auto 19px;
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-03-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3-l4.svg);
}
.lp-container .climate-clothes-list .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
background-size:auto 19px;
}
.lp-container .climate-clothes-def-container{
margin-top:4px;
}
.lp-container .climate-clothes-def{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:0;
}
.lp-container .climate-clothes-def > span{
font-size:12px;
margin-right:4px;
}
.lp-container .climate-clothes-def ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0;
}
.lp-container .climate-clothes-def ul li{
font-size:12px;
position:relative;
top:1px;
}
.lp-container .climate-clothes-def ul li:not(:last-child){
margin-right:10px;
}
.lp-container .climate-clothes-def .clothes-type{
position:relative;
top:-3px;
content:"";
display:inline-block;
width:15px;
height:0;
padding-top:17px;
overflow:hidden;
line-height:2;
background-repeat:no-repeat;
background-position:center left;
background-size:15px auto;
margin-right:3px;
vertical-align:middle;
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-01{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l1.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-02{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l2.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-03{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l3.svg);
}
.lp-container .climate-clothes-def .clothes-type.clothes-type-04{
background-image:url(/element/j_tour/shared/images/icon/icon-clothes-l4.svg);
}

/* climate-footer
---------------------------------- */
.lp-container .climate-footer{
margin-top:12px;
}
.lp-container .climate-footer .climate-footer-link{
text-align:right;
line-height:1;
font-size:12px;
}

/* menu-navi-container
---------------------------------- */
.lp-container .menu-navi-container{
position:relative;
margin:0 -10px 8px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
color:#fff;
border-bottom:1px solid #000;
}
.lp-container .menu-navi-container .menu-navi{
overflow:hidden;
overflow-x:scroll;
}
.lp-container .menu-navi-container .menu-navi::-webkit-scrollbar{
display:none;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:12px 0 8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(59, 59, 59, 0)), to(rgba(59, 59, 59, 1)));
background:linear-gradient(to right, rgba(59, 59, 59, 0) 0%, rgba(59, 59, 59, 1) 100%);
z-index:1;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:25px;
padding:0 8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li.is-active span::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#fff;
position:absolute;
bottom:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li span,
.lp-container .menu-navi-container .menu-navi .menu-navi-list li a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:first-child{
margin-left:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:last-child{
padding-right:12px;
}

/* swiper-rcmd
---------------------------------- */
.lp-container .card-container .swiper-rcmd .swiper{
padding:0 8px;
}
.lp-container .card-container .swiper-rcmd-list{
display:-ms-grid;
display:grid;
margin:4px 0;
grid-auto-flow:column;
grid-gap:0 12px;
grid-auto-columns:calc(100% / 1.16 - 2px);
}
.lp-container .card-container .swiper-rcmd-list > li,
.lp-container .card-container .swiper-rcmd-list > li > a{
display:-ms-grid;
display:grid;
-ms-grid-row-span:3;
grid-row:span 3;

/* for safari fail safe */
-ms-grid-rows:135px 1fr 60px;
grid-template-rows:135px 1fr 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .card-container .swiper-rcmd-list >li > a .swiper-rcmd-hdg{
color:var(--cmn-font-color-link);
}
.lp-container .card-container .swiper-rcmd-list >li > a .tags-list,
.lp-container .card-container .swiper-rcmd-list >li > a .swiper-rcmd-desc{
color:var(--cmn-font-color-base);
}
.lp-container .card-container .card-select-rcmd-dp .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:90px 1fr 60px;
grid-template-rows:90px 1fr 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:3;
grid-row:span 3;
}
.lp-container .card-container .card-select-rcmd-flight .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:135px 60px;
grid-template-rows:135px 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:2;
grid-row:span 2;
}
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-list > li,
.lp-container .card-container .card-select-rcmd-optional .swiper-rcmd-list > li{
/* for safari fail safe */
-ms-grid-rows:135px 1fr 60px;
grid-template-rows:135px 1fr 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:3;
grid-row:span 3;
}
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.lp-container .card-container .card-select-rcmd-hotel .find-btn-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1fr;
grid-template-columns:1fr 1fr;
-ms-grid-rows:1fr 1fr;
grid-template-rows:1fr 1fr;
grid-gap:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .card-select-rcmd-hotel .find-btn-list li{
width:100%;
min-height:55px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer{
text-align:center;
padding:8px 0;
margin-right:12px;
margin-left:12px;
margin-top:12px;
border-top:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:33px;
width:calc(100%  - 24px);
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer a{
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer.is-branch{
border-top:none;
margin-top:8px;
padding-top:0;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
overflow:hidden;
max-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-name{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-sup{
white-space:nowrap;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .sup{
display:inline-block;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
color:var(--cmn-font-color-base);
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
min-height:144px;
color:var(--cmn-font-color-base);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100px;
border-radius:0 0 6px;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;

}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic + .swiper-rcmd-desc{
padding-bottom:0;
}
.lp-container .card-container .card-select-rcmd-tour .swiper-rcmd-list .swiper-rcmd-pic{
height:130px;
}
.lp-container .card-container .card-select-rcmd-dp .swiper-rcmd-list .swiper-rcmd-pic{
height:95px;
}
.lp-container .card-container .card-select-rcmd-flight .swiper-rcmd-list .swiper-rcmd-pic{
height:135px;
}
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-list .swiper-rcmd-pic{
height:156px;
}
.lp-container .card-container .card-select-rcmd-optional .swiper-rcmd-list .swiper-rcmd-pic{
height:130px;
}
.lp-container .card-container .card-select-rcmd-ticket .swiper-rcmd-list .swiper-rcmd-pic{
height:130px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic img{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .guard{
position:absolute;
top:0;
left:0;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-sup{
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
z-index:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:26px;
position:absolute;
top:0;
left:8px;
padding-top:5px;
line-height:1;
background:url(/element/j_air_on/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
filter:drop-shadow(rgba(0, 0, 0, .5) 0 1px 1px);
background-size:22px 26px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap > span{
position:absolute;
bottom:5px;
left:3px;
font-size:10px;
color:rgba(255, 255, 255, .6);
letter-spacing:-.04em;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a:hover{
text-decoration:none;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:12px;
word-break:break-all;
word-wrap:break-word;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label{
position:absolute;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label + .swiper-rcmd-desc{
padding-top:29px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label .swiper-rcmd-sup{
background-color:rgba(0, 0, 0, .45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg{
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
line-height:1.3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg a{
color:var(--cmn-font-color-link);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-03{
-webkit-line-clamp:3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-02{
-webkit-line-clamp:2;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-01{
-webkit-line-clamp:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg-02{
font-size:16px;
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
line-height:1.3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text.is-line-03{
-webkit-line-clamp:3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text.is-line-02{
-webkit-line-clamp:2;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text.is-line-01{
-webkit-line-clamp:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text p{
margin:0;
font-size:12px;
line-height:1.4;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-catch{
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
line-height:1.3;
font-size:14px;
margin:8px 0 4px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-footer{
width:100%;
margin-top:12px;
padding:0 12px 12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .swiper-rcmd-list .tags-list{
margin:4px 0 6px 0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .review .review-list{
margin:0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li{
gap:0 8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow:hidden;
font-size:12px;
line-height:1.35;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li:not(:first-child){
margin-top:3px;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .key{
position:relative;
white-space:nowrap;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .key::after{
content:":";
display:block;
position:absolute;
right:-5px;
top:0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .val{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .price-list{
margin:0;
}
.lp-container .card-container .swiper-rcmd-list .price-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
line-height:1;
}
.lp-container .card-container .swiper-rcmd-list .price-list >li.child .price-num{
font-size:12px;
}
.lp-container .card-container .swiper-rcmd-list .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
gap:0 4px;
margin-top:auto;
line-height:1.2;
}
.lp-container .card-container .swiper-rcmd-list .price .price-sup{
width:100%;
text-align:right;
line-height:1.2;
}
.lp-container .card-container .swiper-rcmd-list .price .price-sup > span{
margin-left:8px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-sup-left{
margin-right:auto;;
}
.lp-container .card-container .swiper-rcmd-list .price .price-dtl{
white-space:nowrap;
}
.lp-container .card-container .swiper-rcmd-list .price .price-dtl .price-num{
font-size:16px;
margin-left:3px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-guide{
text-align:right;
}
@media screen and (max-width: 375px) {
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-desc{
padding-right:8px;
padding-left:8px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-footer{
padding-right:8px;
padding-left:8px;
}
}

/* info-kv-list
---------------------------------- */
.lp-container .list-tgl-contaner .info-kv-list{
margin-top:-1px;
margin-left:-1px;
margin-right:-1px;
}
.lp-container .info-kv-list{
font-size:12px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:0;
}
.lp-container .info-kv-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top:1px solid #ddd;
min-height:34px;
line-height:1.25;
}
.lp-container .info-kv-list > li.hotel{
min-height:59px;
}
.lp-container .info-kv-list > li.feature{
min-height:44px;
}
.lp-container .info-kv-list > li.hotel-plan{
min-height:41px;
}
.lp-container .info-kv-list > li.hotel-plan .plan{
display:inline-block;
vertical-align:middle;
}
.lp-container .info-kv-list > li.hotel-plan .option{
display:inline-block;
}
.lp-container .info-kv-list > li.hotel-plan .option::before{
content:"/";
display:inline;
padding-right:4px;
}
.lp-container .info-kv-list > li .key{
background-color:#f5f5f5;
width:70px;
padding:4px 8px 3px;
line-height:1.2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-kv-list > li .val{
padding:5px 8px;
word-break:break-all;
word-wrap:break-word;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .info-kv-list > li .val-kv{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
}
.lp-container .info-kv-list > li .val-kv-key{
position:relative;
white-space:nowrap;
padding-right:12px;
}
.lp-container .info-kv-list > li .val-kv-key::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.lp-container .info-kv-list > li .val-hdg::before{
content:"---";
display:inline;
padding-right:5px;
}
.lp-container .info-kv-list > li .val-hdg::after{
content:"---";
display:inline;
padding-left:5px;
}
.lp-container .info-kv-list > li .val-desc + .val-hdg{
margin-top:8px;
}
.lp-container .info-kv-list > li .val-desc.is-indent{
text-indent:-1em;
margin-left:1em;
}
.lp-container .info-kv-list .overflow{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
line-height:1.3;
}
.lp-container .info-kv-list .overflow.is-line-02{
-webkit-line-clamp:2;
}
.lp-container .info-kv-list .info-list-hotel p{
margin:0;
}
.lp-container .info-kv-list .info-list-hotel p.hotel{
line-height:1.43;
}
.lp-container .info-kv-list .info-list-hotel .map{
margin-left:12px;
padding-right:.5em;
position:relative;
}
.lp-container .info-kv-list .info-list-hotel .map::before{
content:"";
display:inline-block;
background:url(/element_sp/j_tour/shared/images/icon-map.svg) 0 50% no-repeat;
background-size:9px auto;
position:absolute;
left:-12px;
width:9px;
height:15px;
}
.lp-container .info-kv-list .reservation-link{
display:block;
color:var(--cmn-font-color-base);
position:relative;
padding-right:12px;
}
.lp-container .info-kv-list .reservation-link::after{
content:"";
position:absolute;
top:0;
bottom:0;
right:0;
margin:auto;
background:url(/element_sp/j_tour/shared/images/icon-arrow-next.svg) no-repeat 100% 50%;
background-size:7px auto;
width:7px;
height:12px;
}
.lp-container .info-kv-list .reservation-site > span {
/* display: inline-block; */
}
.lp-container .info-kv-list .cmn-tip-btn{
margin-left:4px;
}
.lp-container .card-container .card-content-footer{
border-top:none;
margin-top:8px;
}
.lp-container .card-container .card-content-footer::after{
content:"";
display:table;
clear:both;
}

/* area-tab-container
---------------------------------- */
.lp-container .area-tab-container{
position:relative;
margin:0;
}
.lp-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.lp-container .area-tab-container.is-static .area-tab-content{
display:block;
}
.lp-container .area-tab-container.is-static .area-tab-header{
padding-top:0;
}
.lp-container .area-tab-container .card-content{
margin-top:28px;
}
.lp-container .area-tab-container .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.lp-container .area-tab-container .area-tab-nav-container{
margin:0 0 12px;
position:relative;
}
.lp-container .area-tab-container .area-tab-nav-container::after{
content:"";
position:absolute;
right:0;
top:0;
height:calc(100% - 1px);
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lp-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
border-bottom:1px solid #e5e5e5;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
gap:0 8px;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
min-width:70px;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:6px;
left:0;
}
.lp-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
background:none;
border:none;
padding:3px 0 13px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-tab-container .area-tab-header{
padding:16px 0 0;
}
.lp-container .area-tab-container .area-tab-content{
display:none;
}
.lp-container .area-tab-container .area-tab-content >:first-child{
border-top:none;
}
.lp-container .area-tab-container .area-tab-content.is-active{
display:block;
}
.lp-container .area-tab-container .area-tab-content .no-result-txt{
padding-top:12px;
padding-bottom:8px;
}
.lp-container .area-tab-container .area-tab-loading{
min-height:300px;
}
.lp-container .area-tab-container .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* map-area
---------------------------------- */
.lp-container .map-area{
min-height:267px;
}
.lp-container .map-area .map-pic{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
overflow:hidden;
}
.lp-container .map-area .map-pic img{
max-width:100%;
max-height:100%;
-o-object-fit:cover;
object-fit:cover;
}

/* price-gd-header
---------------------------------- */
.lp-container .price-gd-header{
border-bottom:1px solid #ddd;
padding-bottom:12px;
margin-bottom:12px;
}

/* price-gd-content
---------------------------------- */
.lp-container .price-gd-content::after{
content:"";
display:table;
clear:both;
}
.lp-container .price-gd-content + .price-gd-content{
margin-top:16px;
}
.lp-container .price-gd-content .price-gd-link{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0 auto;
font-size:12px;
width:288px;
height:32px;
border-radius:4px;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
line-height:1;
}
.lp-container .price-gd-content .price-dg-hdg{
margin-bottom:6px;
padding-left:21px;
background-repeat:no-repeat;
background-position:0 2px;
}
.lp-container .price-gd-content .price-dg-hdg.is-air{
background-image:url(/element_sp/j_tour/shared/images/icon-air.svg);
background-size:13px auto;
}
.lp-container .price-gd-content .price-dg-hdg.is-train{
background-size:12px auto;
background-image:url(/element_sp/j_tour/shared/images/icon-train.svg);
}

/* price-gd-list
---------------------------------- */
.lp-container .price-gd-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:12px 0;
}
.lp-container .price-gd-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
}
.lp-container .price-gd-list > li:not(:first-child){
border-left:1px solid #ccc;
}
.lp-container .price-gd-list .sup{
display:block;
line-height:1.3;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-bottom:3px;
}
.lp-container .price-gd-list .price{
display:block;
line-height:1;
margin-top:4px;
}
.lp-container .price-gd-list .price > span{
font-size:16px;
}

/* price-gd-menu-list
---------------------------------- */
.lp-container .price-gd-item{
background-color:#f2f6fb;
border-radius:4px;
padding:12px;
}
.lp-container .price-gd-item p{
font-weight:bold;
margin:0;
}
.lp-container .price-gd-item .price-gd-menu-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:12px 0 0;
}
.lp-container .price-gd-item .price-gd-menu-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:26px 0 0;
background-color:#f2f6fb;
border-radius:4px;
text-align:center;
background-repeat:no-repeat;
background-position:center 0;
}
.lp-container .price-gd-item .price-gd-menu-list > li > span{
display:block;
font-size:11px;
line-height:1.3;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
}
.lp-container .price-gd-item .price-gd-menu-list .dp-set{
background-image:url(/element_sp/j_tour/shared/images/icon-dp-set.svg);
background-size:54px auto;
}
.lp-container .price-gd-item .price-gd-menu-list .dp-sep{
background-image:url(/element_sp/j_tour/shared/images/icon-dp-sep.svg);
background-size:54px auto;
}
.lp-container .price-gd-item .price-gd-menu-list .train-dp-set{
background-image:url(/element_sp/j_tour/shared/images/icon-train-dp-set.svg);
background-size:54px auto;
}
.lp-container .price-gd-item .price-gd-menu-list .package{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
width:65px;
background-image:url(/element_sp/j_tour/shared/images/icon-package.svg);
background-size:18px auto;
}
@media screen and (max-width: 375px) {
.lp-container .price-gd-item .price-gd-menu-list .package{
width:55px;
white-space:nowrap;
}
}

/* price-gd-kv-list
---------------------------------- */
.lp-container .price-gd-kv-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:2px 0;
margin:0;
}
.lp-container .price-gd-kv-list > li{
display:-ms-grid;
display:grid;
-ms-grid-column-span:2;
grid-column:span 2;

/* for safari15 fail-safe */
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
-ms-grid-columns:subgrid;
grid-template-columns:subgrid;
}
.lp-container .price-gd-kv-list > li .key{
position:relative;
padding-right:10px;
}
.lp-container .price-gd-kv-list > li .key::after{
content:":";
display:block;
position:absolute;
right:3px;
top:0;
}