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

  Custom Properties

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



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

  Site Common Modules modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-ad-bnr
----------------------------------------------------------------- */
/* .cmn-ad-bnr
----------------------------------------------- */
.seo .act_ad_manage .cmn-ad-bnr{
padding-bottom:0;
position:relative;
}

.search-result .cmn-ad-bnr{
--cmn-ad-bnr-bg-color:#f5f5f5;
padding:0;
border-top:8px solid #666;
}


/* ----------------------------------------------------------------
  .cmn-notice-list
----------------------------------------------------------------- */
.seo-index .cmn-notice-list{
color:#fff;
}


/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
td .cmn-loading-spinner{
margin:4px auto;
}


/* ----------------------------------------------------------------
  .cmn-tip-btn
----------------------------------------------------------------- */
/* .search-result-item-plan-note > .cmn-tip-caution-btn
----------------------------------------------- */
.search-result-item-plan-note .cmn-tip-caution-btn{
vertical-align:middle;
}


/* ----------------------------------------------------------------
  .cmn-seo-link modify
----------------------------------------------------------------- */
/* .cmn-seo-link-hdg
----------------------------------------------- */
.seo .cmn-seo-link{
margin:0;
padding:0;
}

/* .cmn-seo-link-hdg
----------------------------------------------- */
.seo .cmn-seo-link .cmn-seo-link-hdg,
.seo .cmn-seo-link .cmn-seo-link-hdg-index{
margin:0;
padding:0;
color:var(--cmn-font-color-base);
line-height:1.25;
background-color:transparent;
font-weight:normal;
font-size:16px;
}

/* .cmn-seo-link-list
----------------------------------------------- */
.seo .cmn-seo-link .cmn-seo-link-list{
border-top:1px solid #e5e5e5;
line-height:1.42;
font-size:12px;
}

/* .cmn-seo-link-list-thumb
----------------------------------------------- */
.seo .cmn-seo-link .cmn-seo-link-list-thumb{
margin-right:8px;
width:72px;
height:54px;
}

/* .cmn-seo-link-toggle-btn
----------------------------------------------- */
.seo .cmn-seo-link .cmn-seo-link-toggle-btn{
margin:0;
font-size:14px;
width:100%;
}

.seo .cmn-seo-link .cmn-seo-link-toggle-btn > span{
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:12px;
}

.seo .cmn-seo-link .cmn-seo-link-toggle-active .cmn-seo-link-toggle-btn > span{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}



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

  Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Base Font
----------------------------------------------------------------- */
button,
select,
input,
textarea{
font-family:var(--cmn-font-family);
}


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

[data-role='page'].is-active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
opacity:1;
}

[role='dialog'].is-active{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
background-color:#fff;
opacity:1;
}


/* ----------------------------------------------------------------
  paragraph
----------------------------------------------------------------- */
/* .br
----------------------------------------------- */
.br{
display:block;
}



/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab
----------------------------------------------- */
.tab{
margin:0 -10px 15px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
line-height:1.35;
text-align:center;
font-size:14px;
}

.tab > li{
border-left:1px solid #bbb;
-webkit-box-flex:1;
flex:1;
}

.tab > li:first-child{
border-left:none;
}

.tab > li a{
padding:13px 5px;
border-bottom:1px solid #bbb;
color:#555;
display:block;
background-color:#f5f5f5;
}

.tab > li a:not([href]){
color:var(--cmn-font-color-base);
border-bottom:none;
background-color:#fff;
font-weight:bold;
}

.tab > li a:not([href]) span{
font-weight:bold;
}

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

.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:#555;
text-align:center;
}

.pager > li.pager-first{
margin-right:6px;
}

.pager > li.pager-first + .pager-prev{
margin-left:0;
}

.pager > li.pager-prev{
margin-left:51px;
}

.pager > li.pager-current{
-webkit-box-flex:1;
flex:1;
text-align:center;
font-size:12px;
}

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

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

.pager > li.pager-current:first-child{
margin-left:96px;
}

.pager > li.pager-current:last-child{
margin-right:96px;
}

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


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


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

.notice-list > li{
padding-left:calc(1em + 4px);
position:relative;
}

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

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

.notice-list > li.no-mark{
padding-left:0;
}

.notice-list > li.no-mark::before{
display:none;
}


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

.form-search-lyt-item.num .icon-required{
position:absolute;
top:40%;
left:2.1em;
}


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

input::-webkit-input-placeholder,
input::-webkit-input-placeholder{
font-size:13px;
}

input::-webkit-input-placeholder,
input::placeholder{
font-size:13px;
}

input[type='checkbox']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}

input[type='checkbox']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}

input[type='checkbox']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}

input[type='radio']{
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}

input[type='radio']:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}

input[type='radio']:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}

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

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

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

.form-custom-select.is-disabled{
border-color:#d1d1d1;
}

.form-custom-select.is-disabled::before{
border-top-color:#a4a4a4;
}

.form-custom-select.is-disabled select{
color:#999;
}

.form-search-lyt .form-custom-select{
margin:0;
}

/* .form-list
----------------------------------------------- */
.form-list{
margin:0 -10px;
line-height:1.35;
font-size:15px;
}

.form-list > li{
position:relative;
}

.form-list > li > label{
padding:12px 10px 11px 40px;
border-bottom:1px solid #e5e5e5;
display:block;
}

.form-list > li > label input[type='checkbox'],
.form-list > li > label input[type='radio']{
position:absolute;
top:11px;
left:10px;
}

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

.form-list > li.link:first-child a{
border-top:1px solid #e5e5e5;
}

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

.form-list > li.seat-4::after,
.form-list > li.seat-4-01::after,
.form-list > li.seat-3::after,
.form-list > li.seat-3-01::after,
.form-list > li.seat-2::after,
.form-list > li.seat-wide::after{
content:'';
border:1px solid #e5e5e5;
border-radius:4px;
display:block;
width:80px;
height:35px;
box-sizing:border-box;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-position:50% 50%;
background-repeat:no-repeat;
background-size:85% auto;
z-index:-1;
}

.form-list > li.seat-4 > label,
.form-list > li.seat-4-01 > label,
.form-list > li.seat-3 > label,
.form-list > li.seat-3-01 > label,
.form-list > li.seat-2 > label,
.form-list > li.seat-wide > label{
padding-right:100px;
}

.form-list > li.seat-4::after{
background-image:url(/element/j_bus/shared/images/icon-seat-01-04.svg);
}

.form-list > li.seat-4-01::after{
background-image:url(/element/j_bus/shared/images/icon-seat-01-05.svg);
}

.form-list > li.seat-3::after{
background-image:url(/element/j_bus/shared/images/icon-seat-01-02.svg);
}

.form-list > li.seat-3-01::after{
background-image:url(/element/j_bus/shared/images/icon-seat-01-03.svg);
}

.form-list > li.seat-2::after{
background-image:url(/element/j_bus/shared/images/icon-seat-01-01.svg);
}

.form-list > li.seat-wide{
border-bottom:1px solid #e5e5e5;
}

.form-list > li.seat-wide::after{
background-image:url(/element/j_bus/shared/images/icon-seat-02-01.svg);
background-size:70% auto;
}

.form-list > li.seat-wide label{
padding-right:0;
border-bottom:none;
display:inline-table;
}

.form-list > li.seat-select,
.form-list > li.seat-female{
border-bottom:1px solid #e5e5e5;
}

.form-list > li.seat-select label,
.form-list > li.seat-female label{
padding-right:0;
border-bottom:none;
display:inline-table;
}

/* .form-list.col-2
----------------------------------------------- */
.form-list.col-2{
overflow:hidden;
}

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

.form-list.col-2 > li.seat-wide{
float:none;
width:auto;
}



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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-lyt
----------------------------------------------------------------- */
/* .form-search-lyt (.form-search-index/.form-search-pseudo common)
----------------------------------------------- */
.form-search-lyt{
margin:0;
font-size:14px;
line-height:1.25;
}


.form-search-lyt > .form-search-lyt-item{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-lyt > .form-search-lyt-item:not(:first-child){
padding:8px 0 0;
}

.form-search-lyt .form-search-lyt-item-col:first-child{
padding-right:8px;
width:5.3em;
position:relative;
text-align:left;
font-size:13px;
}

.form-search-lyt .form-search-lyt-item-col:last-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.form-search-lyt .form-searcn-tip-container{
padding-right:16px;
position:relative;
display:block;
}

.form-search-lyt .form-searcn-tip-container .cmn-tip-btn{
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
}

/* .form-search-index > .form-search-lyt
----------------------------------------------- */
.form-search-index .form-search-lyt .departure,
.form-search-index .form-search-lyt .destination{
padding-right:40px;
}

.form-search-index .form-search-lyt .replace{
display:block;
padding-top:0;
position:absolute;
top:14px;
right:10px;
width:40px;
height:86px;
}

.form-search-index .form-search-lyt .date{
-webkit-box-align:start;
align-items:flex-start;
}

.form-search-index .form-search-lyt .date .form-search-lyt-item-col:first-child{
padding-top:12px;
}

/* .form-search-pseudo > .form-search-lyt
----------------------------------------------- */
.form-search-pseudo .form-search-lyt{
border-bottom:1px solid #e5e5e5;
position:relative;
}

.form-search-pseudo .form-search-lyt > .form-search-lyt-item{
border-top:1px solid #e5e5e5;
-webkit-box-align:stretch;
align-items:stretch;
}

.form-search-pseudo .form-search-lyt > .form-search-lyt-item:not(:first-child){
padding:0;
}

.form-search-pseudo .form-search-lyt > .form-search-lyt-item:first-child{
border-top:none;
}

.form-search-pseudo .form-search-lyt .form-search-lyt-item-col{
padding:10px;
}

.form-search-pseudo .form-search-lyt .form-search-lyt-item-col:first-child{
width:5.5em;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-pseudo .form-search-lyt .form-search-lyt-item-col:first-child > *{
-webkit-box-flex:1;
flex:1;
}

.form-search-pseudo .form-search-lyt .departure,
.form-search-pseudo .form-search-lyt .destination{
margin-right:55px;
position:relative;
}

.form-search-pseudo .form-search-lyt .departure::after,
.form-search-pseudo .form-search-lyt .destination::after{
content:'';
display:block;
width:1px;
height:100%;
background-color:#e5e5e5;
position:absolute;
top:0;
right:0;
}

.form-search-pseudo .form-search-lyt .replace{
padding:0;
border-bottom:none;
position:absolute;
top:0;
right:0;
width:55px;
height:116px;
box-sizing:border-box;
background-color:#fff;
}


/* ----------------------------------------------------------------
  .form-search Heading
----------------------------------------------------------------- */
/* .form-search-lyt-hdg
----------------------------------------------- */
.form-search-lyt .form-search-lyt-hdg{
font-weight:normal;
font-size:14px;
}


/* ----------------------------------------------------------------
  .form-search Paragraph
----------------------------------------------------------------- */
/* .form-search-note
----------------------------------------------- */
.form-search-lyt .form-search-note{
margin:4px 0 0;
padding-left:16px;
color:var(--cmn-font-color-gray);
position:relative;
line-height:1.45;
font-size:12px;
}

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


/* ----------------------------------------------------------------
  .form-search-lyt Button
----------------------------------------------------------------- */
/* .form-search-btn-arrow
----------------------------------------------- */
.form-search-lyt .form-search-btn-arrow{
margin:0;
padding:5px 15px 5px 7px;
border:1px solid #999;
border-radius:4px;
color:var(--cmn-font-color-base);
width:100%;
min-height:44px;
position:relative;
background-color:#fff;
line-height:1.2;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:left;
font-size:16px;
}

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

.form-search-lyt .form-search-btn-arrow.is-unselected,
.form-search-lyt .filter .form-search-btn-arrow.is-unselected{
color:#9e9e9e;
}

.form-search-lyt .form-search-btn-arrow.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-btn-arrow-01
----------------------------------------------- */
.form-search-lyt .form-search-btn-arrow-01{
padding:5px 15px 5px 7px;
border:none;
width:100%;
min-height:38px;
color:var(--cmn-font-color-base);
position:relative;
background-color:#fff;
line-height:1.2;
text-align:left;
font-size:16px;
}

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

.form-search-lyt .form-search-btn-arrow-01.is-unselected{
color:#9e9e9e;
}

.form-search-lyt .departure .form-search-btn-arrow-01,
.form-search-lyt .destination .form-search-btn-arrow-01{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* .form-search-btn-replace
----------------------------------------------- */
.form-search-lyt .form-search-btn-replace{
padding:0;
border:1px solid #ccc;
border-radius:4px;
color:rgba(0, 0, 0, 0);
display:block;
width:29px;
height:42px;
box-sizing:border-box;
overflow:hidden;
position:absolute;
right:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:#fff url(/element_sp/j_bus/shared/images/icon-replace.svg) 50% 50% no-repeat;
background-size:17px 20px;
}

.form-search-pseudo .form-search-lyt .form-search-btn-replace{
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}


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

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

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

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


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

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

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

.form-search-index .form-search-index-hdg-container a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

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

/* .form-search-index-note
----------------------------------------------- */
.form-search-index .form-search-index-note{
margin:8px 0 0;
font-size:12px;
}


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

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

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

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

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

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

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

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

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

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


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


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

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin:16px 0 0;
color:#fff;
line-height:1.35;
font-size:14px;
}

/* .search-result-header-category-hdg
----------------------------------------------- */
.search-result-header .search-result-header-category-hdg{
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}

/* .search-result-header-category-sup
----------------------------------------------- */
.search-result-header .search-result-header-category-sup{
margin-top:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
font-size:14px;
}

/* .search-result-header-category-sup-hdg
----------------------------------------------- */
.search-result-header .search-result-header-category-sup-hdg{
font-weight:normal;
}

span + .search-result-header-category-sup-hdg{
margin-left:8px;
}

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

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

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

/* .search-condition-state
----------------------------------------------- */
.search-result-header .search-condition-state{
padding-right:55px;
position:relative;
overflow:hidden;
}

/* .search-condition-state-area
----------------------------------------------- */
.search-result-header .search-condition-state-area{
margin:0;
font-weight:bold;
}

.search-result-header .search-condition-state-area .departure,
.search-result-header .search-condition-state-area .destination{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:13px;
}

.search-result-header .search-condition-state-area .destination{
margin-top:5px;
}

/* .search-condition-state-btn
----------------------------------------------- */
.search-result-header .search-condition-state-btn{
padding:0;
border:1px solid #ccc;
border-radius:4px;
color:rgba(0, 0, 0, 0);
display:block;
width:29px;
height:42px;
box-sizing:border-box;
overflow:hidden;
position:absolute;
right:15px;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:#fff url(/element_sp/j_bus/shared/images/icon-replace.svg) 50% 50% no-repeat;
background-size:17px 20px;
}

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

.search-result-header .search-header-cheapest.is-active{
padding-right:12px;
}

/* .search-header-cheapest-btn
----------------------------------------------- */
.search-result-header .search-header-cheapest-btn{
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-gray);
position:absolute;
top:0;
right:10px;
height:100%;
background:none;
font-size:12px;
text-align:right;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:12px auto;
}

.search-result-header .is-active .search-header-cheapest-btn{
display:none;
}

.search-result-header .is-active .search-header-cheapest-btn.is-active{
display:block;
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .search-header-cheapest-state
----------------------------------------------- */
.search-result-header .search-header-cheapest-state .date{
display:block;
font-weight:bold;
}

.search-result-header .search-header-cheapest-state .date .num{
margin-left:5px;
display:inline-block;
}

.search-result-header .search-header-cheapest-state .calendar{
margin-top:3px;
padding-left:18px;
color:#555;
display:block;
background:url(/element_sp/shared/images/icon/icon-calendar.svg) 0 0 no-repeat;
background-size:13px auto;
}

.search-result-header .search-header-cheapest-state .calendar > span{
font-size:11px;
}

.search-result-header .is-active .search-header-cheapest-state{
display:none;
}

/* .search-header-cheapest-detail
----------------------------------------------- */
.search-result-header .search-header-cheapest-detail{
display:none;
min-height:445px;
}

.search-result-header .is-active .search-header-cheapest-detail{
display:block;
}

/* .search-header-cheapest-num
----------------------------------------------- */
.search-result-header .search-header-cheapest-num{
padding-bottom:10px;
border-bottom:1px solid #e5e5e5;
position:relative;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-header .search-header-cheapest-num > span:not([class]){
padding-right:18px;
position:relative;
width:2em;
line-height:1.2;
}

.search-result-header .search-header-cheapest-num > span:not([class]) .cmn-tip-btn{
position:absolute;
bottom:50%;
right:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

.search-result-header .search-header-cheapest-num .form-custom-select{
margin:0 25px 0 5px;
-webkit-box-flex:1;
flex:1;
}

.search-result-header .search-header-cheapest-num .search-header-cheapest-btn{
position:static;
height:38px;
}

/* .search-header-cheapest-calendar-nav
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-nav{
margin:10px 0;
padding:0 70px;
position:relative;
text-align:center;
}

.search-result-header .search-header-cheapest-calendar-nav > strong{
display:block;
font-size:15px;
}

.search-result-header .search-header-cheapest-calendar-nav > strong .price{
display:block;
font-weight:normal;
font-size:12px;
}

.search-result-header .search-header-cheapest-calendar-nav > strong .price .num{
font-size:14px;
color:var(--cmn-font-color-red);
font-weight:bold;
}

/* .search-header-cheapest-calendar-nav-list
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-nav-list{
margin:0;
font-size:14px;
font-weight:bold;
}

.search-result-header .search-header-cheapest-calendar-nav-list a{
border:1px solid #bbb;
border-radius:3px;
padding:6px 15px 6px 8px;
color:#555;
position:absolute;
bottom:50%;
right:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:65px;
box-sizing:border-box;
}

.search-result-header .search-header-cheapest-calendar-nav-list a::before{
content:'';
border-width:6px 0 6px 6px;
border-color:transparent transparent transparent #888;
border-style:solid;
display:block;
width:0;
height:0;
position:absolute;
bottom:50%;
right:9px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
}

.search-result-header .search-header-cheapest-calendar-nav-list .prev a{
padding:6px 8px 6px 18px;
right:auto;
left:0;
}

.search-result-header .search-header-cheapest-calendar-nav-list .prev a::before{
right:auto;
left:9px;
border-width:6px 6px 6px 0;
border-color:transparent #888 transparent transparent;
}

.search-result-header .search-header-cheapest-calendar-nav-list .is-disabled a{
border-color:#eee;
color:#ccc;
}

.search-result-header .search-header-cheapest-calendar-nav-list .is-disabled a::before{
opacity:.7;
}

/* .search-header-cheapest-calendar-sup
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-sup{
text-align:center;
}

/* .search-header-cheapest-calendar-tab
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tab{
padding-left:30%;
border-bottom:1px solid #bbb;
position:relative;
}

/* .search-header-cheapest-calendar-tab-item
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tab-item{
display:none;
}

.search-result-header .search-header-cheapest-calendar-tab-item.is-active{
display:block;
}

.search-result-header .search-header-cheapest-calendar-tab-item.scroll{
overflow-x:auto;
overflow-y:hidden;
}

.search-result-header .search-header-cheapest-calendar-tab-item.scroll::-webkit-scrollbar{
height:5px;
}

.search-result-header .search-header-cheapest-calendar-tab-item.scroll::-webkit-scrollbar-thumb{
border-radius:5px;
background-color:#999;
}

.search-result-header .search-header-cheapest-calendar-tab-item.scroll::-webkit-scrollbar-track-piece{
background:#efefef;
}

/* .search-header-cheapest-calendar-tab-list
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tab-list{
margin:0;
display:table;
width:100%;
table-layout:fixed;
font-size:11px;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li{
border-width:1px 1px 0;
border-color:#bbb;
border-style:solid;
display:table-cell;
background-color:#f5f5f5;
vertical-align:bottom;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li a{
padding:3px 0;
color:#555;
display:block;
width:100%;
height:34px;
box-sizing:border-box;
text-align:center;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li a > span{
display:block;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li:first-child{
border-right:none;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li:first-child a{
padding-top:10px;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li.is-active{
position:relative;
background-color:#fff;
font-weight:bold;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li.is-active::after{
content:'';
display:block;
width:100%;
height:1px;
position:absolute;
bottom:-1px;
left:0;
background-color:#fff;
}

.search-result-header .search-header-cheapest-calendar-tab-list > li.is-active a{
color:var(--cmn-font-color-base);
}

/* .search-header-cheapest-calendar-tab-info
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tab-info{
margin:0;
color:var(--cmn-font-color-gray);
position:absolute;
bottom:50%;
left:0;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:11px;
}

.search-result-header .search-header-cheapest-calendar-tab-info .icon-cheapest{
border:1px solid rgba(227, 7, 7, .4);
border-radius:50%;
color:rgba(51, 51, 51, 0);
display:inline-block;
width:14px;
height:8px;
-webkit-user-select:none;
user-select:none;
vertical-align:middle;
}

/* .search-header-cheapest-calendar-tbl
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tbl{
margin:10px 0 0;
color:#555;
width:100%;
table-layout:fixed;
border-collapse:collapse;
line-height:1;
border-spacing:0;
text-align:center;
font-size:11px;
}

.search-result-header .search-header-cheapest-calendar-tbl th{
padding:3px 0;
font-weight:normal;
}

.search-result-header .search-header-cheapest-calendar-tbl th:first-child{
color:var(--cmn-font-color-red);
}

.search-result-header .search-header-cheapest-calendar-tbl td{
padding:0;
border-bottom:1px solid #e5e5e5;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div{
padding-top:23px;
box-sizing:border-box;
height:45px;
position:relative;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-active{
color:#fff;
background-color:#2584d1;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-disabled{
color:#999;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-disabled::before{
content:'-';
display:block;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-disabled.is-active{
color:#fff;
}

.search-result-header .search-header-cheapest-calendar-tbl td .date{
color:var(--cmn-font-color-base);
display:block;
position:absolute;
top:5px;
left:0;
width:100%;
}

.search-result-header .search-header-cheapest-calendar-tbl td:first-child .date,
.search-result-header .search-header-cheapest-calendar-tbl td > div.holiday .date{
color:var(--cmn-font-color-red);
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-active .date,
.search-result-header .search-header-cheapest-calendar-tbl td > div.is-active .cheapest-price{
color:#fff;
}

.search-result-header .search-header-cheapest-calendar-tbl td .cheapest-price{
color:var(--cmn-font-color-link);
font-size:12px;
}

.search-result-header .search-header-cheapest-calendar-tbl td .icon-cheapest{
border:1px solid rgba(227, 7, 7, .4);
border-radius:50%;
color:rgba(51, 51, 51, 0);
box-sizing:border-box;
display:block;
width:96%;
height:40%;
position:absolute;
top:19px;
left:2%;
-webkit-user-select:none;
user-select:none;
}

.search-result-header .search-header-cheapest-calendar-tbl td > div.is-active .icon-cheapest{
border-color:#fff;
}

/* .search-header-cheapest-calendar-tbl-01
----------------------------------------------- */
.search-result-header .search-header-cheapest-calendar-tbl-01{
margin-top:10px;
width:3000px;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table{
margin:0;
border-collapse:collapse;
color:#555;
line-height:1;
border-spacing:0;
text-align:center;
font-size:11px;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table th{
padding-left:5px;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
width:6.75em;
text-align:left;
font-weight:normal;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table td{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-link);
position:relative;
font-size:12px;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table thead{
line-height:1.25;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table thead th{
width:45px;
padding:5px 0;
box-sizing:border-box;
text-align:center;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table thead th:first-child{
padding-left:5px;
width:60px;
text-align:left;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table thead th > span{
display:block;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table thead th.sun,
.search-result-header .search-header-cheapest-calendar-tbl-01 table thead th.holiday{
color:var(--cmn-font-color-red);
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody td.is-disabled::before{
content:'-';
color:#999;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody tr.is-active-row th,
.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody tr.is-active-row td{
background-color:#deefff;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody tr td.is-active-col{
background-color:#deefff;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody tr td.is-active{
color:#fff;
background-color:#2584d1;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table tbody td .icon-cheapest{
border:1px solid rgba(227, 7, 7, .4);
border-radius:50%;
color:rgba(51, 51, 51, 0);
box-sizing:border-box;
display:block;
width:94%;
height:50%;
position:absolute;
bottom:50%;
left:3%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
-webkit-user-select:none;
user-select:none;
}

.search-result-header .search-header-cheapest-calendar-tbl-01 table td.is-active .icon-cheapest{
border-color:#fff;
}

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

.search-result-header .search-header-filter > span{
margin-top:3px;
display:inline-block;
}

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

/* .search-header-filter-list
----------------------------------------------- */
.search-result-header .search-header-filter-list{
margin:-5px 0 0;
}

.search-result-header .search-header-filter-list > li{
margin:5px 2px 0 0;
display:inline-block;
}

.search-result-header .search-header-filter-list button{
padding:3px 18px 3px 5px;
border:none;
border-radius:3px;
color:var(--cmn-font-color-gray);
position:relative;
background-color:#eee;
line-height:18px;
font-size:12px;
text-align:left;
vertical-align:bottom;
}

.search-result-header .search-header-filter-list button .del{
color:rgba(51, 51, 51, 0);
display:block;
position:absolute;
top:0;
right:2px;
width:16px;
height:100%;
overflow:hidden;
}

.search-result-header .search-header-filter-list button .del::before,
.search-result-header .search-header-filter-list button .del::after{
position:absolute;
bottom:50%;
right:50%;
content:'';
display:block;
width:12px;
height:2px;
background-color:#808080;
-webkit-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
}

.search-result-header .search-header-filter-list button .del::after{
width:2px;
height:12px;
}


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

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

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

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
padding:12px 10px;
}

.search-result .search-result-sort .form-custom-select{
margin:0;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
border-top:8px solid #666;
padding:0 10px 5px;
line-height:1.35;
font-size:12px;
position:relative;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
margin:0 -10px 8px;
padding:10px;
background-color:#e8e8e8;
}

/* .search-result-item-header-hdg
----------------------------------------------- */
.search-result .search-result-item-header-hdg{
line-height:1.15;
font-size:18px;
}

/* .search-result-item-tag-item
----------------------------------------------- */
.search-result .search-result-item-tag-time{
margin-bottom:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
gap:0 8px;
font-size:12px;
}

.search-result .search-result-item-tag-time > span:first-child{
margin-top:-2px;
border-radius:3px;
width:52px;
line-height:21px;
color:#fff;
font-weight:bold;
text-align:center;
}

.search-result .search-result-item-tag-time.day > span:first-child{
background-color:#e5b018;
}

.search-result .search-result-item-tag-time.night > span:first-child{
background-color:#2d8ed6;
}

.search-result .search-result-item-tag-time > span:last-child{
margin-top:1px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
}

.search-result .search-result-item-tag-time > span:last-child > span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-item-schedule-info
----------------------------------------------- */
.search-result .search-result-item-schedule-info{
display:-webkit-box;
display:flex;
gap:0 4px;
}

.search-result .search-result-item-schedule-info > div:first-child{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-item-schedule-list
----------------------------------------------- */
.search-result .search-result-item-schedule-list{
margin:-2px 0 0;
line-height:1.35;
font-size:11px;
letter-spacing:-.4em;
}

.search-result .search-result-item-schedule-list > li{
margin:6px 4px 0 0;
letter-spacing:normal;
box-sizing:border-box;
vertical-align:bottom;
display:inline-table;
}

.search-result .search-result-item-schedule-list > li .date{
margin-bottom:1px;
display:block;
font-size:12px;
}

.search-result .search-result-item-schedule-list > li > div{
padding:2px 5px;
border:1px solid #eec766;
position:relative;
box-sizing:border-box;
text-align:center;
}

.search-result .search-result-item-schedule-list > li > div > span{
display:block;
}

.search-result .search-result-item-schedule-list > li > div > span:last-child{
font-size:12px;
}

.search-result .search-result-item-schedule-list > li.departure > div{
border-color:#a9d466;
}

.search-result .search-result-item-schedule-list > li.arrival > div{
border-color:#7ac3e6;
}

.search-result .search-result-item-schedule-list > li.is-active{
display:inline-table;
}

.search-result .search-result-item-schedule-list > li.is-active > div > span:first-child{
font-weight:bold;
}

.search-result .search-result-item-schedule-list > li.is-active > div{
box-shadow:0 0 0 1px #eec766 inset;
background-color:#fffcef;
}

.search-result .search-result-item-schedule-list > li.is-active.departure > div{
box-shadow:0 0 0 1px #a9d466 inset;
background-color:#f5fbeb;
}

.search-result .search-result-item-schedule-list > li.is-active.arrival > div{
box-shadow:0 0 0 1px #7ac3e6 inset;
background-color:#f1fbff;
}

.search-result .search-result-item-schedule-list > li[class*="arrow"]{
margin-right:0;
}

.search-result .search-result-item-schedule-list > li[class*="arrow"] > div{
margin-right:22px;
}

.search-result .search-result-item-schedule-list > li[class*="arrow"] > div::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
right:-20px;
background:url(/element/j_bus/shared/images/schedule-icon-arrow.svg) 0 50% no-repeat;
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis > div{
margin-right:45px;
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis > div::before{
width:37px;
right:-43px;
background-image:url(/element/j_bus/shared/images/schedule-icon-arrow-ellipsis.svg);
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis-left > div,
.search-result .search-result-item-schedule-list > li.arrow-ellipsis-right > div{
margin-right:34px;
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis-left > div::before,
.search-result .search-result-item-schedule-list > li.arrow-ellipsis-right > div::before{
width:26px;
right:-31px;
background-image:url(/element/j_bus/shared/images/schedule-icon-arrow-ellipsis-left.svg);
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis-right > div::before{
background-image:url(/element/j_bus/shared/images/schedule-icon-arrow-ellipsis-right.svg);
}

.search-result .search-result-item-schedule-list > li.ellipsis{
margin-right:0;
}

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

.search-result .search-result-item-schedule-list > li.ellipsis > div::before{
margin-top:-5px;
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:50%;
right:-15px;
background:url(/element/j_bus/shared/images/schedule-icon-ellipsis.svg) 0 50% no-repeat;
}

/* .search-result-item-schedule-btn
----------------------------------------------- */
.search-result .search-result-item-schedule-btn{
margin:5px 0 0;
padding:0 0 0 12px;
border:none;
display:block;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:8px auto;
font-size:12px;
}

.search-result .search-result-item-schedule-btn.is-active{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

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

.search-result .search-result-item-info > div{
margin-top:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:0 6px;
}

/* .search-result-item-info-hdg
----------------------------------------------- */
.search-result .search-result-item-info-hdg{
width:36px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#f5f5f5;
font-weight:normal;
}

/* .search-result-item-info-item
----------------------------------------------- */
.search-result .search-result-item-info-item{
padding:4px 0 2px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .search-result-item-info-feature
----------------------------------------------- */
.search-result .search-result-item-info-feature{
margin:0;
display:-webkit-box;
display:flex;
gap:6px 14px;
flex-wrap:wrap;
line-height:1.25;
overflow:hidden;
line-height:1;
}

.search-result .search-result-item-info-feature > li{
position:relative;
}

.search-result .search-result-item-info-feature > li::before{
content:'/';
display:block;
position:absolute;
top:0;
left:-10px;
}

.search-result .search-result-item-info-feature > .is-disabled > span{
opacity:.33;
}

/* .search-result-item-info-body
----------------------------------------------- */
.search-result .search-result-item-info-body{
margin:0;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:4px 0;
line-height:1;
}

.search-result .search-result-item-info-body li{
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
gap:0 4px;
}

.search-result .search-result-item-info-body span{
display:inline-block;
line-height:1.45;
}

.search-result .search-result-item-info-body .seat{
padding:2px 0 1px;
border:1px solid #ccc;
display:block;
box-sizing:border-box;
width:59px;
text-align:center;
line-height:1;
}

.search-result .search-result-item-info-body > li span:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-item-plan
----------------------------------------------- */
.search-result .search-result-item-plan{
margin-top:10px;
padding:10px;
border-top:4px solid #bbb;
}

.search-result .search-result-item-plan > :last-child{
margin-bottom:0;
}

.search-result .search-result-item-toggle .search-result-item-plan{
margin:0;
}

/* .search-result-item-plan-hdg
----------------------------------------------- */
.search-result .search-result-item-plan-hdg{
margin-bottom:5px;
line-height:1.25;
font-size:14px;
font-weight:normal;
}

.search-result .search-result-item-plan-hdg > span{
margin-bottom:5px;
display:block;
font-weight:bold;
font-size:12px;
}

/* .search-result-item-plan-bullet
----------------------------------------------- */
.search-result .search-result-item-plan-bullet{
margin-top:5px;
line-height:1.25;
}

.search-result .search-result-item-plan-bullet > li{
padding-left:7px;
position:relative;
}

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

.search-result .search-result-item-plan-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:1px;
position:absolute;
top:.5em;
left:0;
background-color:#555;
}

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

.search-result .search-result-item-plan-note > li{
margin-top:3px;
padding-left:1.25em;
color:var(--cmn-font-color-gray);
position:relative;
}

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

.search-result .search-result-item-plan-note > li > span{
margin-right:3px;
display:inline-block;
}

.search-result .search-result-item-plan-note strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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

.search-result .search-result-item-plan-price > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-item-plan-price > span:last-child{
text-align:right;
}

.search-result .search-result-item-plan-price > span:last-child b{
font-size:18px;
}

/* .search-result-item-plan-tag
----------------------------------------------- */
.search-result .search-result-item-plan-tag{
margin:4px 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px;
line-height:1;
}

.search-result .search-result-item-plan-tag > li{
padding:6px 8px;
border:1px solid #ccc;
background-position:50% 3px;
background-repeat:no-repeat;
background-size:auto 11px;
}

.search-result .search-result-item-plan-tag > .is-disabled{
opacity:.25;
}

.search-result .search-result-item-plan-tag > li.seat-wide{
padding-left:44px;
background:url(/element/j_bus/shared/images/icon-seat-02-01.svg) 8px 50% no-repeat;
background-size:auto 12px;
}

.search-result .search-result-item-plan-tag > [class^='seat-type-']{
padding-left:58px;
padding-right:8px;
background-position:8px 55%;
background-repeat:no-repeat;
background-size:auto 11px;
}

.search-result .search-result-item-plan-tag > .seat-type-2{
background-image:url(/element/j_bus/shared/images/icon-seat-01-01.svg);
}

.search-result .search-result-item-plan-tag > .seat-type-3{
background-image:url(/element/j_bus/shared/images/icon-seat-01-02.svg);
}

.search-result .search-result-item-plan-tag > .seat-type-3-01{
background-image:url(/element/j_bus/shared/images/icon-seat-01-03.svg);
}

.search-result .search-result-item-plan-tag > .seat-type-4{
background-image:url(/element/j_bus/shared/images/icon-seat-01-04.svg);
}

.search-result .search-result-item-plan-tag > .seat-type-4-01{
background-image:url(/element/j_bus/shared/images/icon-seat-01-05.svg);
}

/* .search-result-item-plan-toggle
----------------------------------------------- */
.search-result .search-result-item-plan-toggle{
margin:10px 0;
overflow:hidden;
}

.search-result .search-result-item-plan-toggle > p{
margin:0;
}

/* .search-result-item-plan-toggle-btn
----------------------------------------------- */
.search-result .search-result-item-plan-toggle-btn{
margin:0;
padding:0 8px 0 1.2em;
border:none;
color:#a4a4a4;
display:inline-block;
position:relative;
background:transparent;
font-size:12px;
}

.search-result .search-result-item-plan-toggle-btn::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:0;
}


/* .search-result-item-plan-status
----------------------------------------------- */
.search-result .search-result-item-plan-status{
margin:10px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .search-result-item-plan-status-seat
----------------------------------------------- */
.search-result .search-result-item-plan-status-seat{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
-webkit-box-flex:1;
flex:1;
min-height:28px;
font-size:11px;
}

.search-result .search-result-item-plan-status-seat > span{
padding:0 7px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.search-result .search-result-item-plan-status-seat > span:first-child{
padding:0 10px 0 0;
color:var(--cmn-font-color-base);
white-space:nowrap;
font-weight:bold;
}

.search-result .search-result-item-plan-status-seat > span:last-child{
-webkit-box-flex:1;
flex:1;
border-left:1px solid #b2b2b2;
text-align:center;
}

.search-result .search-result-item-plan-status-seat .br{
display:block;
}

.search-result .search-result-item-plan-status-seat .icon-vacancy{
margin-left:10px;
border:3px solid var(--cmn-btn-color);
border-radius:10px;
color:rgba(51, 51, 51, 0);
box-sizing:border-box;
display:inline-block;
width:20px;
height:20px;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
vertical-align:middle;
}

/* .search-result-item-plan-status-cv
----------------------------------------------- */
.search-result .search-result-item-plan-status-cv{
padding:9px 0;
border-radius:4px;
color:#fff;
-webkit-box-flex:1;
flex:1;
max-width:170px;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
}

/* .search-result-item-plan-status-cv-01
----------------------------------------------- */
.search-result .search-result-item-plan-status-cv-01{
padding:8px 0 9px;
border:1px solid #bbb;
border-radius:4px;
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
flex:1;
max-width:170px;
box-sizing:border-box;
background-color:#fff;
font-size:14px;
text-align:center;
}

/* .search-result-item-plan-footer
----------------------------------------------- */
.search-result .search-result-item-plan-footer{
display:-webkit-box;
display:flex;
line-height:1.25;
font-size:11px;
}

.search-result .search-result-item-plan-footer > div:first-child,
.search-result .search-result-item-plan-footer > div:first-child:last-child{
margin-left:0;
-webkit-box-flex:1;
flex:1;
max-width:none;
}

.search-result .search-result-item-plan-footer > div:last-child{
margin-left:5px;
max-width:50%;
}


/* .search-result-item-plan-agt
----------------------------------------------- */
.search-result .search-result-item-plan-agt{
color:#555;
display:block;
font-size:10px;
}

/* .search-result-item-plan-caution
----------------------------------------------- */
.search-result .search-result-item-plan-caution{
padding-right:18px;
position:relative;
min-height:15px;
text-align:right;
}

.search-result .search-result-item-plan-caution .cmn-tip-caution-btn{
position:absolute;
top:0;
right:0;
}

/* .search-result-item-toggle-hook
----------------------------------------------- */
.search-result .search-result-item-toggle .search-result-item-toggle-hook{
padding:0;
border-width:1px 0 0;
border-style:solid;
border-color:#b2b2b2;
color:var(--cmn-font-color-base);
width:100%;
height:40px;
box-sizing:border-box;
background:none;
font-size:14px;
}

.search-result .search-result-item-toggle .search-result-item-toggle-hook > span{
padding-left:20px;
display:inline-block;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:12px;
}

.search-result .search-result-item-toggle.is-active .search-result-item-toggle-hook > span{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

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

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


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

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

.payment-info > li:nth-last-child(2){
width:23%;
}

.payment-info > li:last-child{
-webkit-box-flex:1;
flex:1;
}

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

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

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

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

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

.payment-info .is-disabled{
opacity:.25;
}

/* .payment-info-credit
----------------------------------------------- */
.payment-info .payment-info-credit{
margin:0;
}

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

.payment-info .payment-info-credit > li:not(:first-child):not(:last-child):before{
margin:0 2px;
content:'/';
display:inline-block;
}

.payment-info .payment-info-credit ul{
margin:0;
display:inline-block;
white-space:nowrap;
text-align:center;
}

.payment-info .payment-info-credit ul > li{
margin:0;
display:inline-block;
}

.payment-info .payment-info-credit ul > li img{
max-height:10px;
}

.payment-info .payment-info-credit > li:last-child{
display:block;
}




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

  SEO Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Seo Common Modules
----------------------------------------------------------------- */
/* .seo
----------------------------------------------- */
.seo{
margin:0 -10px -10px;
padding:1px 8px 24px;
background-color:#f5f5f5;
}

.seo > :first-child{
margin-top:0;
}

/* .seo.seo-index
----------------------------------------------- */
.seo.seo-index{
padding-top:12px;
background-color:#424a57;
}

/* .seo-hdg
----------------------------------------------- */
.seo .seo-hdg{
margin:28px 0 8px;
line-height:1.25;
font-size:18px;
font-weight:normal;
}

.seo .seo-hdg button{
margin:0;
padding:8px 20px 8px 0;
border:none;
width:100%;
min-height:44px;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) calc(100% - 2px) 50% no-repeat;
background-size:16px auto;
font-size:18px;
text-align:left;
}

.seo-toggle[aria-expanded] > .seo-hdg{
margin:0;
}

.seo-toggle[aria-expanded="true"] > .seo-hdg button{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

.seo-toggle[aria-expanded="false"] + .seo-hdg{
margin-top:12px;
}

/* .seo-sup
----------------------------------------------- */
.seo .seo-sup{
margin:8px 0 0;
text-align:right;
}

/* .seo-toggle
----------------------------------------------- */
.seo-toggle{
margin-top:16px;
border-top:1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.seo-toggle[aria-expanded] + .seo-toggle[aria-expanded]{
border-top:none;
margin-top:0;
}

.seo-toggle[aria-expanded="true"]{
border-color:transparent;
}

.seo-toggle[aria-expanded="true"] + .seo-toggle[aria-expanded]{
margin-top:16px;
}

/* .seo-toggle-content
----------------------------------------------- */
.seo-toggle[aria-expanded] .seo-toggle-content{
display:none;
}

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

/* .seo-card
----------------------------------------------- */
.seo .seo-card{
margin-top:8px;
padding:12px;
border-radius:6px;
overflow:hidden;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
font-size:12px;
}

.seo > .seo-card:first-child{
margin-top:0;
}

.seo .seo-card > :first-child{
margin-top:0;
}

.seo .seo-card > :last-child{
margin-bottom:0;
}

.seo .seo-card.branch > :last-child{
margin-bottom:-12px;
}

.seo.seo-index .seo-card{
box-shadow:none;
}

.seo-toggle .seo-card{
margin-top:0;
}

/* .seo-card-hdg
----------------------------------------------- */
.seo .seo-card-hdg{
margin-bottom:12px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:18px;
font-weight:normal;
}

.seo .seo-card-hdg > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-hdg > span + span{
font-size:14px;
}

/* .seo-card-hdg-01
----------------------------------------------- */
.seo .seo-card-hdg-01{
margin:16px 0 8px;
font-size:14px;
}

.seo-card-hdg + .seo-card-hdg-01,
.notice-list + .seo-card-hdg-01{
margin-top:0;
}

/* .seo-card-hdg-02
----------------------------------------------- */
.seo .seo-card-hdg-02{
margin:12px 0 8px;
padding-top:12px;
border-top:1px solid #ddd;
font-size:14px;
font-weight:normal;
}

.seo-card-hdg + .seo-card-hdg-02,
.seo-card-toggle-content > .seo-card-hdg-02:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

/* .seo-card-hdg-03
----------------------------------------------- */
.seo .seo-card-hdg-03{
margin:12px 0 -4px;
display:-webkit-box;
display:flex;
}

.seo .seo-card-hdg-03 > span:first-child{
min-width:1.15em;
}

.seo .seo-card-hdg-03 > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-hdg-03.branch{
font-weight:normal;
}

/* .seo-card-more
----------------------------------------------- */
.seo .seo-card-more{
margin:8px 0 0;
text-align:right;
font-size:14px;
}

/* .seo-card-indent
----------------------------------------------- */
.seo .seo-card-indent{
margin-left:1.15em;
}

/* .seo-card-list
----------------------------------------------- */
.seo .seo-card-list{
margin:0;
font-size:14px;
}

.seo .seo-card-list > li{
border-top:1px solid #e5e5e5;
}

.seo .seo-card-list > li > a,
.seo .seo-card-list > li > button{
margin-bottom:-1px;
padding:4px 0;
border:none;
border-bottom:1px solid #e5e5e5;
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 .seo-card-list > li > button{
width:100%;
text-align:left;
font-size:14px;
background:transparent;
}

.seo .seo-card-list > li.is-active > button{
border-bottom:none;
}

.seo .seo-card-list > li > button > span{
padding-right:20px;
-webkit-box-flex:1;
flex:1;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) calc(100% - 2px) 50% no-repeat;
background-size:16px auto;
}

.seo .seo-card-list > li.is-active > button > span{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

.seo .seo-card > .seo-card-list:first-child{
margin-top:-12px;
}

.seo .seo-card > .seo-card-list:first-child > li:first-child{
border-top:none;
}

.seo .seo-card > .seo-card-list:last-child,
.seo-card-area-tabpanel > .seo-card-list:last-child{
margin-bottom:-12px;
}

.seo-card > .seo-card-list:last-child > li:last-child > a,
.seo-card > .seo-card-list:last-child > li:last-child > button,
.seo-card-area-tabpanel > .seo-card-list:last-child > li:last-child > a,
.seo-card-area-tabpanel > .seo-card-list:last-child > li:last-child > button{
border-bottom:none;
}

.seo-card-area-tabpanel .seo-card-list > li:first-child{
border-top:none;
}

/* .seo-card-list > .seo-card-list
--------------------------------- */
.seo .seo-card-list .seo-card-list{
margin-left:24px;
}

.seo .seo-card-list .seo-card-list > li > button > span{
padding-right:24px;
flex:none;
}

.seo .seo-card-list > li > .seo-card-list{
display:none;
}

.seo .seo-card-list > li.is-active > .seo-card-list{
display:block;
}

/* .seo-card-toggle > .seo-card-list
--------------------------------- */
.seo-card-toggle .seo-card-list > li > button > span{
background-size:12px auto;
background-position:calc(100% - 2px);
}

/* .seo-card-list-01
----------------------------------------------- */
.seo .seo-card-list-01 > li:not(:first-child){
margin-top:16px;
}

.seo .seo-card-list-01 > li > a{
display:block;
}

/* .seo-card-list > .seo-card-list
-------------------------- */
.seo .seo-card-list .seo-card-list-01{
margin:0 0 16px 16px;
}

.seo .seo-card-list > li > .seo-card-list-01{
display:none;
}

.seo .seo-card-list > li.is-active > .seo-card-list-01{
display:block;
}

/* .seo-card-list-bullet
----------------------------------------------- */
.seo .seo-card-list-bullet > li{
display:-webkit-box;
display:flex;
}

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

.seo .seo-card-list-bullet > li > span{
margin-right:8px;
}

.seo .seo-card-list-bullet > li > div{
-webkit-box-flex:1;
flex:1;
}

/* .seo-card-list-ranking
----------------------------------------------- */
.seo .seo-card-list-ranking{
font-size:14px;
}

.seo .seo-card-list-ranking > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
}

.seo .seo-card-list-ranking > li:not(:first-child){
margin-top:8px;
padding-top:8px;
border-top:1px solid #ddd;
}

.seo .seo-card-list-ranking > li > div{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-list-ranking a{
text-decoration:none;
}

.seo .seo-card-list-ranking .rank{
width:20px;
height:24px;
line-height:23px;
background:url(/element/j_bus/shared/images/icon-ranking-01.svg) 50% 50% no-repeat;
text-align:center;
}

.seo .seo-card-list-ranking .rank > span{
height:0;
overflow:hidden;
position:absolute;
}

/* .seo-card-list-price
----------------------------------------------- */
.seo .seo-card-list-price{
border-bottom:1px solid #e5e5e5;
font-size:12px;
}

.seo .seo-card-list-price > li{
border-top:1px solid #e5e5e5;
}

.seo .seo-card-list-price b{
font-size:14px;
font-weight:normal;
}

.seo .seo-card-list-price > li > a,
.seo .seo-card-list-price > li > div{
padding:8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-list-price a > span:first-child,
.seo .seo-card-list-price div > span:first-child{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-list-price a > span:first-child span,
.seo .seo-card-list-price div > span:first-child span{
color:var(--cmn-font-color-base);
display:inline-block;
}

.seo .seo-card-list-price a > span:last-child,
.seo .seo-card-list-price div > span:last-child{
color:var(--cmn-font-color-base);
}

.seo .seo-card-list-price div > span:last-child{
width:6em;
text-align:center;
}

.seo-card > .seo-card-list-price:last-child{
border-bottom:none;
}

/* .seo-card-list-price.col-2
----------------------------------------------- */
.seo .seo-card-list-price.col-2{
border-top:1px solid #ddd;
border-bottom:none;
box-shadow:0 -1px 0 #ddd inset;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
}

.seo .seo-card-list-price.col-2 > li{
border-top:none;
border-bottom:1px solid #ddd;
width:50%;
box-sizing:border-box;
}

.seo .seo-card-list-price.col-2 > li:nth-child(2n+1){
border-right:1px solid #ddd;
}

.seo .seo-card-list-price.col-2 > li > a,
.seo .seo-card-list-price.col-2 > li > div,
.seo .seo-card-list-price.col-2  a > span,
.seo .seo-card-list-price.col-2  div > span{
display:block;
}

.seo .seo-card-list-price.col-2 > li > a,
.seo .seo-card-list-price.col-2 > li > div{
padding:8px 0;
}

.seo .seo-card-list-price.col-2 > li:nth-child(2n) > a,
.seo .seo-card-list-price.col-2 > li:nth-child(2n) > div{
padding-left:12px;
}

.seo .seo-card-list-price.col-2 div > span:last-child{
width:4em;
}

/* .seo-card-image-left
----------------------------------------------- */
.seo .seo-card-image-left{
margin:8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}

.seo .seo-card-image-left > .col{
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-image-left > .col > :first-child{
margin-top:0;
}

.seo .seo-card-image-left > .col > :last-child{
margin-bottom:0;
}

.seo .seo-card-image-left > .image{
margin-right:8px;
width:97px;
height:auto;
}

.seo .seo-card-image-left > .image img{
width:100%;
height:auto;
vertical-align:bottom;
}

/* .seo-card-tbl
----------------------------------------------- */
.seo .seo-card-tbl{
margin:8px 0;
}

.seo .seo-card-tbl table{
margin:0;
padding:0;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#ccc;
border-collapse:collapse;
border-spacing:0;
text-align:left;
}

.seo .seo-card-tbl th,
.seo .seo-card-tbl td{
padding:4px 12px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#ccc;
font-weight:normal;
}

.seo .seo-card-tbl th{
width:7em;
background-color:#f7f7f7;
}

.seo-card-hdg-02 + .seo-card-tbl{
margin-top:4px;
}

.seo p + .seo-card-tbl{
margin-top:-4px;
}

/* .seo-card-tbl.branch
-------------------------------- */
.seo .seo-card-tbl.branch table{
text-align:center;
table-layout:fixed;
}

.seo .seo-card-tbl.branch tbody th{
background-color:transparent;
}

/* .seo-card-tbl-01
----------------------------------------------- */
.seo .seo-card-tbl-01 table{
margin:0;
padding:0;
border-top:1px solid #ddd;
border-collapse:collapse;
border-spacing:0;
width:100%;
line-height:1.25;
text-align:left;
font-size:14px;
}

.seo .seo-card-tbl-01 table caption{
height:0;
overflow:hidden;
position:absolute;
}

.seo .seo-card-tbl-01 table th,
.seo .seo-card-tbl-01 table td{
padding:8px 6px;

border-bottom:1px solid #ddd;
font-weight:normal;
}

.seo .seo-card-tbl-01 table tr > :not(:first-child){
border-left:1px solid #ddd;
}

.seo .seo-card-tbl-01 table thead th{
background-color: #f5f5f5;
}

.seo .seo-card-tbl-01 table thead tr > th:first-child{
width:4em;
}

.seo .seo-card-tbl-01 table thead tr > th:nth-child(3){
width:6em;
}

.seo .seo-card-tbl-01 table thead tr > th:last-child{
width:25%;
}

.seo .seo-card-tbl-01 table tbody tr > td:last-child{
padding-right:0;
}

.seo .seo-card-tbl-01 table td > span{
display:inline-block;
}

.seo .seo-card-tbl-01 table button{
margin:4px 0 0;
padding:0;
border:none;
color:var(--cmn-font-color-link);
display:block;
background:transparent;
font-size:14px;
}

/* .seo-card-toggle
----------------------------------------------- */
.seo .seo-card-toggle{
padding-top:0;
padding-bottom:0;
}

/* .seo-card-toggle-hook
----------------------------------------------- */
.seo .seo-card-toggle-hook{
margin-bottom:0;
padding:0 16px 0 0;
border:none;
line-height:1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:44px;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) no-repeat 100% 50%;
background-size:16px auto;
text-align:left;
font-size:18px;
font-weight:normal;
}

.seo .seo-card-toggle[aria-expanded="true"] .seo-card-toggle-hook{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .seo-card-toggle-content
----------------------------------------------- */
.seo .seo-card-toggle-content{
padding-bottom:12px;
}

.seo .seo-card-toggle-content > :first-child{
margin-top:0;
}

.seo .seo-card-toggle-content > :last-child{
margin-bottom:0;
}

.seo .seo-card-toggle[aria-expanded="false"] .seo-card-toggle-content{
display:none;
}

.seo .seo-card-toggle[aria-expanded="true"] .seo-card-toggle-content{
display:block;
}

.seo-card-toggle-content p + p{
margin-top:16px;
}


/* ----------------------------------------------------------------
  .seo-card-cheapest
----------------------------------------------------------------- */
/* .seo-card-cheapest
----------------------------------------------- */
.seo .seo-card-cheapest{
font-size:14px;
}

.seo .seo-card-cheapest > p:first-child{
margin:16px 0;
}

/* .seo-card-cheapest-header
----------------------------------------------- */
.seo .seo-card-cheapest-header{
margin:0 0 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:12px;
}

.seo .seo-card-cheapest-header > button{
padding:0 6px 0 28px;
border:1px solid #bbb;
border-radius:4px;
width:92px;
height:44px;
background: url(/element_sp/j_bus/shared/images/icon-replace-01.svg) 10px 50% no-repeat;
background-size:16px auto;
font-size:16px;
}

/* .seo-card-cheapest-filter
----------------------------------------------- */
.seo .seo-card-cheapest-filter{
position:relative;
-webkit-box-flex:1;
flex:1;
}

.seo .seo-card-cheapest-filter > button{
margin:0 0 0 auto;
padding:8px 20px 8px 12px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
display:block;
width:100%;
height:44px;
background-color:#fff;
font-size:16px;
text-align:left;
}

.seo .seo-card-cheapest-filter > button::after{
margin-top:-2px;
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
right:8px;
display: block;
border-width: 6px 6px 0 6px;
border-color:#666 transparent transparent transparent;
border-style: solid;
}

.seo-card-cheapest-filter[aria-expanded=true] > button::after{
transform:rotate(180deg);
}

/* .seo-card-cheapest-filter-content
----------------------------------------------- */
.seo .seo-card-cheapest-filter-content{
display:none;
margin-top:10px;
padding:16px;
border-radius:3px;
box-shadow:0 0 6px rgba(0,0,0,.3);
width:100%;
box-sizing:border-box;
position: absolute;
top:100%;
left:0;
background-color:#fff;
}

.seo .seo-card-cheapest-filter-content::before{
content:'';
display:block;
width:18px;
height:14px;
overflow:hidden;
position:absolute;
top:-8px;
left:calc(50% - 6px);
background:url(/element_sp/j_bus/shared/images/icon-balloon.svg) 0 0 no-repeat;
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
transform:translateZ(0);
}

.seo-card-cheapest-filter-content::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:10px;
overflow:hidden;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}

.seo-card-cheapest-filter[aria-expanded=true] .seo-card-cheapest-filter-content{
display:block;
}

/* .seo-card-cheapest-filter-content-list
----------------------------------------------- */
.seo .seo-card-cheapest-filter-content-list{
margin:0;
}

.seo-card-cheapest-filter-content-list > li{
padding:10px 0 10px 23px;
display:block;
}

.seo-card-cheapest-filter-content-list > li.is-active{
background:url(/element/j_bus/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .seo-card-cheapest-filter-content-btn
----------------------------------------------- */
.seo .seo-card-cheapest-filter-content-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:36px;
height:36px;
position:absolute;
top:0;
right:0;
z-index:1;
background:url(/element_sp/j_bus/shared/images/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:10px;
}

/* .seo-card-cheapest-tbl
----------------------------------------------- */
.seo .seo-card-cheapest-tbl{
margin-top:12px;
font-size:14px;
}

.seo .seo-card-cheapest-tbl > :last-child{
margin-bottom:0;
}

.seo .seo-card-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout: fixed;
line-height:1.35;
font-size:14px;
}

.seo-card-cheapest-tbl table caption{
margin-bottom:20px;
}

.seo-card-cheapest-tbl table caption > span{
display:block;
text-align:left;
}

.seo-card-cheapest-tbl table caption > span:first-child{
margin-bottom:8px;
font-weight:bold;
}

.seo-card-cheapest-tbl table th,
.seo-card-cheapest-tbl table td{
padding:8px 0;
text-align:center;
font-weight:normal;
border-bottom: 1px solid #e5e5e5;
}

.seo-card-cheapest-tbl table th > span{
display:block;
}

.seo-card-cheapest-tbl table td > span{
min-width:60px;
display:inline-block;
text-align:right;
}

.seo-card-cheapest-tbl table thead th{
padding-top:0;
}

.seo-card-cheapest-tbl table thead tr > th:first-child{
width:38%;
text-align:left;
}

.seo-card-cheapest-tbl table tbody th{
text-align:left;
}

.seo-card-cheapest-tbl:not(.seo-card-cheapest-tbl-toggle) table tbody tr:last-child > th,
.seo-card-cheapest-tbl:not(.seo-card-cheapest-tbl-toggle) table tbody tr:last-child > td{
padding-bottom:0;
border-bottom:none;
}

.seo-card-cheapest-tbl table .unset > span{
text-align:center;
}

/* .seo-card-cheapest-tbl > table.is-hidden
--------------------------- */
.seo .seo-card-cheapest-tbl table.is-hidden,
.seo .seo-card-cheapest-tbl table .is-hidden{
display:none;
}

/* .seo-card-cheapest-tbl-toggle
----------------------------------------------- */
.seo .seo-card-cheapest-tbl-toggle table{
border-top: 1px solid #e5e5e5;
}

.seo .seo-card-cheapest-tbl-toggle table caption{
margin-bottom:12px;
}

.seo .seo-card-cheapest-tbl-toggle table caption > span:first-child{
height:0;
overflow:hidden;
position:absolute;
}

.seo .seo-card-cheapest-tbl-toggle table td{
text-align:right;
}

/* .seo-card-cheapest-tbl-toggle-btn
----------------------------------------------- */
.seo .seo-card-cheapest-tbl-toggle-btn{
margin-bottom:12px;
padding-top:12px;
}

.seo .seo-card-cheapest-tbl-toggle-btn button{
margin:0 0 0 auto;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-base);
display:block;
background: url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.seo .seo-card-cheapest-tbl-toggle-btn.is-active{
border-top: 1px solid #e5e5e5;
}

.seo .seo-card-cheapest-tbl-toggle-btn.is-active button{
background-image: url(/element/j_bus/shared/images/icon-arrow-up.svg);
}



/* ----------------------------------------------------------------
  .seo-card-seat
----------------------------------------------------------------- */
/* .seo-card-seat
----------------------------------------------- */
.seo-card-seat > :last-child{
margin-bottom:0;
}

/* .seo-card-seat-hdg
----------------------------------------------- */
.seo .seo-card-seat-hdg{
margin:12px 0 8px;
font-size:12px;
}

.seo-card-image-left + .seo-card-seat-hdg{
padding-top:12px;
border-top:1px solid #e5e5e5;
}

/* .seo-card-seat-review
----------------------------------------------- */
.seo .seo-card-seat-review{
margin:-4px 0 4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.seo .seo-card-seat-review > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-seat-review > li:not(:last-child){
margin-right:12px;
}

.seo .seo-card-seat-review > li > span:first-child{
margin:1px 4px 0 0;
}

.seo .seo-card-seat-review [class^="icon-r-"] span{
width:60px;
}

.seo .seo-card-seat-review [class^="icon-r-"].icon-r-price span{
width:50px;
}

/* .seo-card-seat-toggle
----------------------------------------------- */
.seo .seo-card-seat-toggle{
margin:4px 0 0;
}

/* .seo-card-seat-toggle-hook
----------------------------------------------- */
.seo .seo-card-seat-toggle-hook{
padding:0 0 0 12px;
border:none;
font-size:12px;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 45% no-repeat;
background-size:9px auto;
}

.seo-card-seat-toggle[aria-expanded="true"] .seo-card-seat-toggle-hook{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .seo-card-seat-toggle-content
----------------------------------------------- */
.seo .seo-card-seat-toggle-content{
margin-top:6px;
padding:8px;
border-radius:4px;
position:relative;
background-color:#f5f5f5;
}

.seo .seo-card-seat-toggle-content::before{
content:'';
display:block;
width:10px;
height:10px;
transform:rotate(-45deg);
position:absolute;
top:-5px;
left:24px;
background-color:#f5f5f5;
}

.seo-card-seat-toggle[aria-expanded="false"] .seo-card-seat-toggle-content{
display:none;
}

.seo-card-seat-toggle[aria-expanded="true"] .seo-card-seat-toggle-content{
display:block;
}

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

.seo .seo-card-seat-toggle-content-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-card-seat-toggle-content-list > li:not(:first-child){
margin-top:8px;
}

.seo .seo-card-seat-toggle-content-list > li > span:first-child{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  .seo-card-ranking-destination
----------------------------------------------------------------- */
/* .seo-card-ranking-destination-carousel
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel{
margin:0 -12px;
}

.seo .seo-card-ranking-destination-carousel > div{
padding:0 12px;
}

.seo .seo-card-ranking-destination-carousel > div > div{
-webkit-box-align:stretch;
align-items:stretch;
}

/* .seo-card-ranking-destination-carousel-item
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item{
padding:12px 12px 6px;
border:1px solid #ccc;
border-radius:5px;
box-sizing:border-box;
width:220px;
min-width:220px;
height:auto;
display:-webkit-box;
display:flex;
flex-direction:column;
background-color:#fff;
}

/* .seo-card-ranking-destination-carousel-item-hdg
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-hdg{
padding-bottom:8px;
padding-left:32px;
border-bottom:1px solid #ddd;
line-height:1.25;
position:relative;
font-size:16px;
font-weight:normal;
}

.seo .seo-card-ranking-destination-carousel-item-hdg .icon{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:22px;
height:26px;
overflow:hidden;
position:absolute;
top:-12px;
left:0;
z-index:1;
line-height:1;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element_sp/j_bus/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:14px;
}

.seo .seo-card-ranking-destination-carousel-item-hdg .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-destination-carousel-item-list
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list{
margin:0;
}

.seo .seo-card-ranking-destination-carousel-item-list > li{
border-bottom:1px solid #ddd;
}

.seo .seo-card-ranking-destination-carousel-item-list > li > a{
padding:8px 0 8px 24px;
display:block;
position:relative;
}

/* .seo-card-ranking-destination-carousel-item-list > .icon
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .icon{
color:#fff;
}

.seo .seo-card-ranking-destination-carousel-item-list .icon{
border-radius:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:17px;
height:17px;
overflow:hidden;
position:absolute;
top:9px;
left:0;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:12px;
font-weight:normal;
}

.seo .seo-card-ranking-destination-carousel-item-list .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-destination-carousel-item-list > .route
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .route{
line-height:1.35;
min-height:44px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:14px;
}

/* .seo-card-ranking-destination-carousel-item-list > .data
---------------------------- */
.seo .seo-card-ranking-destination-carousel-item-list .data{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
color:var(--cmn-font-color-base);
text-align: right;

}

/* .seo-card-ranking-destination-carousel-item-link
----------------------------------------------- */
.seo .seo-card-ranking-destination-carousel-item-link{
margin-top:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-align:center;
font-size:14px;
}

.seo .seo-card-ranking-destination-carousel-item-link span > span{
display:inline-block;
}


/* ----------------------------------------------------------------
  .seo-card-ranking-route
----------------------------------------------------------------- */
/* .seo-card-ranking-route
----------------------------------------------- */
.seo .seo-card-ranking-route-list{
margin:0;
line-height:1.35;
}

.seo .seo-card-ranking-route-list > li{
border-top:1px solid #ddd;
}

.seo .seo-card-ranking-route-list > li > a{
padding:4px 0;
min-height:44px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .seo-card-ranking-route > .icon
-------------------------------- */
.seo .seo-card-ranking-route-list .icon{
color:var(--cmn-font-color-base);
margin-right:8px;
}

.seo .seo-card-ranking-route-list .icon > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:20px;
height:24px;
overflow:hidden;
line-height:1;
background:url(/element/j_bus/shared/images/icon-ranking-01.svg) 0 0 no-repeat;
font-size:14px;
font-weight:normal;
}

.seo .seo-card-ranking-route-list .icon > span > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-route > .route
-------------------------------- */
.seo .seo-card-ranking-route-list .route{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 4px;
}

.seo .seo-card-ranking-route-list .route b{
font-weight:normal;
font-size:14px;
}

.seo .seo-card-ranking-route-list .route span{
color:var(--cmn-font-color-base);
}

/* .seo-card-ranking-route > .price
-------------------------------- */
.seo .seo-card-ranking-route-list .price{
margin-left:8px;
color:var(--cmn-font-color-base);
}

.seo .seo-card-ranking-route-list .price b{
font-size:14px;
font-weight:normal;
}

/* .seo-card-ranking-route-toggle-hook
----------------------------------------------- */
.seo-card-ranking-route-toggle-hook{
padding-top:8px;
border-top:1px solid #ddd;

}
.seo-card-ranking-route-toggle-hook > button{
margin:0 0 0 auto;
padding:0 0 0 12px;
border:none;
display:block;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:8px auto;
font-size:14px;
}

.seo-card-ranking-route-toggle[aria-expanded=true] .seo-card-ranking-route-toggle-hook > button{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .seo-card-ranking-route-toggle-content
----------------------------------------------- */
.seo .seo-card-ranking-route-toggle-content{
display:none;
}

.seo-card-ranking-route-toggle[aria-expanded=true] .seo-card-ranking-route-toggle-content{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-faq
----------------------------------------------------------------- */
/* .seo-card-faq-item
----------------------------------------------- */
.seo-card > .seo-card-faq-item:first-child{
margin-top:-12px;
}

.seo .seo-card-faq-item:not(:first-child),
.seo .seo-card-toggle-01-content > .seo-card-faq-item{
border-top:1px solid #ddd;
}

/* .seo-card-faq-item-hook
----------------------------------------------- */
.seo .seo-card-faq-item-hook{
padding:0 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:50px;
background-image:url(/element/j_bus/shared/images/icon-faq-q.svg), url(/element/j_bus/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-size:12px;
font-weight:normal;
}

.seo-card-faq-item[aria-expanded=true] .seo-card-faq-item-hook{
background-image:url(/element/j_bus/shared/images/icon-faq-q.svg), url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .seo-card-faq-item-content
----------------------------------------------- */
.seo .seo-card-faq-item-content{
padding:0 0 12px 24px;
background:url(/element/j_bus/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:11px auto;
}

.seo .seo-card-faq-item-content p{
margin:0;
}

.seo-card-faq-item[aria-expanded="false"] > .seo-card-faq-item-content{
display:none;
}

/* .seo-card-faq-item-content-date
----------------------------------------------- */
.seo .seo-card-faq-item-content-date{
margin-top:8px;
color:#9e9e9e;
display:block;
text-align:right;
}

/* .seo-card-faq-link
----------------------------------------------- */
.seo .seo-card-faq-link{
padding:12px 0;
border-top:1px solid #ddd;
text-align:right;
}


/* ----------------------------------------------------------------
  .seo-card-area
----------------------------------------------------------------- */
/* .seo-card-area
----------------------------------------------- */
.seo .seo-card-area{
line-height:1.25;
}

/* .seo-card-area-tab
----------------------------------------------- */
.seo .seo-card-area-tab{
margin:0 -12px;
position:relative;
background:#fff;
box-shadow:0 2px 2px rgba(0,0,0,.2);
}

.seo .seo-card-area-tab::after{
content:'';
display:block;
width:30px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}

/* .seo-card-area-tab-inner
----------------------------------------------- */
.seo .seo-card-area-tab-inner{
overflow-x:auto;
overflow-y:hidden;
}

.seo .seo-card-area-tab-inner::-webkit-scrollbar{
display:none;
}

/* .seo-card-area-tab > ul
----------------------------------------------- */
.seo .seo-card-area-tab ul{
margin:0;
padding-left:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
white-space:nowrap;
}

.seo .seo-card-area-tab ul > li{
margin-right:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-card-area-tab ul > li:last-child{
margin-right:0;
padding-right:30px;
}

.seo .seo-card-area-tab button{
padding:0 0 10px;
border:none;
position:relative;
background:transparent;
font-size:14px;
}

.seo .seo-card-area-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:2px;
min-width:3em;
overflow:hidden;
position:absolute;
bottom:0;
right:50%;
transform:translateX(50%);
background-color:var(--cmn-font-color-base);
}

/* .seo-card-area-tabpanel
----------------------------------------------- */
.seo .seo-card-area-tabpanel{
padding-bottom:12px;
display:none;
}

.seo .seo-card-area-tabpanel.is-active{
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-matome
----------------------------------------------------------------- */
/* .seo-card-matome
----------------------------------------------- */
.seo .seo-card-matome{
line-height:1.35;
}

.seo .seo-card-matome > li:not(:first-child){
padding:8px 0 0;
border-top:1px solid #e5e5e5;
}

.seo .seo-card-matome > li:not(:last-child){
margin-bottom:8px;
}

.seo .seo-card-matome a{
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
gap:0 6px;
}

.seo .seo-card-matome a > div:first-child{
-webkit-box-flex:1;
flex:1
}

.seo .seo-card-matome a > div:last-child{
width:72px;
height:54px;
}

.seo .seo-card-matome a > div:last-child img{
width:100%;
height:100%;
object-fit:cover;
}

.seo .seo-card-matome a > div > span{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}


/* ----------------------------------------------------------------
  .seo-card-attention
----------------------------------------------------------------- */
/* .seo-card-attention
----------------------------------------------- */
.seo-card-attention{
font-size:14px;
}

.seo-card-attention ul{
margin:0;
}

.seo-card-attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}

.seo-card-attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}


/* ----------------------------------------------------------------
  .seo-card-news
----------------------------------------------------------------- */
/* .seo-card-news
----------------------------------------------- */
.seo-card-news{
font-size:14px;
}

.seo-card-news ul{
margin:0;
}

.seo-card-news ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

.seo-card-news ul a{
color:var(--cmn-font-color-base);
}

.seo-card-news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 8px;
font-size:12px;
line-height:1;
}

.seo-card-news ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}

.seo-card-news ul a > span .tag-w{
background-color:#48c2e6;
}

.seo-card-news ul a > span .tag-j{
background-color:#8db955;
}

.seo-card-news ul a > span .tag-other{
background-color:#bca446;
}

/* .seo-card-news-more
----------------------------------------------- */
.seo-card-news .seo-card-news-more{
margin:12px 0 0;
text-align:right;
font-size:14px;
}



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

  Pseudo Content Modules

----------------------------------------------------------------- */
/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
padding:0 10px 10px;
}

.pseudo-content.pseudo-lyt-sticky{
padding-bottom:75px;
}

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

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

.pseudo-content p + p{
margin-top:12px;
}

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

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

/* .pseudo-lyt-header
----------------------------------------------- */
.pseudo-lyt .pseudo-lyt-header{
margin:0 -10px;
position:relative;
z-index:1;
}

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

.pseudo-lyt .pseudo-lyt-content.branch{
background-color:#f5f5f5;
}

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

.pseudo-lyt .pseudo-lyt-footer > :first-child{
margin-top:0;
}


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

.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
z-index:1;
width:100%;
box-sizing:border-box;
}

.pseudo-content .pseudo-header + p:not([class]){
margin-top:10px;
}

.pseudo-lyt-header .pseudo-header{
margin:0;
}

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

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

.pseudo-content .pseudo-hdg-l1-br{
display:inline-block;
}

/* .pseudo-header-word-search
----------------------------------------------- */
.pseudo-header-word-search{
padding:0 10px 8px;
background-color:#111;
}

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

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

.pseudo-header-word-search input::-webkit-input-placeholder,
.pseudo-header-word-search input::placeholder{
font-size:16px;
}

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

/* .pseudo-header-utility
----------------------------------------------- */
.pseudo-header-utility{
padding:16px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:40px;
box-sizing:border-box;
background-color:#f5f5f5;
font-size:12px;
}

/* .pseudo-header-utility-list
----------------------------------------------- */
.pseudo-header-utility-list{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:2px 22PX;
font-size:14px;
}

.pseudo-header-utility-list label{
display:-webkit-box;
display:flex;
gap:0 4px;
}

.pseudo-header-utility-list label > span{
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  Pseudo Footer Modules
----------------------------------------------------------------- */
/* .pseudo-footer-btn-list
----------------------------------------------- */
.pseudo-footer-btn-list{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
gap:8px;
max-width:calc(calc(100% + 20px) * .8);
}

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

.pseudo-footer-btn-list > li.reset{
width:20%;
}

.pseudo-footer-btn-list button{
margin:0 auto;
padding:4px 8px;
border:none;
border-radius:4px;
width:auto;
width:100%;
height:100%;
display:block;
min-height:44px;
font-size:16px;
}

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

.pseudo-footer-btn-list > li.reset button{
padding:0;
background-color:#fff;
font-size:14px;
}

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

.pseudo-footer-btn-list button > span{
display:block;
font-size:12px;
}

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

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

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
padding:12px 10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
box-sizing:border-box;
width:100%;
background-color:#444;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo-content .pseudo-sticky-btn-list{
margin:0 auto;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
box-sizing:border-box;
max-width:calc(calc(100% + 20px) * .8);
gap:8px;
}

.pseudo-content .pseudo-sticky-btn-list > li button{
padding:0;
border-radius:4px;
width:100%;
height:44px;
}

.pseudo-content .pseudo-sticky-btn-list > li button:disabled{
opacity:.33;
}

.pseudo-content .pseudo-sticky-btn-list > li.reset{
width:20%;
}

.pseudo-content .pseudo-sticky-btn-list > li.reset button{
border:none;
background-color:#fff;
font-size:14px;
}

.pseudo-content .pseudo-sticky-btn-list > li.cv{
-webkit-box-flex:1;
flex:1;
text-align:center;
}

.pseudo-content .pseudo-sticky-btn-list > li.cv button{
border:none;
color:#fff;
background-color:var(--cmn-btn-color);
font-size:16px;
}

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


/* ----------------------------------------------------------------
  Pseudo Content Modules
----------------------------------------------------------------- */
/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2{
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
font-size:14px;
font-weight:normal;
}

.pseudo-content .form-list + .pseudo-hdg-l2,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2{
margin-top:-1px;
position:relative;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l2-container{
margin:0 -10px;
padding:8px 10px;
position:relative;
background-color:#444;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2{
margin:0;
padding:0;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-hdg-l2-container .pseudo-hdg-l2-btn{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
margin:0;
padding:0;
border:none;
font-size:12px;
}

.pseudo-content .form-list + .pseudo-hdg-l2-container,
.pseudo-content .pseudo-link-list + .pseudo-hdg-l2-container{
margin-top:-1px;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-hdg-l2-01{
margin:12px 0;
position:relative;
font-size:14px;
}

.pseudo-hdg-l2-01.branch{
padding:12px 0 0;
border-top:1px solid #e5e5e5;
border-bottom:none;
}

/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin:0 -10px;
padding:5px 10px 4px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
font-size:14px;
font-weight:normal;
}

.pseudo-content .pseudo-hdg-l3[role="presentation"]{
color:#ccc;
}

/* .pseudo-wording
----------------------------------------------- */
.pseudo-content .pseudo-wording{
margin:16px 0;
font-size:14px;
}

.pseudo-content .pseudo-btn-prev + .pseudo-wording{
margin-top:0;
}

/* .pseudo-note
----------------------------------------------- */
.pseudo-content .pseudo-note{
margin-top:10px;
color:var(--cmn-font-color-gray);
}

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

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

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

.pseudo-content .pseudo-note strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .pseudo-logo-google
----------------------------------------------- */
.pseudo-content .pseudo-logo-google{
margin-top:10px;
text-align:right;
line-height:1;
}

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

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

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

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

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

.pseudo-content .pseudo-link-list > li > a::before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

.pseudo-content .pseudo-link-list > li.is-disabled > a{
color:#ccc;
}

.pseudo-content .pseudo-link-list > li.is-disabled > a::before{
opacity:.4;
}

.pseudo-content .pseudo-link-list > li.ellipsis > a{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.pseudo-content .pseudo-link-list > li.no-icon > a::before{
display:none;
}

.pseudo-content .pseudo-link-list > li:is(.area, .station, .airport, .spot) > a{
padding-left:34px;
}

.pseudo-content .pseudo-link-list > li:is(.area, .station, .airport, .spot) > a::before{
margin-top:-8px;
border:none;
content:'';
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:10px;
transform: none;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}

.pseudo-content .pseudo-link-list > .area > a::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}
.pseudo-content .pseudo-link-list > .station > a::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.pseudo-content .pseudo-link-list > .airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}
.pseudo-content .pseudo-link-list > .spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}

.pseudo-content .pseudo-hdg-l2 + .pseudo-link-list > li:first-child > a,
.pseudo-content .pseudo-hdg-l3 + .pseudo-link-list > li:first-child > a{
border-top:none;
}


/* .pseudo-btn-prev
----------------------------------------------- */
.pseudo-content .pseudo-btn-prev{
padding:0;
border:none;
color:var(--cmn-font-color-link);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
background:transparent;
text-align:left;
font-size:14px;
}

/* .pseudo-btn-cv
----------------------------------------------- */
.pseudo-content .pseudo-btn-cv{
margin-top:30px;
padding:0;
border:none;
border-radius:6px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-flex:1;
flex:1;
height:45px;
-webkit-box-shadow:0 -4px 0 #608b0b inset;
box-shadow:0 -4px 0 #608b0b inset;
background-color:#78ae0e;
font-size:20px;
font-weight:bold;
text-shadow:0 1px 2px rgba(0, 0, 0, .1);
}

/* .pseudo-pulldown
----------------------------------------------- */
.pseudo-pulldown{
margin:12px 0;
position:relative;
}

.pseudo-pulldown > button{
padding:0 18px 0 8px;
border:1px solid #ccc;
border-radius:4px;
min-height:26px;
position:relative;
white-space:nowrap;
background-color:#fff;
font-size:14px;
text-align:left;
}

.pseudo-pulldown > button::before{
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:6px;
display:block;
border-width:5px 4px 0 4px;
border-color:var(--cmn-font-color-base) transparent transparent transparent;
border-style:solid;
}

.pseudo-pulldown[aria-expanded="true"] > button::before{
transform:rotate(180deg);
}

/* .pseudo-pulldown-content
----------------------------------------------- */
.pseudo-pulldown-content{
margin-top:8px;
padding:32px 16px 8px;
border-radius:3px;
box-sizing:border-box;
display:none;
min-width:180px;
position:absolute;
top:100%;
left:0;
z-index:1;
box-shadow:0 0 6px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo-pulldown-content::before{
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:30px;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}

.pseudo-pulldown-content::after{
content:'';
display:block;
width:32px;
height:15px;
position:absolute;
top:0;
left:20px;
background-color:#fff;
}

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

/* .pseudo-pulldown-content-hdg
----------------------------------------------- */
.pseudo-pulldown-content-hdg{
margin-bottom:8px;
}

/* .pseudo-pulldown-content-list
----------------------------------------------- */
.pseudo-pulldown-content-list a,
.pseudo-pulldown-content-list > li > span{
padding:8px 0 8px 20px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}

.pseudo-pulldown-content-list a > span,
.pseudo-pulldown-content-list span > span{
padding-left:24px;
display:block;
background-repeat:no-repeat;
background-position:0 50%;
background-size:18px auto;
}

.pseudo-pulldown-content-list > .is-active a{
background:url(/element/j_bus/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}

.pseudo-pulldown-content-list > .area a > span,
.pseudo-pulldown-content-list > .area span > span{
background-image:url(/element/shared/images/icon/icon-pin.svg);
}

.pseudo-pulldown-content-list > .station a > span,
.pseudo-pulldown-content-list > .station span > span{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:3% 50%;
background-size:13px auto;
}

.pseudo-pulldown-content-list > .airport a > span,
.pseudo-pulldown-content-list > .airport span > span{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:17px auto;
}

.pseudo-pulldown-content-list > .spot a > span,
.pseudo-pulldown-content-list > .spot span > span{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-position:2% 50%;
background-size:13px auto;
}

.pseudo-pulldown-content-list .is-disabled{
opacity:.33;
}

/* .pseudo-pulldown-content-close
----------------------------------------------- */
.pseudo-pulldown-content-close{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:36px;
height:36px;
position:absolute;
top:0;
right:0;
z-index:1;
background:url(/element_sp/j_bus/shared/images/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:12px;
}

/* .pseudo-reference-fee
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee{
font-size:13px;
}

/* .pseudo-reference-fee-header
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-header{
margin:0 -10px 15px;
padding:10px;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
background-color:#f5f5f5;
}

/* .pseudo-reference-fee-area
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-area{
margin-bottom:3px;
font-weight:bold;
font-size:17px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-area > span{
display:inline-block;
}

/* .pseudo-reference-fee-price
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-price > b{
font-size:15px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-price > span{
display:block;
font-size:12px;
}

/* .pseudo-reference-fee-list
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-list{
margin-top:5px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-list > li{
margin-top:2px;
}

/* .pseudo-reference-fee-airline
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-airline{
margin-bottom:10px;
padding:4px 0 0 65px;
color:#555;
position:relative;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-airline .logo{
border:1px solid #e5e5e5;
display:block;
width:60px;
height:25px;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-airline .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:90%;
max-height:90%;
}

/* .pseudo-reference-fee-route
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li{
margin-top:5px;
min-height:35px;
position:relative;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li::before{
border:1px solid #b5b5b5;
border-radius:9px;
content:'';
display:block;
width:18px;
height:18px;
box-sizing:border-box;
position:absolute;
top:4px;
left:3px;
z-index:2;
background-color:#fff;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li > div{
padding-left:30px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li > div::before{
margin:0;
border-width:8px 6px 0 6px;
border-color:#bababa transparent transparent transparent;
border-style:solid;
display:block;
content:'';
width:0;
height:0;
position:absolute;
bottom:-8px;
left:6px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li > div::after{
content:'';
display:block;
width:4px;
height:100%;
box-shadow:0 20px 0 #fff inset;
overflow:hidden;
position:absolute;
top:6px;
left:10px;
z-index:0;
background-color:#bababa;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li > div > b{
font-size:18px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:first-child{
margin-top:0;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:first-child::before{
display:none;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:last-child{
margin-top:7px;
min-height:0;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:last-child::before{
display:none;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:last-child > div::before,
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route > li:last-child > div::after{
display:none;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route .icon{
border:1px solid #b5b5b5;
width:25px;
line-height:23px;
position:absolute;
top:2px;
left:0;
z-index:2;
box-sizing:border-box;
background-color:#fff;
text-align:center;
font-size:14px;
}

.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-route .sup{
margin-top:4px;
color:#555;
display:block;
}

/* .pseudo-reference-fee-btn
----------------------------------------------- */
.pseudo-content .pseudo-reference-fee .pseudo-reference-fee-btn{
margin:20px auto 0;
padding:8px;
border:1px solid #bbb;
border-radius:6px;
color:#555;
display:table;
min-width:70%;
box-sizing:border-box;
font-weight:bold;
text-align:center;
}

/* .pseudo-time-setting
----------------------------------------------- */
.pseudo-content .pseudo-time-setting{
margin:10px 0;
}

/* .pseudo-time-setting-list
----------------------------------------------- */
.pseudo-content .pseudo-time-setting .pseudo-time-setting-list{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:14px;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-list > li{
padding-right:12px;
}

@media screen and (min-width:372px){
.pseudo-content .pseudo-time-setting .pseudo-time-setting-list > li{
-webkit-box-flex:1;
flex:1;
}
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-list > li:last-child{
padding-right:0;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-list > li > label{
padding-left:23px;
display:block;
position:relative;
}

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

/* .pseudo-time-setting-detail
----------------------------------------------- */
.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail{
padding:5px 10px;
position:relative;
background-color:#f4f4f4;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail::after{
content:'';
border-width:0 8px 10px 8px;
border-color:transparent transparent #f4f4f4 transparent;
border-style:solid;
display:block;
width:0;
height:0;
position:absolute;
top:-10px;
right:12.5%;
}

/* .pseudo-time-setting-detail-list
----------------------------------------------- */
.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list{
font-size:13px;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list > li:not(:first-child){
margin-top:5px;
}

/* .pseudo-time-setting-detail-list-01
----------------------------------------------- */
.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list-01{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list-01 > li{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list-01 > li:first-child{
padding-right:1.5em;
position:relative;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list-01 > li:first-child::after{
content:'\ff5e';
display:block;
position:absolute;
top:10px;
right:.25em;
}

.pseudo-content .pseudo-time-setting .pseudo-time-setting-detail-list-01 .form-custom-select{
margin:0;
}

/* .pseudo-info-header
----------------------------------------------- */
.pseudo-content .pseudo-info-header{
margin:10px 0;
font-size:12px;
}

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

.pseudo-content .pseudo-toggle-list .pseudo-toggle-list-item{
display:none;
padding:0 10px 30px;
}

.pseudo-content .pseudo-toggle-list button.pseudo-toggle-list-hook,
.pseudo-content .pseudo-toggle-list b.pseudo-toggle-list-hook{
position:relative;
width:100%;
padding:9px 10px;
text-align:left;
font-size:14px;
font-weight:bold;
border:none;
border-top:1px solid #e5e5e5;
background-color:#f5f5f5;
display:block;
box-sizing:border-box;
}

.pseudo-content .pseudo-toggle-list button.pseudo-toggle-list-hook::before{
position: absolute;
top:50%;
right:10px;
margin-top:-3px;
display:block;
width:12px;
height:12px;
background-image: url(/element/j_bus/shared/images/icon-arrow-down.svg);
background-position: 0 0;
background-size: 100%;
background-repeat: no-repeat;
content:"";
margin-right:5px;
}

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

.pseudo-content .pseudo-toggle-list > li.is-active .pseudo-toggle-list-hook::before{
background-image: url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

.pseudo-content .pseudo-toggle-list .pseudo-info-list-header{
padding:10px 0;
font-size:12px;
border-bottom:1px solid #e5e5e5;
}

/* .pseudo-info-list
----------------------------------------------- */
.pseudo-content .pseudo-info-list{
font-size:14px;
padding:10px 0;
}

.pseudo-content .pseudo-info-list > li{
margin-left:1em;
}

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

.pseudo-content .pseudo-info-list > li::before{
content:"\30FB";
display:inline-block;
text-indent:-1em;
}

/* .pseudo-info-list-notes
----------------------------------------------- */
.pseudo-content .pseudo-info-list-notes{
text-indent:-1em;
margin-left:1em;
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .pseudo-info-link
----------------------------------------------- */
.pseudo-content .pseudo-info-link a{
margin-top:15px;
color:var(--cmn-font-color-gray);
font-size:14px;
text-decoration:underline;
}

/* .pseudo-info-link-external
----------------------------------------------- */
.pseudo-content .pseudo-info-link-external{
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;
}


/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-map
----------------------------------------------- */
.cmn-modal .modal-map{
padding:0 12px 40px;
}

.cmn-modal .modal-map .modal-googlemap-view{
margin:0 -12px;
min-height:350px;
}

.cmn-modal .modal-map .modal-googlemap-catch{
margin-top:10px;
font-weight:bold;
}


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

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

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

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin:20px 0 10px;
font-size:15px;
font-weight:bold;
}

.agt-link .agt-link-catch img{
margin:0 auto 20px;
display:block;
max-width:80px;
}

/* .agt-link-num-people
----------------------------------------------- */
.agt-link .agt-link-num-people{
text-align:left;
}

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

/* .agt-link-num-people-catch{
----------------------------------------------- */
.agt-link .agt-link-num-people-catch{
padding:12px;
background-color:#f5f5f5;
}

.agt-link .agt-link-num-people-catch > :first-child{
margin-top:0;
}

.agt-link .agt-link-num-people-catch > :last-child{
margin-bottom:0;
}

.agt-link .agt-link-num-people-catch strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}

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

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

.agt-link .agt-link-num-people-list > li > label > b{
margin-bottom:3px;
display:block;
font-size:12px;
line-height:1.35;
}

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

/* .agt-link-num-people-select
----------------------------------------------- */
.agt-link .agt-link-num-people-select{
margin:0;
}

/* .agt-link-box / .agt-link-box-01
----------------------------------------------- */
.agt-link .agt-link-box{
margin:10px 0 15px;
padding:10px 13px;
background-color:#fff5f5;
text-align:left;
}

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

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

.agt-link .agt-link-box p{
margin:0;
}

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

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

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

.agt-link .agt-link-caution + .agt-link-box-border{
margin-top:10px;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note > li{
padding-left:10px;
position:relative;
}

.agt-link .agt-link-note > li::before{
content:'';
display:block;
width:3px;
height:3px;
border-radius:50%;
position:absolute;
top:.7em;
left:0;
background-color:#333;
}

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

/* .agt-link-caution
----------------------------------------------- */
.agt-link .agt-link-caution{
margin-top:20px;
text-align:left;
}

/* .agt-link-caution-hdg
----------------------------------------------- */
.agt-link .agt-link-caution-hdg{
margin:0 -10px;
padding:4px 10px 4px 28px;
position:relative;
background-color:#eee;
font-weight:normal;
font-size:14px;
}

.agt-link .agt-link-caution-hdg::before{
content:'';
display:block;
width:14px;
height:14px;
overflow:hidden;
position:absolute;
top:8px;
left:10px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 0 no-repeat;
}

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

.agt-link .agt-link-caution-list > li > b{
display:block;
}

/* .agt-link-caution-note
----------------------------------------------- */
.agt-link .agt-link-caution-note{
margin:0;
}

.agt-link .agt-link-caution-note > li{
margin-top:5px;
padding-left:1.25em;
position:relative;
}

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

/* .agt-link-cv
----------------------------------------------- */
.agt-link .agt-link-cv{
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}

/* .agt-link-cv-btn
----------------------------------------------- */
.agt-link .agt-link-cv-btn{
padding:0;
border:none;
border-radius:6px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
-webkit-box-flex:1;
flex:1;
height:45px;
background-color:var(--cmn-btn-color);
font-size:16px;
}



/* ----------------------------------------------------------------
  Calender
----------------------------------------------------------------- */
/* .calender
----------------------------------------------- */
.calender{
margin:16px -10px 0;
}

.calender + .calender{
margin-top:20px;
padding-top:16px;
border-top:1px solid #ccc;
}

/* .calender-header
----------------------------------------------- */
.calender .calender-header{
margin:0 10px 20px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

/* .calender-header-hdg
----------------------------------------------- */
.calender .calender-header-hdg{
-webkit-box-flex:1;
flex:1;
font-size:16px;
}

/* .calender-header-form
----------------------------------------------- */
.calender .calender-header-form{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
}

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

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

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

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

.calender .calender-tbl td a{
padding:8px 0;
border-radius:5px;
color:var(--cmn-font-color-base);
display:block;
height:38px;
box-sizing:border-box;
}

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

.calender .calender-tbl td.holiday a{
color:var(--cmn-font-color-red);
}

.calender .calender-tbl td.is-active a{
margin:0 auto;
color:#fff;
width:38px;
background-color:#2584d1;
}

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


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

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

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

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

.error p{
margin:0;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 10px;
}

.error-result strong{
display:block;
text-align:center;
}


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

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

.search-header-cheapest-calendar .loading{
margin:40px auto;
}

.agt-link .loading{
margin:0 auto 20px;
width:25px;
height:25px;
}

/* .loading-container
----------------------------------------------- */
.loading-container{
min-height:450px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}

.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color: #fff;
font-weight: bold;
}

.loading-modal .loading-modal-icon{
margin-bottom:5px;
display:block;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}


/* ----------------------------------------------------------------
  For Android App
----------------------------------------------------------------- */
.is-app-android .pseudo-sticky,
.is-app-android .form-search-index-btn-act{
padding-bottom:57px;
}

.is-app-android [data-role='dialog'].pseudo-lyt-sticky{
padding-bottom:130px;
}


/* ----------------------------------------------------------------
  For Google App
----------------------------------------------------------------- */
.support-app-google .agt-link .agt-link-cv,
.support-app-google .pseudo-sticky,
.support-app-google .pseudo-content{
padding-bottom:140px;
}
.support-app-google .agt-link.agt-link-lyt-sticky,
.support-app-google .pseudo-lyt-sticky{
padding-bottom:210px;
}