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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Custom Properties
----------------------------------------------------------------- */
:root{
--key-color:#00428e;
}


/* ----------------------------------------------------------------
  Default
----------------------------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
textarea{
font-size:16px;
background-color:#fff;
}



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

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-ad-bnr
----------------------------------------------------------------- */
.search-result .cmn-ad-bnr{
padding:0;
border-top:6px solid #666;
}

.seo + .act_ad_manage .cmn-ad-bnr{
padding-top:10px;
}


/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
/* .search-result-item-reference-fee-item > .cmn-loading-spinner-dot
----------------------------------------------- */
.search-result-item-reference-fee-item .cmn-loading-spinner-dot{
margin:4px 0 0;
width:16px;
height:16px;
width:calc(100% - 88px);
background-position:50% 0;
}

.search-result-item-reference-fee-item-schedule + .cmn-loading-spinner-dot{
margin-top:8px;
}

/* .search-result-item-reference-fee-item-area > .cmn-loading-spinner-dot
----------------------------------------------- */
.search-result-item-reference-fee-item-area .cmn-loading-spinner-dot{
margin:0 0 0 auto;
width:16px;
}



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

  Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Base layout
----------------------------------------------------------------- */
/* page / dialog
----------------------------------------------- */
body:not(.is-ios) [data-role='page'],
body:not(.is-ios) [role='dialog']{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
box-sizing:border-box;
opacity:0;
}

body:not(.is-ios) [data-role='page'].is-active,
body:not(.is-ios) [role='dialog'].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
background-color:#fff;
opacity:1;
}

body:not(.is-ios) [role='dialog'].is-active{
z-index:10;
}

/* iOS > page / dialog
----------------------------------------------- */
.is-ios [data-role='page'],
.is-ios [role='dialog']{
display:none;
}

.is-ios [data-role='page'].is-active,
.is-ios [role='dialog'].is-active{
display:block;
box-sizing:border-box;
}

/* iframe
----------------------------------------------- */
iframe[name='google_conversion_frame']{
display:none;
}

/* option
----------------------------------------------- */
option:disabled{
color:#ccc;
}


/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
.loading-modal .cmn-loading-spinner{
margin:10px auto;
}

.search-result-header .search-result-header-train .cmn-loading-spinner{
margin:-12px 0 0 -12px;
position: absolute;
top:50%;
left:50%;
}

.seo .seo-popular-destination > .cmn-loading-spinner,
.seo .seo-popular-destination > .cmn-loading-spinner:last-child{
margin:100px auto 1400px;
}


/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin:0 -10px;
padding:7px 10px;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
}

.hdg-l2.branch{
color:var(--cmn-font-color-base);
background-color:#e5e5e5;
}

.link-list + .hdg-l2,
.link-list-toggle + .hdg-l2,
.link-list-thumb + .hdg-l2{
margin-top:-1px;
}

/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
margin:0 -10px;
padding:0 10px;
background-color:#fff;
}

.hdg-l2-container .hdg-l2-sup{
padding:7px 0;
color:var(--cmn-font-color-gray);
display:block;
font-size:12px;
}

.hdg-l2-container .hdg-l2-sup{
display:-webkit-box;
display:flex;
}

.hdg-l2-container .hdg-l2-sup > span{
margin-right:4px;
}

.hdg-l2-container .hdg-l2-sup > div{
-webkit-box-flex:1;
flex:1;
}

.link-list + .hdg-l2-container,
.link-list-toggle + .hdg-l2-container,
.link-list-thumb + .hdg-l2-container{
margin-top:-1px;
}

.seo-card-toggle +.hdg-l2-container{
margin-top:12px;
}


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
line-height:1.35;
font-size:14px;
}

.link-list > li > a{
padding:11px 10px 10px;
border-top:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
}

.link-list > li > a > b{
margin-bottom:3px;
display:block;
font-size:14px;
}

.hdg-l2-container + .link-list{
margin-top:7px;
border-top:1px solid #e5e5e5;
}

/* .link-list-toggle > .link-list
------------------------------- */
.link-list-toggle .link-list{
margin:0;
}

.link-list-toggle .link-list{
margin-left:28px;
}

.link-list-toggle .link-list > li .link-list{
margin-left:56px;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
line-height:1.35;
font-size:14px;
background-color:#fff;
}

.link-list-toggle > li .link-list-toggle-hook{
padding:11px 30px 10px 10px;
border-top:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
}

.link-list-toggle > li .link-list-toggle-item{
display:none;
}

.link-list-toggle > li.is-active > .link-list-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}

.link-list-toggle > li > .link-list-toggle{
margin:0 0 0 28px;
}

/* .seo-card-toggle-content > .link-list-toggle
----------------------------------------------- */
.seo .seo-card-toggle-content > .link-list-toggle{
margin:0;
}

.seo .seo-card-toggle-content > .link-list-toggle:last-child{
margin-bottom:-8px;
}

.seo .seo-card-toggle .link-list-toggle > li .link-list-toggle-hook{
background-position:calc(100% - 3px) 50%;
}



/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 20px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:13px;
line-height:1.3;
}

.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#555;
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;
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-current span{
font-family:Arial;
}

.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}

.pager > li.pager-current > b > span{
font-size:15px;
}

.pager > li.pager-next{
width:96px;
}

.pager.is-disabled{
opacity:.33;
position:relative;
}

.pager.is-disabled::before{
content:'';
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
}


/* ----------------------------------------------------------------
  Note
----------------------------------------------------------------- */
/* .note-list
----------------------------------------------- */
.note-list{
font-size:12px;
}

.note-list > li{
padding-left:1em;
color:var(--cmn-font-color-gray);
text-indent:-1em;
}

.note-list > li:not(:first-child){
margin-top:5px;
}

.note-list ul{
margin-left:1em;
}

.pseudo-date .note-list{
margin-top:10px;
}

.pseudo-date .note-list > li{
color:var(--cmn-font-color-base);
letter-spacing:-.025em;
}

/* .notice-list
----------------------------------------------- */
.notice-list{
margin:8px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
}

.notice-list > li{
padding-left:16px;
position:relative;
}

.notice-list > li:not(:first-child){
margin-top:4px;
}

.notice-list > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .agt-link-sticky-footer > .notice-list
--------------------- */
.agt-link-sticky-footer .notice-list{
color:#fff;
}


/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-smoking
----------------------------------------------- */
.icon-smoking{
padding-left:20px;
display:inline-block;
min-height:16px;
background:url(/element/j_traindp/shared/images/icon-smoking.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .icon-smoking-non
----------------------------------------------- */
.icon-smoking-non{
padding-left:20px;
display:inline-block;
min-height:16px;
background:url(/element/j_traindp/shared/images/icon-smoking-non.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .icon-smoking-unfixed
----------------------------------------------- */
.icon-smoking-unfixed{
padding-left:20px;
display:inline-block;
min-height:16px;
background:url(/element/j_traindp/shared/images/icon-smoking-unfixed.svg) 0 50% no-repeat;
background-size:16px 16px;
}

/* .icon-blank
----------------------------------------------- */
.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;
}

/* .icon-required
----------------------------------------------- */
.icon-required{
margin-left:2px;
padding-top:7px;
vertical-align:middle;
overflow:hidden;
display:inline-block;
width:7px;
height:0;
position:relative;
top:-1px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 0 no-repeat;
}

.form-search-item .num-people .icon-required{
position:absolute;
top:4px;
right:10px;
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default input
----------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
textarea{
padding:5px;
border:1px solid #999;
border-radius:4px;
display:block;
box-sizing:border-box;
width:100%;
min-height:44px;
font-size:16px;
-webkit-appearance:none;
appearance:none;
}

input::-webkit-input-placeholder,
input::placeholder{
color:#9e9e9e;
font-size:16px;
}

/* default checkbox
----------------------------------------------- */
input[type='checkbox']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-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{
opacity:1;
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}

/* default radio
----------------------------------------------- */
input[type='radio']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-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);
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
margin:0;
padding:0;
border:1px solid #999;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
min-height:44px;
position:relative;
background-color:#fff;
}

.form-custom-select:before{
margin-top:-3px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:7px;
display:block;
border-width:7px 6px 0 6px;
border-color:#888 transparent transparent transparent;
border-style:solid;
}

.form-custom-select select{
padding:5px 20px 5px 7px;
border:none;
color:var(--cmn-font-color-base);
-webkit-appearance:none;
appearance:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
font-size:16px;
}

.form-custom-select.is-disabled{
opacity:.33;
}

.form-custom-select.is-disabled select{
color:#9e9e9e;
opacity:1;
}

.form-custom-select.is-unselected select{
color:#9e9e9e;
}

.form-custom-select.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb),.35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb),.35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb),.1);
}




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

  Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index{
margin:-10px -10px 0;
padding:12px 8px 32px;
position:relative;
background-color:var(--key-color);
background-image:url(/element_sp/j_traindp/index/images/bg-01.png),url(/element_sp/j_traindp/index/images/bg.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0,0 100%;
}

/* .form-search-index-inner
----------------------------------------------- */
.form-search-index .form-search-index-inner{
padding:12px 12px 16px;
border-radius:6px;
position:relative;
background-color:rgba(255,255,255,.95);
}

/* .form-search-index-catch
----------------------------------------------------------------- */
.form-search-index-catch{
margin:12px 0;
padding:8px 2px;
border:1px solid rgba(255,255,255,.65);
border-radius:4px;
color:#fff;
background-color:rgba(0,56,122,.6) ;
font-size:12px;
text-align:center;
}

.form-search-index-catch strong{
color:#fff094;
font-weight:normal;
}

.form-search-index-catch > p{
margin:0 0 8px;
line-height:1.25;
font-size:14px;
}

.form-search-index-catch > p > span{
display:block;
}

.form-search-index-catch > ul{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
text-align:center;
width:fit-content;
line-height:1.35;
letter-spacing:-.02em;
}

.form-search-index-catch > ul > li{
padding:0 4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.form-search-index-catch > ul > li:not(:first-child){
border-left:1px solid #e5e5e5;
}

.form-search-index-catch > ul > li > span > span{
display:block;
}

.form-search-index .form-search-index-catch{
margin-top:0;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:374px){
.form-search-index-catch > p,
.form-search-index-catch > ul{
letter-spacing:-.05em;
}

.form-search-index-catch > ul > li{
padding:0 2px;
}
}

/* .form-search-index-hdg-container
----------------------------------------------- */
.form-search-index-hdg-container{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index-hdg{
color:#fff;
line-height:1.2;
font-size:16px;
text-shadow:0 1px 0 rgba(0,0,0,.5);
}

.form-search-index-hdg > span{
margin-left:3px;
display:inline-block;
line-height:1;
font-size:11px;
}

.form-search-index-hdg-container .form-search-index-hdg{
margin-bottom:0;
}

/* .form-search-index-hdg-train
----------------------------------------------- */
.form-search-index-hdg-train{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:16px;
}

.pseudo-lyt-content .form-search-index-hdg-train{
margin-top:12px;
font-size:14px;
}

/* .form-search-index-hdg-hotel-container
----------------------------------------------- */
.form-search-index-hdg-hotel-container{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ccc;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-index-hdg-hotel-container > a{
font-size:12px;
}

/* .form-search-index-hdg-hotel
----------------------------------------------- */
.form-search-index-hdg-hotel{
-webkit-box-flex:1;
flex:1;
font-size:16px;
}

.pseudo-lyt-content .form-search-index-hdg-hotel{
font-size:14px;
}

/* .form-search-index-btn-act
----------------------------------------------- */
.form-search-index-btn-act{
margin:0;
padding:12px 20px;
border-top:1px solid #ddd;
position:fixed;
bottom:0;
left:0;
width:100%;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
box-sizing:border-box;
z-index:2;
background-color:rgba(255,255,255,.8);
}

.form-search-index-btn-act.is-static{
padding:20px 0 0;
border-top:none;
position:static;
background-color:transparent;
}

/* .form-search-index-btn-act-list
----------------------------------------------- */
.form-search-index .form-search-index-btn-act-list{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:287px;
max-width:100%;
}

.form-search-index .form-search-index-btn-act-list > li button{
padding:0;
border-radius:4px;
width:100%;
height:44px;
}

.form-search-index .form-search-index-btn-act-list > li.reset{
margin-right:8px;
width:60px;
}

.form-search-index .form-search-index-btn-act-list > li.reset button{
border:1px solid #bbb;
background-color:#fff;
font-size:14px;
}

.form-search-index .form-search-index-btn-act-list > li.reset button:disabled{
opacity:.5;
}

.form-search-index .form-search-index-btn-act-list > li.search{
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-btn-act-list > li.search button{
padding:4px;
border:none;
color:#fff;
display:block;
background-color:#444;
text-shadow: 1px 2px 0 rgba(0,0,0,.1);
font-size:16px;
}

.form-search-index .form-search-index-btn-act-list > li.search button:disabled{
opacity:.33;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index-error{
margin:7px 0 0;
color:var(--cmn-font-color-red);
line-height:1.35;
font-size:12px;
}

.form-search-index-error:empty{
margin:0;
}

.form-search-index-error > li{
margin-bottom:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

.form-search-index-btn-act .form-search-index-error{
margin:0 auto 10px;
width:287px;
max-width:100%;
font-size:14px;
}


/* ----------------------------------------------------------------
  .form-search-item
----------------------------------------------------------------- */
/* .form-search-item
----------------------------------------------- */
.form-search-item{
margin:0;
line-height:1.25;
}

.form-search-item > li{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-item > li > div:first-child{
margin-right:8px;
width:68px;
font-size:14px;
}

.form-search-item > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search-item > li.date,
.form-search-item > li.departure,
.form-search-item > li.arrival,
.form-search-item > li.num-people{
-webkit-box-align:start;
align-items:flex-start;
}

.form-search-item > li.departure > div:first-child{
margin-top:28px;
}

.form-search-item > li.date > div:first-child,
.form-search-item > li.arrival > div:first-child{
margin-top:12px;
}

.form-search-item > li.num-people > div:first-child{
margin-top:4px;
position:relative;
}

.form-search-item > li.other{
-webkit-box-align:start;
align-items:flex-start;
}

.form-search-item > li.other > div:first-child{
margin-top:2px;
}

.form-search-item > li.is-hidden{
display:none;
}

/* .pseudo-lyt-content > .form-search-item
------------------------------ */
.pseudo-lyt-content .form-search-item > li > div:first-child{
font-size:12px;
}

/* .form-search-item-note
----------------------------------------------- */
.form-search-item .form-search-item-note{
margin:5px 0 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.form-search-item .form-search-item-note > li{
display:-webkit-box;
display:flex;
}

.form-search-item .form-search-item-note > li:not(:first-child){
margin-top:2px;
}

.form-search-item .form-search-item-note > li > span{
margin-right:4px;
}

.form-search-item .form-search-item-note > li > div{
-webkit-box-flex:1;
flex:1;
}

.form-search-item .departure .form-search-item-note{
margin:0 0 5px;
}

/* .form-search-item-tip
----------------------------------------------- */
.form-search-item .form-search-item-tip{
padding-right:17px;
position:relative;
display:block;
}

.form-search-item .form-search-item-tip .cmn-tip-btn{
position:absolute;
right:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

/* .form-search-item-sup
----------------------------------------------- */
.form-search-item .form-search-item-sup{
margin-top:2px;
display:block;
font-size:12px;
}

/* .form-search-item-br
----------------------------------------------- */
.form-search-item .form-search-item-br{
display:block;
}

/* .form-search-item-input
----------------------------------------------- */
.form-search-item .form-search-item-input{
border:1px solid #999;
border-radius:4px;
box-sizing:border-box;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#fff;
}

.form-search-item .form-search-item-input > input{
border:none;
border-top-right-radius:0;
border-bottom-right-radius:0;
-webkit-box-flex:1;
flex:1;
min-height:42px;
background-color:transparent;
}

.form-search-item .form-search-item-input > button{
padding:0;
border:none;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
color:rgba(0,0,0,0);
width:24px;
height:42px;
overflow:hidden;
background:url(/element_sp/j_traindp/shared/images/icon-close.svg) no-repeat calc(100% - 8px) 50%;
background-size:10px;
}

/* .form-search-item-checkbox
----------------------------------------------- */
.form-search-item .form-search-item-checkbox{
margin:8px 0 0 auto;
padding:2px 0 0 25px;
min-height:20px;
display:table;
position:relative;
font-size:14px;
}

.form-search-item .form-search-item-checkbox input[type='checkbox']{
position:absolute;
top:0;
left:0;
}

/* .form-search-item-btn
----------------------------------------------- */
.form-search-item .form-search-item-btn{
margin:0;
padding:5px 15px 5px 7px;
border:1px solid #999;
border-radius:4px;
color:#9e9e9e;
width:100%;
min-height:44px;
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
}

.form-search-item .form-search-item-btn::before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search-item .form-search-item-btn:disabled{
opacity:.33;
}

.form-search-item .form-search-item-btn.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb),.1);
}

.form-search-item .form-search-item-btn.is-selected{
color:var(--cmn-font-color-base);
}

/* .form-search-item-date-btn
----------------------------------------------- */
.form-search-item .form-search-item-date-btn{
margin:0;
padding:2px 15px 0 7px;
border:1px solid #999;
border-radius:4px;
color:#9e9e9e;
width:100%;
min-height:44px;
position:relative;
background-color:#fff;
line-height:1;
text-align:left;
font-size:14px;
}

.form-search-item .form-search-item-date-btn::before{
margin-top:-4px;
content:'';
display:block;
position:absolute;
border-right:2px solid #888;
border-bottom:2px solid #888;
width:6px;
height:6px;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search-item .form-search-item-date-btn .form-search-item-date-btn-inner{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.form-search-item .form-search-item-date-btn .date{
font-size:12px;
}

.form-search-item .form-search-item-date-btn .date .year{
display:block;
}

.form-search-item .form-search-item-date-btn .date .num{
font-family:Arial;
font-size:16px;
}

.form-search-item .form-search-item-date-btn .to{
margin:0 5px 8px;
color:transparent;
width:10px;
height:2px;
background-color:var(--cmn-font-color-base);
overflow:hidden;
-webkit-user-select:none;
user-select:none;
font-size:12px;
}

.form-search-item .form-search-item-date-btn.is-selected{
color:var(--cmn-font-color-base);
}

.form-search-item .form-search-item-date-btn:disabled{
opacity:.33;
}

.form-search-item .form-search-item-date-btn.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb),.35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb),.35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb),.1);
}

/* .form-search-item-date > .form-search-item-date-btn
----------------------------- */
.form-search-item-date .form-search-item-date-btn:disabled{
font-size:11px;
}

/* .form-search-item-num-list
----------------------------------------------- */
.form-search-item .form-search-item-num-list{
margin:0;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
font-size:12px;
}

.form-search-item .form-search-item-num-list > li{
margin-right:5px;
width:75px;
}

.form-search-item .form-search-item-num-list > li:last-child{
margin:0;
padding-left:10px;
-webkit-box-flex:1;
flex:1;
background:url(/element_sp/shared/images/icon/icon-close.svg) 0 calc(100% - 16px) no-repeat;
background-size:6px;
}

/* Media Queries */
@media screen and (max-width:374px){
.form-search-item .form-search-item-num-list{
font-size:10px;
}
.form-search-item .form-search-item-num-list > li{
width:70px;
}
}

/* .form-search-item-num-child
----------------------------------------------- */
.form-search-item .form-search-item-num-child{
margin:12px 0 0 8px;
display:none;
}

.form-search-item .form-search-item-num-child.is-active{
display:block;
}

/* .form-search-item-num-child-list
----------------------------------------------- */
.form-search-item .form-search-item-num-child-list{
margin:0;
}

.form-search-item .form-search-item-num-child-list > li{
display:-webkit-box;
display:flex;
}

.form-search-item .form-search-item-num-child-list > li:not(:first-child){
margin-top:10px;
}

.form-search-item .form-search-item-num-child-list > li > div:first-child{
margin:12px 5px 0 0;
width:3.5em;
font-size:12px;
}

.form-search-item .form-search-item-num-child-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-item-num-child-seat
----------------------------------------------- */
.form-search-item .form-search-item-num-child-seat{
margin:0;
}

.form-search-item .form-search-item-num-child-seat > li{
margin:8px 10px 0 0;
display:inline-block;
min-width:5em;
}

.form-search-item .form-search-item-num-child-seat > li:last-child{
margin-right:0;
}

.form-search-item .form-search-item-num-child-seat > li > label{
padding-left:25px;
display:block;
min-height:15px;
position:relative;
}

.form-search-item .form-search-item-num-child-seat > li > label input[type='radio']{
position:absolute;
top:-1px;
left:0;
}

/* .form-search-item-date
----------------------------------------------- */
.form-search-item .form-search-item-date{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
min-height:38px;
}

.form-search-item .form-search-item-date > button{
width:138px;
}

.form-search-item .form-search-item-date > span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* Media Queries */
@media screen and (max-width:374px){
.form-search-item .form-search-item-date > button{
width:128px;
}
}

/* .form-search-item-toggle-btn
----------------------------------------------- */
.form-search-item .form-search-item-toggle-btn{
margin:0;
padding:5px 30px 5px 5px;
border:1px solid #999;
border-radius:4px;
color:var(--cmn-font-color-base);
width:100%;
min-height:44px;
background:#fff url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 9px) 50% no-repeat;
background-size:12px;
line-height:1.2;
text-align:left;
font-size:16px;
}

.form-search-item .form-search-item-toggle.is-active .form-search-item-toggle-btn{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .form-search-item-toggle-item
----------------------------------------------- */
.form-search-item .form-search-item-toggle-item{
margin:12px 0 0 8px;
display:none;
}

.form-search-item .form-search-item-toggle.is-active .form-search-item-toggle-item{
display:block;
}

/* .form-search-item-detail
----------------------------------------------- */
.form-search-item .form-search-item-detail{
margin:0;
font-size:12px;
}

.form-search-item .form-search-item-detail > li:not(:first-child){
margin-top:10px;
}

.form-search-item .form-search-item-detail > li > div:first-child{
margin-bottom:2px;
}

.form-search-item .form-search-item-detail label{
margin-right:4px;
}

/* .form-search-item-price-range
----------------------------------------------- */
.form-search-item .form-search-item-price-range{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-item .form-search-item-price-range > li{
-webkit-box-flex:1;
flex:1;
}

.form-search-item .form-search-item-price-range > li:not(:first-child){
margin-left:15px;
position:relative;
}

.form-search-item .form-search-item-price-range > li:not(:first-child):before{
content:'\ff5e';
display:block;
position:absolute;
top:12px;
left:-13px;
width:11px;
font-size:11px;
}

/* .form-search-item-detail-list
----------------------------------------------- */
.form-search-item .form-search-item-detail-list{
margin:-5px 0 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-weight:normal;
font-size:14px;
}

.form-search-item .form-search-item-detail-list > li{
margin:10px 0 0 8px;
margin-top:10px;
width:calc(50% - 4px);
}

.form-search-item .form-search-item-detail-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.form-search-item .form-search-item-detail-list > li > label{
padding:2px 0 0 25px;
min-height:20px;
display:block;
position:relative;
}

.form-search-item .form-search-item-detail-list > li > label input[type='checkbox'],
.form-search-item .form-search-item-detail-list > li > label input[type='radio']{
position:absolute;
top:0;
left:0;
}

.form-search-item .form-search-item-detail-list > li.wide{
margin-left:0;
width:100%;
}

.form-search-item .form-search-item-detail-list > li.is-disabled{
color:#ccc;
}


/* ----------------------------------------------------------------
  .search-result-header
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-11px -10px 0;
padding:0 10px 10px;
border-top:1px solid var(--key-color);
line-height:1.35;
background:var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin:12px 0 -4px;
color:#fff;
line-height: 1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
flex-wrap:wrap;
gap:2px 8px;
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}

.search-result-header .search-result-header-category > span:last-child{
font-size:12px;
}

.cmn-info + .search-result-header-category{
margin-top:16px;
}

/* .search-result-header-condition
----------------------------------------------- */
.search-result-header .search-result-header-condition{
margin-top:12px;
padding:10px;
border-radius:4px;
min-height:62px;
box-sizing:border-box;
box-shadow:0 2px 1px rgba(0,0,0,.15);
position:relative;
background-color:#fff;
font-size:12px;
line-height:1.35;
}

/* .search-result-header-condition-inner
----------------------------------------------- */
.search-result-header .search-result-header-condition-inner{
margin-bottom:10px;
padding-right:44px;
}

/* .search-result-header-condition-list
----------------------------------------------- */
.search-result-header .search-result-header-condition-list{
margin:0;
}

.search-result-header .search-result-header-condition-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.search-result-header .search-result-header-condition-list > li:not(:first-child){
margin-top:5px;
}

.search-result-header .search-result-header-condition-list > li > span{
margin-right:5px;
padding:3px 0;
color:#fff;
display:block;
width:35px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
background-color:#797979;
line-height:1;
font-size:10px;
}

.search-result-header .search-result-header-condition-list > li > div{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

/* .search-result-header-condition-list-detail
----------------------------------------------- */
.search-result-header .search-result-header-condition-list-detail{
margin:0;
}

.search-result-header .search-result-header-condition-list-detail > li > span{
display:inline-block;
vertical-align:middle;
}

.search-result-header .search-result-header-condition-list-detail .station{
margin-left:4px;
}

.search-result-header .search-result-header-condition-list-detail .station > span{
display:inline-block;
vertical-align:middle;
}

.search-result-header .search-result-header-condition-list-detail .station > span:first-child::after{
margin:0 2px;
content:'';
display:inline-block;
width:12px;
height:12px;
vertical-align:text-bottom;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
background-size:auto 6px;
}

/* .search-result-header-condition-toggle
----------------------------------------------- */
.search-result-header .search-result-header-condition-toggle{
margin-top:4px;
position:relative;
}

/* .search-result-header-condition-toggle-item
----------------------------------------------- */
.search-result-header .search-result-header-condition-toggle-item{
padding-right:110px;
height:1.35em;
position:relative;
overflow:hidden;
}

.search-result-header .search-result-header-condition-toggle.is-active .search-result-header-condition-toggle-item,
.search-result-header .search-result-header-condition-toggle.is-disabled .search-result-header-condition-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}

/* .search-result-header-condition-toggle-list
----------------------------------------------- */
.search-result-header .search-result-header-condition-toggle-list{
margin:0;
}

.search-result-header .search-result-header-condition-toggle-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-result-header .search-result-header-condition-toggle-list > li:not(:first-child){
margin-top:3px;
}

.search-result-header .search-result-header-condition-toggle-list > li > span{
padding-right:1em;
position:relative;
}

.search-result-header .search-result-header-condition-toggle-list > li > span::after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}

.search-result-header .search-result-header-condition-toggle-list > li > div{
-webkit-box-flex:1;
flex:1;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
min-width:0;
}

.search-result-header .search-result-header-condition-toggle-list > li > div::after{
content:"\2026";
}

.search-result-header .search-result-header-condition-toggle.is-active .search-result-header-condition-toggle-list li > span{
width:7.15em;
}

.search-result-header .search-result-header-condition-toggle.is-active .search-result-header-condition-toggle-list li > div,
.search-result-header .search-result-header-condition-toggle.is-disabled .search-result-header-condition-toggle-list li > div{
white-space:normal;
overflow:visible;
}

.search-result-header .search-result-header-condition-toggle.is-active .search-result-header-condition-toggle-list li > div::after,
.search-result-header .search-result-header-condition-toggle.is-disabled .search-result-header-condition-toggle-list li > div::after{
display:none;
}

/* .search-result-header-condition-toggle-hook
----------------------------------------------- */
.search-result-header .search-result-header-condition-toggle-hook{
margin:0;
padding:0 0 0 17px;
border:none;
color:var(--cmn-font-color-gray);
position:absolute;
top:0;
right:0;
background:#fff url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
font-size:12px;
}

.search-result-header .search-result-header-condition-toggle.is-active .search-result-header-condition-toggle-hook{
margin:5px 0 0 auto;
position:static;
display:table;
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

.search-result-header .search-result-header-condition-toggle.is-disabled .search-result-header-condition-toggle-hook{
display:none;
}

/* .search-result-header-condition-btn
----------------------------------------------- */
.search-result-header .search-result-header-condition-btn{
margin:0;
padding:4px 0 0;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:4px;
width:42px;
height:42px;
box-shadow:0 -3px 0 0 #d9d9d9 inset;
box-sizing:border-box;
position:absolute;
top:10px;
right:10px;
font-size:12px;
line-height:1.3;
background-color:#fff;
text-align:center;
}

.search-result-header .search-result-header-condition-btn > span{
display:block;
}

/* .search-result-header-condition-btn-01
----------------------------------------------- */
.search-result-header .search-result-header-condition-btn-01{
margin-top:8px;
padding:12px 10px;
border:4px solid #ea7373;
}

.search-result-header .search-result-header-condition-btn-01 button{
margin:8px auto 0;
border:none;
border-radius:4px;
color:#fff;
display:block;
width:213px;
max-width:100%;
height:38px;
background-color:#444;
font-size:16px;
}

/* .search-result-header-train
----------------------------------------------- */
.search-result-header .search-result-header-train{
margin-top:10px;
box-sizing:border-box;
position:relative;
font-size:12px;
line-height:1.35;
}

.search-result-header .search-result-header-train.is-sticky{
margin:0;
padding:10px;
position:fixed;
top:0;
left:0;
z-index:2;
width:100%;
background-color:rgba(0,0,0,.5);
}

/* .search-result-header-train-inner
----------------------------------------------- */
.search-result-header .search-result-header-train-inner{
padding:8px 10px;
border-radius:4px;
box-sizing:border-box;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-shadow:0 2px 1px rgba(0,0,0,.15);
background-color:#fff;
}

.search-result-header .search-result-header-train-inner > :first-child{
-webkit-box-flex:1;
flex:1;
}

.search-result-header .search-result-header-train.is-sticky .search-result-header-train-inner{
box-shadow:none;
}

/* .search-result-header-train-btn
----------------------------------------------- */
.search-result-header .search-result-header-train-btn{
margin:0;
padding:4px 0;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:4px;
width:42px;
min-height:28px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
justify-content:center;
box-shadow:0 -3px 0 0 #d9d9d9 inset;
box-sizing:border-box;
font-size:12px;
line-height:1.3;
background-color:#fff;
}

.search-result-header .search-result-header-train-btn > span > span{
display:block;
}

/* .search-result-header-train-list
----------------------------------------------- */
.search-result-header .search-result-header-train-list{
margin:0;
letter-spacing:-.05em;
}

.search-result-header .search-result-header-train-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-header .search-result-header-train-list > li:not(:first-child){
margin-top:2px;
}

.search-result-header .search-result-header-train-list > li > span{
margin-right:1%;
padding:2px 0;
border:1px solid #ccc;
display:block;
width:27px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
white-space:nowrap;
font-size:11px;
text-align:center;
}

.search-result-header .search-result-header-train-list > li > div{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-header .search-result-header-train-list > li .name{
width:85px;
white-space:nowrap;
display:-webkit-box;
display:flex;
}

.search-result-header .search-result-header-train-list > li .name >span:first-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.search-result-header .search-result-header-train-list > li .seat{
margin:0 1px;
width:70px;
text-align:center;
}

.search-result-header .search-result-header-train-list > li .schedule{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:15px;
}

.search-result-header .search-result-header-train-list > li .schedule > span{
display:block;
position:relative;
}

.search-result-header .search-result-header-train-list > li .schedule > span:last-child{
margin-left:18px;
}

.search-result-header .search-result-header-train-list > li .schedule > span:last-child:after{
content:'';
display:block;
width:14px;
height:100%;
position:absolute;
top:0;
left:-16px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
background-size:auto 6px;
}

.search-result-header .search-result-header-train-list > li .schedule > span > span{
color:transparent;
position:absolute;
top:0;
left:0;
z-index:-1;
}

.search-result-header .search-result-header-train-list > li .schedule b{
font-weight:normal;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width:359px){
.search-result-header .search-result-header-train-list > li .name{
width:80px;
font-size:11px;
}
.search-result-header .search-result-header-train-list > li .seat{
width:55px;
font-size:11px;
}
.search-result-header .search-result-header-train-list > li .schedule{
font-size:12px;
}
}


/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
}

/* .search-result-caution
----------------------------------------------- */
.search-result .search-result-caution{
padding:10px;
font-size:12px;
}

.search-result .search-result-caution strong{
padding-left:18px;
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
font-weight:normal;
}

/* .search-result-num
----------------------------------------------- */
.search-result .search-result-num{
padding:5px 10px;
color:#fff;
line-height:1.25;
background-color:#444;
font-size:12px;
}

.search-result .search-result-num .num{
font-family:Arial;
}

.search-result .search-result-num > b{
font-size:14px;
font-weight:normal;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
padding:12px 10px;
background-color:#eee;
}

/* .search-result-sort-info
----------------------------------------------- */
.search-result .search-result-sort-info{
margin-top:12px;
padding:10px;
border:1px solid var(--cmn-font-color-base);
font-size:12px;
}

.search-result .search-result-sort-info strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .search-result-sort-info-list
----------------------------------------------- */
.search-result .search-result-sort-info-list{
margin:0;
}

.search-result .search-result-sort-info-list > li{
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

.search-result .search-result-sort-info-list > li:not(:first-child){
margin-top:4px;
}


/* ----------------------------------------------------------------
  .search-result-item
----------------------------------------------------------------- */
/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
border-top:6px solid #666;
padding:15px 10px 0;
line-height:1.35;
position:relative;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
position:relative;
margin-bottom:10px;
}

/* .search-result-item-header-inner
----------------------------------------------- */
.search-result .search-result-item-header-inner{
padding-left:110px;
display:block;
position:relative;
min-height:115px;
line-height:1.25;
}

/* .search-result-item-header-hdg
----------------------------------------------- */
.search-result .search-result-item-header-hdg{
margin:0 32px 5px 0;
line-height:1.35;
font-size:14px;
}

/* .search-result-item-header-list
----------------------------------------------- */
.search-result .search-result-item-header-list{
margin:0;
color:var(--cmn-font-color-base);
font-size:11px;
}

.search-result .search-result-item-header-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}

.search-result .search-result-item-header-list > li > div:first-child::after{
content:'\ff1a';
}

.search-result .search-result-item-header-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-item-header-list .map{
margin-top:4px;
padding-left:12px;
color:var(--cmn-font-color-gray);
display:block;
text-decoration:none;
background:url(/element_sp/shared/images/icon/icon-pin.png) 0 0 no-repeat;
background-size:9px;
}

/* .search-result-item-header-review
----------------------------------------------- */
.search-result .search-result-item-header-review{
margin-bottom:0;
line-height:1.35;
color:var(--cmn-font-color-gray);
font-size:11px;
}

.search-result .search-result-item-header-review > li{
display:-webkit-box;
display:flex;
}

.search-result .search-result-item-header-review > li:not(:first-child){
margin-top:3px;
}

.search-result .search-result-item-header-review > li > div:first-child{
width:6.5em;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.search-result .search-result-item-header-review > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-item-header-review .review-rate{
margin-top:-2px;
display:inline-block;
vertical-align:top;
}

.search-result .search-result-item-header-review .review-rate + .review-score{
margin-bottom:-2px;
line-height:1;
display:inline-block;
}

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb{
position:absolute;
top:0;
left:0;
width:100px;
}

.search-result .search-result-item-header-thumb .caption{
margin-top:2px;
color:#888;
display:block;
font-size:10px;
}

/* .search-result-item-header-thumb-inner
----------------------------------------------- */
.search-result .search-result-item-header-thumb-inner{
display:block;
height:100px;
overflow:hidden;
position:relative;
background-color:#f1f1f1;
}

.search-result .search-result-item-header-thumb-inner img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}

/* .search-result-item-header-link
----------------------------------------------- */
.search-result .search-result-item-header-link{
margin-top:5px;
color:var(--cmn-font-color-gray);
text-decoration:underline;
font-size:11px;
}

/* .search-result-item-header-share
----------------------------------------------- */
.search-result .search-result-item-header-share{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:16px;
height:21px;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:url(/element/j_traindp/shared/images/icon-share.svg) no-repeat 0 0;
}

.search-result .search-result-item-header-share:disabled{
opacity:.33;
}


/* ----------------------------------------------------------------
  .search-result-item-review
----------------------------------------------------------------- */
/* .search-result-item-review
----------------------------------------------- */
.search-result-item-review{
margin:10px 0;
}

/* .review-list
----------------------------------------------- */
.search-result-item-review .search-result-item-review-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-item-review .search-result-item-review-list > li{
margin-right:18px;
}

.search-result-item-review .search-result-item-review-list > li:last-child{
margin:0;
}

.search-result-item-review .search-result-item-review-list button,
.search-result-item-review .search-result-item-review-list a{
margin:0;
padding:0;
border:none;
color:var(--cmn-font-color-base);
line-height:1;
background:none;
font-size:11px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
}

.search-result-item-review .search-result-item-review-list button > span:first-child > span{
display:inline-block;
vertical-align:middle;
}

.search-result-item-review .search-result-item-review-list button > span:last-child{
margin:5px 0 2px;
padding-left:12px;
background:url(/element_sp/j_traindp/shared/images/icon-arrow-down.svg) no-repeat 0 50%;
background-size:8px auto;
}

.search-result-item-review .search-result-item-review-list button[aria-selected="true"] > span:last-child{
background-image:url(/element_sp/j_traindp/shared/images/icon-arrow-up.svg);
}

.search-result-item-review .search-result-item-review-list a > span:last-child{
margin:5px 0 2px;
text-decoration:underline;
}

.search-result-item-review .search-result-item-review-list .is-hidden{
visibility:hidden;
}

.search-result-item-review .search-result-item-review-list .is-hidden::before{
content:'';
display:block;
width:65px;
height:15px;
}

/* .search-result-item-review > [role="tabpanel"]
----------------------------------------------- */
.search-result-item-review > [role="tabpanel"]{
margin-top:5px;
padding:10px;
border:1px solid #ddd;
border-radius:4px;
display:none;
font-size:12px;
font-family:Arial;
}

.search-result-item-review > [role="tabpanel"].is-active{
display:block;
}

.search-result-item-review > [role="tabpanel"] p{
margin:10px 0 0;
}

/* .hotel-rank-content-catch
----------------------------------------------- */
.search-result-item-review .hotel-rank-content-catch{
line-height:1;
font-size:14px;
}

.search-result-item-review .hotel-rank-content-catch b{
font-size:16px;
font-weight:normal;
}

/* .hotel-rank-content-list
----------------------------------------------- */
.search-result-item-review .hotel-rank-content-list{
margin:7px 0 0;
overflow:hidden;
line-height:1.35;
font-size:13px;
}

.search-result-item-review .hotel-rank-content-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.search-result-item-review .hotel-rank-content-list > li{
margin:0 0 0 2%;
width:48%;
float:left;
display:-webkit-box;
display:flex;
}

.search-result-item-review .hotel-rank-content-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.search-result-item-review .hotel-rank-content-list > li > div:first-child{
min-width:6.25em;
}

.search-result-item-review .hotel-rank-content-list > li > div:last-child{
padding-left:8px;
position:relative;
font-size:14px;
}

.search-result-item-review .hotel-rank-content-list > li > div:last-child::before{
content:':';
display:block;
position: absolute;
top:-1px;
left:0;
}

.search-result-item-review .hotel-rank-content-list > li > div.small{
font-size:12px;
}

/* .price-range-content-catch
----------------------------------------------- */
.search-result-item-review .price-range-content-catch{
font-size:14px;
}

/* .user-review-content-catch
----------------------------------------------- */
.search-result-item-review .user-review-content-catch{
line-height:1;
font-size:14px;
}

.search-result-item-review .user-review-content-catch b{
font-size:16px;
font-weight:normal;
}
/* .user-review-content-list
----------------------------------------------- */
.search-result-item-review .user-review-content-list{
margin:0;
overflow:hidden;
font-size:13px;
}

.search-result-item-review .user-review-content-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.search-result-item-review .user-review-content-list > li{
margin:5px 0 0 2%;
width:48%;
float:left;
display:-webkit-box;
display:flex;
}

.search-result-item-review .user-review-content-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.search-result-item-review .user-review-content-list > li > div:first-child{
min-width:8.5em;
}

.search-result-item-review .user-review-content-list > li > div:last-child{
padding-left:8px;
position:relative;
font-size:14px;
}

.search-result-item-review .user-review-content-list > li > div:last-child::before{
content:':';
display:block;
position: absolute;
top:-1px;
left:0;
}

/* .user-review-content-list Media Queries
----------------------------------------------- */
@media screen and (max-width: 374px){
.search-result-item-review .user-review-content-list{
font-size:12px;
}

.search-result-item-review .user-review-content-list > li > div:last-child{
font-size:13px;
}
}


/* ----------------------------------------------------------------
  .search-result-item-plan
----------------------------------------------------------------- */
/* .search-result-item-plan
----------------------------------------------- */
.search-result-item .search-result-item-plan{
margin:10px -10px 0;
padding:7px 10px;
background-color:#eee;
}

/* .search-result-item-plan-header
----------------------------------------------- */
.search-result-item .search-result-item-plan-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* .search-result-item-plan-header-hdg
----------------------------------------------- */
.search-result-item .search-result-item-plan-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:12px;
}


/* ----------------------------------------------------------------
  .search-result-item-plan-item
----------------------------------------------------------------- */
/* .search-result-item-plan-item
----------------------------------------------- */
.search-result-item .search-result-item-plan-item{
margin-top:5px;
padding:10px;
border:1px solid #999;
background-color:#fff;
}

.search-result-item .search-result-item-plan-header + .search-result-item-plan-item{
margin-top:0;
}

/* .search-result-item-plan-item-header
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-header{
margin:-10px -10px 0;
padding:7px 10px;
border-bottom:1px solid #aaa;
}

.search-result-item .search-result-item-plan-item-header > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-item .search-result-item-plan-item-header > div:nth-child(2){
margin-top:8px;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
gap:0 4px;
}

.search-result-item .search-result-item-plan-item-header > div:nth-child(2) > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-item-plan-item-header-hdg
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-header-hdg{
margin-right:8px;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
font-weight:normal;
font-size:11px;
}

.search-result-item .search-result-item-plan-item-header-hdg > span + span{
margin-top:2px;
}

.search-result-item .search-result-item-plan-item-header-hdg > span:first-child{
display:block;
white-space:nowrap;
max-width:9em;
overflow:hidden;
text-overflow:ellipsis;
padding-bottom:1px;
}

.search-result-item .search-result-item-plan-item-header-hdg img{
max-width:100%;
max-height:32px;
vertical-align:bottom;
}

/* .search-result-item-plan-item-header-price
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-header-price{
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
flex:1;
position:relative;
font-size:11px;
text-align:right;
}

.search-result-item .search-result-item-plan-item-header-price .stay{
margin-right:1em;
}

.search-result-item .search-result-item-plan-item-header-price .price{
margin-left:3px;
color:var(--cmn-font-color-red);
display:inline-block;
font-size:12px;
}

.search-result-item .search-result-item-plan-item-header-price .price > b{
line-height:1;
font-family:Arial;
font-size:14px;
font-weight:normal;
}

.search-result-item .search-result-item-plan-item-header-price .price-sup{
display:block;
}

/* .search-result-item-plan-item-header-cv
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-header-cv{
border:none;
border-radius:4px;
color:#fff;
width:116px;
height:34px;
background-color:var(--cmn-btn-color);
font-size:14px;
}

/* .search-result-item-plan-item-header-note
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-header-note{
line-height:1;
font-size:11px;
}

.search-result-item .search-result-item-plan-item-header-note > span > span{
display:block;
}

.search-result-item .search-result-item-plan-item-header-note strong:not([class]){
color:var(--cmn-font-color-red);
display:inline-block;
vertical-align:middle;
font-weight:normal;
}

/* .search-result-item-plan-item-detail
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-detail{
margin:10px 0 5px;
font-size:10px;
}

.search-result-item .search-result-item-plan-item-detail > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-result-item .search-result-item-plan-item-detail > li:not(:first-child){
margin-top:10px;
}

.search-result-item .search-result-item-plan-item-detail > li > span{
border-right:1px solid #ddd;
display:block;
width:3.5em;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
}

.search-result-item .search-result-item-plan-item-detail > li > span > span{
-webkit-box-flex:1;
flex:1;
display:block;
}

.search-result-item .search-result-item-plan-item-detail > li > span > span > a{
margin-top:2px;
display:inline-block;
}

.search-result-item .search-result-item-plan-item-detail > li > div{
margin-left:2%;
-webkit-box-flex:1;
flex:1;
overflow:hidden;
}

.search-result-item .search-result-item-plan-item-detail > li .br{
display:block;
}

/* .search-result-item-plan-item-detail-train
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-detail-train{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.search-result-item .search-result-item-plan-item-detail-train > li{
-webkit-box-flex:1;
flex:1;
}

.search-result-item .search-result-item-plan-item-detail-train > li:last-child{
margin-left:5px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-data{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
font-size:10px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-data .label{
margin-right:1px;
padding:2px 2px 1px;
border:1px solid #ddd;
display:block;
line-height:1;
font-size:9px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-data .data{
-webkit-box-flex:1;
flex:1;
}

.search-result-item .search-result-item-plan-item-detail-train .train-data .data > span{
display:inline-block;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule{
margin-top:2px;
display:-webkit-box;
display:flex;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule > span{
display:block;
position:relative;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule > span:last-child{
margin-left:18px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule > span:last-child:after{
content:'';
display:block;
width:14px;
height:100%;
position:absolute;
top:3px;
left:-16px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 100% 0 no-repeat;
background-size:auto 7px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule > span > b{
margin-top:2px;
display:block;
line-height:1;
font-family:Arial;
font-size:15px;
}

.search-result-item .search-result-item-plan-item-detail-train .train-schedule > span > b > span{
color:transparent;
position:absolute;
top:0;
left:0;
z-index:-1;
}

/* .search-result-item-plan-item-detail-hotel
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-detail-hotel > div:first-child{
margin-bottom:4px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .search-result-item-plan-item-note
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-note{
margin:0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.search-result-item .search-result-item-plan-item-note > li{
padding-left:1em;
text-indent:-1em;
}

.search-result-item .search-result-item-plan-item-note > li:not(:first-child){
margin-top:3px;
}

.search-result-item .search-result-item-plan-item-note > li:before{
content:'\203b';
}

.payment-info .search-result-item-plan-item-note{
font-size:10px;
}


/* .search-result-item-plan-item-loading
----------------------------------------------- */
.search-result-item .search-result-item-plan-item-loading{
color:transparent;
width:100%;
height:100%;
}

.search-result-item .search-result-item-plan-item-loading > span{
margin:8px auto;
display:block;
width:16px;
height:16px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 0 0 no-repeat;
background-size:100%;
}


/* ----------------------------------------------------------------
  .search-result-item-plan-toggle
----------------------------------------------------------------- */
/* .search-result-item-plan-toggle-item
----------------------------------------------- */
.search-result-item .search-result-item-plan-toggle-item{
display:none;
}

.search-result-item .search-result-item-plan-toggle.is-active .search-result-item-plan-toggle-item{
display:block;
}

/* .search-result-item-plan-toggle-btn
----------------------------------------------- */
.search-result-item .search-result-item-plan-toggle-btn{
margin:5px auto 0;
padding:10px;
border:1px solid #bbb;
border-radius:4px;
display:table;
min-width:135px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
font-size:12px;
}

.search-result-item .search-result-item-plan-toggle-btn > span:not([class]){
padding-left:16px;
display:inline-block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
}

.search-result-item .search-result-item-plan-toggle-btn:disabled > span{
margin:0 auto;
padding:0;
display:block;
color:transparent;
width:16px;
height:16px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 0 0 no-repeat;
background-size:100%;
overflow:hidden;
}

.search-result-item .search-result-item-plan-toggle.is-active .search-result-item-plan-toggle-btn > span:not([class]){
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .search-result-item-plan-toggle-btn-loading
----------------------------------------------- */
.search-result-item .search-result-item-plan-toggle-btn-loading{
margin-left:5px;
color:transparent;
display:inline-block;
width:16px;
height:16px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 0 0 no-repeat;
background-size:100%;
vertical-align:middle;
}


/* ----------------------------------------------------------------
  .search-result-item-plan-apart-price
----------------------------------------------------------------- */
/* .search-result-item-plan-apart-price
----------------------------------------------- */
.search-result .search-result-item-plan-apart-price{
margin-top:5px;
font-size:11px;
text-align:center;
}

.search-result .search-result-item-plan-apart-price > div{
display:inline-block;
vertical-align:middle;
}

.search-result .search-result-item-plan-apart-price > div:first-child{
margin-right:10px;
}

.search-result .search-result-item-plan-apart-price > div > b{
display:inline-block;
font-family:Arial;
font-weight:normal;
font-size:14px;
}


/* ----------------------------------------------------------------
  .search-result-item-reference-fee
----------------------------------------------------------------- */
/* .search-result-item-reference-fee
----------------------------------------------- */
.search-result .search-result-item-reference-fee{
margin:0 -10px;
padding:0 10px 12px;
position:relative;
background-color:#eee;
font-size:12px;
}

.search-result .search-result-item-reference-fee::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
top:0;
left:10px;
background-color:#999;
}

/* .search-result-item-reference-fee-item
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item{
padding:8px;
border-width:0 1px 1px;
border-style:solid;
border-color:#999;
background-color:#fff;
}

/* .search-result-item-reference-fee-item-header
----------------------------------------------- */
.search-result-item-reference-fee-item-header{
display:-webkit-box;
display:flex;
gap:0 10px;
}

.search-result-item-reference-fee-item-header > div:first-child{
width:88px;
}

.search-result-item-reference-fee-item-header > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.search-result-item-reference-fee-item-header > div > p{
margin:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .search-result-item-reference-fee-item-hdg
----------------------------------------------- */
.search-result-item-reference-fee-item-hdg{
font-size:11px;
}

.search-result-item-reference-fee-item-hdg > span{
display:inline-block;
}

/* .search-result-item-reference-fee-item-area
----------------------------------------------- */
.search-result-item-reference-fee-item-area{
margin-bottom:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
}

/* .search-result-item-reference-fee-item-schedule
----------------------------------------------- */
.search-result-item-reference-fee-item-schedule{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.search-result-item-reference-fee-item-schedule > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
}

.search-result-item-reference-fee-item-schedule > li:last-child{
-webkit-box-flex:1;
flex:1;
}

.search-result-item-reference-fee-item-schedule > li > div{
border:1px solid #ddd;
width:18px;
height:18px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
line-height:1;
font-size:11px;
}

.search-result-item-reference-fee-item-schedule ol{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 18px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 49% 50% no-repeat;
background-size:auto 7px;
font-weight:bold;
}

.search-result-item-reference-fee-item-schedule ol > li > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .search-result-item-reference-fee-item-summary
----------------------------------------------- */
.search-result-item-reference-fee-item-summary{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .search-result-item-reference-fee-item-summary > div
----------------------------------------------- */
.search-result-item-reference-fee-item-summary > div:first-child{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
}

.search-result-item-reference-fee-item-summary > div:first-child > span > span{
font-size:14px;
}

/* .search-result-item-reference-fee-item-summary > button
----------------------------------------------- */
.search-result-item-reference-fee-item-summary button{
padding:0 0 0 13px;
border:none;
color:var(--cmn-font-color-link);
background:url(/element_sp/j_traindp/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.search-result-item-reference-fee-item-summary button.is-active{
background-image:url(/element_sp/j_traindp/shared/images/icon-arrow-up.svg)
}

/* .search-result-item-reference-fee-item-detail
----------------------------------------------- */
.search-result-item-reference-fee-item-detail{
margin-top:8px;
display:none;
}

.search-result-item-reference-fee-item-detail.is-active{
display:block;
}

/* .search-result-item-reference-fee-item-detail-btn
----------------------------------------------- */
.search-result-item-reference-fee-item-detail-btn{
margin:0 0 0 auto;
padding:0;
border-radius:4px;
display:block;
border:none;
color:#fff;
width:116px;
height:34px;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
}

/* .search-result-item-reference-fee-item-detail-dp
----------------------------------------------- */
.search-result-item-reference-fee-item-detail-dp{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-item-reference-fee-item-detail-dp > div{
-webkit-box-flex:1;
flex:1;
gap:0 8px;
}

.search-result-item-reference-fee-item-detail-dp > div > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 8px;
font-size:11px;
}

.search-result-item-reference-fee-item-detail-dp > div > span + span{
margin-top:2px;
}

/* .search-result-item-reference-fee-item-detail-separate
----------------------------------------------- */
.search-result-item-reference-fee-item-detail-separate{
font-size:11px;
}

.search-result-item-reference-fee-item-detail-separate > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.search-result-item-reference-fee-item-detail-separate > div + div{
margin-top:12px;
}

.search-result-item-reference-fee-item-detail-separate > div > div{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
align-items:first baseline;
}

.search-result-item-reference-fee-item-detail-separate > div > div > span::after{
content:"\ff1a";
}

.search-result-item-reference-fee-item-detail-separate > div > div > div{
-webkit-box-flex:1;
flex:1;
}

.search-result-item-reference-fee-item-detail-separate > div > div > div > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
}

.search-result-item-reference-fee-item-detail-separate > div > div > div > span > span > span{
margin-top:-1px;
display:inline-block;
line-height:1.2;
font-size:14px;
}

/* .search-result-item-reference-fee-item-detail-tour
----------------------------------------------- */
.search-result-item-reference-fee-item-detail-tour{
margin-top:0;
border-width:1px 1px 0;
border-style:solid;
border-color:#ddd;
font-size:11px;
}

.search-result-item-reference-fee-item-detail-tour > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-result-item-reference-fee-item-detail-tour> li > span{
padding:4px 8px 3px;
border-right:1px solid #ddd;
width:5em;
}

.search-result-item-reference-fee-item-detail-tour> li > div{
padding:4px 8px 3px;
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  payment-info
----------------------------------------------------------------- */
/* .payment-info
----------------------------------------------- */
.payment-info{
margin:10px 0 5px;
line-height:1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-size:10px;
text-align:center;
}

.payment-info > li{
border-bottom:1px solid #ddd;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.payment-info > li:last-child{
width:46%;
-webkit-box-flex:0;
flex:none;
}

.payment-info > li > b{
padding:4px 0 3px;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}

.payment-info > li > div{
padding:5px 0;
-webkit-box-flex: 1;
flex: 1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.payment-info > li:last-child > b{
border-right:none;
}

.payment-info > li:first-child > div{
border-left:1px solid #ddd;
}

.payment-info > li:last-child > div{
border-right:1px solid #ddd;
}


/* .payment-info-list
----------------------------------------------- */
.payment-info .payment-info-list{
margin:0;
}
.payment-info .payment-info-list > li:not(:first-child){
display:inline-block;
}
.payment-info .payment-info-list > li:not(:first-child):before{
content:'\ff0f';
}
.payment-info .payment-info-list > li:nth-child(2):before{
display:none;
}

/* .payment-info-list-credit
----------------------------------------------- */
.payment-info .payment-info-list-credit{
margin:0;
display:inline-block;
text-align:center;
}
.payment-info .payment-info-list-credit > li{
margin-left:2px;
display:inline-block;
}
.payment-info .payment-info-list-credit > li img{
max-height:10px;
}


/* ----------------------------------------------------------------
  Agt Link
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin-bottom:80px;
}

.agt-link strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .agt-link-lyt-sticky
----------------------------------------------- */
.agt-link-lyt-sticky{
padding-bottom:100px;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin:8px 0 24px;
text-align:center;
font-size:16px;
font-weight:normal;
}

/* .agt-link-sup
----------------------------------------------- */
.agt-link .agt-link-sup{
font-size:13px;
text-align:center;
}

/* .agt-link-btn
----------------------------------------------- */
.agt-link .agt-link-btn{
margin:40px auto 0;
padding:6px 12px 5px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base);
display:table;
min-width:164px;
text-align:center;
font-size:14px;
background-color:#fff;
}

/* .agt-link-attention-catch
----------------------------------------------- */
.agt-link-attention-catch{
font-size:16px;
text-align:center;
}

/* .agt-link-num-people
----------------------------------------------- */
.agt-link .agt-link-num-people{
margin:15px 0;
padding:10px;
border:1px solid #ccc;
font-size:13px;
}

/* .agt-link-num-people-list
----------------------------------------------- */
.agt-link .agt-link-num-people-list{
margin:8px 0 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.agt-link .agt-link-num-people-list > li{
-webkit-box-flex:1;
flex:1;
}

.agt-link .agt-link-num-people-list > li:last-child{
margin-left:5%;
}

.agt-link .agt-link-num-people-list > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.agt-link .agt-link-num-people-list > li > label > b{
margin-right:5px;
display:block;
font-size:12px;
}

.agt-link .agt-link-num-people-list > li > label > span{
display:block;
-webkit-box-flex:1;
flex:1;
}

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

.agt-link .agt-link-box-border strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.agt-link .agt-link-box-border > :first-child{
margin-top:0;
}

.agt-link .agt-link-box-border > :last-child{
margin-bottom:0;
}

/* .agt-link-price-changed
----------------------------------------------- */
.agt-link .agt-link-price-changed{
margin:-8px 0 20px;
}

.agt-link .agt-link-price-changed > p{
text-align:center;
font-weight:bold;
font-size:14px;
}

.agt-link .agt-link-price-changed p strong{
font-weight:bold;
}

/* .agt-link-price-changed-detail
----------------------------------------------- */
.agt-link .agt-link-price-changed-detail{
margin-top:12px;
padding:12px;
border:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:12px;
}

/* .agt-link-price-changed-detail-hdg
----------------------------------------------- */
.agt-link .agt-link-price-changed-detail-hdg{
margin-right:4px;
font-weight:normal;
}

/* .agt-link-price-changed-detail-list
----------------------------------------------- */
.agt-link .agt-link-price-changed-detail-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.agt-link .agt-link-price-changed-detail-list > li:first-child{
padding-right:36px;
color:#ccc;
background:url(/element_sp/j_traindp/agt_link/images/icon-arrow.svg) calc(100% - 8px) 50% no-repeat;
background-size:20px auto;
}

.agt-link .agt-link-price-changed-detail-list > li > span,
.agt-link .agt-link-price-changed-detail-list > li > b{
font-size:18px;
}

/* .agt-link-cv
----------------------------------------------- */
.agt-link .agt-link-cv{
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);
}

/* .agt-link-cv-btn-01
----------------------------------------------- */
.agt-link .agt-link-cv-btn-01{
margin:28px auto 0;
padding:12px;
border:none;
border-radius:4px;
color:#fff;
display:block;
box-sizing:border-box;
width:80%;
min-width:300px;
line-height:1.25;
background-color:var(--cmn-btn-color);
font-size:16px;
text-align:center;
}

/* .agt-link-sticky-footer
----------------------------------------------- */
.agt-link .agt-link-sticky-footer{
padding:12px 10px;
position:fixed;
left:0;
bottom:0;
width:100%;
box-sizing:border-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
background-color:rgba(34,34,34,.8);
}

/* .agt-link-sticky-footer-inner
----------------------------------------------- */
.agt-link .agt-link-sticky-footer-inner{
width:80%;
min-width:300px;
}

.agt-link .agt-link-sticky-footer-inner > :first-child{
margin-top:0;
}

.agt-link .agt-link-sticky-footer-inner > :last-child{
margin-bottom:0;
}

/* .agt-link-sticky-footer-btn
----------------------------------------------- */
.agt-link .agt-link-sticky-footer-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.agt-link .agt-link-sticky-footer-btn > li{
-webkit-box-flex:1;
flex:1;
}

.agt-link .agt-link-sticky-footer-btn > li:not(:first-child){
margin-left:12px;
}

.agt-link .agt-link-sticky-footer-btn button{
border:none;
border-radius:4px;
width:100%;
height:50px;
line-height:1.35;
background-color:#fff;
font-size:14px;
}

.agt-link .agt-link-sticky-footer-btn button > span{
display:block;
}


/* ----------------------------------------------------------------
  Pseudo Content Modules
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
padding:0 10px 10px;
line-height:1.42;
font-size:14px;
}

.pseudo-content.pseudo-lyt-sticky-header{
padding-top:35px;
}

.pseudo-content.pseudo-lyt-sticky-header.pseudo-lyt-calendar{
padding-top:85px;
}

/* .pseudo-lyt
----------------------------------------------- */
body [role='dialog'].pseudo-content.pseudo-lyt{
padding-bottom:0;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

body [role='dialog'].pseudo-lyt.is-active{
display:-webkit-box;
display:flex;
}

/* .pseudo-lyt-content
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-content{
margin:0 -10px;
padding:0 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
}

.pseudo-lyt .pseudo-lyt-content > p:first-child{
margin-top:16px;
}

/* .pseudo-lyt-footer
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-footer{
margin:0 -10px;
padding:12px 10px;
color:#fff;
box-sizing:border-box;
position:relative;
background-color:#444;
font-size:12px;
}

.pseudo-lyt .pseudo-lyt-footer > p{
margin-bottom:8px;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-content .pseudo-header{
margin:0 -10px;
padding:8px 60px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
min-height:45px;
position:relative;
background-color:#111;
}

/* .pseudo-header-note
----------------------------------------------- */
.pseudo-content .pseudo-header-note{
margin:0 -10px;
padding:6px 10px;
line-height:1.35;
background-color:#f5f5f5;
font-size:13px;
letter-spacing:-.015em;
}

.pseudo-content .pseudo-header-note > li:not(:first-child){
margin-top:5px;
}

.pseudo-content .pseudo-header-note .attention{
padding-left:0;
}

.pseudo-content .pseudo-header-note .attention strong{
padding-left:18px;
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 50% no-repeat;
background-size:15px auto;
font-weight:normal;
}

/* .pseudo-header-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_sp/j_traindp/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}

/* .pseudo-header-btn-clear
----------------------------------------------- */
.pseudo-content .pseudo-header-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;
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}


/* ----------------------------------------------------------------
  Pseudo Word Search Modules
----------------------------------------------------------------- */
/* .pseudo-word-search
----------------------------------------------- */
.pseudo-content .pseudo-word-search{
margin:0 -10px;
padding:8px 10px;
background-color:#111;
}

.pseudo-content .pseudo-word-search > div{
padding-right:30px;
border-radius:4px;
background-color:#fff;
position:relative;
}

.pseudo-content .pseudo-word-search input{
padding:0 7px;
border:none;
height:42px;
}

.pseudo-content .pseudo-word-search button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

.pseudo-content .pseudo-header + .pseudo-word-search{
padding-top:0;
}

/* .pseudo-word-search-tab .pseudo-word-search
----------------------------------------------- */
.pseudo-word-search-tab .pseudo-word-search{
margin:8px 0 0;
padding:0;
background-color:#fff;
}

.pseudo-word-search-tab .pseudo-word-search > div{
border:1px solid #bbb;
}


/* ----------------------------------------------------------------
  Pseudo Word Search Tab Modules
----------------------------------------------------------------- */
/* .pseudo-word-search-tab
----------------------------------------------- */
.pseudo-content .pseudo-word-search-tab{
margin:0 -10px 4px;
padding:12px 10px;
box-shadow:0 2px 4px rgba(0,0,0,.2);
}

/* .pseudo-word-search-tab-list
----------------------------------------------- */
.pseudo-content .pseudo-word-search-tab-list{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pseudo-content .pseudo-word-search-tab-list > li{
padding-bottom:6px;
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo-content .pseudo-word-search-tab-list button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:100%;
line-height:1.42;
background:transparent;
font-size:12px;
}

.pseudo-content .pseudo-word-search-tab-list .is-active button{
position:relative;
}

.pseudo-content .pseudo-word-search-tab-list .is-active button::before{
content:'';
display:block;
width:84%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-4px;
left:8%;
background-color:var(--cmn-font-color-base);
}

.pseudo-content .pseudo-word-search-tab-list button:disabled{
color:#ccc;
}

.pseudo-content .pseudo-word-search-tab-list button > span{
display:block;
}


/* ----------------------------------------------------------------
  Pseudo Content Common Modules
----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
box-sizing:border-box;
line-height:1.35;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-hdg-l1.size-s{
font-size:15px;
}

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

.pseudo-content .pseudo-hdg-l2 .sup{
display:inline-block;
font-size:12px;
font-weight:normal;
}

.pseudo-content .pseudo-hdg-l2 .num{
font-family:Arial;
font-size:13px;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-01{
margin:10px 0 3px;
padding-left:15px;
position:relative;
font-weight:normal;
}

.pseudo-content .pseudo-hdg-l2-01::before{
content:'';
display:block;
width:10px;
height:10px;
background-color:var(--cmn-font-color-base);
position:absolute;
top:.45em;
left:0;
}

.pseudo-content .pseudo-hdg-l2-01:first-child{
margin-top:0;
}

/* .pseudo-hdg-l2-02
----------------------------------------------- */
.pseudo-hdg-l2-02{
margin:24px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}

.pseudo-hdg-l2-02 > h3{
-webkit-box-flex:1;
flex:1;
}

.pseudo-hdg-l2-02.first-child{
margin-top:16px;
}

.pseudo-hdg-l2-02.branch-line-top{
margin:12px 0 8px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

/* .pseudo-hdg-l2-02-btn
----------------------------------------------- */
.pseudo-hdg-l2-02-btn{
margin-left:4px;
padding:0;
border:none;
font-size:14px;
}

/* .pseudo-link
----------------------------------------------- */
.pseudo-link{
display:table;
}

.pseudo-num-people-list .pseudo-link{
display:inline-block;
}

/* .pseudo-link-more
----------------------------------------------- */
.pseudo-link-more{
margin:24px 0 0;
display:block;
text-align:right;
}



/* .pseudo-link-list
----------------------------------------------- */
.pseudo-content .pseudo-link-list{
margin:0;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
}

.pseudo-content .pseudo-link-list > li{
border-top:1px solid #e5e5e5;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;

}

.pseudo-content .pseudo-link-list > li > a{
color:var(--cmn-font-color-base);
padding:4px 0;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-width:0;
min-height:44px;
}

.pseudo-content .pseudo-link-list > li > button{
margin:0 0 0 16px;
padding:0 4px;
border:1px solid #bbb;
border-radius:3px;
min-height:23px;
background-color:#fff;
font-size:12px;
}

.pseudo-content .pseudo-link-list .sup{
padding:0 1em;
line-height:1.25;
position:relative;
font-size:12px;
text-align:center;
}

.pseudo-content .pseudo-link-list .sup::before,
.pseudo-content .pseudo-link-list .sup::after{
position:absolute;
bottom:50%;
transform:translateY(50%);
}

.pseudo-content .pseudo-link-list .sup::before{
content:'\ff08';
left:0;
}

.pseudo-content .pseudo-link-list .sup::after{
content:'\ff09';
right:0;
}

.pseudo-content .pseudo-link-list .num{
color:var(--cmn-font-color-gray);
-webkit-box-flex:1;
flex:1;
font-size:12px;
text-align:right;
}

.pseudo-toggle-list .pseudo-link-list{
margin:0 0 -1px 0;
}

.pseudo-content .pseudo-link-list.is-suggest > li:first-child{
border-top:none;
}

/* .pseudo-list-bullet / pseudo-list-bullet-01
----------------------------------------------- */
.pseudo-content .pseudo-list-bullet,
.pseudo-content .pseudo-list-bullet-01{
margin-top:12px;
}

.pseudo-content .pseudo-list-bullet > li,
.pseudo-content .pseudo-list-bullet-01 > li{
margin-top:4px;
padding-left:12px;
position:relative;
}

.pseudo-content .pseudo-list-bullet > li::before,
.pseudo-content .pseudo-list-bullet-01 > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:9px;
left:3px;
background-color:var(--cmn-font-color-base);
}

/* .pseudo-list-bullet-01
----------------------------------------------- */
.pseudo-content .pseudo-list-bullet-01 > li:not(:first-child){
margin-top:20px;
}

/* .pseudo-list-num
----------------------------------------------- */
.pseudo-content .pseudo-list-num > li{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.pseudo-content .pseudo-list-num > li > span{
margin-right:4px;
min-width:1em;
}

.pseudo-content .pseudo-list-num > li > div{
-webkit-box-flex:1;
flex:1;
}

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

.pseudo-content .pseudo-toggle-list > li{
border-top:1px solid #e5e5e5;
}

.pseudo-content .pseudo-toggle-list > li:last-child{
border-bottom:1px solid #e5e5e5;
}

.pseudo-content .pseudo-toggle-list > li[aria-expanded="true"]:last-child{
border-bottom:none;
}

.pseudo-content .pseudo-toggle-list > li > .pseudo-toggle-list-hook{
padding:4px 0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
box-sizing:border-box;
position:relative;
}

.pseudo-content .pseudo-toggle-list > li[aria-expanded] > .pseudo-toggle-list-hook{
padding-right:20px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px;
}

.pseudo-content .pseudo-toggle-list > li > .pseudo-toggle-list-item{
margin-left:42px;
}

.pseudo-content .pseudo-toggle-list > li[aria-expanded="false"] > .pseudo-toggle-list-item{
display:none;
}

.pseudo-content .pseudo-toggle-list > li[aria-expanded="true"] > .pseudo-toggle-list-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.pseudo-content .pseudo-toggle-list > li[aria-expanded="true"] > .pseudo-toggle-list-item{
display:block;
}

.pseudo-content .pseudo-toggle-list .pseudo-toggle-list-item-hdg{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}

.pseudo-content .pseudo-toggle-list .pseudo-toggle-list-item-hdg > span + span{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.pseudo-content .pseudo-toggle-list > li .station,
.pseudo-content .pseudo-toggle-list > li .bullet-train-station,
.pseudo-content .pseudo-toggle-list > li .area,
.pseudo-content .pseudo-toggle-list > li .spot,
.pseudo-content .pseudo-toggle-list > li .hotel{
padding-left:26px;
position:relative;
}

.pseudo-content .pseudo-toggle-list > li .station::before,
.pseudo-content .pseudo-toggle-list > li .bullet-train-station::before,
.pseudo-content .pseudo-toggle-list > li .area::before,
.pseudo-content .pseudo-toggle-list > li .spot::before,
.pseudo-content .pseudo-toggle-list > li .hotel::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}

.pseudo-content .pseudo-toggle-list > li .station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}

.pseudo-content .pseudo-toggle-list > li .bullet-train-station::before{
background-image:url(/element/shared/images/icon/icon-train-bullet.svg);
}

.pseudo-content .pseudo-toggle-list > li .area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

.pseudo-content .pseudo-toggle-list > li .spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}

.pseudo-content .pseudo-toggle-list > li .hotel::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
opacity:.45;
}

.pseudo-content .pseudo-toggle-list.is-suggest > li:first-child{
border-top:none;
}

.pseudo-content .pseudo-toggle-list .sup{
padding:0 1em;
line-height:1.25;
position:relative;
font-size:12px;
text-align:center;
}

.pseudo-content .pseudo-toggle-list .sup::before,
.pseudo-content .pseudo-toggle-list .sup::after{
position:absolute;
bottom:50%;
transform:translateY(50%);
}

.pseudo-content .pseudo-toggle-list .sup::before{
content:'\ff08';
left:0;
}

.pseudo-content .pseudo-toggle-list .sup::after{
content:'\ff09';
right:0;
}

/* .pseudo-btn-list
----------------------------------------------- */
.pseudo-content .pseudo-btn-list{
margin:0 0 0 -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
}

.pseudo-content .pseudo-btn-list > li{
margin-left:10px;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-btn-list > li:first-child:last-child{
margin:0 auto;
max-width:80%;
min-width:60%;
-webkit-box-flex:0;
flex:none;
}

.pseudo-content .pseudo-btn-list > .cv{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-btn-list button{
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:44px;
line-height:1.25;
font-size:16px;
}

.pseudo-content .pseudo-btn-list > li.cv button{
color:#fff;
background-color:var(--cmn-btn-color);
}

.pseudo-content .pseudo-btn-list button:disabled{
opacity:.4;
}

.pseudo-content .pseudo-btn-list .sup{
display:block;
font-size:12px;
}

.pseudo-content .pseudo-btn-list .br{
display:inline-block;
}

.pseudo-content .pseudo-footer-cv .pseudo-btn-list{
margin:0;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-footer-cv .pseudo-btn-list > li:first-child:last-child{
width:100%;
max-width:none;
}

/* .pseudo-note
----------------------------------------------- */
.pseudo-content .pseudo-note{
margin:8px 0;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.pseudo-content .pseudo-note > li{
margin-top:8px;
padding-left:calc(1em + 4px);
position:relative;
}

.pseudo-content .pseudo-note > li > .pseudo-note-mark{
display:block;
position:absolute;
top:0;
left:0;
}

.pseudo-word-search-tab .pseudo-note{
margin:8px 0 0 aut;
display:-webkit-box;
display:flex;
flex-direction:column;
-webkit-box-align:end;
align-items:flex-end;
}

.pseudo-word-search-tab .pseudo-note > li{
margin-top:2px;
}

/* .pseudo-logo-google
----------------------------------------------- */
.pseudo-content .pseudo-logo-google{
margin-top:12px;
text-align:right;
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}

.pseudo-content .pseudo-logo-google a{
color:var(--cmn-font-color-gray);
display:inline-block;
font-size:11px;
}

.pseudo-content .pseudo-logo-google a > span{
color:var(--cmn-font-color-link);
}

.pseudo-content .pseudo-logo-google > span{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-logo-google button{
padding:0;
border:none;
color:var(--cmn-font-color-link);
font-size:14px;
background:none;
}

.pseudo-content .pseudo-logo-google img{
margin-left:2px;
width:120px;
vertical-align:text-bottom;
}

/* .pseudo-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-btn-prev{
padding:3px 0;
border:none;
color:var(--cmn-font-color-link);
min-height:45px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}

/* .pseudo-btn-more
----------------------------------------------- */
.pseudo-content .pseudo-btn-more{
margin:0 auto;
padding:14px 0 14px 16px;
border:none;
display:block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px;
font-size:14px;
}

/* .pseudo-error
----------------------------------------------- */
.pseudo-content .pseudo-error{
margin:16px 0;
}

.pseudo-content .pseudo-error strong{
margin-bottom:20px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}

/* .pseudo-plan-info
----------------------------------------------- */
.pseudo-plan-info{
margin:0 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
}

/* .pseudo-plan-info-list
----------------------------------------------- */
.pseudo-plan-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-plan-info-list > li:not(:last-child){
margin-right:16px;
}

.pseudo-plan-info-list button{
padding:3px 0 3px 12px;
border:none;
color:#fff;
position:relative;
line-height:1.25;
background:url(/element_sp/j_traindp/shared/images/icon-arrow-up-wht.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
text-align:left;
}

.pseudo-plan-info-list button[aria-selected="true"]{
background-image:url(/element_sp/j_traindp/shared/images/icon-arrow-down-wht.svg);
}

.pseudo-plan-info-list button[aria-selected="true"]::before{
content:'';
display:block;
width:20px;
height:7px;
position:absolute;
top:-14px;
left:calc(50% - 4px);
transform:rotate(180deg);
background:url(/element_sp/j_traindp/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

.pseudo-plan-info-list button:disabled{
background-image:none;
}

.pseudo-plan-info-list button > span{
display:inline-block;
}

.pseudo-plan-info-list button > strong{
color:#ffa8a8;
display:inline-block;
}

/* .pseudo-plan-info-content
----------------------------------------------- */
.pseudo-plan-info-content{
margin-bottom:12px;
padding:8px;
color:var(--cmn-font-color-base);
display:none;
position:relative;
background-color:#F5f5f5;
font-size:12px;
}

.pseudo-plan-info-content::before{
top:auto;
bottom:-6px;
border-width:6px 9px 0 9px;
border-color:#f5f5f5 transparent transparent transparent;
}

.pseudo-plan-info-content:last-child::before{
left:16em;
}

.pseudo-plan-info-content.is-active{
display:block;
}

.pseudo-plan-info-content > *:first-child{
margin-top:0;
}

.pseudo-plan-info-content > *:last-child{
margin-bottom:0;
}

[data-whatintent='touch'] .pseudo-plan-info-content:focus{
outline:none;
}

/* .pseudo-plan-info-content-list
----------------------------------------------- */
.pseudo-plan-info-content-list > li{
display:-webkit-box;
display:flex;
}

.pseudo-plan-info-content-list > li > div:first-child{
margin-right:5px;
min-width:5em;
position:relative;
}

.pseudo-plan-info-content-list > li > div:first-child::after{
content:':';
display:block;
position:absolute;
top:0;
right:0;
}

.pseudo-plan-info-content-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .pseudo-plan-info-content-list-01
----------------------------------------------- */
.pseudo-plan-info-content-list-01 > li:not(:first-child){
margin-top:10px;
}

.pseudo-plan-info-content-list-01 > li > span{
display:inline-block;
}

/* .pseudo-plan-info-content-list-bullet
----------------------------------------------- */
.pseudo-plan-info-content-list-bullet > li{
padding-left:8px;
position:relative;
}

.pseudo-plan-info-content-list-bullet > li::before{
border-radius:1px;
content:'';
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.55em;
left:0;
background-color:var(--cmn-font-color-base);
}

.pseudo-plan-info-content-list-bullet > li:not(:first-child){
margin-top:4px;
}

.pseudo-plan-info-content-list-bullet > li > span{
margin-right:5px;
}

.pseudo-plan-info-content-list-bullet > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .pseudo-plan-info-content-box
----------------------------------------------- */
.pseudo-plan-info-content-box{
margin-top:8px;
padding:8px;
border:1px solid #ddd;
}

.pseudo-plan-info-content-box > :first-child{
margin-top:0;
}

.pseudo-plan-info-content-box > :last-child{
margin-bottom:0;
}

/* .pseudo-footer-cv
----------------------------------------------- */
.pseudo-content .pseudo-footer-cv{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .pseudo-footer-cv-price
----------------------------------------------- */
.pseudo-content .pseudo-footer-cv-price{
margin-right:8px;
text-align:right;
}

.pseudo-content .pseudo-footer-cv-price > span{
display:block;
}

.pseudo-content .pseudo-footer-cv-price b{
font-size:18px;
}

/* .pseudo-footer-error
----------------------------------------------- */
.pseudo-content .pseudo-footer-error{
margin:0 auto 8px;
color:#fff;
width:80%;
min-width:300px;
max-width:100%;
font-size:12px;
}

.pseudo-content .pseudo-footer-error > li{
margin-bottom:4px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px auto;
}



/* ----------------------------------------------------------------
  Pseudo Train
----------------------------------------------------------------- */
/* .pseudo-train-header
----------------------------------------------- */
.pseudo-train-header{
margin:0 -10px;
padding:8px 10px;
color:#fff;
box-shadow:0 2px 4px rgba(0,0,0,.2);

background-color:#444;
}

.pseudo-train-header.is-scrolled{
margin:0;
width:100%;
box-sizing:border-box;
position:absolute;
top:45px;
left:0;
z-index:2;
}

/* .pseudo-train-header-hdg
----------------------------------------------- */
.pseudo-train-header-hdg{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-train-header-hdg > h3{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
font-size:14px;
font-weight:normal;
}

.pseudo-train-header-hdg > h3 > span:first-child{
margin-right:8px;
font-weight:bold;
}

.pseudo-train-header-hdg > h3 > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.pseudo-train-header-hdg > span{
margin-left:4px;
}

.pseudo-train-header-hdg > span > a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
font-size:12px;
}

/* .pseudo-train-header-price-reference
----------------------------------------------- */
.pseudo-train-header-price-reference{
font-size:12px;
}

.pseudo-train-header-price-reference p{
margin-top:8px;
}

.pseudo-train-header-price-reference img{
margin-bottom:12px;
max-width:100%;
vertical-align:bottom;
}

/* .pseudo-train-info
----------------------------------------------- */
.pseudo-train-info{
margin:12px 0 0;
padding-bottom:8px;
border-bottom:1px solid #e5e5e5;
font-size:12px;
}

/* .pseudo-train-setting
----------------------------------------------- */
.pseudo-train-setting{
margin:0 -10px;
font-size:12px;
}

.pseudo-train-setting > li{
padding:0 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
position:relative;
}

.pseudo-train-setting > li::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
bottom:0;
left:10px;
background-color:#e5e5e5;
}

.pseudo-train-setting .train-data{
-webkit-box-flex:1;
flex:1;
}

.pseudo-train-setting .train-data .schedule{
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.pseudo-train-setting .train-data .schedule > ol{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
font-size:16px;
}

.pseudo-train-setting .train-data .schedule > ol > li:first-child{
margin-right:20px;
position:relative;
}

.pseudo-train-setting .train-data .schedule > ol > li:first-child::after{
content:'';
width:12px;
height:100%;
position:absolute;
top:-1px;
right:-16px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
}

.pseudo-train-setting .train-data .schedule > div{
margin-left:4px;
position:relative;
}

.pseudo-train-setting .train-data .schedule button{
padding:0 17px 0 0;
border:none;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 50% no-repeat;
background-size:15px;
font-size:12px;
}

.pseudo-train-setting .train-data .schedule sup{
position:absolute;
top:-4px;
right:-10px;
font-size:10px;
}

.pseudo-train-setting .seat,
.pseudo-train-setting .seat-green{
width:88px;
text-align:center;
}

.pseudo-train-setting .seat > label,
.pseudo-train-setting .seat-green > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-direction:column;
}

.pseudo-train-setting .seat > label > span,
.pseudo-train-setting .seat-green > label > span{
position:relative;
line-height:1;
}

.pseudo-train-setting .seat > label sup,
.pseudo-train-setting .seat-green > label sup{
position:absolute;
top:0;
right:-10px;
font-size:10px;
}

.pseudo-train-setting .seat-diff{
display:block;
line-height:1;
font-size:12px;
}

.pseudo-train-setting .seat-tag{
height:0;
overflow:hidden;
position:absolute;
}

.pseudo-train-setting .no-seat{
display:block;
color:transparent;
position:relative;
}

.pseudo-train-setting .no-seat::before{
content:'';
display:block;
width:10px;
height:1px;
position:absolute;
right:50%;
bottom:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
background-color:#a4a4a4;
}

.pseudo-train-setting .seat-undefined{
-webkit-box-align:stretch;
align-items:stretch;
text-align:center;
}

.pseudo-train-setting .seat-undefined > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo-train-setting .seat-undefined > label > span{
padding:3px 0 3px 25px;
display:inline-block;
position:relative;
line-height:1;
font-size:14px;
}

.pseudo-train-setting .seat-undefined > label input[type='radio']{
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

.pseudo-train-setting .seat-undefined > .seat-undefined-sup{
padding:2px 0 0 8px;
border-left:1px solid #e5e5e5;
position:relative;
-webkit-box-flex:0;
flex:none;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
flex-direction:column;
}

.pseudo-train-setting .seat-undefined > .seat-undefined-sup::before{
content:'';
display:block;
width:100%;
height:1px;
position:absolute;
right:0;
bottom:0;
background-color:#fff;
}

.pseudo-train-setting .seat-undefined > .seat-undefined-sup > div:last-child{
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
}

.pseudo-train-setting .seat-undefined > .seat-undefined-sup > div:last-child > span{
padding:4px;
min-width:6.5em;
background-color:#eee;
line-height:16px;
}

.pseudo-train-setting .train-setting-disabled{
background-color:#ccc;
}

.pseudo-train-setting .train-setting-disabled-wording{
margin-top:-1px;
padding:4px 10px;
color:#fff;
min-height:0;
display:block;
background-color:#444;
text-align:center;
}

.pseudo-train-setting .train-setting-disabled-wording::before{
display:none;
}

.pseudo-train-setting .train-setting-disabled-balloon{
padding:12px;
display:none;
position:absolute;
top:100%;
left:10px;
width:calc(100% - 20px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:1;
background-color:#fff;
text-align:center;
}

.pseudo-train-setting .train-setting-disabled-balloon::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
background-color:#fff;
position:absolute;
top:-6px;
left:50%;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index:1;
}

.pseudo-train-setting .train-setting-disabled-balloon.is-active{
display:block;
}

.pseudo-train-setting .train-setting-disabled-balloon-btn{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.pseudo-train-setting .train-setting-disabled-balloon-btn > li{
margin:0 4px;
}

.pseudo-train-setting .train-setting-disabled-balloon-btn button{
border:1px solid #bbb;
border-radius:3px;
width:108px;
height:38px;
background-color:#fff;
font-size:14px;
}

/* Media Queries
------------------- */
@media screen and (max-width: 370px){
.pseudo-train-setting .seat,
.pseudo-train-setting .seat-green{
width:60px;
}
.pseudo-train-setting .seat-undefined > .seat-undefined-sup > div:last-child > span{
-webkit-box-flex:0;
flex:none;
min-width:50px;
}
}

/* .pseudo-train-footer-toggle
----------------------------------------------- */
.pseudo-train-footer-toggle{
margin-bottom:12px;
}

/* .pseudo-train-footer-toggle-hook
----------------------------------------------- */
.pseudo-train-footer-toggle-hook{
padding:0 0 0 12px;
border:none;
color:#fff;
background:url(/element_sp/j_traindp/shared/images/icon-arrow-up-wht.svg) no-repeat 0 56%;
background-size:8px auto;
font-size:13px;
font-weight:bold;
}

.pseudo-train-footer-toggle[aria-expanded="true"] .pseudo-train-footer-toggle-hook{
background-image:url(/element_sp/j_traindp/shared/images/icon-arrow-down-wht.svg);
}

/* .pseudo-train-footer-toggle-content
----------------------------------------------- */
.pseudo-train-footer-toggle-content{
margin-top:8px;
}

.pseudo-train-footer-toggle[aria-expanded="false"] .pseudo-train-footer-toggle-content{
display:none;
}

.pseudo-train-footer-toggle[aria-expanded="true"] .pseudo-train-footer-toggle-content{
display:block;
}

/* .pseudo-train-selected
----------------------------------------------- */
.pseudo-train-selected{
color:var(--cmn-font-color-base);
background-color:#fff;
font-size:14px;
}

.pseudo-train-selected > li{
padding:10px;
border-top:1px solid #fff;
min-height:51px;
position:relative;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-train-selected > li.is-selected{
background-color:#e4f3fc;
}

.pseudo-train-selected > li > span{
padding:4px;
color:#fff;
display:block;
white-space:nowrap;
line-height:1;
background-color:var(--cmn-font-color-gray);
text-align:center;
font-size:11px;
}

.pseudo-train-selected button{
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:30px;
height:30px;
line-height:1;
box-sizing:border-box;
background-color:#fff;
font-size:10px;
}

.pseudo-train-selected button:disabled{
color:var(--cmn-font-color-base);
opacity:.4;
}

.pseudo-train-selected button > span{
margin-top:2px;
display:block;
}

/* .pseudo-train-selected-detail
----------------------------------------------- */
.pseudo-train-selected-detail{
margin:0 8px;
-webkit-box-flex:1;
flex:1;
min-width:0;
}

/* .pseudo-train-selected-detail-data
----------------------------------------------- */
.pseudo-train-selected-detail-data{
display:-webkit-box;
display:flex;
min-width:0;
}

.pseudo-train-selected-detail-data > span{
white-space:nowrap;
}

.pseudo-train-selected-detail-data > .name{
margin-right:8px;
display:-webkit-box;
display:flex;
min-width:0;
}

.pseudo-train-selected-detail-data > .name > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .pseudo-train-selected-detail-schedule
----------------------------------------------- */
.pseudo-train-selected-detail-schedule{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.pseudo-train-selected-detail-schedule > li:first-child{
margin-right:25px;
position:relative;
}

.pseudo-train-selected-detail-schedule > li:first-child:after{
content:'';
width:20px;
height:100%;
position:absolute;
top:0;
right:-22px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
}

.pseudo-train-selected-detail-schedule > li .num{
margin-right:3px;
display:inline-block;
vertical-align:middle;
font-size:15px;
}

.pseudo-train-selected-detail-schedule > li > span:not([class]){
display:inline-block;
vertical-align:middle;
}


/* ----------------------------------------------------------------
  Pseudo Train Transfer
----------------------------------------------------------------- */
/* .pseudo-train-transfer
----------------------------------------------- */
.pseudo-train-transfer{
margin-top:16px;
padding:12px 8px;
border:1px solid #bbb;
border-radius:6px;
font-size:12px;
}

/* .pseudo-train-transfer-header
----------------------------------------------- */
p + .pseudo-train-transfer-header{
margin-top:12px;
}

.pseudo-train-transfer-header.branch-hotel,
.pseudo-train-transfer-header.branch-stay{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

.pseudo-train-transfer-header.branch-hotel > div{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:0 4px;
}

.pseudo-train-transfer-header.branch-stay > div > span{
display:block;
}

.pseudo-train-transfer-header.branch-hotel + .pseudo-train-transfer-header.branch-stay{
margin-top:8px;
}

/* .pseudo-train-transfer-header-hdg
----------------------------------------------- */
.pseudo-train-transfer-header-hdg{
margin-right:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-weight:normal;
}

.pseudo-train-transfer-header-hdg > span:first-child{
font-weight:bold;
font-size:14px;
}

.pseudo-train-transfer-header-hdg > span:nth-child(2){
-webkit-box-flex:1;
flex:1;
}

.pseudo-train-transfer-header.branch-hotel .pseudo-train-transfer-header-hdg,
.pseudo-train-transfer-header.branch-stay .pseudo-train-transfer-header-hdg{
margin-right:0;
min-width:66px;
}

/* .pseudo-train-transfer-list
----------------------------------------------- */
.pseudo-train-transfer-list{
margin:12px 8px 0 8px;
position:relative;
line-height:1;
}

.pseudo-train-transfer-list::before{
content:'';
display:block;
width:2px;
height:4px;
overflow:hidden;
position:absolute;
left:44px;
bottom:0;
z-index:1;
background-color:#fff;
}

.pseudo-train-transfer-list > li{
padding-left:44px;
position:relative;
display:-webkit-box;
display:flex;
}

.pseudo-train-transfer-list > li[role="presentation"]{
height:16px;
}

.pseudo-train-transfer-list > .transfer{
margin:3px -8px 7px 0;
padding-left:24px;
}

.pseudo-train-transfer-list > .transfer::before{
content:'';
display:block;
width:2px;
height:8px;
overflow:hidden;
position:absolute;
left:44px;
top:-8px;
background-color:#fff;
}

.pseudo-train-transfer-list > .transfer > div{
padding:4px 8px;
text-align:center;
background-color:#f5f5f5;
}

.pseudo-train-transfer-list .time-point{
position:absolute;
top:0;
left:0;
}

.pseudo-train-transfer-list .station{
padding-left:12px;
border-left:2px solid #898989;
-webkit-box-flex:1;
flex:1;
position:relative;
line-height:1.35;
}

.pseudo-train-transfer-list .station::before{
border:2px solid #898989;
border-radius:6px;
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:0;
left:-7px;
z-index:2;
background-color:#fff;
}

.pseudo-train-transfer-list .station-name{
margin-top:-1px;
display:block;
}

.pseudo-train-transfer-list .station-detail{
margin-top:1em;
margin-left:12px;
padding:8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:40px;
box-sizing:border-box;
}

.pseudo-train-transfer-list .station-name + .station-detail{
margin-top:0;
}

.pseudo-train-transfer-list .station-detail > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.pseudo-train-transfer-list .station-detail > div:first-child > span{
display:block;
}

.pseudo-train-transfer-list .station-detail > div:first-child > span > span{
display:inline-block;
}

.pseudo-train-transfer-list .time-interval{
white-space:nowrap;
}

.pseudo-train-transfer-list > .transfer .time-interval{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.pseudo-train-transfer-list .note{
color:var(--cmn-font-color-gray);
}

/* Media Queries
------------------ */
@media screen and (max-width:374px){
.pseudo-train-transfer-list{
margin-left:0;
}
}


/* ----------------------------------------------------------------
  Pseudo smoking
----------------------------------------------------------------- */
/* .pseudo-smoking-list
----------------------------------------------- */
.pseudo-content .pseudo-smoking-list{
margin-top:10px;
font-size:12px;
}

.pseudo-content .pseudo-smoking-list > li{
margin-top:15px;
padding:3px 0 3px 30px;
position:relative;
}

.pseudo-content .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-content .pseudo-smoking-list > li.smoking-non:before{
background-image:url(/element/j_traindp/shared/images/icon-smoking-non.svg);
}

.pseudo-content .pseudo-smoking-list > li.smoking:before{
background-image:url(/element/j_traindp/shared/images/icon-smoking.svg);
}

.pseudo-content .pseudo-smoking-list > li.smoking-unfixed:before{
background-image:url(/element/j_traindp/shared/images/icon-smoking-unfixed.svg);
}


/* ----------------------------------------------------------------
  Pseudo Price Range
----------------------------------------------------------------- */
/* .pseudo-price-range-list
----------------------------------------------- */
.pseudo-content .pseudo-price-range-list{
margin-top:10px;
}

.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:transparent;
width:52px;
height:15px;
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 Date
----------------------------------------------------------------- */
/* .pseudo-date
----------------------------------------------- */
.pseudo-date > :first-child{
margin-top:0;
}

.pseudo-date p{
margin-top:10px;
}


/* ----------------------------------------------------------------
  Pseudo num people
----------------------------------------------------------------- */
/* .pseudo-num-people-hdg
----------------------------------------------- */
.pseudo-num-people .pseudo-num-people-hdg{
margin:15px 0 5px;
font-weight:normal;
}

/* .pseudo-num-people-list
----------------------------------------------- */
.pseudo-num-people .pseudo-num-people-list > li:not(:first-child){
margin-top:16px;
}


/* ----------------------------------------------------------------
  Calendar
----------------------------------------------------------------- */
/* .calendar
----------------------------------------------- */
.calendar{
margin:12px -10px 0;
border-top:1px solid #bbb;
}

.calendar.is-first{
margin-top:0;
border-top:none;
}

/* .calendar-hdg
----------------------------------------------- */
.calendar .calendar-hdg{
margin:20px 10px;
line-height:1;
font-size:15px;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
width:100%;
border-spacing:0;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
vertical-align:middle;
font-size:14px;
}

.calendar .calendar-tbl th{
padding:0 0 16px;
font-weight:normal;
font-size:13px;
line-height:1;
}

.calendar .calendar-tbl th:nth-child(1){
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td{
padding:0;
height:46px;
}

.calendar .calendar-tbl td a{
padding:0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
overflow:hidden;
height:38px;
z-index:1;
}

.calendar .calendar-tbl td:nth-child(1) a,
.calendar .calendar-tbl td.holiday a{
color:var(--cmn-font-color-red);
}

.calendar .calendar-tbl td.is-active a,
.calendar .calendar-tbl td.is-active-stay a,
.calendar .calendar-tbl td.is-active-stay-start a,
.calendar .calendar-tbl td.is-active-stay-end a{
border-radius:0;
background-color:#ecf6ff;
}

.calendar .calendar-tbl td.is-active-stay-single a{
border-radius:5px;
background-color:#ecf6ff;
}

.calendar .calendar-tbl td.is-disabled a{
color:#ccc;
}

.calendar .calendar-tbl td.is-active-start,
.calendar .calendar-tbl td.is-active-end{
position:relative;
}

.calendar .calendar-tbl td.is-active-start:after,
.calendar .calendar-tbl td.is-active-end:after{
content:'';
border-width:4px 0;
border-style:solid;
border-color:#fff;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:50%;
height:100%;
position:absolute;
top:0;
right:0;
z-index:0;
background-color:#ecf6ff;
}

.calendar .calendar-tbl td.is-active-single a,
.calendar .calendar-tbl td.is-active-start a,
.calendar .calendar-tbl td.is-active-end a{
margin:0 auto;
border-radius:5px;
color:#fff;
width:38px;
position:relative;
background-color:#2584d1;
}

.calendar .calendar-tbl td.is-active-end:after{
right:auto;
left:0;
}

.calendar .calendar-tbl td.is-active-stay-start a{
border-radius:5px 0 0 5px;
}

.calendar .calendar-tbl td.is-active-stay-end a{
border-radius:0 5px 5px 0;
}

.calendar .calendar-tbl td.is-selected-stay a > span{
color:#fff;
border-radius:50%;
display:inline-block;
line-height:24px;
width:24px;
background-color:#2584d1;
}

/* .calendar-term-detail
----------------------------------------------- */
.calendar-term .calendar-term-detail{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .calendar-term-detail-list
----------------------------------------------- */
.calendar-term .calendar-term-detail-list{
width:calc(100% - 52px);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.calendar-term .calendar-term-detail-list > li{
margin-left:7px;
width:calc(50% - 7px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.calendar-term .calendar-term-detail-list > li:first-child{
margin:0 7px 0 0;
position:relative;
}

.calendar-term .calendar-term-detail-list > li:first-child::before{
margin-top:-1px;
content:'';
display:block;
width:6px;
height:2px;
background-color:#fff;
position:absolute;
top:50%;
right:-10px;
}

.calendar-term .calendar-term-detail-list > li button{
padding:0;
border:none;
border-radius:3px;
color:#999;
width:100%;
height:38px;
background-color:#fff;
font-size:13px;
font-weight:bold;
}

.calendar-term .calendar-term-detail-list > li.is-active button{
padding:0 10px;
color:var(--cmn-font-color-base);
background-color:#bbb;
text-align:left;
}

.calendar-term .calendar-term-detail-list > li.is-reselect button{
padding:8px 10px;
color:var(--cmn-font-color-base);
text-align:left;
}

/* .calendar-term-detail-list.branch
----------------------------------------------- */
.calendar-term .calendar-term-detail-list.branch{
width:100%;
gap:0 8px;
}

.calendar-term .calendar-term-detail-list.branch > li{
margin:0;
width:auto;
}

.calendar-term .calendar-term-detail-list.branch > li:first-child{
margin:0;
-webkit-box-flex:1;
flex:1;
}

.calendar-term .calendar-term-detail-list.branch > li:first-child::before{
display:none;
}

.calendar-term .calendar-term-detail-list.branch > li:last-child{
width:110px;
}

.calendar-term .calendar-term-detail-list.branch button{
font-size:16px;
font-weight:normal;
}

/* .calendar-term-detail-days
----------------------------------------------- */
.calendar-term .calendar-term-detail-days{
color:#fff;
width:52px;
text-align:right;
font-weight:bold;
}

/* .calendar-btn
----------------------------------------------- */
.calendar-term .calendar-term-btn{
margin:12px auto 0;
border:none;
border-radius:5px;
color:#fff;
display:block;
min-width:225px;
max-width:calc((100% + 20px) * .8);
height:44px;
background-color:var(--cmn-btn-color);
font-size:16px;
}

.calendar-term .calendar-term-btn:disabled{
opacity:.33;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:22px 0 50px;
}

.error .error-catch{
margin:10px 0 16px;
font-size:16px;
}

.error .error-catch strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.error .error-align-c{
text-align:center;
}

.error p{
margin:0;
}

.search-result .error{
margin:30px 10px 10px
}

/* .error-logo
----------------------------------------------- */
.error .error-logo{
margin:30px auto;
max-width:140px;
}

/* .error-btn
----------------------------------------------- */
.error .error-btn{
margin:20px auto 0;
padding:6px 12px 5px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base);
display:table;
min-width:164px;
text-align:center;
font-size:14px;
background-color:#fff;
}

/* .error-btn-list
----------------------------------------------- */
.error .error-btn-list{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-pack:center;
justify-content:center;
}

.error .error-btn-list > li{
margin:0 7px;
display:-webkit-box;
display:flex;
}

.error .error-btn-list > li > a{
padding:5px;
min-height:38px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-flex:1;
flex:1;
box-sizing:border-box;
}

/* .error-note
----------------------------------------------- */
.error .error-note{
color:var(--cmn-font-color-gray);
font-size:12px;
}

.error .error-note > li{
padding-left:1em;
text-indent:-1em;
}

.error .error-note > li:not(:first-child){
margin-top:5px;
}

/* .error-hint
----------------------------------------------- */
.error .error-hint{
margin-top:40px;
}

/* .error-hint-box
----------------------------------------------- */
.error .error-hint-box{
margin-top:15px;
padding:15px 10px;
border:1px solid #e5e5e5;
}

/* .error-hint-list
----------------------------------------------- */
.error .error-hint-list{
margin:0;
font-size:13px;
}

.error .error-hint-list > li:not(:first-child){
margin-top:15px;
}

.error .error-hint-list > li{
padding-left:8px;
display:block;
position:relative;
}

.error .error-hint-list > li::before{
content:"";
display:block;
width:3px;
height:3px;
border-radius:50%;
background-color:var(--cmn-font-color-base);
position: absolute;
top:.6em;
left:0;
}

.error .error-hint-list > li > span{
display:block;
padding-left:1.25em;
display:block;
position:relative;
}

.error .error-hint-list > li > span::before{
content:"\2192";
display:block;
position:absolute;
top:0;
left:0;
}

.error .error-hint-list > li > span a{
margin-top:5px;
display:block;
}

/* .error-hint-balloon
----------------------------------------------- */
.error .error-hint-balloon{
margin-top:24px;
padding:15px 10px;
position:relative;
background-color:#eee;
font-size:13px;
text-align:center;
}

.error .error-hint-balloon::before{
margin-left:-10px;
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
top:-10px;
left:50%;
display:block;
border-width:0 10px 10px 10px;
border-color:transparent transparent #eee transparent;
border-style:solid;
}

/* .error-hint-balloon-btn
----------------------------------------------- */
.error .error-hint-balloon-btn{
margin-top:10px;
padding:10px 45px 10px 15px;
color:var(--cmn-font-color-base);
border-radius:6px;
border:1px solid #ccc;
display:block;
position:relative;
line-height:1.35;
background-color:#fff;
font-size:12px;
text-align:left;
}

.error .error-hint-balloon-btn::before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#666;
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:50%;
right:12px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.error .error-hint-balloon-btn > b{
margin-bottom:3px;
padding-left:25px;
display:block;
background:url(/element/j_traindp/shared/images/icon-baggage.svg) 0 0 no-repeat;
background-size:17px auto;
font-size:13px;
}


/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
/* .modal-content
----------------------------------------------- */
.modal-content{
text-align:center;
}

.modal-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .modal-hdg-l2
----------------------------------------------- */
.modal-hdg-l2{
margin-bottom:16px;
font-size:16px;
font-weight:normal;
text-align:center;
}

/* .modal-hdg-l3
----------------------------------------------- */
.modal-hdg-l3{
margin-top:20px;
font-size:14px;
}

.modal-hdg-l2 + .modal-hdg-l3{
margin-top:16px;
}

/* .modal-list-separate
----------------------------------------------- */
.modal-list-separate > li{
margin-top:8px;
display:-webkit-box;
display:flex;
}

.modal-list-separate > li > div:first-child{
position:relative;
padding-right:21px;
width:9em;
}

.modal-list-separate > li > div:first-child::before{
content:':';
display:block;
position:absolute;
top:0;
right:12px;
}

.modal-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .modal-app-alert
----------------------------------------------- */
.modal-app-alert{
margin-bottom:15px;
font-size:13px;
text-align:left;
}

.modal-app-alert > p{
margin-bottom:10px;
}

.modal-app-alert .modal-app-alert-catch{
text-align:center;
font-weight:bold;
}

/* .modal-app-alert-copy
----------------------------------------------- */
.modal-app-alert .modal-app-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-app-alert .modal-app-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-app-alert .modal-app-alert-copy > span{
margin-top:5px;
display:none;
text-align:center;
font-size:11px;
}

.modal-app-alert .modal-app-alert-copy.is-active > span{
display:block;
}

/* .modal-app-alert-list
----------------------------------------------- */
.modal-app-alert .modal-app-alert-list{
margin:15px auto;
width:90%;
font-size:12px;
}

.modal-app-alert .modal-app-alert-list > li{
margin-top:-1px;
border:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.modal-app-alert .modal-app-alert-list > li > b{
width:90px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f5f5f5;
text-align:center;
font-weight:normal;
}

.modal-app-alert .modal-app-alert-list > li > ul{
padding:10px;
-webkit-box-flex:1;
flex:1;
}

.modal-app-alert .modal-app-alert-list  ul > li{
padding-left:8px;
position:relative;
}

.modal-app-alert .modal-app-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:var(--cmn-font-color-base);
}

/* .modal-scrolled-lyt
----------------------------------------------- */
.modal-info-area.modal-scrolled-lyt{
height:280px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.modal-scrolled-lyt > .info-text{
margin-bottom:0;
padding-bottom:10px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
}

.modal-scrolled-lyt > .modal-btn-box{
margin:0 -12px -30px;
padding:14px 12px;
}

.modal-scrolled-lyt.is-scrolled > .modal-btn-box{
box-shadow:0 -4px 6px rgba(0,0,0,.2);
background-color:#f5f5f5;
}


/* ----------------------------------------------------------------
  .modal-share
----------------------------------------------------------------- */
/* .modal-share
----------------------------------------------- */
.info-text .modal-share{
margin-bottom:-20px;
}
/* .modal-share-hdg
----------------------------------------------- */
.modal-share-hdg{
margin-bottom:8px;
font-size:16px;
font-weight:normal;
text-align:center;
}

/* .modal-share-list
----------------------------------------------- */
.modal-share-list{
margin:0 auto;
width:240px;
text-align:center;
}

.modal-share-list > li{
margin-top:12px;
}

.modal-share-list button{
padding:0;
border:none;
overflow:hidden;
text-align:left;
font-size:14px;
}

.modal-share-list .line,
.modal-share-list .fb,
.modal-share-list .tw{
display:inline-block;
margin:12px 10px 0;
}

.modal-share-list .line button,
.modal-share-list .fb button,
.modal-share-list .tw button{
color:rgba(0,0,0,0);
width:40px;
height:40px;
background-repeat:no-repeat;
background-position:50% 50%;
background-color:transparent;
}

.modal-share-list .line button{
background-image:url(/element/shared/images/icon/icon-sns-line.svg);
}

.modal-share-list .fb button{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.modal-share-list .tw button{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}

.modal-share-list .mail{
margin-top:16px;
}

.modal-share-list .mail button,
.modal-share-list .sms button,
.modal-share-list .copy button{
padding-left:42px;
border:1px solid #bbb;
border-radius:3px;
width:100%;
height:36px;
background-color:#fff;
background-repeat:no-repeat;
background-position:16px 50%;
background-size:18px auto;
}

.modal-share-list .mail button{
background-image:url(/element/j_traindp/shared/images/icon-mail.svg);
}

.modal-share-list .sms button{
background-image:url(/element/j_traindp/shared/images/icon-sms.svg);
}

.modal-share-list .copy button{
background-image:url(/element/j_traindp/shared/images/icon-copy.svg);
background-size:15px auto;
background-position:18px 50%;
}

.modal-share-list .copy span{
margin-top:8px;
display:block;
font-size:11px;
text-align:left;
}

/* .modal-share-note
----------------------------------------------- */
.modal-share-note{
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
}

.modal-share-note > li{
padding-left:16px;
position:relative;
}

.modal-share-note > li:not(:first-child){
margin-top:3px;
}

.modal-share-note > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  SEO Modules
----------------------------------------------------------------- */
/* .seo
----------------------------------------------- */
.seo{
margin:0 -10px -10px;
padding:0 10px 24px;
background-color:#f5f5f5;
}

/* .seo > ,br
----------------------------------------------- */
.seo .br{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card
----------------------------------------------------------------- */
/* .seo-card
----------------------------------------------- */
.seo .seo-card{
margin:28px 0 3px;
padding:12px;
border-radius:6px;
box-shadow:0 0 4px rgba(0,0,0,.3);
line-height:1.42;
background-color:#fff;
}

/* .seo-card-hdg
----------------------------------------------- */
.seo .seo-card-hdg{
margin-bottom:12px;
font-size:16px;
font-weight: normal;
}


/* ----------------------------------------------------------------
  .seo-card-toggle
----------------------------------------------------------------- */
/* .seo-card-toggle
----------------------------------------------- */
.seo .seo-card-toggle{
margin:0 -10px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
}

.seo .seo-card-toggle + .seo-card-toggle{
margin-top:8px;
}

/* .seo-card-toggle-hook
----------------------------------------------- */
.seo .seo-card-toggle-hook{
padding:0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
line-height:1.2;
font-size:18px;
font-weight:normal;
gap:0 4px;
}

.seo .seo-card-toggle[aria-expanded] .seo-card-toggle-hook{
padding-right:30px;
background:url(/element/j_traindp/shared/images/icon-arrow-down.svg) calc(100% - 12px) 50% no-repeat;
background-size:16px auto;
}

.seo .seo-card-toggle[aria-expanded="true"] .seo-card-toggle-hook{
background-image:url(/element/j_traindp/shared/images/icon-arrow-up.svg);
}

.seo .seo-card-toggle-hook .sup{
margin:-3px 0 0 4px;
display:inline-block;
vertical-align:middle;
font-size:12px;
}

/* .seo-card-toggle-content
----------------------------------------------- */
.seo .seo-card-toggle-content{
padding:0 12px 12px;
}

.seo .seo-card-toggle-content > :first-child{
margin-top:0;
}

.seo .seo-card-toggle-content > :last-child{
margin-bottom:0;
}

.seo .seo-card-toggle[aria-expanded] .seo-card-toggle-content{
display:none;
}

.seo .seo-card-toggle[aria-expanded="true"] .seo-card-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .seo-dp-description
----------------------------------------------------------------- */
/* .seo-dp-description
----------------------------------------------- */
.seo .seo-dp-description > :first-child{
margin-top:0;
}

.seo .seo-dp-description > :last-child{
margin-bottom:0;
}

/* .seo-dp-description-hdg
----------------------------------------------- */
.seo .seo-dp-description-hdg{
margin-bottom:-6px;
}

/* .seo-dp-description-list
----------------------------------------------- */
.seo .seo-dp-description-list{
display:-webkit-box;
display:flex;
gap:4px;
line-height:1.35;
font-size:10px;
text-align:center;
}

.seo .seo-dp-description-list > li{
padding:32px 0 12px;
padding-top:40px;
border-radius:4px;
-webkit-box-flex:1;
flex:1;
background-repeat: no-repeat;
background-position:50% 12px;
background-size:auto 19px;
background-color:#f2f6fb;
}

.seo .seo-dp-description-list > .dp{
background-image:url(/element/j_traindp/shared/images/icon-dp.svg);
}

.seo .seo-dp-description-list > .separate{
background-image:url(/element/j_traindp/shared/images/icon-separate.svg);
}

.seo .seo-dp-description-list > .train_dp{
background-image:url(/element/j_traindp/shared/images/icon-traindp.svg);
}

.seo .seo-dp-description-list > .tour{
background-image:url(/element/j_traindp/shared/images/icon-tour.svg);
}


/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest
----------------------------------------------- */
.seo .seo-cheapest{
font-size:14px;
}

.seo .seo-cheapest > :first-child{
margin-top:0;
}

.seo .seo-cheapest > :last-child{
margin-bottom:0;
}

/* .seo-cheapest-filter-pulldown
----------------------------------------------- */
.seo-cheapest-filter-pulldown{
position:relative;
z-index:2;
-webkit-box-flex:1;
flex:1;
}

.seo-cheapest-filter-pulldown > button{
margin:0 0 0 auto;
padding:8px 20px 8px 12px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
display:block;
width:100%;
height:44px;
background-color:#fff;
font-size:16px;
text-align:left;
}

.seo-cheapest-filter-pulldown > button::after{
margin-top:-2px;
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
right:8px;
display: block;
border-width: 6px 6px 0 6px;
border-color:#666 transparent transparent transparent;
border-style: solid;
}

.seo-cheapest-filter-pulldown[aria-expanded=true] > button::after{
transform:rotate(180deg);
}

/* .seo-cheapest-filter-pulldown-content
----------------------------------------------- */
.seo-cheapest-filter-pulldown-content{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
width:100%;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.seo-cheapest-filter-pulldown-content::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:50%;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.seo-cheapest-filter-pulldown-content::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
right:calc(50% - 6px);
background-color:#fff;
}

.seo-cheapest-filter-pulldown[aria-expanded=true] .seo-cheapest-filter-pulldown-content{
display:block;
}

/* .seo-cheapest-filter-pulldown-content > ul
--------------------------------- */
.seo-cheapest-filter-pulldown-content > ul{
margin:0;
}

.seo-cheapest-filter-pulldown-content > ul > li{
padding:10px 0 10px 23px;
display:block;
}

.seo-cheapest-filter-pulldown-content >ul > li.is-active{
background:url(/element_sp/j_traindp/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .seo-cheapest-filter-pulldown-content > button
--------------------------------- */
.seo-cheapest-filter-pulldown-content > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:36px;
height:36px;
position:absolute;
top:0;
right:0;
z-index:1;
background:url(/element_sp/shared/images/top/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:10px;
}

/* .seo-cheapest-filter-list
----------------------------------------------- */
.seo-cheapest-filter-list{
margin:8px 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:4px 12px;
}

.seo-cheapest-filter-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.seo-cheapest-filter-list > li > span{
-webkit-box-flex:1;
flex:1;
}

/* .seo-cheapest-tbl
----------------------------------------------- */
.seo .seo-cheapest-tbl{
margin-top:12px;
}

.seo .seo-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
font-size:14px;
text-align:center;
}

.seo-cheapest-tbl table caption{
margin-bottom:20px;
}

.seo-cheapest-tbl table caption > span{
display:block;
text-align:left;
}

.seo-cheapest-tbl table caption > span:first-child{
margin-bottom:8px;
font-weight:bold;
}

.seo-cheapest-tbl table th,
.seo-cheapest-tbl table td{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
font-weight:normal;
text-align:center;
}

.seo-cheapest-tbl table thead th{
padding:0 0 8px;
line-height:1.25;
}

.seo-cheapest-tbl table thead tr > th:first-child{
width:30%;
text-align:left;
}

.seo-cheapest-tbl table thead th > span{
display:block;
}

.seo-cheapest-tbl table th > span{
display:inline-block;
}

.seo-cheapest-tbl table td > span{
display:inline-block;
min-width:65px;
text-align:right;
}

.seo-cheapest-tbl table tbody th{
text-align:left;
}

.seo-cheapest-tbl table tbody th,
.seo-cheapest-tbl table tbody td{
font-weight:normal;
}

.seo-cheapest-tbl table tbody > tr:last-child th,
.seo-cheapest-tbl table tbody > tr:last-child td{
padding-bottom:0;
border-bottom:none;
}

.seo-cheapest-tbl.hotel{
margin-top:20px;
}

.seo-cheapest-tbl.hotel table caption{
height:0;
overflow:hidden;
position:absolute;
}

.seo-cheapest-tbl.hotel table caption{
height:0;
overflow:hidden;
position:absolute;
}

/* .seo-cheapest-sup
----------------------------------------------- */
.seo .seo-cheapest-sup{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-popular-destination
----------------------------------------------------------------- */
/* .seo-popular-destinatio
----------------------------------------------- */
.seo .seo-popular-destination > :last-child{
margin-bottom:0;
}

/* .seo-popular-destination-filter
----------------------------------------------- */
.seo .seo-popular-destination-filter{
margin:0 -12px -1px;
padding:0 12px 12px;
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-popular-destination-filter > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-popular-destination-filter > div > *{
margin:0;
}

/* .seo-popular-destination-filter-pulldown
----------------------------------------------- */
.seo .seo-popular-destination-filter-pulldown{
position:relative;
}

/* .seo-popular-destination-filter-pulldown > button
------------------------------------ */
.seo .seo-popular-destination-filter-pulldown > button{
padding:0 20px 0 8px;
border:1px solid #ccc;
border-radius:4px;
min-width:123px;
min-height:44px;
position:relative;
background-color:#fff;
font-size:14px;
text-align-last:left;
}

.seo .seo-popular-destination-filter-pulldown > button::before{
content:"";
margin-top:-3px;
border-width:6px 6px 0 6px;
border-color:#999 transparent transparent transparent;
border-style:solid;
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:8px;
}

.seo .seo-popular-destination-filter-pulldown[aria-expanded="true"] > button::before{
transform:rotate(-180deg);
}

/* .seo-popular-destination-filter-pulldown > div
-------------------------------------- */
.seo .seo-popular-destination-filter-pulldown > div{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
width:180px;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

.seo .seo-popular-destination-filter-pulldown > div::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:60px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.seo .seo-popular-destination-filter-pulldown > div::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
right:45px;
background-color:#fff;
}

.seo .seo-popular-destination-filter-pulldown[aria-expanded="true"] > div{
display:block;
}

/* .seo-popular-destination-filter-pulldown > div > ul
-------------------------------------- */
.seo .seo-popular-destination-filter-pulldown ul{
margin:0;
line-height:1;
}

.seo .seo-popular-destination-filter-pulldown ul > li > a{
padding:9px 0 9px 23px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
white-space:nowrap;
}

.seo .seo-popular-destination-filter-pulldown ul > li.is-active > a{
background:url(/element_sp/j_traindp/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .seo-popular-destination-filter-pulldown-close
----------------------------------------------- */
.seo .seo-popular-destination-filter-pulldown-close{
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_traindp/shared/images/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}

/* .seo-popular-destination-item
----------------------------------------------- */
.seo .seo-popular-destination-item{
margin:0 0 -1px;
padding:12px 0;
border-width:1px 0;
border-style:solid;
border-color:#ddd;
}

.seo .seo-popular-destination-item p{
margin:0;
}

/* .seo-popular-destination-item-col
----------------------------------------------- */
.seo .seo-popular-destination-item-col{
margin-bottom:12px;
display:-webkit-box;
display:flex;
flex-direction:row-reverse;
}

.seo .seo-popular-destination-item-col >.data{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-popular-destination-item-col > .thumb{
margin-right:12px;
width:150px;
height:86px;
}

.seo .seo-popular-destination-item-col > .thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.seo .seo-popular-destination-item-col > .thumb.no-photo{
box-shadow:0 0 0 1px #eee inset;
background-color:#fcfcfc;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo .seo-popular-destination-item-col > .thumb.no-photo img{
width:100px;
height:auto;
}

/* .seo-popular-destination-item-hdg
----------------------------------------------- */
.seo .seo-popular-destination-item-hdg{
display:-webkit-box;
display:flex;
flex-direction:column;
font-size:16px;
font-weight:normal;
}

.seo .seo-popular-destination-item-hdg .tag{
margin-bottom:12px;
padding:4px 8px;
color:#fff;
width:fit-content;
line-height:1;
background-color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .seo-popular-destination-item-list
----------------------------------------------- */
.seo .seo-popular-destination-item-list{
margin:4px 0 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
}

.seo .seo-popular-destination-item-list > li{
margin-right:16px;
display:-webkit-box;
display:flex;
overflow:hidden;
}

.seo .seo-popular-destination-item-list > li > span:first-child{
padding-right:calc(1em + 4px);
width:2em;
position:relative;
}

.seo .seo-popular-destination-item-list > li > span:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:2px;
}

.seo .seo-popular-destination-item-list > li > span:last-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.seo-popular-destination-item-list .ellipsis{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-popular-destination-item-price
----------------------------------------------- */
.seo .seo-popular-destination-item-price{
margin-top:8px;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-popular-destination-item-price > span:first-child{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo .seo-popular-destination-item-price b{
font-size:18px;
}

/* .seo-popular-destination-item-btn
----------------------------------------------- */
.seo .seo-popular-destination-item-btn{
margin:8px auto 0;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
max-width:300px;
min-height:38px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
}


/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq-
----------------------------------------------- */
.seo .seo-card-toggle .seo-faq{
margin-bottom:-12px;
}

/* .seo-faq-item
----------------------------------------------- */
.seo .seo-faq-item:not(:first-child){
border-top:1px solid #e5e5e5;
}

/* .seo-faq-item-hook
----------------------------------------------- */
.seo .seo-faq-item-hook{
padding:0 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:50px;
background-image:url(/element/j_traindp/shared/images/icon-faq-q.svg), url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 50%, calc(100% - 3px) 50%;
background-repeat:no-repeat;
background-size:11px auto, 10px auto;
text-align:left;
font-size:12px;
font-weight:normal;
}

.seo-faq-item[aria-expanded="true"] .seo-faq-item-hook{
background-image:url(/element/j_traindp/shared/images/icon-faq-q.svg), url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .seo-faq-item-content
----------------------------------------------- */
.seo .seo-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/j_traindp/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:11px auto;
}

.seo .seo-faq-item-content p{
margin:0;
}

.seo-faq-item[aria-expanded="false"] > .seo-faq-item-content{
display:none;
}

/* .seo-faq-link-more
----------------------------------------------------------------- */
.seo .seo-faq-link-more{
padding:12px 0;
border-top:1px solid #e5e5e5;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-attention
----------------------------------------------------------------- */
/* .seo-attention > ul
----------------------------------------------- */
.seo .seo-attention{
font-size:14px;
}

.seo .seo-attention ul{
margin:0;
}

.seo .seo-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.seo .seo-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;
}


/* ----------------------------------------------------------------
  .seo-news
----------------------------------------------------------------- */
/* .seo-news > ul
----------------------------------------------- */
.seo .seo-news ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

.seo .seo-news ul a{
color:var(--cmn-font-color-base);
}

.seo .seo-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
line-height:1;
}

.seo .seo-news ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}

.seo .seo-news ul a > span .tag-w{
background-color:#48c2e6;
}

.seo .seo-news ul a > span .tag-j{
background-color:#8db955;
}

.seo .seo-news ul a > span .tag-other{
background-color:#bca446;
}

/* .seo-news-more
----------------------------------------------- */
.seo .seo-news-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}


/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
margin:60px 0 25px;
min-height:450px;
text-align:center;
}

/* .loading-spinner
----------------------------------------------- */
.loading .loading-spinner{
color:#777;
font-size:11px;
}

.loading .loading-spinner > span{
color:var(--cmn-font-color-base);
font-size:15px;
font-weight:bold;
display:block;
}

/* .loading-agt
----------------------------------------------- */
.loading .loading-agt{
margin-top:15px;
font-size:12px;
text-align:center;
}

.loading .loading-agt > li{
margin-top:4px;
}

/* .loading-progressbar
----------------------------------------------- */
@keyframes progressbar{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}

.loading-progressbar{
padding:8px 12px 10px;
color:#fff;
box-sizing:border-box;
font-size:12px;
background-color:rgba(0,0,0,.8);
}

.loading-progressbar > span + span{
margin-left:12px;
}

.loading-progressbar > div{
margin-top:3px;
overflow:hidden;
background-color:#fff;
}

.loading-progressbar > div span{
display:block;
color:transparent;
height:4px;
overflow:hidden;
position:relative;
background-color:#57a2ef;
}

.loading-progressbar > div > span > span{
position:absolute;
top:0;
right:0;
width:60px;
background:linear-gradient(to right, #57a2ef 0%, #3dc6ef 30%);
background-size:contain;
background-position:0 100%;
animation:progressbar 1s infinite;
animation-timing-function:linear;
}

.loading-progressbar.is-sticky{
position:fixed;
top:0;
left:0;
width:100%;
z-index:2;
}

/* .pseudo-lyt-header > .loading-progressbar
----------------------------------------------- */
.pseudo-lyt-header .loading-progressbar{
margin:0 -10px;
}

/* .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;
border-radius:8px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
background-color:#fff;
font-weight:bold;
}


/* ----------------------------------------------------------------
  For Android App
----------------------------------------------------------------- */
.is-app-android .pseudo-lyt-footer,
.is-app-android .agt-link-cv,
.is-app-android .form-search-index-btn-act{
padding-bottom:57px;
}


/* ----------------------------------------------------------------
  For Google App
----------------------------------------------------------------- */
.support-app-google .pseudo-train-selected,
.support-app-google .calendar-term,
.support-app-google .agt-link .agt-link-cv{
padding-bottom:145px;
}

.support-app-google .pseudo-train{
margin-bottom:500px;
}

.support-app-google .pseudo-content.pseudo-lyt-calendar{
padding-bottom:270px;
}

.support-app-google .agt-link{
margin-bottom:300px;
}