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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
select,
input[type='radio']{
color:var(--cmn-font-color-base);
cursor:pointer;
}

option{
color:var(--cmn-font-color-base);
}

button:disabled,
select:disabled,
option:disabled{
cursor:default;
}

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

::placeholder{
color:#949494;
}

/* IE Hack */
select:disabled::-ms-value,
select:disabled::-ms-expand,
option:disabled::-ms-value,
option:disabled::-ms-expand{
color:#ccc;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}


/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}



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

 Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-tip Modules
----------------------------------------------------------------- */
.cmn-tip-btn{
margin-top:-2px;
}

.train-setting-hdg-sup .cmn-tip-btn{
margin-top:1px;
}

/* .cmn-tip-hdg-01
----------------------------------------------- */
.cmn-tip-hdg-01{
margin:12px 0 4px;
padding-left:0;
}

.cmn-tip-hdg-01::before{
display:none;
}

.cmn-tip-hdg-01 + p{
margin:0;
}


/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
.agt-link .cmn-loading-spinner{
margin:40px auto;
}

.train-setting-item-result-list .cmn-loading-spinner{
margin:58px auto;
}

.seo-popular-destination .cmn-loading-spinner{
margin:200px auto;
}

.search-result-item-plan-tbl-cv a > .cmn-loading-spinner-dot-wht{
margin:0;
position: absolute;
top:11px;
right:12px;
width:16px;
height:16px;
}


/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:15px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}

.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16,92,169,.6);
}

/* .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:280px;
display:block;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0,0,0,.35);
}

.menu-header-container .menu-header a{
color:#fff;
}

.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}

.menu-header-container .menu-header a > span{
font-size:26px;
}

/* .menu-header-sup
----------------------------------------------- */
.menu-header-container .menu-header-sup{
margin:4px 0 12px;
padding:6px 10px 2px;
border:1px solid rgba(255,255,255,.65);
border-radius:4px;
width:fit-content;
line-height:1.45;
background-color:rgba(0,72,148,.65);
font-size:14px;
}

.menu-header-container .menu-header-sup > span{
display:block;
font-size:13px;
}

/* .menu-header-more
----------------------------------------------- */
.menu-header-container .menu-header-more{
position:absolute;
top:21px;
right:20px;
font-size:12px;
}

.menu-header-container .menu-header-more a{
padding-left:10px;
display:inline-block;
color:#fff;
position:relative;
}

.menu-header-container .menu-header-more a:before{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
content:'';
display:block;
position:absolute;
top:6px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.box-bg-img-ctrl .menu-header-more{
right:136px;
}

/* .menu-header-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt{
margin-top:8px;
padding:0 10px;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
height:30px;
box-sizing:border-box;
line-height:1;
font-size:14px;
}

/* .menu-header-agt-catch
----------------------------------------------- */
.menu-header-container .menu-header-agt-catch{
padding-top:2px;
color:var(--cmn-font-color-base);
font-weight:bold;
}

/* .menu-header-agt-list
----------------------------------------------- */
.menu-header-container .menu-header-agt-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.menu-header-container .menu-header-agt-list::after{
color:var(--cmn-font-color-base);
content:'...';
display:inline-block;
vertical-align:bottom;
font-size:16px;
-webkit-box-flex:1;
flex:1;
}

.menu-header-container .menu-header-agt-list > li img{
display:block;
}

/* .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
border:1px solid rgba(255,255,255,.5);
position:absolute;
top:15px;
right:20px;
display:table;
font-size:12px;
}

.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255,255,255,.5);
display:table-cell;
vertical-align:middle;
}

.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}

.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}

.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0,0,0,.1);
text-decoration:none;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:24px;
right:20px;
font-size:12px;
}

.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
margin-bottom:10px;
padding:8px 20px;
color:#fff;
background-color:var(--cmn-font-color-base);
font-size:18px;
}


/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
font-size:12px;
}

.link-list > li > a{
color:#555;
}

.link-list > li > a > span{
margin-bottom:2px;
display:block;
font-weight:bold;
}

/* .link-list-separate
----------------------------------------------- */
.link-list-separate{
font-size:12px;
}

.link-list-separate > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

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

.link-list-separate > li > span{
padding-right:10px;
width:85px;
}

.link-list-separate > li > .link-list-separate-inner{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .link-list-separate-line
----------------------------------------------- */
.link-list-separate-line{
margin-top:-10px;
}

.link-list-separate-line > li{
margin:10px 7px 0 0;
padding-right:10px;
border-right:1px solid #d9d9d9;
display:inline-block;
}

.link-list-separate-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}

.link-list-separate-line > li > a{
color:#666;
}


/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:-1px -10px -50px;
padding:1px 10px 50px;
background:#ebf5f9 url(/element/j_traindp/index/images/bg-contents.jpg) 50% 0 no-repeat;
background-size:100% auto;
}



/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-smoking common
----------------------------------------------- */
[class*="icon-smoking"]{
padding-left:20px;
display:block;
min-height:16px;
background-position:0 0;
background-repeat:no-repeat;
background-size:16px 16px;
}

.search-result .search-result-item-reference-fee-item-list [class*="icon-smoking"]{
display:inline-block;
}

/* .icon-smoking
----------------------------------------------- */
.icon-smoking{
background-image: url(/element/j_traindp/shared/images/icon-smoking.svg);
}

/* .icon-smoking-non
----------------------------------------------- */
.icon-smoking-non{
background-image: url(/element/j_traindp/shared/images/icon-smoking-non.svg);
}

/* .icon-smoking-unfixed
----------------------------------------------- */
.icon-smoking-unfixed{
background-image: url(/element/j_traindp/shared/images/icon-smoking-unfixed.svg);
}

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


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
padding:0;
border:1px solid #bebebe;
display:inline-block;
position:relative;
min-width:55px;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}

.form-custom-select:before{
margin-top:-2px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
}

.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:13px;
}

.form-custom-select optgroup{
color:#666;
font-style:normal;
}

.form-custom-select optgroup[role="presentation"]{
color:#ccc;
}

.form-custom-select.is-disabled{
background-color:transparent;
}

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

.form-custom-select.is-disabled select:disabled{
color:rgba(var(--cmn-font-color-base-rgb), .33);
}

.form-custom-select.is-selected select{
color:var(--cmn-font-color-base);
}

.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);
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select::before{
display:none;
}

.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}

/* Win10 > Edge adjust */
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}



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

  Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------- */
.form-search{
margin-bottom:24px;
padding:10px 20px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:960px;
position:relative;
background-color:#ededed;
}

.form-search input[type='text']{
padding:5px;
border:1px solid #bebebe;
border-radius:0;
color:#9e9e9e;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
width:265px;
background-color:#fff;
text-align:left;
}

.form-search  button{
color:#9e9e9e;
background-color:#fff;
}

.form-search  button:disabled{
color:rgba(var(--cmn-font-color-base-rgb), .33);
cursor:default;
background-color:transparent;
}

.form-search button:disabled::before{
opacity:.33;
}

.form-search  input[type='text'].is-selected,
.form-search  button.is-selected{
color:var(--cmn-font-color-base);
}

/* .form-search-inner
----------------------------------------------- */
.form-search .form-search-inner{
margin:0 -20px;
padding:0 20px 12px;
position:relative;
}

.form-search .form-search-inner + .form-search-inner,
.form-search .form-search-inner + .form-search-error + .form-search-inner{
border-top:11px solid #fff;
}

/* .form-search-lyt
----------------------------------------------- */
.form-search .form-search-lyt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
gap:0 42px;
}

.form-search .form-search-lyt > .form-search-item.meal{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-select
----------------------------------------------- */
.form-search .form-search-select{
vertical-align:top;
height:34px;
width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.form-search .form-search-num-people > li:not(.room-num) .form-search-select{
width:65px;
}

.form-search .form-search-stay-area .form-search-select,
.form-search .form-search-num-child-detail-list .form-search-select{
width:100%;
}

.form-search .form-search-room-select .form-search-select{
width:165px;
}

.form-search .meal .form-search-select{
width:112px;
}

.form-search .form-search-price .form-search-select{
vertical-align:middle;
}

.form-search .facility-price .form-search-select{
width:200px;
}

/* .form-search-item
----------------------------------------------- */
.form-search .form-search-item{
margin-top:9px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.form-search .form-search-item > .form-search-item-cell{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.form-search .form-search-item > .form-search-item-cell:first-child{
margin-right:5px;
width:115px;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}

.form-search .form-search-item > .form-search-item-cell > :first-child{
margin-top:0;
}

.form-search .form-search-item.depart{
margin-top:0;
}

.form-search .form-search-item.line{
border-bottom:1px solid #ccc;
padding-bottom:10px;
}

.form-search .form-search-item.meal > .form-search-item-cell:first-child{
width:24px;
}

.form-search .form-search-item.stay > .form-search-item-cell:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
}

.form-search .form-search-item.detail-selected{
margin-top:10px;
padding-top:10px;
border-top:1px solid #ccc;
}

.form-search .form-search-item.other{
margin-top:12px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .form-search-item-01
----------------------------------------------- */
.form-search .form-search-item-01{
margin-top:9px;
display:table;
width:100%;
}

.form-search .form-search-item-01 > .form-search-item-01-cell{
display:table-cell;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
vertical-align:middle;
}

.form-search .form-search-item-01 > .form-search-item-01-cell:first-child{
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:110px;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
}

.form-search .form-search-item-01 > .form-search-item-01-cell.required{
padding-right:35px;
position:relative;
}

.form-search .form-search-item-01.price,
.form-search .form-search-item-01.facility-price{
margin-top:0;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search .form-search-hdg-l1{
margin:0 150px 6px 0;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
}

/* .form-search-hdg
----------------------------------------------- */
.form-search .form-search-hdg{
padding-right:14px;
display:table;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
}

.form-search .form-search-hdg > h2{
display:table-cell;
vertical-align:middle;
font-size:11px;
}

.form-search .form-search-hdg > h2 > span{
display:block;
}

.form-search .form-search-hdg.required{
padding-right:46px;
position:relative;
}

.form-search .form-search-hdg.required .cmn-tip-btn{
right:35px;
}

.form-search .form-search-hdg.no-tip-btn{
padding-right:0;
}

.form-search .form-search-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:0;
}

.form-search .detail-selected .form-search-hdg{
height:20px;
}

/* .form-search-icon-required
----------------------------------------------- */
.form-search .form-search-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:block;
position:absolute;
top:9px;
right:0;
line-height:1;
box-sizing:border-box;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}

.form-search .form-search-item-01 .form-search-icon-required{
right:5px;
}

/* .form-search-note
----------------------------------------------- */
.form-search .form-search-note{
margin-top:5px;
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:1.25;
}

.form-search .form-search-note > li > span{
padding-left:15px;
position:relative;
display:inline-block;
}

.form-search .form-search-note > li > span::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.form-search-item-cell > .form-search-note{
margin-top:0;
}

.form-search .form-search-num-child-detail .form-search-note{
margin-left:43px;
}

.form-search .form-search-route > div:first-child .form-search-note{
text-align:center;
}

.form-search .form-search-num-people-lyt .form-search-note{
margin:10px 0 0 4px;
-webkit-box-flex:1;
flex:1;
}

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

.form-search .form-search-error > li{
margin-top: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 > .form-search-error{
margin:-5px 0 10px auto;
display:table;
}

/* .form-search-input
----------------------------------------------- */
.form-search .form-search-input{
border:1px solid #bebebe;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:230px;
}

.form-search .form-search-input > input{
border:none;
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-input > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:34px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) 50% 50% no-repeat;
background-size:7px;
}

/* .form-search-btn
----------------------------------------------- */
.form-search .form-search-btn{
padding:6px 10px 6px 20px;
border:1px solid #bebebe;
border-radius:1px;
color:#666;
display:inline-block;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
cursor:pointer;
font-size:13px;
text-align:left;
}

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

/* .form-search-date-btn
----------------------------------------------- */
.form-search .form-search-date-btn{
padding:0 30px 0 5px;
border:1px solid #bebebe;
position:relative;
width:100%;
height:34px;
box-sizing:border-box;
vertical-align:top;
text-align:left;
font-size:13px;
}

.form-search .form-search-date-btn::before{
content:'';
display:block;
width:18px;
height:22px;
overflow:hidden;
position:absolute;
top:4px;
right:10px;
background:url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 0 0 no-repeat;
}

.form-search .form-search-date-btn > span{
height:0;
overflow:hidden;
position:absolute;
}

.form-search .form-search-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-route
----------------------------------------------- */
.form-search .form-search-route{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search .form-search-route > div:last-child{
margin-left:20px;
width:230px;
}

/* .form-search-route-list
----------------------------------------------- */
.form-search .form-search-route-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search .form-search-route-list > li:not(:last-child){
padding-right:40px;
position:relative;
}

.form-search .form-search-route-list > li:not(:last-child)::before{
margin-top:-4px;
content:'';
display:block;
width:24px;
height:8px;
position:absolute;
top:50%;
right:8px;
background:url(/element/j_traindp/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
}

.form-search .form-search-route-list > li > span{
height:0;
overflow:hidden;
position:absolute;
}

.form-search .form-search-route-list input{
border-radius:0;
width:235px;
-webkit-appearance:none;
appearance:none;
}

.form-search .form-search-route-list button{
padding:5px 16px 5px 5px;
border:1px solid #bebebe;
height:34px;
width:235px;
position:relative;
text-align:left;
}

.form-search .form-search-route-list button.arrow::before{
content:'';
display:block;
position:absolute;
top:13px;
right:8px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search .form-search-route-list input.is-error,
.form-search .form-search-route-list button.is-error{
border-color:var(--cmn-font-color-red);
box-shadow:0 0 0 1px var(--cmn-font-color-red) inset;
}

/* .form-search-stay-area
----------------------------------------------- */
.form-search .form-search-stay-area{
display:-webkit-box;
display:flex;
gap:0 5px;
}

.form-search .form-search-stay-area > li:first-child{
width:206px;
}

.form-search .form-search-stay-area > li:last-child{
padding-left:16px;
position:relative;
width:283px;
}

.form-search .form-search-stay-area > li:last-child::before{
content:'\ff1e';
display:block;
position:absolute;
top:8px;
left:0;
width:13px;
}

/* .form-search-room
----------------------------------------------- */
.form-search .form-search-room{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .form-search-room-smoke
----------------------------------------------- */
.form-search .form-search-room-smoke{
margin-left:8px;
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
-ms-flex:1 0 0;
flex:1 0 0;
flex-shrink:0;
font-size:12px;
}

.form-search .form-search-room-smoke > li{
display:inline-block;
}

.form-search .form-search-room-smoke > li:not(:last-child){
margin-right:5px;
}

.form-search .form-search-room-smoke > li > label{
padding-left:16px;
cursor:pointer;
display:block;
position:relative;
}

.form-search .form-search-room-smoke > li > label input[type='radio'],
.form-search .form-search-room-smoke > li > label input[type='checkbox']{
margin:0;
position:absolute;
top:2px;
left:0;
}

/* .form-search-num-people
----------------------------------------------- */
.form-search .form-search-num-people{
width:510px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
gap:0 4px;
}

.form-search .form-search-num-people > li{
width:165px;
}

.form-search .form-search-num-people > li.room-num{
margin-left:4px;
padding-left:15px;
-webkit-box-flex:1;
flex:1;
background:url(/element/shared/images/icon/icon-reset-line.svg) 1px 52% no-repeat;
background-size:7px 7px;
}

.form-search .form-search-num-people > li.room-num > label > span:first-child{
margin:9px 8px 0 0;
display:inline-block;
font-size:11px;
font-weight:bold;
}

.form-search .form-search-num-people > li.room-num > label > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-num-people label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.form-search .form-search-num-people .adult-label,
.form-search .form-search-num-people .child-label{
padding:3px 8px 0 8px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
box-sizing:border-box;
background-color:#fff;
line-height:1;
-webkit-box-flex:1;
flex:1;
font-size:12px;
}

.form-search .form-search-num-people .adult-label > span,
.form-search .form-search-num-people .child-label > span{
margin-top:2px;
display:block;
font-size:11px;
}

.form-search .form-search-num-people label.is-error > span{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
}

.form-search .form-search-num-people label.is-error > span:first-child{
box-shadow:1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search .form-search-num-people label.is-error > span:last-child{
border-left-color:#bebebe;
box-shadow:-1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search .form-search-num-people label.is-disabled > span:first-child{
color:rgba(51,51,51,.33);
background-color:transparent;
}

/* .form-search-num-people-lyt
----------------------------------------------- */
.form-search .form-search-num-people-lyt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* .form-search-num-child-detail
----------------------------------------------- */
.form-search .form-search-num-child-detail{
display:none;
width:275px;
position:relative;
}

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

/* .form-search-num-child-detail-list
----------------------------------------------- */
.form-search .form-search-num-child-detail-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
}

.form-search .form-search-num-child-detail-list > li{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
width:calc(50% - 10px);
}

.form-search .form-search-num-child-detail-list > li:not(:nth-child(2n+1)){
margin-left:12px;
}

.form-search .form-search-num-child-detail-list > li > label{
margin-right:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:34px;
font-size:11px;
}

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

/* .form-search-stay-date
----------------------------------------------- */
.form-search .form-search-stay-date{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
width:320px;
min-height:34px;
}

.form-search .form-search-stay-date > li:first-child{
width:206px;
}

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

.form-search .form-search-stay-date .form-search-select{
width:100%;
}

.form-search .form-search-stay-date.branch{
padding-left:5px;
}

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

.form-search .form-search-price > li:not(:last-child){
padding-right:30px;
position:relative;
}

.form-search .form-search-price > li:not(:last-child):after{
display:block;
content:'\ff5e';
position:absolute;
top:7px;
right:8px;
}

/* .form-search-other
----------------------------------------------- */
.form-search .form-search-other{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.form-search .form-search-other > .form-search-other-cell:last-child{
margin-left:24px;
-webkit-box-flex:1;
flex:1;
}

/* .form-search-del-btn
----------------------------------------------- */
.form-search .form-search-del-btn{
padding:0 16px 0 0;
border:none;
position:relative;
background:url(/element/j_traindp/shared/images/icon-close.svg) 100% 50% no-repeat;
background-size:11px 11px;
text-align:left;
font-weight:bold;
font-size:11px;
}

.form-search .form-search-del-btn:disabled{
opacity:.5;
}

/* .form-search-del-list
----------------------------------------------- */
.form-search .form-search-del-list{
margin-bottom:-2px;
}

.form-search .form-search-del-list > li{
margin:0 10px 2px 0;
display:inline-block;
}

.form-search .form-search-del-list button{
padding:0 16px 0 0;
border:none;
color:#666;
position:relative;
background:none;
font-size:12px;
text-align:left;
}

.form-search .form-search-del-list button .del{
margin-top:-6px;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
position:absolute;
top:50%;
right:0;
width:11px;
height:11px;
overflow:hidden;
background:url(/element/j_traindp/shared/images/icon-close.svg) 0 0 no-repeat;
}

/* .form-search-exec
----------------------------------------------- */
.form-search .form-search-exec{
position:absolute;
line-height:1.25;
right:20px;
bottom:10px;
width:128px;
z-index:1;
text-align:center;
font-size:12px;
}

/* .form-search-exec-btn
----------------------------------------------- */
.form-search .form-search-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
width:100%;
box-shadow:inset 0 -3px 0 #5b9500;
text-shadow:0 1px 0 rgba(0,0,0,.3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}

.form-search .form-search-exec-btn:active,
.form-search .form-search-exec-btn:hover,
.form-search .form-search-exec-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.form-search .form-search-exec-btn:disabled{
color:#fff;
opacity:.33;
background-color:var(--cmn-btn-color);
}

/* .form-search-exec-btn-ballon
----------------------------------------------- */
.form-search .form-search-exec-btn-ballon{
margin-top:8px;
padding:6px 10px;
border-radius:4px;
color:#fff;
box-sizing:border-box;
position:absolute;
top:100%;
left:0;
display:none;
width:100%;
background-color:#555;
line-height:1.4;
font-size:12px;
}

.form-search .form-search-exec-btn-ballon::before{
margin-top:-8px;
border-width:0 8px 8px 8px;
border-color:transparent transparent #555 transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:1px;
left:calc(50% - 8px);
}

.is-re-search .form-search-exec-btn-ballon{
display:block;
}

/* .form-search-btn-reset
----------------------------------------------- */
.form-search .form-search-btn-reset{
padding:0;
border:none;
position:absolute;
top:8px;
right:12px;
line-height:1.65;
font-size:11px;
background-color:transparent;
}

.form-search .form-search-btn-reset::before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:5px;
left:-12px;
background:url(/element/j_traindp/shared/images/icon-close-02.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

.form-search .form-search-btn-reset:active::before,
.form-search .form-search-btn-reset:hover::before,
.form-search .form-search-btn-reset:focus::before{
filter:none;
}


/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:960px;
background-color:rgba(16,92,169,.6);
}

.form-search-index input[type='text']{
padding:5px 8px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
background-color:#fff;
text-align:left;
}

.form-search-index button{
background-color:#fff;
color:#9e9e9e;
}

.form-search-index button:disabled{
color:rgba(var(--cmn-font-color-base-rgb), .33);
cursor:default;
background-color:transparent;
}

.form-search-index button:disabled::before{
opacity:.33;
}

.form-search-index input[type='text'].is-selected,
.form-search-index button.is-selected{
color:var(--cmn-font-color-base);
}

/* .form-search-index-inner
----------------------------------------------- */
.form-search-index-inner{
padding:25px 15px 15px;
position:relative;
background-color:#f6f6f6;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index .form-search-index-item{
margin-top:9px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell{
position:relative;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child{
padding-right:5px;
width:105px;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell > :first-child{
margin-top:0;
}

.form-search-index .form-search-index-item.train{
margin-top:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .form-search-index-item-01
----------------------------------------------- */
.form-search-index .form-search-index-item-01{
margin-top:9px;
display:table;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell{
display:table-cell;
vertical-align:middle;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell:first-child{
padding:1px 16px 0 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:124px;
position:relative;
background-color:#f6f6f6;
font-size:11px;
}

.form-search-index .form-search-index-item-01 > .form-search-index-item-01-cell.required{
padding-right:51px;
}

.form-search-index .form-search-index-item-01.form-search-index-item-01-multiple > .form-search-index-item-01-cell:first-child{
padding:0;
border:none;
vertical-align:top;
}

.form-search-index .form-search-index-item-01.form-search-index-item-01-multiple > .form-search-index-item-01-cell > .form-search-index-item-01-cell-inner{
padding:3px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.25;
}

.form-search-index .form-search-index-item-01.stay-area{
margin-top:0;
}

.form-search-index .form-search-index-item-01.meal > .form-search-index-item-01-cell:first-child{
width:60px;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
padding:2px 10px 1px;
color:#fff;
display:table;
border-radius:2px 0 0 2px;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
text-align:center;
}

.form-search-index .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
text-align:left;
}

/* .form-search-index-input
----------------------------------------------- */
.form-search-index .form-search-index-input{
border:1px solid #bebebe;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
width:536px;
}

.form-search-index .form-search-index-input > input{
border:none;
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-input > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:34px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-reset-line.svg) 50% 50% no-repeat;
background-size:7px;
}

/* .form-search-index-select
----------------------------------------------- */
.form-search-index .form-search-index-select{
vertical-align:top;
height:34px;
width:175px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.form-search-index .room .form-search-index-select,
.form-search-index .meal .form-search-index-select{
width:137px;
}

.form-search-index .num-people .form-search-index-select{
width:54px;
min-width:0;
}

.form-search-index .num-people .room-num .form-search-index-select{
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-stay-area .form-search-index-select,
.form-search-index .form-search-index-num-child-detail-list .form-search-index-select{
width:100%;
}

/* .form-search-index-date-btn
----------------------------------------------- */
.form-search-index .form-search-index-date-btn{
padding:0 30px 0 5px;
border:1px solid #bebebe;
position:relative;
width:100%;
height:34px;
box-sizing:border-box;
vertical-align:top;
text-align:left;
font-size:13px;
}

.form-search-index .form-search-index-date-btn::before{
content:'';
display:block;
width:18px;
height:22px;
overflow:hidden;
position:absolute;
top:4px;
right:10px;
background:url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 0 0 no-repeat;
}

.form-search-index .form-search-index-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-index .form-search-index-date-btn > span{
height:0;
overflow:hidden;
position:absolute;
}

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

/* .form-search-index-note
----------------------------------------------- */
.form-search-index .form-search-index-note{
margin-top:7px;
display:block;
color:var(--cmn-font-color-gray);
font-size:11px;
line-height:1.25;
}

.form-search-index .form-search-index-note > li > span{
padding-left:15px;
position:relative;
display:inline-block;
}

.form-search-index .form-search-index-note > li > span::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.form-search-index-route > div:first-child .form-search-index-note{
text-align:center;
}

.form-search-index-item-01-cell + .form-search-index-note{
margin:10px 0 0 4px;
}

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

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

.form-search-index .form-search-index-error > li{
margin-top: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-exec .form-search-index-error{
margin:0 0 10px;
text-align:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-size:12px;
}


/* .form-search-index > .cmn-tip-btn
----------------------------------------------- */
.form-search-index .form-search-index-item-cell > .form-search-index-hdg .cmn-tip-btn,
.form-search-index .form-search-index-item-01-cell:first-child .cmn-tip-btn{
position:absolute;
top:11px;
right:5px;
}

.form-search-index .form-search-index-item-cell > .form-search-index-hdg .cmn-tip-btn,
.form-search-index .form-search-index-item-01-cell.required .cmn-tip-btn{
right:40px;
}


/* .form-search-index-icon-required
----------------------------------------------- */
.form-search-index .form-search-index-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:block;
line-height:1;
position:absolute;
top:9px;
right:5px;
box-sizing:border-box;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}

/* form-search-index-lyt
----------------------------------------------- */
.form-search-index .form-search-index-lyt{
display:-webkit-box;
display:flex;
gap:0 20px;
}

/* form-search-index-lyt-cell
----------------------------------------------- */
.form-search-index .form-search-index-lyt-cell:not(:first-child){
-webkit-box-flex:1;
flex:1;
}

/* .form-search-index-box
----------------------------------------------- */
.form-search-index .form-search-index-box{
margin:10px -15px 0;
padding:5px 15px 0;
border-top:1px solid #ccc;
}

/* .form-search-index-route
----------------------------------------------- */
.form-search-index .form-search-index-route{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search-index .form-search-index-route > div:last-child{
margin-left:20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .form-search-index-route-list
----------------------------------------------- */
.form-search-index .form-search-index-route-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search-index .form-search-index-route-list > li:not(:last-child){
padding-right:40px;
position:relative;
}

.form-search-index .form-search-index-route-list > li:not(:last-child)::before{
margin-top:-4px;
content:'';
display:block;
width:24px;
height:8px;
position:absolute;
top:50%;
right:8px;
background:url(/element/j_traindp/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
}

.form-search-index .form-search-index-route-list > li > span{
height:0;
overflow:hidden;
position:absolute;
}

.form-search-index .form-search-index-route-list input{
border-radius:0;
width:235px;
-webkit-appearance:none;
appearance:none;
}

.form-search-index .form-search-index-route-list button{
padding:5px 16px 5px 8px;
border:1px solid #bebebe;
height:34px;
width:235px;
position:relative;
text-align:left;
}

.form-search-index .form-search-index-route-list button.arrow::before{
content:'';
display:block;
position:absolute;
top:13px;
right:8px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search-index .form-search-index-route-list input.is-error,
.form-search-index .form-search-index-route-list button.is-error{
border-color:var(--cmn-font-color-red);
box-shadow:0 0 0 1px var(--cmn-font-color-red) inset;
}

/* .form-search-index-stay-area
----------------------------------------------- */
.form-search-index .form-search-index-stay-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.form-search-index .form-search-index-stay-area > li{
padding-left:16px;
position:relative;
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-stay-area > li::before{
content:'\ff1e';
display:block;
position:absolute;
top:8px;
left:0;
width:13px;
}

.form-search-index .form-search-index-stay-area > li:first-child{
margin-right:5px;
padding-left:0;
width:175px;
-webkit-box-flex:0;
flex:none;
}

.form-search-index .form-search-index-stay-area > li:first-child::before{
display:none;
}

.form-search-index .form-search-index-stay-area > li:last-child{
width:245px;
}

/* .form-search-index-room
----------------------------------------------- */
.form-search-index .form-search-index-room{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 10px;
}

.form-search-index .form-search-index-room > :first-child{
width:auto;
}

/* .form-search-index-room-smoke
----------------------------------------------- */
.form-search-index .form-search-index-room-smoke{
margin-top:9px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
gap:0 15px;
font-size:12px;
}

.form-search-index .form-search-index-room-smoke > li > label{
padding-left:16px;
cursor:pointer;
display:block;
position:relative;
}

.form-search-index .form-search-index-room-smoke > li > label input[type='radio'],
.form-search-index .form-search-index-room-smoke > li > label input[type='checkbox']{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:0;
}

/* .form-search-index-num-people
----------------------------------------------- */
.form-search-index .form-search-index-num-people{
width:440px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.form-search-index .form-search-index-num-people > li.child{
margin-left:5px;
width:143px;
}

.form-search-index .form-search-index-num-people > li.room-num{
margin-left:8px;
padding-left:19px;
-webkit-box-flex:1;
flex:1;
background:url(/element/shared/images/icon/icon-reset-line.svg) 2px 50% no-repeat;
background-size:7px 7px;
}

.form-search-index .form-search-index-num-people > li.room-num > label{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.form-search-index .form-search-index-num-people > li.room-num > label > span:first-child{
padding:11px 8px 0 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:48px;
box-sizing:border-box;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
position:relative;
}

.form-search-index .form-search-index-num-people label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.form-search-index .form-search-index-num-people .adult-label,
.form-search-index .form-search-index-num-people .child-label{
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
padding:3px 5px 0 8px;
width:87px;
line-height:1;
box-sizing:border-box;
background-color:#fff;
}

.form-search-index .form-search-index-num-people .adult-label > span,
.form-search-index .form-search-index-num-people .child-label > span{
margin-top:2px;
display:block;
font-size:11px;
}

.form-search-index .form-search-index-num-people label.is-disabled > span:first-child{
color:rgba(51,51,51,.33);
background-color:transparent;
}

.form-search-index .form-search-index-num-people label.is-error > span{
border-color:rgba(var(--cmn-font-color-red-rgb), .35);
}

.form-search-index .form-search-index-num-people label.is-error > span:first-child{
box-shadow:1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

.form-search-index .form-search-index-num-people label.is-error > span:last-child{
border-left-color:#bebebe;
box-shadow:-1px -1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset,0 1px 0 rgba(var(--cmn-font-color-red-rgb), .35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb), .1);
}

/* .form-search-index-num-child-detail
----------------------------------------------- */
.form-search-index .form-search-index-num-child-detail{
display:none;
}

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

/* .form-search-index-num-child-detail-list
----------------------------------------------- */
.form-search-index .form-search-index-num-child-detail-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
width:275px;
font-size:12px;
}

.form-search-index .form-search-index-num-child-detail-list > li{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
width:calc(50% - 10px);
}

.form-search-index .form-search-index-num-child-detail-list > li:not(:nth-child(2n+1)){
margin-left:12px;
}

.form-search-index .form-search-index-num-child-detail-list > li > label{
margin-right:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:34px;
font-size:11px;
}

.form-search-index .form-search-index-num-child-detail-list > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .form-search-index-stay-date
----------------------------------------------- */
.form-search-index .form-search-index-stay-date{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
width:280px;
min-height:34px;
}

.form-search-index .form-search-index-stay-date > li:first-child{
width:175px;
}

.form-search-index .form-search-index-stay-date > li:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-stay-date .form-search-index-select{
width:100%;
}

.form-search-index .form-search-index-stay-date.branch{
padding-left:5px;
border-left:1px solid #bebebe;
}

/* .form-search-index-btn-reset
----------------------------------------------- */
.form-search-index .form-search-index-btn-reset{
padding:0;
border:none;
position:absolute;
top:8px;
right:12px;
line-height:1.65;
font-size:11px;
background-color:transparent;
}

.form-search-index .form-search-index-btn-reset::before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:5px;
left:-12px;
background:url(/element/j_traindp/shared/images/icon-close-02.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

.form-search-index .form-search-index-btn-reset:active::before,
.form-search-index .form-search-index-btn-reset:hover::before,
.form-search-index .form-search-index-btn-reset:focus::before{
filter:none;
}

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index .form-search-index-exec{
padding:20px 10px 10px;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;
box-shadow:0 1px 2px rgba(0,0,0,.3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}

.form-search-index .form-search-index-exec:before,
.form-search-index .form-search-index-exec:after{
content:'';
display:block;
margin:0 0 0 -20px;
width:0;
height:0;
position:absolute;
top:1px;
left:50%;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0,0,0,.28) transparent transparent transparent;
border-style:solid;
}

.form-search-index .form-search-index-exec:after{
top:0;
border-top-color:#f6f6f6;
}

/* .form-search-index-exec-btn
----------------------------------------------- */
.form-search-index .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0,0,0,.3);
font-size:20px;
font-weight:bold;
background-color:var(--cmn-btn-color);
}

.form-search-index .form-search-index-exec-btn:active,
.form-search-index .form-search-index-exec-btn:hover,
.form-search-index .form-search-index-exec-btn:focus{
background-color:var(--cmn-btn-color-hover);
}

.form-search-index .form-search-index-exec-btn:disabled{
color:#fff;
opacity:.33;
background-color:var(--cmn-btn-color);
}


/* ----------------------------------------------------------------
  .re-search-container
----------------------------------------------------------------- */
/* .re-search-container
----------------------------------------------- */
.re-search-container.is-re-search{
position:relative;
}

.re-search-container.is-re-search::after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(255,255,255,.8);
}

/* .re-search-alert
----------------------------------------------- */
.re-search-container .re-search-alert{
display:none;
}

.re-search-container.is-re-search .re-search-alert{
margin:0 auto;
padding:5px;
border:4px solid #ccc;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:sticky;
top:80px;
right:0;
left:0;
width:625px;
height:110px;
z-index:2;
font-weight:bold;
font-size:18px;
text-align:center;
background-color:#fff;
}

.re-search-container .re-search-alert strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}


/* ----------------------------------------------------------------
  .panel-info
----------------------------------------------------------------- */
/* .panel-info
----------------------------------------------- */
.panel-info{
margin:24px 0;
padding:12px 32px;
background-color:#f5f5f5;
}

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

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


/* ----------------------------------------------------------------
  .train-setting
----------------------------------------------------------------- */
/* .train-setting
----------------------------------------------- */
.train-setting{
margin:24px 0 20px;
}

/* .train-setting-select
----------------------------------------------- */
.train-setting .train-setting-select{
height:auto;
width:105px;
}

.train-setting .train-setting-select select{
padding-top:4px;
padding-bottom:2px;
height:auto;
font-size:12px;
}

/* .train-setting-hdg
----------------------------------------------- */
.train-setting .train-setting-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1.45;
font-size:12px;
}

.train-setting .train-setting-hdg h3{
font-size:18px;
}

.train-setting .train-setting-hdg .train-setting-hdg-sup{
margin-left:12px;
color:var(--cmn-font-color-gray);
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:16px;
font-size:11px;
}

.train-setting .train-setting-hdg .train-setting-hdg-sup > li{
padding-left:15px;
position:relative;
}

.train-setting .train-setting-hdg .train-setting-hdg-sup > li:nth-last-child(2){
-webkit-box-flex:1;
flex:1;
}

.train-setting .train-setting-hdg .train-setting-hdg-sup > li::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.train-setting .train-setting-hdg .train-setting-hdg-sup > .no-icon{
padding-left:0;
color:var(--cmn-font-color-base);
}

.train-setting .train-setting-hdg .train-setting-hdg-sup > .no-icon::before{
display:none;
}

/* .train-setting-info
----------------------------------------------- */
.train-setting .train-setting-info{
margin:24px 0;
text-align:center;
font-size:14px;
}

/* .train-setting-item
----------------------------------------------- */
.train-setting .train-setting-item{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.train-setting .train-setting-item > .train-setting-item-col{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.train-setting .train-setting-item > .train-setting-item-col:first-child{
margin-right:20px;
}

/* .train-setting-item-header
----------------------------------------------- */
.train-setting .train-setting-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
}

.train-setting .train-setting-item-header h4{
margin-right:14px;
color:#196db7;
font-size:16px;
}

.train-setting .train-setting-item-header .date{
margin-right:5px;
}

.train-setting .train-setting-item-header .route{
margin-right:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.train-setting .train-setting-item-header .route > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.train-setting .train-setting-item-header .route > ul > li:not(:last-child){
padding-right:25px;
position:relative;
}

.train-setting .train-setting-item-header .route > ul > li:not(:last-child):before{
content:'';
display:block;
width:16px;
height:7px;
position:absolute;
top:6px;
right:5px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 50% 50% no-repeat;
}

.train-setting .train-setting-item-header .del button{
padding:0 0 0 14px;
border:none;
background:url(/element/j_traindp/shared/images/icon-close.svg) 0 47% no-repeat;
background-size:11px 11px;
font-size:12px;
}

.train-setting .train-setting-item-header .del button:disabled{
opacity:.5;
}

/* .train-setting-item-result
----------------------------------------------- */
.train-setting .train-setting-item-result{
margin-top:3px;
}

/* .train-setting-item-result-header
----------------------------------------------- */
.train-setting .train-setting-item-result-header{
border-top:4px solid #478cc6;
border-bottom:4px solid #478cc6;
padding-right:15px;
color:#fff;
width:100%;
table-layout:fixed;
background-color:#478cc6;
border-spacing:0;
font-size:11px;
text-align:center;
vertical-align:middle;
position:relative;
}

.train-setting .train-setting-item-result-header td{
padding:5px 0;
border-left:1px solid rgba(255,255,255,.5);
line-height:1;
}

.train-setting .train-setting-item-result-header .train-name{
border-left:none;
width:auto;
}

.train-setting .train-setting-item-result-header .departure-time,
.train-setting .train-setting-item-result-header .arrival-time{
width:74px;
}

.train-setting .train-setting-item-result-header .reserved{
width:70px;
}

.train-setting .train-setting-item-result-header .green{
width:80px;
}

.train-setting .train-setting-item-result-header .other-info{
padding-bottom:2px;
font-size:11px;
}

/* .train-setting-item-result-alert
----------------------------------------------- */
.train-setting .train-setting-item-result-alert{
margin-top:-1px;
padding:3px 0 2px;
color:#fff;
position:relative;
background-color:var(--cmn-font-color-gray);
text-align:center;
font-weight:bold;
font-size:12px;
}

.train-setting .train-setting-item-result-alert:after{
margin-left:-4px;
border-width:4px 4px 0 4px;
border-color:#777 transparent transparent transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
bottom:-4px;
left:50%;
z-index:1;
}

/* .train-setting-item-result-list
----------------------------------------------- */
.train-setting .train-setting-item-result-list{
border-bottom:1px solid #ddd;
height:140px;
overflow-y:scroll;
font-size:12px;
font-family:Arial, var(--cmn-font-family);
}

.train-setting .train-setting-item-result-list > ul{
text-align:center;
}

.train-setting .train-setting-item-result-list > ul > li{
padding:4px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.train-setting .train-setting-item-result-list > ul > li:not(:first-child){
border-top:1px dotted #ddd;
}

.train-setting .train-setting-item-result-list .is-active{
background-color:#fff2d1;
}

.train-setting .train-setting-item-result-list .is-disabled div{
opacity:.33;
}

.train-setting .train-setting-item-result-list label{
cursor:pointer;
}

.train-setting .train-setting-item-result-list .is-disabled label{
cursor:default;
}

.train-setting .train-setting-item-result-list input[type='radio']{
margin:0 2px;
vertical-align:middle;
}

.train-setting .train-setting-item-result-list input[type='radio']:disabled{
cursor:default;
}

.train-setting .train-setting-item-result-list span{
position:relative;
display:inline-block;
}

.train-setting .train-setting-item-result-list sup{
position:absolute;
top:-3px;
right:-9px;
}

.train-setting .train-setting-item-result-list .seat-undefined{
margin:0 auto;
}

.train-setting .train-setting-item-result-list .train-name{
padding-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
box-sizing:border-box;
text-align:left;
}

.train-setting .train-setting-item-result-list .train-time{
width:150px;
}

.train-setting .train-setting-item-result-list .train-time a{
margin-top:3px;
padding-right:14px;
min-height:12px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
line-height:1;
text-decoration:none;
background:url(/element/shared/images/icon/icon-tip-info.svg) 100% 0 no-repeat;
background-size:12px 12px;
}

.train-setting .train-setting-item-result-list .train-time a:active,
.train-setting .train-setting-item-result-list .train-time a:hover,
.train-setting .train-setting-item-result-list .train-time a:focus{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}

.train-setting .train-setting-item-result-list .train-time > ol{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-weight:bold;
font-size:14px;
}

.train-setting .train-setting-item-result-list .train-time > ol > li{
width:66px;
}

.train-setting .train-setting-item-result-list .train-time > ol > li:not(:last-child){
padding-right:11px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 100% 50% no-repeat;
background-size:11px 11px;
}

.train-setting .train-setting-item-result-list .seat-reserved{
width:70px;
}

.train-setting .train-setting-item-result-list .seat-green{
width:80px;
}

.train-setting .train-setting-item-result-list .seat-diff{
margin-top:3px;
display:block;
line-height:1;
}

.train-setting .train-setting-item-result-list .seat-tag{
color:transparent;
position:absolute;
top:0;
left:0;
width:0;
height:0;
z-index:-1;
overflow:hidden;
}

.train-setting .train-setting-item-result-list .train-setting-error{
padding:3px 0 2px;
color:#fff;
display:block;
background-color:var(--cmn-font-color-gray);
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-weight:bold;
font-size:12px;
}

.train-setting .train-setting-item-result-list .train-setting-error-01{
padding:10px 0;
border-top:none !important;
position:relative;
-webkit-box-shadow:inset 0 -1px 0 #999, inset 0 1px 0 #999;
box-shadow:inset 0 -1px 0 #999, inset 0 1px 0 #999;
display:block;
font-size:12px;
}

.train-setting .train-setting-item-result-list .train-setting-error-01:after{
margin-left:-5px;
content:'';
display:block;
width:10px;
height:10px;
background-color:#fff;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#999;
position:absolute;
top:-5px;
left:50%;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index:1;
}

.train-setting .train-setting-item-result-list .train-setting-error-01 .train-setting-error-01-btn{
margin-top:5px;
}

.train-setting .train-setting-item-result-list .train-setting-error-01 .train-setting-error-01-btn > li{
margin:0 5px;
display:inline-block;
}

.train-setting .train-setting-item-result-list .train-setting-error-01 .train-setting-error-01-btn > li button{
border:1px solid #afafaf;
border-radius:3px;
color:#555;
width:105px;
height:25px;
-webkit-box-shadow:inset 0 -2px 0 #eaeaea;
box-shadow:inset 0 -2px 0 #eaeaea;
background-color:#fff;
}

/* .train-setting-item-result-list-nothing
----------------------------------------------- */
.train-setting .train-setting-item-result-list-nothing{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:100%;
text-align:center;
line-height:1.65;
font-size:12px;
}

/* .train-setting-btn
----------------------------------------------- */
.train-setting .train-setting-btn{
margin:12px auto 0;
display:table;
}

.train-setting .train-setting-btn > button{
padding:8px 5px;
border-radius:4px;
border:none;
color:#fff;
width:110px;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,.3);
line-height:1.25;
}

.train-setting .train-setting-btn > button:not(:disabled):active,
.train-setting .train-setting-btn > button:not(:disabled):hover,
.train-setting .train-setting-btn > button:not(:disabled):focus{
background-color:var(--cmn-btn-color-hover);
}

.train-setting .train-setting-btn > button:disabled{
opacity:.45;
}

.train-setting .train-setting-btn .train-setting-btn-ballon{
display:none;
}

.train-setting .train-setting-btn.is-re-search{
position:relative;
}

.train-setting .train-setting-btn.is-re-search .train-setting-btn-ballon{
margin-left:10px;
padding:5px 5px 0 10px;
border-radius:4px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:0;
left:100%;
display:block;
width:155px;
height:100%;
background-color:#555;
line-height:1.4;
font-size:12px;
}

.train-setting .train-setting-btn.is-re-search .train-setting-btn-ballon:after{
margin-top:-8px;
border-width:8px 8px 8px 0;
border-color:transparent #555 transparent transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
left:-8px;
}


/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:22px 0 0;
padding:0 15px 20px;
border-radius:0 0 6px 6px;
background-color:var(--cmn-font-color-gray);
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin:0 -15px;
background-color:#fff;
}

.search-result .search-result-sort > ul{
padding:10px 15px 0;
border-radius:6px 6px 0 0;
color:#fff;
position:relative;
background-color:var(--cmn-font-color-gray);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.search-result .search-result-sort > ul::before{
content:'';
display:block;
width:calc(100% - 30px);
height:1px;
overflow:hidden;
position:absolute;
bottom:0;
left:15px;
background-color:#999;
}

.search-result .search-result-sort > ul > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.search-result .search-result-sort > ul > li:not(:last-child){
margin-right:20px;
padding-right:10px;
position:relative;
}

.search-result .search-result-sort > ul > li:not(:last-child):before{
content:'';
margin-top:-6px;
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
right:0;
background-color:#d0d0d0;
}

.search-result .search-result-sort > ul > li > span{
display:block;
}

.search-result .search-result-sort > ul > li > span:after{
margin-left:5px;
content:'\ff1a';
display:inline-block;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result .search-result-sort-btn > li{
display:inline-block;
}

.search-result .search-result-sort-btn > li a{
padding:10px 8px;
color:#fff;
display:block;
background:none;
font-size:12px;
text-decoration:none;
}

.search-result .search-result-sort-btn > li.is-active a{
position:relative;
font-weight:bold;
}

.search-result .search-result-sort-btn > li.is-active a:after{
content:'';
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
background-color:#fff;
}

/* .search-result-num
----------------------------------------------- */
.search-result .search-result-num{
margin-top:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-family:Arial;
}

/* .search-result-num-item
----------------------------------------------- */
.search-result .search-result-num-item{
margin-right:10px;
color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}

.search-result .search-result-num-item > span{
display:inline-block;
}

.search-result .search-result-num-item b{
margin:0 2px;
display:inline-block;
font-size:18px;
}

/* .search-result-num-pager
----------------------------------------------- */
.search-result .search-result-num-pager.is-disabled{
opacity:.33;
position:relative;
}

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

/* .search-result-num-pager-list
----------------------------------------------- */
.search-result .search-result-num-pager-list{
line-height:1;
font-size:14px;
white-space:nowrap;
}

.search-result .search-result-num-pager-list li{
display:inline-block;
vertical-align:bottom;
text-align:center;
}

.search-result .search-result-num-pager-list li > a,
.search-result .search-result-num-pager-list li > b{
color:#fff;
padding:5px 2px;
display:block;
min-width:24px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#555;
}

.search-result .search-result-num-pager-list li > a:active,
.search-result .search-result-num-pager-list li > a:hover,
.search-result .search-result-num-pager-list li > a:focus{
background-color:transparent;
text-decoration:none;
}

.search-result .search-result-num-pager-list li > b{
color:#fff;
background-color:transparent;
}

.search-result .search-result-num-pager-list .first,
.search-result .search-result-num-pager-list .last,
.search-result .search-result-num-pager-list .prev,
.search-result .search-result-num-pager-list .next{
font-size:12px;
}

.search-result .search-result-num-pager-list .first > a,
.search-result .search-result-num-pager-list .last > a,
.search-result .search-result-num-pager-list .prev > a,
.search-result .search-result-num-pager-list .next > a{
padding:7px 5px 5px;
}

.search-result .search-result-num-pager-list .prev{
margin-right:3px;
}

.search-result .search-result-num-pager-list .next{
margin-left:3px;
}

.search-result .search-result-num-pager-list .ellipsis{
margin-left:-3px;
padding-left:16px;
position:relative;
}

.search-result .search-result-num-pager-list .ellipsis:before{
content:'...';
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
font-weight:normal;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
margin:15px -8px 0;
padding:18px 13px 5px;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
margin-bottom:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
font-size:12px;
}

/* .search-result-item-header-image
----------------------------------------------- */
.search-result .search-result-item-header-image{
margin-right:20px;
width:200px;
}

.search-result .search-result-item-header-image .thumb{
border:1px solid #dae1e5;
display:block;
height:150px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.search-result .search-result-item-header-image .thumb img{
max-width:100%;
max-height:100%;
}

.search-result .search-result-item-header-image .caption{
margin-top:3px;
color:var(--cmn-font-color-gray);
display:block;
font-size:11px;
}

/* .search-result-item-header-col
----------------------------------------------- */
.search-result .search-result-item-header-col{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}

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

/* .search-result-item-header-info
----------------------------------------------- */
.search-result .search-result-item-header-info{
margin-top:10px;
}

.search-result .search-result-item-header-info > li{
margin-top:3px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}

.search-result .search-result-item-header-info > li:first-child{
margin:0;
width:330px;
}

.search-result .search-result-item-header-info > li a{
color:#666;
}

.search-result .search-result-item-header-info > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.search-result .search-result-item-header-info > li > div:first-child{
padding-right:10px;
width:7em;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
position:relative;
}

.search-result .search-result-item-header-info > li > div:first-child:after{
content:':';
display:block;
position:absolute;
top:0;
right:4px;
}

.search-result .search-result-item-header-info > li .info-shared{
padding-left:13px;
display:inline-block;
position:relative;
}

.search-result .search-result-item-header-info > li .info-shared:before{
content:'';
display:block;
width:10px;
height:14px;
position:absolute;
top:1px;
left:0;
background:url(/element/j_traindp/shared/images/icon-pin.svg) 0 0 no-repeat;
background-size:10px 14px;
}

.search-result .search-result-item-header-info > li .info-hp{
padding-left:15px;
display:inline-block;
}

/* .search-result-item-header-review
----------------------------------------------- */
.search-result .search-result-item-header-review{
margin-top:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.search-result .search-result-item-header-review > li{
margin-right:15px;
}

.search-result .search-result-item-header-review a{
display:block;
}

.search-result .search-result-item-header-review a,
.search-result .search-result-item-header-review a > span{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.search-result .search-result-item-header-review a > span:first-child{
margin-bottom:2px;
padding-right:15px;
display:inline-block;
background:url(/element/shared/images/icon/icon-tip-info.svg) no-repeat 100% 50%;
background-size:12px 12px;
}

.search-result .search-result-item-header-review a:active > span:first-child,
.search-result .search-result-item-header-review a:hover > span:first-child,
.search-result .search-result-item-header-review a:focus > span:first-child{
background-image:url(/element/shared/images/icon/icon-tip-info-disabled.svg);
}

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

.search-result .search-result-item-header-review .is-hidden a::after{
content:'';
display:inline-block;
width:69px;
height:13px;
}

/* .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:18px;
height:23px;
overflow:hidden;
position:absolute;
top:0;
right:0;
z-index:1;
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-header-covid19
----------------------------------------------- */
.search-result .search-result-item-header-info-container{
position:relative;
}

.search-result .search-result-item-header-covid19{
position:absolute;
top:0;
left:360px;
}

.search-result .search-result-item-header-covid19 > b{
margin-right:5px;
display:inline-block;
}

.search-result .search-result-item-header-covid19 > a{
color:#666;
display:inline-block;
position:relative;
text-decoration:underline;
}

.search-result .search-result-item-header-covid19 > a .tip{
padding:5px 10px;
border:1px solid #aaa;
border-radius:4px;
color:var(--cmn-font-color-base);
position:absolute;
top:100%;
left:-40px;
white-space:nowrap;
background-color:#fff;
box-shadow:2px 2px 3px rgba(0,0,0,.2);
display:none;
}

.search-result .search-result-item-header-covid19 > a:active .tip,
.search-result .search-result-item-header-covid19 > a:hover .tip,
.search-result .search-result-item-header-covid19 > a:focus .tip{
display:block;
}

/* .search-result-item-plan
----------------------------------------------- */
.search-result .search-result-item-plan{
margin:0 -13px;
}

/* .search-result-item-plan-btn
----------------------------------------------- */
.search-result .search-result-item-plan-btn{
margin:0;
border-width:1px 0 0;
border-style:solid;
border-color:#ddd;
color:#666;
display:block;
width:100%;
font-size:13px;
line-height:1;
background-color:#fff;
}

.search-result .search-result-item-plan-btn > span{
margin:0 auto;
padding:12px 10px 12px 15px;
display:table;
position:relative;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:11px 11px;
}

.search-result .search-result-item-plan-btn.is-loading > span{
padding-right:23px;
}

.search-result .search-result-item-plan-btn.is-loading > span:before{
margin-top:-8px;
content:'';
display:block;
width:16px;
height:16px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 50% 100% no-repeat;
background-size:16px 16px;
position:absolute;
top:50%;
right:0;
}

.search-result .search-result-item-plan-btn:disabled > span{
color:transparent;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 50% 50% no-repeat;
background-size:16px 16px;
-webkit-user-select:none;
user-select:none;
}

.search-result .search-result-item-plan.is-active .search-result-item-plan-btn > span{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

.search-result .search-result-item-plan.is-active .search-result-item-plan-btn:disabled > span{
background-image:url(/element/shared/images/icon/icon-loading-spinner-dot.gif);
}

/* .search-result-item-plan-tbl
----------------------------------------------- */
.search-result .search-result-item-plan-tbl{
border-top:1px solid #ddd;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
}

.search-result .search-result-item-plan-tbl thead th{
padding:3px 5px;
color:#555;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:normal;
background-color:#f1f1f1;
}

.search-result .search-result-item-plan-tbl thead th.cheapest{
padding-left:10px;
width:215px;
text-align:left;
}

.search-result .search-result-item-plan-tbl thead th.hotel-plan{
width:235px;
}

.search-result .search-result-item-plan-tbl thead th.cv{
width:175px;
}

.search-result .search-result-item-plan-tbl thead th .sup{
margin-left:10px;
font-weight:normal;
font-size:11px;
display:inline-block;
}

.search-result .search-result-item-plan-tbl tbody td{
padding:10px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
text-align:left;
vertical-align:top;
position:relative;
}

.search-result .search-result-item-plan-tbl tbody td::before,
.search-result .search-result-item-plan-tbl tbody td::after{
content:'';
display:block;
width:1px;
height:5px;
overflow:hidden;
position:absolute;
top:0;
left:-1px;
background-color:#fff;
}

.search-result .search-result-item-plan-tbl tbody td::after{
top:auto;
bottom:0;
}

.search-result .search-result-item-plan-tbl tbody > tr:first-of-type th,
.search-result .search-result-item-plan-tbl tbody > tr:first-of-type td{
border-top:none;
}

.search-result .search-result-item-plan-tbl tbody > tr:not(:first-of-type){
display:none;
}

.search-result .search-result-item-plan-tbl tbody > tr td:first-child{
border-left:none;
}

.search-result .search-result-item-plan-tbl tbody > tr td:first-child:before,
.search-result .search-result-item-plan-tbl tbody > tr td:first-child:after{
display:none;
}

.search-result .search-result-item-plan-tbl .middle{
vertical-align:middle;
}

.search-result .search-result-item-plan.is-active .search-result-item-plan-tbl tbody > tr:not(:first-of-type){
display:table-row;
}

/* .search-result-item-plan-apart-price
----------------------------------------------- */
.search-result .search-result-item-plan-apart-price{
padding:6px 10px 5px;
border-top:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
font-size:11px;
}

.search-result .search-result-item-plan-apart-price > div:last-child{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

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

/* .search-result-item-plan-tbl-cheapest
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-cheapest > div{
font-size:11px;
}

/* .search-result-item-plan-tbl-cheapest > .wording
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-cheapest .wording{
margin-bottom:8px;
display:block;
}

/* .search-result-item-plan-tbl-cheapest > .price
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-cheapest .price{
margin-top:-2px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-family:Arial;
}

.search-result .search-result-item-plan-tbl-cheapest .price > span{
display:block;
}

.search-result .search-result-item-plan-tbl-cheapest .price b{
display:inline-block;
font-family:Arial;
font-size:20px;
}

.search-result .search-result-item-plan-tbl-cheapest .price .price-sup{
font-size:11px;
}

/* .search-result-item-plan-tbl-cheapest > .price-agt
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-cheapest .price-agt{
margin-top:4px;
display:block;
}

.search-result .search-result-item-plan-tbl-cheapest .price-agt > a{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
margin:0 0 4px auto;
display:block;
white-space:nowrap;
overflow:hidden;
width:fit-content;
text-overflow:ellipsis;
max-width:100px;
}

/* .search-result-item-plan-tbl-payment
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-payment{
margin:12px -10px 0;
font-size:11px;
text-align:center;
}

.search-result .search-result-item-plan-tbl-payment > li span{
display:inline-block;
}

/* .search-result-item-plan-tbl-train
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-train{
padding-bottom:35px;
font-size:11px;
}

.search-result .search-result-item-plan-tbl-train > div{
min-height:42px;
}

.search-result .search-result-item-plan-tbl-train > div > span{
display:block;
}

.search-result .search-result-item-plan-tbl-train .train-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-width:0;
white-space:nowrap;
}

.search-result .search-result-item-plan-tbl-train .train-name > span:first-child{
margin-right:4px;
overflow:hidden;
white-space:nowrap;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.search-result .search-result-item-plan-tbl-train .train-name > span:first-child > span:first-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .search-result-item-plan-tbl-train-list
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-train-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
font-size:12px;
}

.search-result .search-result-item-plan-tbl-train-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

.search-result .search-result-item-plan-tbl-train-list > li:not(:first-child){
margin-left:30px;
position:relative;
}

.search-result .search-result-item-plan-tbl-train-list > li:not(:first-child):before{
content:'';
display:block;
width:18px;
height:8px;
position:absolute;
top:1px;
left:-24px;
background:url(/element/j_traindp/shared/images/icon-arrow-01.svg) 100% 50% no-repeat;
background-size:24px 8px;
}
.search-result .search-result-item-plan-tbl-train-list > li > span{
margin-bottom:3px;
display:block;
}

.search-result .search-result-item-plan-tbl-train-list > li > b{
margin-top:auto;
display:block;
font-size:14px;
font-family:Arial;
}

/* .search-result-item-plan-tbl-btn-transfer
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-btn-transfer{
padding:1px 4px;
border:1px solid #bbb;
border-radius:3px;
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:15px;
left:-24px;
background:#fff;
text-decoration:none;
}

/* .search-result-item-plan-tbl-sup
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-sup{
margin:3px 0;
display:block;
font-size:11px;
}

/* .search-result-item-plan-tbl-cv
----------------------------------------------- */
.search-result .search-result-item-plan-tbl-cv{
margin:0 auto;
display:table;
width:100%;
position:relative;
}

.search-result .search-result-item-plan-tbl-cv > a{
padding:10px 5px;
border-radius:4px;
border:none;
color:#fff;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,.3);
line-height:1.25;
text-align:center;
text-decoration:none;
}

.search-result .search-result-item-plan-tbl-cv > a:active,
.search-result .search-result-item-plan-tbl-cv > a:hover,
.search-result .search-result-item-plan-tbl-cv > a:focus{
background-color:var(--cmn-btn-color-hover);
}

.search-result .search-result-item-plan-tbl-cv > strong{
margin-top:4px;
display:block;
text-align:center;
}

/* .search-result-item-reference-fee
----------------------------------------------- */
.search-result .search-result-item-reference-fee{
margin:0 -13px;
position:relative;
}

.search-result .search-result-item-reference-fee::before{
content:"";
display:block;
width:100%;
height:1px;
position:absolute;
top:0;
left:0;
background-color:var(--cmn-font-color-gray);
}

/* .search-result-item-reference-fee-item
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item{
padding:6px 0;
border-top:1px solid #ddd;
line-height:1.35;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px;
}

/* .search-result-item-reference-fee-item-hdg
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item-hdg{
padding:0 10px;
border-right:1px solid #ddd;
width:125px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.search-result .search-result-item-reference-fee-item-hdg .hdg h3{
font-weight:normal;
}

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

.search-result .search-result-item-reference-fee-item-hdg .sup{
margin-top:3px;
display:block;
text-align:right;
}

/* .search-result-item-reference-fee-item-content
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item-content{
margin:0 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.search-result .search-result-item-reference-fee-item-content > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.search-result-item-reference-fee-item-content > strong{
margin-top:8px;
width:100%;
text-align:right;
}

/* .search-result-item-reference-fee-item-content > .price
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item .price{
width:125px;
font-size:12px;
text-align:right;
}

.search-result .search-result-item-reference-fee-item .price .price-sum{
display:block;
}

.search-result .search-result-item-reference-fee-item .price .price-sum > b{
display:inline-block;
line-height:1;
font-family:Arial;
font-size:13px;
font-weight:normal;
}

.search-result .search-result-item-reference-fee-item .price .price-sup{
margin-top:2px;
display:block;
font-size:11px;
}

/* .search-result-item-reference-fee-item-content > .price-agt
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item .price-agt{
margin-top:4px;
display:block;
font-size:11px;
}

.search-result .search-result-item-reference-fee-item .price-agt > a{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
margin:0 0 8px auto;
display:block;
white-space:nowrap;
overflow:hidden;
width:fit-content;
text-overflow:ellipsis;
max-width:100%;
}

/* .search-result-item-reference-fee-item-content > .detail
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item .detail{
margin-left:10px;
width:500px;
font-size:12px;
}

/* .search-result-item-reference-fee-item-content > .cv
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item .cv{
width:150px;
}

/* .search-result-item-reference-fee-item-list
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

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

.search-result .search-result-item-reference-fee-item-list > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.search-result .search-result-item-reference-fee-item-list > li > div:first-child{
padding-right:1em;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
min-width:4.8em;
position:relative;
}

.search-result .search-result-item-reference-fee-item-list > li > div:first-child:after{
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}

/* .search-result-item-reference-fee-item-flight
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item-flight{
margin-left:5px;
display:inline-block;
vertical-align:middle;
}

.search-result .search-result-item-reference-fee-item-flight > ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.search-result .search-result-item-reference-fee-item-flight > ul > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.search-result .search-result-item-reference-fee-item-flight > ul > li:not(:first-child){
margin-left:5px;
}

.search-result .search-result-item-reference-fee-item-flight > ul > li > div:first-child{
margin-right:3px;
border:1px solid #bbb;
padding:2px;
line-height:1;
font-size:11px;
text-align:center;
}

.search-result .search-result-item-reference-fee-item-flight > ul .agt-logo{
max-width:35px;
max-height:12px;
vertical-align:middle;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.search-result .search-result-item-reference-fee-item-flight > ul .schedule{
display:inline-block;
vertical-align:middle;
}

.search-result .search-result-item-reference-fee-item-flight > ul .schedule > span{
position:relative;
}

.search-result .search-result-item-reference-fee-item-flight > ul .schedule > span:not(:last-child){
padding-right:15px;
background:url(/element/j_traindp/shared/images/icon-arrow.svg) 100% 38% no-repeat;
background-size:12px 5px;
}

.search-result .search-result-item-reference-fee-item-flight > ul .schedule > span > b{
display:inline-block;
font-family:Arial;
font-size:14px;
font-weight:normal;
}

.search-result .search-result-item-reference-fee-item-flight > ul .schedule > span > span{
color:transparent;
position:absolute;
top:0;
right:0;
z-index:-1;
}

/* .search-result-item-reference-fee-item-btn
----------------------------------------------- */
.search-result .search-result-item-reference-fee-item-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-result .search-result-item-reference-fee-item-btn > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.search-result .search-result-item-reference-fee-item-btn > li:not(:first-child){
margin-left:25px;
position:relative;
}

.search-result .search-result-item-reference-fee-item-btn > li:not(:first-child):before,
.search-result .search-result-item-reference-fee-item-btn > li:not(:first-child):after{
margin-top:-6px;
content:'';
display:block;
width:2px;
height:12px;
background-color:var(--cmn-font-color-gray);
position:absolute;
top:50%;
left:-14px;
}

.search-result .search-result-item-reference-fee-item-btn > li:not(:first-child):after{
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}

.search-result .search-result-item-reference-fee-item-btn > li > a{
padding:7px 2px 6px;
border:1px solid #bebebe;
border-radius:3px;
box-sizing:border-box;
color:#666;
display:block;
height:100%;
-webkit-box-shadow:0 1px 0 #b2b2b2;
box-shadow:0 1px 0 #b2b2b2;
background-color:#fff;
text-decoration:none;
text-align:center;
}

.search-result .search-result-item-reference-fee-item-btn > li > a > span{
display:block;
}


/* ----------------------------------------------------------------
  Suggest Modules
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}

/* .suggest
----------------------------------------------- */
.suggest{
margin-top:-1px;
padding:12px;
border:1px solid #bebebe;
display:none;
box-shadow:2px 2px 4px rgba(0,0,0,.3);
position:absolute;
top:100%;
left:0;
z-index:3;
width:360px;
max-height:460px;
overflow-y:auto;
background-color:#fff;
}

.suggest.is-active{
display:block;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest .suggest-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.suggest .suggest-hdg h3{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

#container .suggest .suggest-hdg button{
padding:0;
border:none;
width:auto;
background:none;
}

.suggest .suggest-hdg button span{
display:inline-block;
}

.suggest .suggest-list + .suggest-hdg{
margin-top:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest .suggest-list > li{
margin-top:7px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.suggest .suggest-list a{
padding:2px 0;
color:var(--cmn-font-color-base);
text-decoration:none;
}

.suggest .suggest-list a:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.suggest .suggest-list .btn{
margin-left:20px;
padding:2px 6px;
border:1px solid #bbb;
border-radius:3px;
font-size:11px;
}

.suggest .suggest-list span{
display:inline-block;
}

.suggest .suggest-list a:first-child:active,
.suggest .suggest-list a:first-child:hover,
.suggest .suggest-list a:first-child:focus,
.suggest .suggest-list > li.is-active a:first-child{
background-color:#f9eaba;
}

/* .suggest-note
----------------------------------------------- */
.suggest .suggest-note{
padding-left:1em;
color:var(--cmn-font-color-gray);
line-height:1.25;
font-size:11px;
text-indent:-1em;
text-align:right;
}

.suggest .suggest-note > li{
margin-top:5px;
}

/* .suggest-error
----------------------------------------------- */
.suggest .suggest-error strong{
margin-bottom:15px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}


/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-content
----------------------------------------------- */
.cmn-modal-box .modal-content{
margin-bottom:30px;
}

/* .modal-form-list
----------------------------------------------- */
[class^='modal-form-list']{
margin-top:-5px;
color:var(--cmn-font-color-base);
}

[class^='modal-form-list'] > li{
margin-top:10px;
display:inline-block;
}

[class^='modal-form-list'] > li:not(:last-child){
margin-right:20px;
}

[class^='modal-form-list'] > li label{
display:inline-block;
padding-left:18px;
position:relative;
cursor:pointer;
}

[class^='modal-form-list'] > li label input[type='checkbox'],
[class^='modal-form-list'] > li label input[type='radio']{
margin:0;
position:absolute;
top:3px;
left:0;
}

[class^='modal-form-list'] > li .num{
display:inline-block;
}

[class^='modal-form-list'] > li.is-disabled{
opacity:.25;
}

[class^='modal-form-list'] > li.is-disabled label{
cursor:default;
}

/* IE11 only hack */
_:-ms-lang(x)::-ms-backdrop, [class^='modal-form-list'] > li label input[type]{
top:0;
}

/* .modal-form-list-col-2 / modal-form-list-col-3 / modal-form-list-col-4
----------------------------------------------- */
[class^='modal-form-list-col']{
margin-left:-10px;
overflow:hidden;
}

[class^='modal-form-list-col'] > li{
padding-left:10px;
display:block;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

[class^='modal-form-list-col'] > li:not(:last-child){
margin-right:0;
}

.modal-form-list-col-2 > li{
width:50%;
}

.modal-form-list-col-2 > li:nth-child(2n+1){
clear:left;
}

.modal-form-list-col-3 > li{
width:33.33333%;
}

.modal-form-list-col-3 > li:nth-child(3n+1){
clear:left;
}

.modal-form-list-col-4 > li{
width:25%;
}

.modal-form-list-col-4 > li:nth-child(4n+1){
clear:left;
}


/* ----------------------------------------------------------------
  Modal app alert
----------------------------------------------------------------- */
/* .modal-app-alert
----------------------------------------------- */
.modal-app-alert{
margin-bottom:30px;
width:440px;
font-size:14px;
text-align:left;
}

.modal-app-alert > p{
margin-bottom:10px;
}

.modal-app-alert .modal-app-alert-catch{
margin-bottom:20px;
text-align:center;
font-weight:bold;
font-size:16px;
}

/* .modal-app-alert-copy
----------------------------------------------- */
.modal-app-alert .modal-app-alert-copy{
margin:15px 0;
}

.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:75%;
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-sns
----------------------------------------------------------------- */
/* .modal-sns
----------------------------------------------- */
.modal-sns{
margin:0 auto;
width:350px;
}

.modal-sns > b{
display:block;
text-align:center;
font-size:16px;
}

/* .modal-sns-list
----------------------------------------------- */
.modal-sns-list{
margin:0 auto;
width:250px;
text-align:center;
}

.modal-sns-list > li{
margin-top:18px;
}

.modal-sns-list button{
padding:0;
border:none;
overflow:hidden;
font-size:15px;
}

.modal-sns-list .line,
.modal-sns-list .fb,
.modal-sns-list .tw{
margin:18px 14px 0;
display:inline-block;
}

.modal-sns-list .line button,
.modal-sns-list .fb button,
.modal-sns-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-sns-list .fb button{
background-image:url(/element/shared/images/icon/icon-sns-fb.svg);
}

.modal-sns-list .tw button{
background-image:url(/element/shared/images/icon/icon-sns-twitter.svg);
}

.modal-sns-list .mail button,
.modal-sns-list .copy button{
padding:0 12px;
border:1px solid #ccc;
border-radius:4px;
width:100%;
height:38px;
background-color:#fff;
text-align:left;
}

.modal-sns-list .mail button::before,
.modal-sns-list .copy button::before{
margin-right:8px;
content:'';
display:inline-block;
width:14px;
height:14px;
vertical-align:middle;
background-repeat:no-repeat;
background-position:50% 50%;
}

.modal-sns-list .mail button::before{
background-image:url(/element/j_traindp/shared/images/icon-mail.svg);
}

.modal-sns-list .copy button::before{
background-image:url(/element/j_traindp/shared/images/icon-copy.svg);
}

.modal-sns-list .copy span{
margin-top:10px;
display:block;
font-size:11px;
}

/* .modal-sns-note
----------------------------------------------- */
.modal-sns-note{
margin-top:8px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.modal-sns-note > li{
padding-left:16px;
position:relative;
}

.modal-sns-note > li:not(:first-child){
margin-top:3px;
}

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


/* ----------------------------------------------------------------
  Contents Footer Nav
----------------------------------------------------------------- */
/* .contents-footer-nav
----------------------------------------------- */
.contents-footer-nav{
margin-bottom:30px;
font-size:12px;
}

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav .contents-footer-nav-hdg{
margin:30px 0 20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
}

/* .contents-footer-nav-hdg-container
----------------------------------------------- */
.contents-footer-nav .contents-footer-nav-hdg-container{
margin:30px 0 20px;
padding-top:20px;
border-top:1px solid #d9d9d9;
color:#666;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.contents-footer-nav .contents-footer-nav-hdg-container > .contents-footer-nav-hdg{
margin:0 10px 0 0;
padding:0;
border:none;
color:var(--cmn-font-color-base);
}

.contents-footer-nav .contents-footer-nav-hdg-container > .contents-footer-nav-hdg-sup{
font-size:11px;
}


/* ----------------------------------------------------------------
  Tooltip Common Module
----------------------------------------------------------------- */
/* .tip-hdg
----------------------------------------------- */
.tip-hdg{
margin-top:10px;
font-size:12px;
font-weight:normal;
}

/* .tip-list
----------------------------------------------- */
.tip-list > li{
margin-top:6px;
}

/* .tip-list-bullet
----------------------------------------------- */
.tip-list-bullet > li{
margin-top:6px;
padding-left:8px;
position:relative;
}

.tip-list-bullet > li:before{
content:'';
display:block;
width:2px;
height:2px;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-gray);
}

.tip-list-bullet p{
margin-top:2px;
}

/* .tip-list-line
----------------------------------------------- */
.tip-list-line{
margin-top:4px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 12px;
}

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

.tip-note > li{
padding-left:1.25em;
position:relative;
}

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

.tip-note .tip-note-mark{
display:block;
position:absolute;
top:0;
left:0;
}

/* .tip-link
----------------------------------------------- */
.tip-link:link,
.tip-link:visited,
.tip-link:active,
.tip-link:hover,
.tip-link:focus{
text-decoration:none;
}



/* ----------------------------------------------------------------
  Ballon Tooltip Modules
----------------------------------------------------------------- */
/* role="tooltip"
----------------------------------------------- */
[role="tooltip"]{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
width:380px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
z-index:2;
-webkit-box-shadow:2px 2px 5px -2px rgba(0,0,0,.45);
box-shadow:2px 2px 5px -2px rgba(0,0,0,.45);
font-size:12px;
}

[role="tooltip"].is-active{
display:block;
}


/* ----------------------------------------------------------------
  Payment Tooltip
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.tip-payment{
margin-top:10px;
padding:20px;
border:1px solid #777;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:585px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
-webkit-box-shadow:0px 0px 8px 2px #888;
box-shadow:0px 0px 8px 2px #888;
font-size:12px;
}

/* .tip-payment-list-caution
----------------------------------------------- */
.tip-payment .tip-payment-list-caution{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
line-height:1.45;
font-size:12px;
}

.tip-payment .tip-payment-list-caution > li{
padding-left:10px;
position:relative;
}

.tip-payment .tip-payment-list-caution > li:not(:first-child){
margin-top:12px;
}

.tip-payment .tip-payment-list-caution > li::before{
content:'';
border-radius:1px;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:7px;
left:2px;
background-color:var(--cmn-font-color-base);
}

/* .tip-payment-list
----------------------------------------------- */
.tip-payment .tip-payment-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

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

.tip-payment .tip-payment-list > li > div:first-child{
padding-right:15px;
width:5em;
position:relative;
}

.tip-payment .tip-payment-list > li > div:first-child:after{
content:'\ff1a';
position:absolute;
top:2px;
right:0;
line-height:1;
font-size:13px;
}

.tip-payment .tip-payment-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

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

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

.tip-payment .tip-payment-list-num > li > div{
-webkit-box-flex:1;
flex:1;
}
/* .tip-payment-list-line
----------------------------------------------- */
.tip-payment .tip-payment-list-line{
overflow:hidden;
}

.tip-payment .tip-payment-list-line > li{
float:left;
}

.tip-payment .tip-payment-list-line > li:not(:first-child):before{
content:'\ff0f';
}

.tip-payment .tip-payment-list-line > li.is-disabled{
color:#ccc;
}

/* .tip-payment-list-credit
----------------------------------------------- */
.tip-payment .tip-payment-list-credit{
display:inline-block;
vertical-align:middle;
}

.tip-payment .tip-payment-list-credit > li{
display:inline-block;
}

.tip-payment .tip-payment-list-credit > li:not(:last-child){
margin-right:4px;
}

.tip-payment .tip-payment-list-credit > li img{
vertical-align:middle;
height:15px;
width:auto;
}

/* .tip-payment-list-notice
----------------------------------------------- */
.tip-payment .tip-payment-list-notice{
margin-top:12px;
color:var(--cmn-font-color-gray);
}

.tip-payment .tip-payment-list-notice > li{
padding-left:1.25em;
position:relative;
}

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

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

/* .tip-payment-list-notice-01
----------------------------------------------- */
.tip-payment .tip-payment-list-notice-01{
margin-top:5px;
}

.tip-payment .tip-payment-list-notice-01 > li{
padding-left:8px;
position:relative;
}

.tip-payment .tip-payment-list-notice-01 > li:not(:first-child){
margin-top:2px;
}

.tip-payment .tip-payment-list-notice-01 > li:before{
content:'';
display:block;
width:2px;
height:2px;
position:absolute;
top:7px;
left:0;
background-color:var(--cmn-font-color-gray);
}

/* .tip-payment-cv-btn
----------------------------------------------- */
.tip-payment .tip-payment-cv-btn{
margin:10px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff;
display:block;
box-sizing:border-box;
width:116px;
position:relative;
background-color:var(--cmn-btn-color);
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0,0,0,.3);
line-height:1.35;
}

.tip-payment .tip-payment-cv-btn:active,
.tip-payment .tip-payment-cv-btn:hover,
.tip-payment .tip-payment-cv-btn:focus{
background-color:var(--cmn-btn-color-hover);
text-decoration:none;
}


/* ----------------------------------------------------------------
  Price Range Tooltip
----------------------------------------------------------------- */
/* .tip-price-range-catch
----------------------------------------------- */
.tip-price-range .tip-price-range-catch{
padding-bottom:6px;
border-bottom:1px solid #ccc;
font-size:14px;
font-weight:bold;
}

/* .tip-price-range-list
----------------------------------------------- */
.tip-price-range .tip-price-range-list{
margin-top:5px;
}

.tip-price-range .tip-price-range-list > li{
margin-top:5px;
}

.tip-price-range .tip-price-range-list > li > span:not([class]){
margin-left:10px;
}


/* ----------------------------------------------------------------
  Smoking Tooltip
----------------------------------------------------------------- */
/* .tip-smoking
----------------------------------------------- */
.tip-smoking::before{
margin:-5px 0 0 -5px;
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
right:-6px;
top:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}

/* .tip-smoking-hdg
----------------------------------------------- */
.tip-smoking .tip-smoking-hdg{
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #c2c2c2;
font-weight:normal;
}

/* .tip-smoking-list
----------------------------------------------- */
.tip-smoking .tip-smoking-list > li:not(:first-child){
margin-top:5px;
}


/* ----------------------------------------------------------------
  Hotel Rank Tooltip
----------------------------------------------------------------- */
/* .tip-hotel-rank-catch
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

/* .tip-hotel-rank-list
----------------------------------------------- */
.tip-hotel-rank .tip-hotel-rank-list{
overflow:hidden;
}

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

.tip-hotel-rank .tip-hotel-rank-list > li{
margin:3px 0 0 5%;
width:45%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-hotel-rank .tip-hotel-rank-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.tip-hotel-rank .tip-hotel-rank-list > li > div:first-child{
min-width:6.5em;
}

.tip-hotel-rank .tip-hotel-rank-list > li > div:last-child::before{
content:'\ff1a';
}


/* ----------------------------------------------------------------
  Review Tooltip
----------------------------------------------------------------- */
/* .tip-review-catch
----------------------------------------------- */
.tip-review .tip-review-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

.tip-review .tip-review-catch > span{
display:inline-block;
font-weight:normal;
font-size:11px;
}

/* .tip-review-list
----------------------------------------------- */
.tip-review .tip-review-list{
overflow:hidden;
}

.tip-review .tip-review-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.tip-review .tip-review-list > li{
margin:5px 0 0 6%;
width:44%;
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.tip-review .tip-review-list > li:nth-child(2n+1){
margin-left:0;
clear:left;
}

.tip-review .tip-review-list > li > div:first-child{
min-width:8.5em;
}

.tip-review .tip-review-list > li > div:last-child::before{
content:'\ff1a';
}


/* ----------------------------------------------------------------
  Reservation Flow Tooltip
----------------------------------------------------------------- */
/* .tip-reservation-flow-hdg
----------------------------------------------- */
.tip-reservation-flow .tip-reservation-flow-hdg{
margin:12px 0 -6px;
border-top:1px solid #e5e5e5;
padding-top:10px;
}


/* ----------------------------------------------------------------
  Date Tooltip
----------------------------------------------------------------- */
/* .tip-date-box
----------------------------------------------- */
.tip-date .tip-date-box{
margin-top:10px;
}

/* .tip-date-note
----------------------------------------------- */
.tip-date .tip-date-note{
margin-top:8px;
font-size:11px;
}

.tip-date .tip-date-note > li{
margin-top:5px;
padding-left:1.25em;
position:relative;
}

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


/* ----------------------------------------------------------------
  Train Transfer Tooptip
----------------------------------------------------------------- */
/* .tip-train-transfer
----------------------------------------------- */
.tip-train-transfer{
padding:16px;
}

[role="tooltip"].tip-train-transfer::before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:12px;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .tip-train-transfer-header
----------------------------------------------- */
.tip-train-transfer .tip-train-transfer-header:not(:first-child){
margin-top:12px;
}

.tip-train-transfer .tip-train-transfer-list + .tip-train-transfer-header,
.tip-train-transfer .tip-train-transfer-header + .tip-train-transfer-header{
padding-top:12px;
border-top:1px solid #ddd;
}

/* .tip-train-transfer-header.branch / branch-hotel
----------------------------------------------- */
.tip-train-transfer .tip-train-transfer-header.branch,
.tip-train-transfer .tip-train-transfer-header.branch-hotel{
display:-webkit-box;
display:flex;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

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

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

.tip-train-transfer .tip-train-transfer-header.branch-hotel + .tip-train-transfer-header.branch{
padding-top:0;
border-top:none;
}

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

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

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

/* tip-train-transfer-header.branch / .branch-hotel > .tip-train-transfer-header-hdg
---------------------------- */
.tip-train-transfer-header.branch .tip-train-transfer-header-hdg,
.tip-train-transfer-header.branch-hotel .tip-train-transfer-header-hdg{
min-width:66px;
}

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

.tip-train-transfer .tip-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;
}

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

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

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

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

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

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

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

.tip-train-transfer .tip-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;
}

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

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

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

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

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

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

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

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

.tip-train-transfer .tip-train-transfer-list .note{
padding-left:15px;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
}

.tip-train-transfer .tip-train-transfer-list .note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  Route List Tooptip
----------------------------------------------------------------- */
/* .tip-route-list
----------------------------------------------- */
.tip-route-list{
width:310px;
z-index:4;
}

[role="tooltip"].tip-route-list::before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:12px;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .tip-route-list-hdg
----------------------------------------------- */
.tip-route-list .tip-route-list-hdg{
margin-bottom:4px;
text-align:center;
font-size:14px;
font-weight:normal;
}

/* .tip-route-list-hdg-01
----------------------------------------------- */
.tip-route-list .tip-route-list-separate + .tip-route-list-hdg-01{
margin-top:8px;
}

/* .tip-route-list-separate
----------------------------------------------- */
.tip-route-list .tip-route-list-separate > li{
margin-top:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.tip-route-list .tip-route-list-separate > li > div:first-child{
position:relative;
padding-right:21px;
width:9.5em;
}

.tip-route-list .tip-route-list-separate > li > div:first-child::before{
content:':';
display:block;
position:absolute;
top:0;
right:12px;
}

.tip-route-list .tip-route-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  Modal searching
----------------------------------------------------------------- */
/* .modal-searching
----------------------------------------------- */
.modal-searching{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);
z-index:var(--cmn-modal-layer-z-index);
}

/* .modal-searching-inner
----------------------------------------------- */
.modal-searching .modal-searching-inner{
padding:10px 10px 40px;
width:600px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:100px;
right:50%;
-webkit-transform:translateX(50%);
transform:translateX(50%);
background-color:#fff;
}

/* .modal-searching-condition
----------------------------------------------- */
.modal-searching .modal-searching-condition{
margin-bottom:25px;
padding:15px;
background-color:#f5f5f5;
}

/* .modal-searching-condition-list
----------------------------------------------- */
.modal-searching .modal-searching-condition-list{
margin:0 auto;
display:table;
font-size:14px;
}

.modal-searching .modal-searching-condition-list > li{
display:table;
width:100%;
}

.modal-searching .modal-searching-condition-list > li:not(:first-child){
margin-top:3px;
}

.modal-searching .modal-searching-condition-list > li > div{
display:table-cell;
}

.modal-searching .modal-searching-condition-list > li > div:first-child{
padding-right:10px;
color:#555;
width:5em;
position:relative;
font-size:13px;
}

.modal-searching .modal-searching-condition-list > li > div:first-child:after{
color:var(--cmn-font-color-base);
content:'\ff1a';
display:block;
position:absolute;
top:0;
right:0;
}

.modal-searching .modal-searching-condition-list > li > div:last-child{
margin-left:5px;
}

/* .modal-searching-condition-route
----------------------------------------------- */
.modal-searching .modal-searching-condition-route{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.modal-searching .modal-searching-condition-route > li:not(:first-child){
margin-left:30px;
position:relative;
}

.modal-searching .modal-searching-condition-route > li:not(:first-child):before{
content:'';
display:block;
width:18px;
height:8px;
position:absolute;
top:5px;
left:-24px;
background:url(/element/j_traindp/shared/images/icon-arrow-01.svg) 100% 50% no-repeat;
background-size:24px 8px;
}

/* .modal-searching-spinner
----------------------------------------------- */
.modal-searching .modal-searching-spinner{
margin:30px 0 15px;
color:var(--cmn-font-color-gray);
font-size:11px;
text-align:center;
}

.modal-searching .modal-searching-spinner > span{
margin:10px auto 0;
color:var(--cmn-font-color-base);
display:block;
width:400px;
text-align:center;
font-weight:bold;
font-size:24px;
}

/* .modal-searching-agt
----------------------------------------------- */
.modal-searching .modal-searching-agt{
font-size:12px;
text-align:center;
}

.modal-searching .modal-searching-agt > li{
margin-top:4px;
}


/* ----------------------------------------------------------------
  Modal Station
----------------------------------------------------------------- */
/* .modal-station
----------------------------------------------- */
.modal-station{
margin-top:-8px !important;
min-height:auto;
height:620px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .modal-station-header
----------------------------------------------- */
.modal-station .modal-station-header{
margin:0 -20px;
padding:0 20px 12px;
box-shadow:0 3px 3px rgba(0,0,0,.2);
}

/* .modal-station-content
----------------------------------------------- */
.modal-station .modal-station-content{
margin:0 -20px;
padding:0 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
}

/* .modal-station-note
----------------------------------------------- */
.modal-station-note{
color:var(--cmn-font-color-gray);
}

.modal-station-note > li{
margin-top:8px;
}

.modal-station-note > li > span{
padding-left:16px;
display:inline-block;
position:relative;
}

.modal-station-note > li > span::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

.modal-station-tab .modal-station-note{
text-align:right;
}

/* .modal-station-tab-list
----------------------------------------------- */
.modal-station .modal-station-tab-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.modal-station .modal-station-tab-list > li{
padding-bottom:4px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}

.modal-station .modal-station-tab-list button{
padding:0;
border:none;
width:100%;
line-height:1.42;
background:transparent;
font-size:12px;
}

.modal-station .modal-station-tab-list .is-active button{
position:relative;
overflow:visible;
}

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

.modal-station .modal-station-tab-list button:disabled{
color:#ccc;
}

.modal-station .modal-station-tab-list button > span{
display:block;
}

/* .modal-station-tab-form
----------------------------------------------- */
.modal-station .modal-station-tab-form{
margin-top:8px;
padding-right:30px;
border:1px solid #bbb;
border-radius:2px;
position:relative;
}

.modal-station .modal-station-tab-form input{
padding:8px 0 8px 8px;
border:none;
width:100%;
height:34px;
box-sizing:border-box;
}

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

/* .modal-station-tab-content-error
----------------------------------------------- */
.modal-station .modal-station-tab-content-error{
margin:16px 0;
font-size:14px;
}

.modal-station .modal-station-tab-content-error strong{
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
}

/* .modal-station-tab-content-hdg
----------------------------------------------- */
.modal-station .modal-station-tab-content-hdg{
margin-top:16px;
font-size:14px;
}

/* .modal-station-tab-content-list
----------------------------------------------- */
.modal-station .modal-station-tab-content-list{
border-bottom:1px solid #ccc;
line-height:1.35;
font-size:14px;
}

.modal-station .modal-station-tab-content-list > li{
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.modal-station .modal-station-tab-content-list > li:not(:first-child){
border-top:1px solid #ccc;
}

.modal-station .modal-station-tab-content-list > li > a{
padding:4px 0;
color:var(--cmn-font-color-base);
box-sizing:border-box;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
text-decoration:none;
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop, .modal-station .modal-station-tab-content-list > li > a{
height:44px;
}

.modal-station .modal-station-tab-content-list > li > a > span:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.modal-station .modal-station-tab-content-list .sup{
display:inline-block;
font-size:12px;
}

/* .modal-station-tab-content-toggle-list > .modal-station-tab-content-list
----------------------------------------------- */
.modal-station-tab-content-toggle-list .modal-station-tab-content-list{
border-bottom:none;
}

.modal-station-tab-content-toggle-list .modal-station-tab-content-list > li{
background:linear-gradient(90deg, #ccc, #ccc 30%, transparent 30%, transparent 100%) repeat-x 0 0;
background-size:6px 1px;
}

.modal-station-tab-content-toggle-list .modal-station-tab-content-list > li:not(:first-child){
border-top:none;
}

/* .modal-station-tab-content-toggle-list
----------------------------------------------- */
.modal-station .modal-station-tab-content-toggle-list{
font-size:14px;
}

.modal-station .modal-station-tab-content-toggle-list > li:not(:first-child){
border-top:1px solid #ccc;
}

.modal-station .modal-station-tab-content-toggle-list > li:last-child{
border-bottom:1px solid #ccc;
}

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

.modal-station .modal-station-tab-content-toggle-list > li > .modal-station-tab-content-toggle-list-hook{
padding:4px 20px 4px 0;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
box-sizing:border-box;
position:relative;
text-decoration:none;
}

/* IE11 Hack*/
_:-ms-lang(x)::-ms-backdrop, .modal-station .modal-station-tab-content-toggle-list > li > .modal-station-tab-content-toggle-list-hook{
height:44px;
}

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

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

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

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

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

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

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

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

.modal-station .modal-station-tab-content-toggle-list > li .station::before,
.modal-station .modal-station-tab-content-toggle-list > li .bullet-train-station::before,
.modal-station .modal-station-tab-content-toggle-list > li .area::before,
.modal-station .modal-station-tab-content-toggle-list > li .spot::before,
.modal-station .modal-station-tab-content-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;
}

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

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

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

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

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

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

.modal-station .modal-station-tab-content-toggle-list .sup{
display:inline-block;
font-size:12px;
}

.modal-station .modal-station-tab-content-toggle-list .num{
margin-left:4px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .modal-station-logo-google
----------------------------------------------- */
.modal-station .modal-station-logo-google{
padding-top:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
font-size:12px;
}

.modal-station .modal-station-logo-google > span{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}

.modal-station .modal-station-logo-google > a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.modal-station .modal-station-logo-google button{
margin:0;
padding:0;
border:none;
font-size:12px;
}

.modal-station .modal-station-logo-google img{
margin-left:4px;
width:110px;
vertical-align:text-bottom;
}


/* ----------------------------------------------------------------
  Loading
----------------------------------------------------------------- */
/* ..loading-spinner
----------------------------------------------- */
.loading-spinner{
margin:50px 0;
text-align:center;
}

.loading-spinner b{
margin-top:10px;
display:block;
font-size:16px;
}

/* .loading-progressbar
----------------------------------------------- */
@keyframes loading-progressbar{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}

.loading-progressbar > span + span{
margin-left:12px;
}

.loading-progressbar > div{
margin-top:4px;
background-color:#f5f5f5;
}

.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:loading-progressbar 1s infinite;
animation-timing-function:linear;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:40px 0 70px;
}

/* .error-wording
----------------------------------------------- */
.error .error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}

.error .error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}

/* .error-logo
----------------------------------------------- */
.error .error-logo{
margin-bottom:40px;
text-align:center;
}

.error .error-logo img{
vertical-align:bottom;
}

/* .error-prev
----------------------------------------------- */
.error .error-prev{
margin-top:32px;
text-align:center;
}

.error .error-prev > a{
padding:9px 12px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* .error-prev-note
----------------------------------------------- */
.error .error-prev-note{
font-size:11px;
}

.error .error-prev-note > li{
margin-top:10px;
padding-left:1em;
text-indent:-1em;
}

/* .error-hint
----------------------------------------------- */
.error .error-hint{
margin:45px auto 30px;
width:570px;
}

.error .error-hint-wording{
font-size:14px;
font-weight:bold;
}

.error .error-hint-list{
margin-top:10px;
}

.error .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

.error .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}

.error .error-hint-list > li:last-child{
padding-bottom:0;
}

.error .error-hint-list > li > div{
position:relative;
box-sizing:border-box;
}

.error .error-hint-list > li > div:first-child{
padding:0 0 0 15px;
width:45%;
}

.error .error-hint-list > li > div:first-child:before{
content:'';
display:block;
width:10px;
height:11px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background:url(/element/j_traindp/shared/images/icon-checked.svg) no-repeat 0 0;
}

.error .error-hint-list > li > div:last-child{
padding-left:25px;
flex: 1;
}

.error .error-hint-list > li > div:last-child:before{
content:'\2192';
display:block;
position:absolute;
top:-1px;
left:0;
}

.error .error-hint-list-link{
margin-top:5px;
padding-left:12px;
color:#666;
display:block;
position:relative;
}

.error .error-hint-list-link::before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .error-box
----------------------------------------------- */
.error .error-box{
margin-top:30px;
padding:20px;
background-color:#ededed;
position:relative;
}

.error .error-box: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 #ededed transparent;
border-style:solid;
}

.error .error-box .error-box-catch{
margin-bottom:10px;
text-align:center;
font-size:13px;
}

.error .error-box .error-box-link{
margin:0 auto 5px;
padding:15px 40px 15px 15px;
color:var(--cmn-font-color-base);
border-radius:6px;
border:1px solid #ccc;
display:block;
width:460px;
box-sizing:border-box;
position:relative;
background-color:#fff;
font-size:12px;
}

.error .error-box .error-box-link::before{
margin-top:-7px;
content:'';
display:block;
position:absolute;
top:50%;
right:15px;
border-right:2.5px solid #888;
border-bottom:2.5px solid #888;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.error .error-box .error-box-link:active,
.error .error-box .error-box-link:hover,
.error .error-box .error-box-link:focus{
text-decoration:none;
}

.error .error-box .error-box-link > b{
padding-left:30px;
display:block;
font-size:18px;
background:url(/element/j_traindp/shared/images/icon-baggage.svg) 0 2px no-repeat;
background-size:20px 18px;
}


/* ----------------------------------------------------------------
  Agent Link Modules
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:30px auto;
border:3px solid #a9a9a9;
padding:40px 75px;
width:800px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin-bottom:20px;
font-weight:bold;
text-align:center;
font-size:18px;
}

/* .agt-link-catch-01
----------------------------------------------- */
.agt-link .agt-link-catch-01{
margin-bottom:30px;
text-align:center;
font-size:18px;
}

/* .agt-link-notice-list
----------------------------------------------- */
.agt-link .agt-link-notice-list{
margin-top:10px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.agt-link .agt-link-notice-list > li{
margin-top:4px;
padding-left:16px;
position:relative;
}

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

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note{
margin-top:20px;
color:var(--cmn-font-color-gray);
font-size:13px;
text-align:center;
}

/* .agt-link-cv-list
----------------------------------------------- */
.agt-link .agt-link-cv-list{
margin:20px auto 0;
display:-webkit-box;
display:flex;
-webkit-box-pack:center;
justify-content:center;
gap:0 25px;
line-height:1.25;
width:480px;
}

.agt-link .agt-link-cv-list > li{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
max-width:215px;
}

.agt-link .agt-link-cv-list > li > a{
min-height:46px;
display:block;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-flex:1 0 0;
flex:1 0 0;
text-align:center;
font-weight:bold;
font-size:14px;
text-decoration: none;
}

.agt-link .agt-link-cv-list > li.prev > a{
padding:5px 8px 4px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-gray);
background-color:#fff;
box-shadow:0 -2px 0 #ccc inset;
font-weight:bold;
font-size:17px;
}

.agt-link .agt-link-cv-list > li.cv > a{
border-radius:4px;
color:#fff;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0,0,0,.4);
background-color:#72ba00;
}

.agt-link .agt-link-cv-list > li .br{
display:block;
}
/* .agt-link-num-people
----------------------------------------------- */
.agt-link .agt-link-num-people{
margin:20px 0 40px;
text-align:center;
}

/* .agt-link-num-people-catch
----------------------------------------------- */
.agt-link .agt-link-num-people-catch{
margin-bottom:20px;
padding:10px 15px 8px;
background-color:#e8e8e8;
font-size:16px;
}

.agt-link .agt-link-num-people-catch strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}

/* .agt-link-num-people-sup
----------------------------------------------- */
.agt-link .agt-link-num-people-sup{
margin-bottom:12px;
color:#555;
}

/* .agt-link-num-people-list
----------------------------------------------- */
.agt-link .agt-link-num-people-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-size:12px;
}

.agt-link .agt-link-num-people-list > li:not(:first-child){
margin-left:40px;
}

.agt-link .agt-link-num-people-list > li b{
margin-right:5px;
color:#555;
display:inline-block;
font-size:11px;
}

/* .agt-link-num-people-select
----------------------------------------------- */
.agt-link .agt-link-num-people-select{
margin:0 5px 0 2px;
}

/* .agt-link-price-change-attention
----------------------------------------------- */
.agt-link .agt-link-price-change-attention{
margin:40px auto 20px;
padding-left:23px;
width:fit-content;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 35% no-repeat;
background-size:18px auto;
font-size:18px;
}

/* .agt-link-price-change-item
----------------------------------------------- */
.agt-link .agt-link-price-change-item{
margin:20px auto;
border-width:1px 0;
border-style:solid;
border-color:#e1e1e1;
width:fit-content;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

/* .agt-link-price-change-item
----------------------------------------------- */
.agt-link .agt-link-price-change-item-hdg{
padding:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f4f4f4;
font-size:13px;
font-weight:normal;
}

/* .agt-link-price-change-item-col
----------------------------------------------- */
.agt-link .agt-link-price-change-item-col{
padding:5px 10px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.agt-link-price-change-item-col .before{
color:#777;
display:inline-block;
vertical-align:middle;
font-size:11px;
}

.agt-link-price-change-item-col .before .num{
font-family:Arial;
font-size:17px;
}

.agt-link-price-change-item-col .after{
display:inline-block;
vertical-align:middle;
font-size:12px;
}

.agt-link-price-change-item-col .after .num{
font-family:Arial;
font-size:24px;
font-weight:bold;
}

.agt-link-price-change-item-col .arrow{
margin:0 5px;
color:rgba(0,0,0,0);
width:40px;
height:10px;
overflow:hidden;
position:relative;
display:inline-block;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.agt-link-price-change-item-col .arrow::before{
margin-top:-1px;
content:'';
display:block;
width:32px;
height:2px;
position:absolute;
top:50%;
background-color:#777;
}

.agt-link-price-change-item-col .arrow::after{
content:'';
display:block;
position:absolute;
top:0;
right:0;
width:0;
height:0;
border-width:5px 0 5px 8px;
border-color:transparent transparent transparent #777;
border-style:solid;
}

/* .agt-link-price-change-inner
----------------------------------------------- */
.agt-link .agt-link-price-change-inner{
margin:30px auto 0;
padding-top:16px;
border-top:1px solid #e6e6e6;
}

/* .agt-link-price-change-catch
----------------------------------------------- */
.agt-link .agt-link-price-change-catch{
margin-bottom:8px;
font-weight:bold;
font-size:14px;
}

.agt-link .agt-link-price-change-catch strong{
font-weight:bold;
}

/* .agt-link-price-change-list
----------------------------------------------- */
.agt-link .agt-link-price-change-list{
font-size:14px;
}

.agt-link .agt-link-price-change-list > li{
margin-top:4px;
display:table;
width:100%;
}

.agt-link .agt-link-price-change-list > li > span{
display:table-cell;
}

.agt-link .agt-link-price-change-list > li > span:first-child{
padding-right:15px;
width:8em;
position:relative;
white-space:nowrap;
}

.agt-link .agt-link-price-change-list > li > span:first-child::after{
content:':';
display:block;
position:absolute;
top:-1px;
right:5px;
}


/* ----------------------------------------------------------------
  Calendar Component
----------------------------------------------------------------- */
/* .calendar-note
----------------------------------------------- */
.calendar-note{
margin-top:10px;
color:#949494;
font-size:11px;
}

.calendar-note > li{
margin-right:15px;
display:inline-block;
}

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

.calendar-note strong{
padding-left:18px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
background-size:14px auto;
font-weight:normal;
}

.calendar-note b{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .calendar-footer
----------------------------------------------- */
.calendar-footer{
margin:16px -20px -20px;
padding:15px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
gap:0 4px;
background-color:#e5e5e5;
font-size:11px;
}

.calendar-footer > div:first-child{
padding:8px 8px 0;
border:1px solid #bebebe;
border-radius:2px;
box-sizing:border-box;
height:34px;
cursor:pointer;
background-color:#fff;
font-size:13px;
}

.calendar-footer button{
margin-left:8px;
border:none;
border-radius:4px;
color:#fff;
width:108px;
height:34px;
background-color:#338cd5;
font-size:12px;
}


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

  SEO Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .seo
----------------------------------------------------------------- */
.seo{
margin-top:25px;
padding:15px 20px 20px;
border-top:1px solid #e1e1e1;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.35);
box-shadow:0 1px 2px rgba(0,0,0,.35);
background-color:#fff;
font-size:12px;
}



/* ----------------------------------------------------------------
  .seo-panel-toggle
----------------------------------------------------------------- */
/* .seo-panel-toggle
----------------------------------------------------------------- */
.seo-panel-toggle{
margin-top:25px;
}

/* .seo-panel-toggle-hook
----------------------------------------------------------------- */
.seo-panel-toggle-hook{
border-top:1px solid #ccc;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
background:url(/element/j_traindp/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 8px) 50%;
background-size:16px auto;
cursor:pointer;
font-size:16px;
font-weight:bold;
}

.seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-hook{
background-image:url(/element/j_traindp/shared/images/icon-arrow-up.svg);
}

.seo-panel-toggle[aria-expanded=false]{
border-bottom: 1px solid #ccc;
}

/* .seo-panel-toggle-content
----------------------------------------------------------------- */
.seo-panel-toggle-content{
margin:0;
}

.seo-panel-toggle[aria-expanded=false] .seo-panel-toggle-content{
display:none;
}

.seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .seo-header
----------------------------------------------------------------- */
/* .seo-header
----------------------------------------------------------------- */
.seo .seo-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.seo-cheapest .seo-header{
-webkit-box-align:center;
align-items:center;
}

/* .seo-header-hdg
----------------------------------------------------------------- */
.seo .seo-header-hdg{
margin-right:12px;
font-size:18px;
}

.seo .seo-header > .seo-header-hdg{
-webkit-box-flex:1;
flex:1;
}

/* .seo-header-hdg-more
----------------------------------------------------------------- */
.seo .seo-header-hdg-more{
font-weight:bold;
text-align:right;
-webkit-box-flex:1;
flex:1;
}

.seo .seo-header-hdg-more a{
padding-left:12px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
font-weight:bold;
}

.seo .seo-header-hdg-more a:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  .seo br
----------------------------------------------------------------- */
.seo .br{
display:block;
}


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

.seo ul.seo-note > li,
.seo p.seo-note{
color:var(--cmn-font-color-gray);
font-size:12px;
padding-left:16px;
position:relative;
}

.seo ul.seo-note > li:before,
.seo p.seo-note::before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}


/* ----------------------------------------------------------------
  .seo-toggle-list
----------------------------------------------------------------- */
.seo-toggle-list{
font-size:12px;
}

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

.seo-toggle-list > li > a,
.seo-toggle-list > li[aria-expanded] > button{
padding:4px 0;
border:none;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-toggle-list > li[aria-expanded] > button{
width:100%;
text-align:left;
font-size:12px;
background:transparent;
}

.seo-toggle-list > li[aria-expanded] > button > span{
padding-right:20px;
-webkit-box-flex:1;
flex:1;
background:url(/element/j_traindp/shared/images/icon-arrow-down.svg) calc(100% - 4px) 50% no-repeat;
background-size:16px auto;
}

.seo-toggle-list > li[aria-expanded='true'] > button > span{
background-image:url(/element/j_traindp/shared/images/icon-arrow-up.svg);
}

.seo-panel-toggle-content > .seo-toggle-list{
margin:-8px 0 -12px;
}

.seo-panel-toggle-content > .seo-toggle-list > li:first-child{
border-top:none;
}

/* .seo-toggle-list > .seo-toggle-list
--------------------------------- */
.seo-toggle-list .seo-toggle-list{
margin-left:28px;
}

.seo-toggle-list .seo-toggle-list > li[aria-expanded] > button > span{
padding-right:24px;
background-size:12px auto;
background-position:calc(100% - 6px);
}

.seo-toggle-list > li[aria-expanded=false] > .seo-toggle-list{
display:none;
}

.seo-toggle-list > li[aria-expanded=true] > .seo-toggle-list{
display:block;
}

/* .seo-toggle-list-01
----------------------------------------------------------------- */
.seo-toggle-list-01{
margin:0 0 16px 30px;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
gap:16px 32px;
}

.seo-toggle-list-01 a{
text-decoration:none;
}

.seo-toggle-list-01 > li:nth-child(3n+1){
margin-left:0;
}

.seo-toggle-list > li[aria-expanded=false] > .seo-toggle-list-01{
display:none;
}

.seo-toggle-list > li[aria-expanded=true] > .seo-toggle-list-01{
display:-webkit-box;
display:flex;
}


/* ----------------------------------------------------------------
  .seo-toggle
----------------------------------------------------------------- */
/* .seo-toggle-hook
----------------------------------------------------------------- */
.seo .seo-toggle-hook{
margin:8px 0 -8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-toggle-hook > div{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-toggle-hook > p{
margin:0 0 0 -256px;
}

.seo .seo-toggle-hook button{
margin:0 auto;
padding:0;
border:none;
display:block;
font-size:14px;
font-weight:normal;
background:none;
}

.seo .seo-toggle-hook button > span{
padding-left:13px;
display:inline-block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size:9px auto;
}

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

/* .seo-popular-destination > .seo-toggle-hook
------------------------------------------------- */
.seo-popular-destination .seo-toggle-hook{
margin-top:12px;
}

.seo-popular-destination .seo-toggle-hook button{
padding:8px;
border:1px solid #ddd;
border-radius:4px;
box-sizing:border-box;
width:250px;
background-color:#f5f5f5;
font-size:14px;
}

/* .seo-toggle-content
----------------------------------------------------------------- */
.seo .seo-toggle-content{
display:none;
}

.seo .seo-toggle-content > :first-child{
margin-top:0;
}

.seo .seo-toggle-content > :last-child{
margin-bottom:0;
}

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


/* ----------------------------------------------------------------
  .seo-carousel
----------------------------------------------------------------- */
/* .seo-carousel
----------------------------------------------------------------- */
.seo .seo-carousel{
position:relative;
}

/* .seo-carousel-nav
----------------------------------------------------------------- */
.seo .seo-carousel-nav > li{
position:absolute;
top:42%;
z-index:2;
}

.seo .seo-carousel-nav > .next{
right:-14px;
}

.seo .seo-carousel-nav > .prev{
left:-14px;
}

.seo .seo-carousel-nav button{
border:1px solid #bbb;
border-radius:16px;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
position:relative;
background-color:#fff;
}

.seo .seo-carousel-nav button::before{
content:'';
display:block;
width:7px;
height:12px;
overflow:hidden;
position:absolute;
bottom:50%;
right:50%;
transform:translate(50%, 50%);
background:url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
}

.seo .seo-carousel-nav .next button::before{
transform:translate(50%, 50%) rotate(180deg);
}

.seo .seo-carousel-nav [aria-disabled=true] button{
display:none;
}

/* .seo-carousel-item
----------------------------------------------------------------- */
.seo .seo-carousel-item{
margin:-4px;
padding:4px;
overflow:hidden;
font-size:12px;
}



/* ----------------------------------------------------------------
  .seo-dp-description
----------------------------------------------------------------- */
/* .seo-dp-description
----------------------------------------------------------------- */
.seo .seo-dp-description{
display:-webkit-box;
display:flex;
gap:18px;
font-size:14px;
}

/* .seo-dp-description-inner
----------------------------------------------------------------- */
.seo .seo-dp-description-inner:first-child{
flex:1;
}

.seo .seo-dp-description-inner:last-child{
width:428px;
}

.seo .seo-dp-description-inner > :first-child{
margin-top:0;
}

/* .seo-dp-description-hdg
----------------------------------------------------------------- */
.seo .seo-dp-description-hdg{
margin:12px 0 4px;
font-size:14px;
}

.seo .seo-dp-description-hdg.branch{
color:#3c6fa5;
}

/* .seo-dp-description-list
----------------------------------------------------------------- */
.seo .seo-dp-description-list{
display:-webkit-box;
display:flex;
gap:4px;
line-height:1.35;
font-size:12px;
text-align:center;
}

.seo .seo-dp-description-list > li{
padding:50px 0 12px;
border-radius:4px;
-webkit-box-flex:1;
flex:1;
background-repeat: no-repeat;
background-position:50% 19px;
background-size:auto 22px;
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-cheapest{
font-size:14px;
}

.seo-cheapest > p{
margin-bottom:14px;
}

/* .seo-cheapest-filter
----------------------------------------------------------------- */
.seo-cheapest-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 22px;
}

/* .seo-cheapest-filter-select
----------------------------------------------------------------- */
.seo-cheapest-filter-select label{
height:0;
overflow:hidden;
position:absolute;
}

.seo-cheapest-filter-select .form-custom-select{
border-radius:4px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

/* .seo-cheapest-filter-list
----------------------------------------------------------------- */
.seo-cheapest-filter-list{
border:1px solid #a9a9a9;
border-radius:3px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo-cheapest-filter-list button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:58px;
height:28px;
background-color:#e8e7e7;
font-size:14px;
}

.seo-cheapest-filter-list button:disabled{
color:var(--cmn-font-color-base);
opacity:1;
background-color:#fff;
font-weight:bold;
}

.seo-cheapest-filter-list > li:not(:last-child) button{
border-right:1px solid #a9a9a9;
}

/* .seo-cheapest-header
----------------------------------------------------------------- */
.seo-cheapest-header{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-cheapest-header > span{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.seo-header .seo-cheapest-header{
margin-bottom:0;
}

/* .seo-cheapest-tbl
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl{
margin-top:8px;
display:-webkit-box;
display:flex;
gap:24px;
}

/* .seo-cheapest-tbl-inner
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl-inner{
-webkit-box-flex:1;
flex:1;
}

/* .seo-cheapest-tbl > table
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
border-top: 1px solid #ddd;
table-layout:fixed;
width:100%;
}

.seo .seo-cheapest-tbl table caption{
height:0;
overflow:hidden;
position:absolute;
}

.seo .seo-cheapest-tbl table th,
.seo .seo-cheapest-tbl table td{
border-bottom: 1px solid #ddd;
padding:8px 0;
font-weight:normal;
text-align:center;
}

.seo .seo-cheapest-tbl table thead th{
padding:8px 0;
}

.seo .seo-cheapest-tbl table thead th > span{
display:block;
}

.seo .seo-cheapest-tbl table thead tr > th:first-child{
padding-left:0;
width:110px;
text-align:left;
}

.seo .seo-cheapest-tbl table tbody th{
text-align:left;
}

.seo .seo-cheapest-tbl table tbody td > span{
display:inline-block;
min-width:5em;
text-align:right;
}

.seo .seo-cheapest-tbl table th.unset{
padding-left:2.5em;
}

.seo .seo-cheapest-tbl table td.unset > span{
text-align:center;
}

/* .seo-cheapest-sup
----------------------------------------------------------------- */
.seo .seo-cheapest-sup{
margin-top:12px;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-popular-destination
----------------------------------------------------------------- */
/* .seo-popular-destination-filter
----------------------------------------------------------------- */
.seo .seo-popular-destination-filter{
margin:0;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo .seo-popular-destination-filter .form-custom-select{
border-radius:4px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

/* .seo-popular-destination-content
----------------------------------------------------------------- */
.seo .seo-popular-destination-content{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
gap:20px;
}

/* .seo-popular-destination-content-item
----------------------------------------------------------------- */
.seo .seo-popular-destination-content-item{
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
box-sizing:border-box;
width:215px;
min-width:215px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
font-size:12px;
}

/* .seo-toggle > .seo-popular-destination-content-item
------------------------------------- */
.seo-toggle .seo-popular-destination-content-item{
margin-top:20px;
}

/* .seo-popular-destination-content-item > .data
------------------------------------- */
.seo .seo-popular-destination-content-item > .data{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .seo-popular-destination-content-item > .thumb
------------------------------------- */
.seo .seo-popular-destination-content-item > .thumb{
height:125px;
}

.seo .seo-popular-destination-content-item > .thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.seo .seo-popular-destination-content-item > .thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo .seo-popular-destination-content-item > .thumb.no-photo img{
width:100px;
height:auto;
}

/* .seo-popular-destination-content-item-hdg
----------------------------------------------------------------- */
.seo .seo-popular-destination-content-item-hdg{
margin-bottom:4px;
line-height:1.25;
min-height:4.5em;
font-size:14px;
font-weight:normal;
}

.seo .seo-popular-destination-content-item-hdg .tag{
margin-bottom:8px;
padding:4px 8px;
color:#fff;
display:block;
width:fit-content;
line-height:1;
background-color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .seo-popular-destination-content-item-list
----------------------------------------------------------------- */
.seo .seo-popular-destination-content-item-list{
margin:4px 0 0;
}

.seo .seo-popular-destination-content-item-list > li{
display:-webkit-box;
display:flex;
overflow:hidden;
}

.seo .seo-popular-destination-content-item-list > li > span:first-child{
padding-right:calc(1em + 4px);
width:2em;
position:relative;
}

.seo .seo-popular-destination-content-item-list > li > span:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:2px;
}

.seo .seo-popular-destination-content-item-list > li > span:last-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
display:-webkit-box;
display:flex;
flex-direction:column;
}

.seo .seo-popular-destination-content-item-list > li > span:last-child > span{
overflow:hidden;
width:100%;
}

.seo .seo-popular-destination-content-item-list > li > span:last-child > span:first-child{
min-width:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
}

.seo .seo-popular-destination-content-item-list > li > span:last-child > span:last-child{
white-space:nowrap;
text-overflow:ellipsis;
}

/* .seo-popular-destination-content-item-footer
----------------------------------------------------------------- */
.seo .seo-popular-destination-content-item-footer{
margin-top:auto;
}

.seo .seo-popular-destination-content-item-footer > div{
margin-top:8px;
text-align:right;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-popular-destination-content-item-footer > div > span:first-child{
margin-right:8px;
-webkit-box-flex:1;
flex:1;
text-align: right;
}

.seo .seo-popular-destination-content-item-footer > div b{
font-size:18px;
font-family:Arial;
}

.seo .seo-popular-destination-content-item-footer > a{
margin:8px auto 0;
padding:4px;
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
text-align:center;
}

.seo .seo-popular-destination-content-item-footer > a > span{
display:block;
}


/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq
----------------------------------------------------------------- */
.seo .seo-faq{
margin-top:-8px;
font-size:14px;
}

/* .seo-faq-item
----------------------------------------------------------------- */
.seo .seo-faq-item{
border-bottom:1px solid #ddd;
}

/* .seo-faq-item-hook
----------------------------------------------------------------- */
.seo .seo-faq-item-hook{
padding:4px 24px 4px 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:44px;
background-image:url(/element/j_traindp/shared/images/icon-faq-q.svg), url(/element/j_traindp/shared/images/icon-arrow-down.svg);
background-position:0 50%, calc(100% - 4px) 50%;
background-repeat:no-repeat;
background-size:11px auto, 16px auto;
text-align:left;
font-weight:normal;
cursor:pointer;
}

.seo-faq-item[aria-expanded="true"] .seo-faq-item-hook{
background-image:url(/element/j_traindp/shared/images/icon-faq-q.svg), url(/element/j_traindp/shared/images/icon-arrow-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{
margin-top:12px;
text-align:right;
font-size:12px;
}


/* ----------------------------------------------------------------
  .seo-matome
----------------------------------------------------------------- */
/* .seo-carouse-matome
----------------------------------------------------------------- */
.seo .seo-carouse-matome{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-carouse-matome li{
border-radius:6px;
min-height:254px;
height:auto;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

.seo .seo-carouse-matome a{
color:var(--cmn-font-color-base);
position:relative;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
text-decoration:none;
}

.seo .seo-carouse-matome .detail{
padding:12px;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.seo .seo-carouse-matome .sup{
margin:auto 0 0;
}

.seo .seo-carouse-matome .thumb{
height:122px;
overflow:hidden;
position:relative;
box-sizing:border-box;
}

.seo .seo-carouse-matome .thumb img{
position:absolute;
bottom:50%;
left:0;
transform:translateY(50%);
width:100%;
}


/* ----------------------------------------------------------------
  .seo-attention
----------------------------------------------------------------- */
.seo .seo-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo .seo-attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.seo .seo-attention ul a{
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.seo .seo-attention ul a:active,
.seo .seo-attention ul a:hover,
.seo .seo-attention ul a:focus{
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .seo-news
----------------------------------------------------------------- */
.seo .seo-news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo .seo-news ul a{
color:#555;
text-decoration:none;
}

.seo .seo-news ul a:active > div,
.seo .seo-news ul a:hover > div,
.seo .seo-news ul a:focus > div{
text-decoration:underline;
}

.seo .seo-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}

.seo .seo-news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
}

.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;
}