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

  Custom Properties

----------------------------------------------------------------- */
:root{
--button-color:#177bcb;
--button-color-hover:#004c9a;
}



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

  Clearfix

----------------------------------------------------------------- */
.list-col-2::before,
.list-col-3::before,
.list-col-4::before,
.box-bg-img-ctrl::before,
.search-result .search-result-sort::before,
.list-col-2::after,
.list-col-3::after,
.list-col-4::after,
.box-bg-img-ctrl::after,
.search-result .search-result-sort::after{
content:'';
display:table;
}

.list-col-2::after,
.list-col-3::after,
.list-col-4::after,
.box-bg-img-ctrl::after,
.search-result .search-result-sort::after{
clear:both;
}



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

  Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}

[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

[type="search"]::-webkit-search-cancel-button{
display:none;
}

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

button,
select{
cursor:pointer;
}

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

option:disabled{
color:#ccc;
}

option:disabled::-ms-value,
option:disabled::-ms-expand{
color:#ccc;
}

::placeholder{
color:#949494;
}
::-ms-input-placeholder{
color:#949494;
}
:-ms-input-placeholder{
color:#949494;
}
::-ms-clear{
display:none;
}


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

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

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

progress{
vertical-align:baseline;
}



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

   Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-tip-container
----------------------------------------------------------------- */
.cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .cmn-tip-hdg-01
----------------------------------------------- */
.cmn-tip-hdg-01{
padding-left:0;
}

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



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

  Menu Common Modules

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

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

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

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

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

.menu-header-container .menu-header-sup{
margin:6px 0 8px;
line-height:1.45;
font-size:14px;
}

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

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

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

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

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

.menu-header-container .menu-header-utility > li > a{
margin:0 0 0 auto;
padding:4px 15px;
border:1px solid rgba(255,255,255,.5);
color:#fff;
display:block;
width:fit-content;
text-align:center;
}

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

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

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

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

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

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


/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
line-height:1;
font-size:14px;
white-space:nowrap;
}

.pager li{
display:inline-block;
text-align:center;
}

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

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

.pager li > b{
color:#fff;
background-color:transparent;
}

.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}

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

.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px;
}

.pager .prev{
margin-right:3px;
}

.pager .next{
margin-left:3px;
}

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

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


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


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice
----------------------------------------------- */
.notice{
margin:8px 0 0 auto;
padding-left:calc(1em + 8px);
color:var(--cmn-font-color-gray);
display:block;
width:fit-content;
position:relative;
font-size:12px;
}

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

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

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

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

.notice-list > li:first-child{
margin-top:0;
}

.agt-link-num-people-catch .notice-list li{
margin:4px auto 0;
width:fit-content;
}


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

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

.form-custom-select select{
padding:2px 16px 3px 5px;
border:none;
color:var(--cmn-font-color-base);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
background-color:transparent;
font-size:14px;
}

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

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

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

.cmn-ms .form-custom-select select{
padding:5px 4px 5px 5px;
font-size:12px;
}

.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

/* .form-list
----------------------------------------------- */
.form-list{
margin-top:-5px;
color:#333;
}

.form-list > li{
margin-top:10px;
}

.form-list > li label{
display:inline-block;
padding-left:18px;
position:relative;
cursor:pointer;
}

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

.form-list > li.is-disabled{
opacity:.5;
}

.form-list > li.is-disabled label{
cursor:default;
}



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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------- */
.form-search{
margin-bottom:28px;
padding:12px 20px 20px;
position:relative;
box-sizing:border-box;
max-width:960px;
background-color:#eee;
}

.form-search .form-search-select{
vertical-align:top;
min-width:80px;
box-sizing:border-box;
}

.form-search-time-list .form-search-select,
.form-search-time-list .form-search-select select{
height:28px;
}

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

.form-search .form-search-lyt > .form-search-lyt-cell:first-child{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-lyt > .form-search-lyt-cell:last-child{
width:358px;
}

/* .form-search-lyt-01
----------------------------------------------- */
.form-search .form-search-lyt-01{
display:-webkit-box;
display:flex;
gap:74px;
}

.form-search .form-search-lyt-01 > .form-search-lyt-01-cell:first-child{
width:256px;
}

.form-search .form-search-lyt-01 > .form-search-lyt-01-cell:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-item
----------------------------------------------- */
.form-search .form-search-item{
margin-top:12px;
position:relative;
display:-webkit-box;
display:flex;
gap:8px;
}

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

.form-search .form-search-item.departure,
.form-search .form-search-item.destination{
padding-right:33px;
}

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

.form-search .form-search-item > .form-search-item-cell:first-child{
width:90px;
-webkit-box-flex:0;
flex:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
max-height:34px;
}

.form-search .form-search-item.time > .form-search-item-cell:first-child,
.form-search .form-search-item.picky > .form-search-item-cell:first-child{
height:21px;
}

.form-search .form-search-item.agt >.form-search-item-cell:last-child{
position:relative;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search .form-search-hdg-l1{
margin:0 210px 10px 0;
font-size:16px;
font-weight:bold;
}

/* .form-search-hdg
----------------------------------------------- */
.form-search .form-search-hdg{
padding-right:18px;
line-height:1.25;
-webkit-box-flex:1;
flex:1;
position:relative;
}

.form-search .form-search-hdg > h2{
font-size:12px;
text-align:left;
}

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

.form-search .form-search-hdg.required{
padding-right:48px;
}

.form-search .form-search-hdg.required .form-search-icon-required{
position:absolute;
top:0;
right:0;
}

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


/* .form-search-list-line
----------------------------------------------- */
.form-search .form-search-list-line{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 12px;
font-size:14px;
}

.form-search .form-search-list-line > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px
}

.form-search .form-search-list-line > li > label{
cursor:pointer;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.form-search .form-search-list-line > li > label > span{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-list-line > .is-disabled > label{
cursor:default;
opacity:.33;
}

.form-search .form-search-list-line > .is-disabled > label input:disabled{
cursor:default;
}

.form-search .form-search-list-line .other{
padding-left:12px;
border-left:1px solid #bbb;
}

.form-search .form-search-list-line button{
margin:0;
padding:0;
border:none;
line-height:1.35;
position:relative;
font-size:14px;
background:transparent;
}

.form-search .form-search-list-line button:active,
.form-search .form-search-list-line button:hover,
.form-search .form-search-list-line button:focus{
color:var(--button-color-hover);
box-shadow:0 -1px 0 var(--button-color-hover) inset;
}

.form-search .form-search-list-line .is-checked::before{
content:'';
display:block;
width:12px;
height:9px;
overflow:hidden;
position:absolute;
top:4px;
right:-16px;
background:url(/element/j_bus/shared/images/icon-check.svg) no-repeat 0 50%;
}

/* .form-search-area
----------------------------------------------- */
.form-search .form-search-area{
border:1px solid #bebebe;
position:relative;
box-sizing:border-box;
display:-webkit-box;
display:flex;
background-color:#fff;
}

.form-search .form-search-area input{
padding:5px 10px;
border:none;
height:32px;
-webkit-box-flex:1;
flex:1;
background-color:transparent;
}

.form-search .form-search-area.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-area-btn-clear
----------------------------------------------- */
.form-search .form-search-area-btn-clear{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:32px;
overflow:hidden;
display:none;
background:transparent url(/element/j_bus/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:10px auto;
text-indent:-100px;
}

.form-search-area.is-set .form-search-area-btn-clear{
display:block;
}

/* .form-search-area-replace
----------------------------------------------- */
.form-search .form-search-area-replace-btn{
margin:-24px 0 0;
border:1px solid #ccc;
border-radius:4px;
color:rgba(0,0,0,0);
display:block;
width:25px;
height:46px;
box-sizing:border-box;
overflow:hidden;
position:absolute;
top:40px;
right:0;
background:#fff url(/element/j_bus/shared/images/icon-replace.svg) 50% 50% no-repeat;
background-size:17px auto;
text-indent:-200px;
}

/* .form-search-date-btn
----------------------------------------------- */
.form-search .form-search-date-btn{
padding:0 30px 0 10px;
border:1px solid #bebebe;
border-radius:2px;
color:var(--cmn-font-color-base);
width:100%;
height:34px;
box-sizing:border-box;
vertical-align:top;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 96% 4px no-repeat;
text-align:left;
font-size:14px;
}

/* .form-search-time
----------------------------------------------- */
.form-search .form-search-time{
margin-top:6px;
width:100%;
box-sizing:border-box;
display:none;
font-size:12px;
}

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

/* .form-search-time-list
----------------------------------------------- */
.form-search .form-search-time-list{
padding:8px;
position:relative;
background-color:#ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:8px;
}

.form-search .form-search-time-list > li{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-time-list::before{
content:'';
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:-7px;
right:180px;
background:url(/element/j_bus/shared/images/icon-arrow-balloon.svg) 0 0 no-repeat;
}

.form-search .form-search-time-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.form-search .form-search-time-list > li > div:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

/* .form-search-agt-btn
----------------------------------------------- */
.form-search .form-search-agt-btn{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
max-width:446px;
}

.form-search .form-search-agt-btn button:first-child{
padding:3px 16px 3px 8px;
border:1px solid #bebebe;
border-radius:2px;
color:#9e9e9e;
width:100%;
height:34px;
-webkit-box-flex:1;
flex:1;
position:relative;
background:#fff url(/element/j_bus/shared/images/icon-arrow-01.svg) no-repeat calc(100% - 8px) 50%;
background-size:6px auto;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:left;
font-size:14px;
}

.form-search .form-search-agt-btn button:last-child{
padding:0;
border-color:#bebebe;
border-width:1px 1px 1px 0;
border-style:solid;
color:rgba(0,0,0,0);
width:20px;
height:34px;
overflow:hidden;
display:none;
background:#fff url(/element/j_bus/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:10px auto;
text-indent:-100px;
}

.form-search .form-search-agt-btn.is-set button:first-child{
padding-right:0;
border-right:none;
background-image:none;
color:var(--cmn-font-color-base);
}

.form-search .form-search-agt-btn.is-set button:last-child{
display:block;
}

/* .form-search-icon-required
----------------------------------------------- */
.form-search .form-search-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:inline-block;
height:14px;
line-height:1;
box-sizing:border-box;
vertical-align:middle;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}

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

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

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

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

.form-search .form-search-btn-history::before{
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:4px;
left:-14px;
background:url(/element/j_bus/shared/images/icon-history.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

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

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

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

/* .form-search-cheapest-tab
----------------------------------------------- */
.form-search .form-search-cheapest-tab{
margin:0 0 -1px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:4px;
position:relative;
z-index:1;
font-size:12px;
}

.form-search .form-search-cheapest-tab > li{
-webkit-box-flex:1;
flex:1;
}

.form-search .form-search-cheapest-tab > li a{
padding:5px 4px 3px;
border:1px solid #ccc;
color:var(--cmn-font-color-base);
display:block;
box-sizing:border-box;
background-color:#f5f5f5;
text-align:center;
text-decoration:none;
}

.form-search .form-search-cheapest-tab > li.is-active a{
border-bottom-color:#fff;
background-color:#fff;
}

/* .form-search-cheapest-item
----------------------------------------------- */
.form-search .form-search-cheapest-item{
border:1px solid #ccc;
color:var(--cmn-font-color-base);
display:none;
background-color:#fff;
font-family:Arial, var(--cmn-font-family);
}

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

/* .form-search-cheapest-item-header
----------------------------------------------- */
.form-search .form-search-cheapest-item-header{
padding:15px 0 12px;
position:relative;
}

/* .form-search-cheapest-nav
----------------------------------------------- */
.form-search .form-search-cheapest-nav{
margin:0 auto;
padding:0 10px;
width:118px;
box-sizing:border-box;
position:relative;
text-align:center;
}

/* .form-search-cheapest-nav-hdg
----------------------------------------------- */
.form-search .form-search-cheapest-nav-hdg{
font-size:16px;
line-height:1;
}

/* .form-search-cheapest-nav-list
----------------------------------------------- */
.form-search .form-search-cheapest-nav-list a{
margin:auto 0;
color:rgba(0,0,0,0);
display:block;
width:10px;
height:20px;
box-sizing:border-box;
position:absolute;
top:0;
bottom:0;
left:0;
background:url(/element/j_bus/shared/images/icon-arrow-01.svg) 100% 44% no-repeat;
background-size:7px auto;
}

.form-search .form-search-cheapest-nav-list .next a{
right:0;
left:auto;
}

.form-search .form-search-cheapest-nav-list .prev a{
left:0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
background-position:100% 55%;
}

.form-search .form-search-cheapest-nav-list .is-disabled{
opacity:0.33;
}

/* .form-search-cheapest-sup
----------------------------------------------- */
.form-search .form-search-cheapest-sup{
font-size:12px;
}

.form-search .form-search-cheapest-sup > li{
position:absolute;
top:16px;
right:8px;
}

.form-search .form-search-cheapest-sup > li:first-child:not(:last-child){
right:auto;
left:8px;
}


.form-search .form-search-cheapest-sup .icon-cheapest{
margin-right:5px;
color:rgba(51, 51, 51, 0);
border-radius:50%;
display:inline-block;
width:14px;
height:8px;
border:1px solid rgba(227, 7, 7, .4);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
vertical-align:middle;
}

/* .form-search-cheapest-calendar
----------------------------------------------- */
.form-search .form-search-cheapest-calendar{
border-collapse:collapse;
border-spacing:0;
border-top:1px solid #ccc;
table-layout:fixed;
width:100%;
font-size:12px;
line-height:1.25;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

.form-search .form-search-cheapest-calendar th{
padding:4px 0 2px;
border-width:0 0 1px 1px;
border-color:#ddd;
border-style:solid;
font-weight:normal;
}

.form-search .form-search-cheapest-calendar th:first-child{
border-left:none;
}

.form-search .form-search-cheapest-calendar tbody tr:last-child td,
.form-search .form-search-cheapest-calendar tbody tr:last-child th{
border-bottom:none;
}

.form-search .form-search-cheapest-calendar td{
padding:0;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
}

.form-search .form-search-cheapest-calendar td:first-child{
border-left:none;
}

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

.form-search .form-search-cheapest-calendar td > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-direction:column;
height:41px;
cursor:pointer;
}

.form-search .form-search-cheapest-calendar td>div:active,
.form-search .form-search-cheapest-calendar td > div:hover,
.form-search .form-search-cheapest-calendar td > div:focus,
.form-search .form-search-cheapest-calendar td > div.is-active{
background-color:#e0eef9;
}

.form-search .form-search-cheapest-calendar .date{
padding-top:6px;
display:block;
box-sizing:border-box;
height:24px;
line-height:1;
font-size:14px;
}

.form-search .form-search-cheapest-calendar .cheapest-price{
color:var(--cmn-font-color-link);
display:block;
width:100%;
position:relative;
line-height:1;
-webkit-box-flex:1;
flex:1;
font-size:10px;
}

.form-search .form-search-cheapest-calendar .icon-cheapest{
margin:auto;
border:1px solid rgba(227,7,7,.4);
border-radius:50%;
color:rgba(0,0,0,0);
box-sizing:border-box;
display:block;
width:85%;
height:100%;
position:absolute;
top:-4px;
right:0;
left:0;
}

.form-search .form-search-cheapest-calendar td > div.is-disabled{
cursor:default;
}

.form-search .form-search-cheapest-calendar td > div.is-disabled::after{
color:#999;
content:'-';
display:block;
}

.form-search .form-search-cheapest-calendar td > div.is-disabled:active,
.form-search .form-search-cheapest-calendar td > div.is-disabled:hover,
.form-search .form-search-cheapest-calendar td > div.is-disabled:focus{
background-color:transparent;
}

/* .form-search-cheapest-calendar-01
----------------------------------------------- */
.form-search .form-search-cheapest-calendar-01{
border-collapse:collapse;
border-spacing:0;
border-top:1px solid #ccc;
table-layout:fixed;
width:100%;
font-size:12px;
line-height:1.25;
text-align:center;
}

.form-search .form-search-cheapest-calendar-01 th{
padding:6px 0 5px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
font-weight:normal;
}

.form-search .form-search-cheapest-calendar-01 th:first-child{
width:7em;
border-left:none;
}

.form-search .form-search-cheapest-calendar-01 th.sun,
.form-search .form-search-cheapest-calendar-01 th.holiday{
color:var(--cmn-font-color-red);
}

.form-search .form-search-cheapest-calendar-01 td{
padding:0;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
color:var(--cmn-font-color-link);
cursor:pointer;
height:40px;
position:relative;
}

.form-search .form-search-cheapest-calendar-01 td:active,
.form-search .form-search-cheapest-calendar-01 td:hover,
.form-search .form-search-cheapest-calendar-01 td:focus{
color:#fff;
background-color:var(--button-color);
}

.form-search .form-search-cheapest-calendar-01 tbody tr:last-child th,
.form-search .form-search-cheapest-calendar-01 tbody tr:last-child td{
border-bottom:none;
}

.form-search .form-search-cheapest-calendar-01 tbody th{
padding:0 0 0 10px;
border-left:none;
height:40px;
font-size:12px;
text-align:left;
}

.form-search .form-search-cheapest-calendar-01 .is-disabled{
color:var(--cmn-font-color-gray);
cursor:default;
}

.form-search .form-search-cheapest-calendar-01 .is-disabled::before{
content:'-';
display:inline-block;
}

.form-search .form-search-cheapest-calendar-01 .is-disabled:active,
.form-search .form-search-cheapest-calendar-01 .is-disabled:hover,
.form-search .form-search-cheapest-calendar-01 .is-disabled:focus{
color:#999;
background-color:transparent;
}

.form-search .form-search-cheapest-calendar-01 .is-active-col.is-disabled:active,
.form-search .form-search-cheapest-calendar-01 .is-active-col.is-disabled:hover,
.form-search .form-search-cheapest-calendar-01 .is-active-col.is-disabled:focus,
.form-search .form-search-cheapest-calendar-01 .is-active-row .is-disabled:active,
.form-search .form-search-cheapest-calendar-01 .is-active-row .is-disabled:hover,
.form-search .form-search-cheapest-calendar-01 .is-active-row .is-disabled:focus{
color:#999;
background-color:#e9f3fb;
}

.form-search .form-search-cheapest-calendar-01 .is-active.is-disabled:active,
.form-search .form-search-cheapest-calendar-01 .is-active.is-disabled:hover,
.form-search .form-search-cheapest-calendar-01 .is-active.is-disabled:focus{
color:#fff;
background-color:var(--button-color);
}

.form-search .form-search-cheapest-calendar-01 .is-active-col,
.form-search .form-search-cheapest-calendar-01 .is-active-row td{
background-color:#e9f3fb;
}

.form-search .form-search-cheapest-calendar-01 .is-active-col:active,
.form-search .form-search-cheapest-calendar-01 .is-active-col:hover,
.form-search .form-search-cheapest-calendar-01 .is-active-col:focus,
.form-search .form-search-cheapest-calendar-01 .is-active-row td:active,
.form-search .form-search-cheapest-calendar-01 .is-active-row td:hover,
.form-search .form-search-cheapest-calendar-01 .is-active-row td:focus{
color:#fff;
background-color:var(--button-color);
}

.form-search .form-search-cheapest-calendar-01 .is-active-row th{
background-color:#e9f3fb;
}

.form-search .form-search-cheapest-calendar-01 td.is-active{
color:#fff;
background-color:var(--button-color);
}


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

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

/* .form-search-index-select
----------------------------------------------- */
.form-search-index .form-search-index-select{
vertical-align:top;
min-width:90px;
box-sizing:border-box;
}

.form-search-index .date .form-search-index-select{
width:170px;
}

.form-search-index-time-list .form-search-index-select,
.form-search-index-time-list .form-search-index-select select{
height:28px;
}

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

.form-search-index .form-search-index-item > .form-search-index-item-cell{
position:relative;
min-height:34px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell::before{
content:'';
display:block;
width:1px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell::before{
z-index:1;
background-color:#015eaa;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child{
width:100px;
-webkit-box-flex:none;
flex:none;
}

.form-search-index .form-search-index-item > .form-search-index-item-cell:first-child::before{
display:none;
}

.form-search-index .form-search-index-item.departure{
padding-right:33px;
position:relative;
box-sizing:border-box;
width:fit-content;
}

.form-search-index .form-search-index-item.date{
width:396px;
}

.form-search-index .form-search-index-item.time >.form-search-index-item-cell:last-child{
flex-direction:column;
}

/* .form-search-index-item-col
----------------------------------------------- */
.form-search-index .form-search-index-item-col{
display:-webkit-box;
display:flex;
gap:0 16px;
}

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

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

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

.form-search-index .form-search-index-hdg > h2 .sup{
display:block;
font-size:10px;
}

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

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

.form-search-index .form-search-index-hdg.required .form-search-index-icon-required{
position:absolute;
top:10px;
right:5px;
}

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

.form-search-index .form-search-index-hdg.no-icon{
padding-right:8px;
}


/* .form-search-index-list-line
----------------------------------------------- */
.form-search-index .form-search-index-list-line{
margin-left:8px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:10px 6px;
font-size:14px;
}

.form-search-index .form-search-index-list-line > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px
}

.form-search-index .form-search-index-list-line > li > label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
cursor:pointer;
}

.form-search-index .form-search-index-list-line > li > label > span{
-webkit-box-flex:1;
flex:1;
}

.form-search-index .form-search-index-list-line > .is-disabled > label{
cursor:default;
}

.form-search-index .form-search-index-list-line > .is-disabled > label > span{
opacity:.33;
}

.form-search-index .form-search-index-list-line > .is-disabled > label input:disabled{
cursor:default;
}

.form-search-index .form-search-index-list-line .other{
padding-left:12px;
border-left:1px solid #bbb;
}

.form-search-index .form-search-index-list-line button{
margin:0;
padding:0;
border:none;
line-height:1.35;
position:relative;
font-size:14px;
background:transparent;
}

.form-search-index .form-search-index-list-line button:active,
.form-search-index .form-search-index-list-line button:hover,
.form-search-index .form-search-index-list-line button:focus{
color:var(--button-color-hover);
box-shadow:0 -1px 0 var(--button-color-hover) inset;
}

.form-search-index .form-search-index-list-line .is-checked::before{
content:'';
display:block;
width:12px;
height:9px;
overflow:hidden;
position:absolute;
top:4px;
right:-16px;
background:url(/element/j_bus/shared/images/icon-check.svg) no-repeat 0 50%;
}

.form-search-index-item.time .form-search-index-list-line{
min-height:34px;
}

/* .form-search-index-toggle
----------------------------------------------- */
.form-search-index .form-search-index-toggle{
margin-top:12px;
}

.form-search-index .form-search-index-toggle .form-search-index-toggle-hook{
padding:0;
border:1px solid #bebebe;
border-radius:4px;
width:160px;
height:28px;
background-color:#fff;
font-size:12px;
}

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

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

.form-search-index .form-search-index-toggle .form-search-index-toggle-item{
display:none;
}

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

/* .form-search-index-area
----------------------------------------------- */
.form-search-index .form-search-index-area{
border:1px solid #bebebe;
position:relative;
width:503px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
background-color:#fff;
}

.form-search-index .form-search-index-area input{
padding:5px 10px;
border:none;
height:32px;
-webkit-box-flex:1;
flex:1;
background-color:transparent;
}

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

/* .form-search-index-area-btn-clear
----------------------------------------------- */
.form-search-index .form-search-index-area-btn-clear{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:20px;
height:32px;
overflow:hidden;
display:none;
background:transparent url(/element/j_bus/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:10px auto;
text-indent:-100px;
}

.form-search-index-area.is-set .form-search-index-area-btn-clear{
display:block;
}

/* .form-search-index-area-replace
----------------------------------------------- */
.form-search-index .form-search-index-area-replace-btn{
margin:-24px 0 0;
border:1px solid #ccc;
border-radius:4px;
color:rgba(0,0,0,0);
display:block;
width:25px;
height:46px;
box-sizing:border-box;
overflow:hidden;
position:absolute;
top:40px;
right:0;
background:#fff url(/element/j_bus/shared/images/icon-replace.svg) 50% 50% no-repeat;
background-size:17px auto;
text-indent:-200px;
}


/* .form-search-index-date-btn
----------------------------------------------- */
.form-search-index .form-search-index-date-btn{
padding:0 30px 0 10px;
border:1px solid #bebebe;
color:var(--cmn-font-color-base);
width:140px;
height:34px;
box-sizing:border-box;
vertical-align:top;
background:#fff url(/element/shared/lib/jquery/jquery.travelko.date-range-picker/images/icon.png) 96.5% 4px no-repeat;
text-align:left;
font-size:14px;
}

/* .form-search-index-date-list
----------------------------------------------- */
.form-search-index .form-search-index-date-list{
margin-left:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.form-search-index .form-search-index-date-list button{
padding:0;
border:1px solid #bebebe;
border-radius:4px;
color: var(--cmn-font-color-base);
width:48px;
height:28px;
background-color:#fff;
font-size:12px;
}

/* .form-search-index-time
----------------------------------------------- */
.form-search-index .form-search-index-time{
margin-top:6px;
padding-left:12px;
width:100%;
box-sizing:border-box;
display:none;
}

.form-search-index .form-search-index-time.is-active{
display:block;
}

/* .form-search-index-time-list
----------------------------------------------- */
.form-search-index .form-search-index-time-list{
padding:8px 12px;
position:relative;
background-color:#ddd;
}

.form-search-index .form-search-index-time-list::before{
content:'';
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:-7px;
right:20px;
background:url(/element/j_bus/shared/images/icon-arrow-balloon.svg) 0 0 no-repeat;
}

.form-search-index .form-search-index-time-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:8px;
}

.form-search-index .form-search-index-time-list > li:not(:first-child){
margin-top:4px;
}

.form-search-index .form-search-index-time-list > li > div:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

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

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

.form-search-index-lyt-01-cell > .form-search-index-error{
margin-left:123px;
white-space:nowrap;
}

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

/* .form-search-index-icon-required
----------------------------------------------- */
.form-search-index .form-search-index-icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:inline-block;
height:14px;
line-height:1;
box-sizing:border-box;
vertical-align:middle;
font-size:11px;
background-color:#fff;
white-space:nowrap;
}

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

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

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

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

.form-search-index .form-search-index-btn-history::before{
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:4px;
left:-14px;
background:url(/element/j_bus/shared/images/icon-history.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

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

/* .form-search-index-note
----------------------------------------------- */
.form-search-index .form-search-index-note{
margin-top:-16px;
font-size:11px;
text-align:right;
}

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

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

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

/* .form-search-index-exec-btn
----------------------------------------------- */
.form-search-index .form-search-index-exec .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
font-size:20px;
font-weight:bold;
background-color:var(--button-color);
}

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

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


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

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin:-10px 0 -5px;
border-bottom:1px solid #999;
color:#fff;
}

.search-result .search-result-sort li{
display:table;
float:left;
position:relative;
}

.search-result .search-result-sort li::before{
margin-top:-6px;
content:'';
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-color:#d0d0d0;
}

.search-result .search-result-sort li:first-child::before{
display:none;
}

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

.search-result .search-result-sort li > span{
padding-left:10px;
display:table-cell;
position:relative;
white-space:nowrap;
vertical-align:middle;
}

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

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

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

.search-result .search-result-sort li.is-active a::after{
background-color:#fff;
}

.search-result .search-result-sort .search-result-sort-btn li::before{
display:none;
}

.search-result .search-result-sort .search-result-sort-btn li a{
padding:10px 8px;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result .search-result-num-container{
margin-top:20px;
display:table;
width:100%;
font-family:Arial;
}

.search-result .search-result-num-container > .search-result-num,
.search-result .search-result-num-container > .search-result-pager{
display:table-cell;
vertical-align:middle;
}

.search-result .search-result-num-container > .search-result-num{
padding-right:10px;
color:#fff;
font-size:12px;
}

.search-result .search-result-num-container > .search-result-num > span{
display:inline-block;
line-height:1.35;
}

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

.search-result .search-result-num-container > .search-result-pager{
text-align:right;
}

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

.search-result .search-result-num-container + .search-result-item{
margin-top:10px;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result .search-result-item-hdg{
margin-bottom:10px;
padding-left:80px;
position:relative;
line-height:1.35;
font-size:18px;
}

.search-result .search-result-item-hdg .tag-time{
padding:5px 0 4px;
border-radius:3px;
color:#fff;
display:block;
width:68px;
line-height:1;
box-sizing:border-box;
position:absolute;
top:-1px;
left:0;
background-color:#e5b018;
font-size:12px;
text-align:center;
}

.search-result .search-result-item-hdg .tag-time.night{
background-color:#2d8ed6;
}

/* .search-result-item-schedule
----------------------------------------------- */
.search-result .search-result-item-schedule{
margin-bottom:10px;
padding-bottom:12px;
border-bottom:1px solid #ddd;
}

/* .search-result-item-schedule-toggle-summary
----------------------------------------------- */
.search-result-item-schedule-toggle.is-active .search-result-item-schedule-toggle-summary{
display:none;
}

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

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

/* .search-result-item-schedule-toggle-hook
----------------------------------------------- */
.search-result .search-result-item-schedule-toggle-hook{
margin:8px 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-item-schedule-toggle.is-active .search-result-item-schedule-toggle-hook{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}

/* .search-result-item-schedule-info
----------------------------------------------- */
.search-result .search-result-item-schedule-info{
display:-webkit-box;
display:flex;
gap:12px 17px;
flex-wrap:wrap;
line-height:1.25;
overflow:hidden;
}

.search-result .search-result-item-schedule-info > li{
margin-left:-9px;
padding-left:8px;
border-left:1px solid #c9c9c9;
}

/* .search-result-item-schedule-list
----------------------------------------------- */
.search-result .search-result-item-schedule-list{
letter-spacing:-0.4em;
overflow:hidden;
line-height:1.25;
font-size:12px;
}

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

.search-result .search-result-item-schedule-list > li .date{
margin-bottom:2px;
display:block;
font-weight:bold;
}

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

.search-result .search-result-item-schedule-list > li > div > span{
display:block;
font-family:Arial, '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', 'Hiragino Sans','\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;
}

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

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

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

.search-result .search-result-item-schedule-list > li:last-child > div::before{
display:none;
}

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

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

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

.search-result .search-result-item-schedule-list > li.arrival > div.is-active{
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:25px;
}

.search-result .search-result-item-schedule-list > li[class*="arrow"] > div::before{
margin-top:-8px;
content:'';
display:block;
width:18px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
right:-23px;
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:59px;
}

.search-result .search-result-item-schedule-list > li.arrow-ellipsis > div::before{
width:51px;
right:-57px;
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:42px;
}

.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:37px;
right:-42px;
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:21px;
}

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

/* .search-result-item-info
----------------------------------------------- */
.search-result .search-result-item-info{
margin-bottom:10px;
display:-webkit-box;
display:flex;
gap:0 10px;
}

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

.search-result .search-result-item-info > div:first-child{
width:325px;
}

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

/* .search-result-item-info-hdg
----------------------------------------------- */
.search-result .search-result-item-info-hdg{
width:32px;
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{
-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{
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{
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:center;
align-items:center;
gap:0 4px;
}

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

.search-result .search-result-item-info-body .seat{
padding:3px 0;
border:1px solid #ccc;
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-tbl / .search-result-item-tbl-inner
----------------------------------------------- */
.search-result .search-result-item-tbl{
margin:0 -13px;
padding-top:40px;
border-top:1px solid #ccc;
position:relative;
background-color:#f1f1f1;
}

.search-result .search-result-item-tbl-inner{
overflow-y:scroll;
max-height:430px;
background-color:#fff;
}

/* .search-result-item-tbl > table
----------------------------------------------- */
.search-result .search-result-item-tbl table{
width:100%;
border-collapse:collapse;
border-spacing:0;
background-color:#fff;
font-size:11px;
}

.search-result .search-result-item-tbl table thead th{
padding:0;
border:none;
font-weight:normal;
}

.search-result .search-result-item-tbl table thead th > div{
padding:11px 5px 0;
position:absolute;
top:0;
height:40px;
box-sizing:border-box;
}

.search-result .search-result-item-tbl table thead th.plan > div{
padding-left:10px;
}

.search-result .search-result-item-tbl table thead th.seat-type{
width:13%;
}

.search-result .search-result-item-tbl table thead th.seat-type > div{
width:13%;
}

.search-result .search-result-item-tbl table thead th.picky{
width:27%;
}

.search-result .search-result-item-tbl table thead th.picky > div{
width:27%;
}

.search-result .search-result-item-tbl table thead th.price{
width:27%;
}

.search-result .search-result-item-tbl table thead th.price > div{
padding:3px 5px 0;
width:27%;
}

.search-result .search-result-item-tbl table thead th .icon-tip{
padding-right:15px;
display:inline-block;
position:relative;
}

.search-result .search-result-item-tbl table thead th .icon-tip .cmn-tip-btn{
position:absolute;
bottom:50%;
right:0;
-webkit-transform:translateY(50%);
-ms-transform:translateY(50%);
transform:translateY(50%);
}

.search-result .search-result-item-tbl table thead th .br{
display:block;
}

.search-result .search-result-item-tbl table tbody th,
.search-result .search-result-item-tbl table tbody td{
padding:10px 5px;
border-top:1px solid #ccc;
font-weight:normal;
vertical-align:top;
text-align:center;
}

.search-result .search-result-item-tbl table tbody th{
padding-left:80px;
position:relative;
text-align:left;
font-size:12px;
}

.search-result .search-result-item-tbl table tbody th .agt-logo,
.search-result .search-result-item-tbl table tbody th .agt-logo-txt{
color:#333;
display:block;
position:absolute;
top:10px;
left:10px;
width:65px;
text-align:center;
}

.search-result .search-result-item-tbl table tbody th .agt-logo-txt{
text-align:left;
}

.search-result .search-result-item-tbl table tbody th .agt-logo img{
margin:4px auto 0;
display:block;
max-width:100%;
max-height:28px;
}

.search-result .search-result-item-tbl table tbody th > a{
display:inline-block;
min-height:2em;
}

.search-result .search-result-item-tbl table tbody td:last-child{
padding-right:10px;
}

.search-result .search-result-item-tbl table tr:first-child th,
.search-result .search-result-item-tbl table tr:first-child td{
border-top:none;
}

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

.search-result .search-result-item-tbl table [class^='icon-seat-type-']{
display:block;
text-align:center;
font-weight:bold;
}

.search-result .search-result-item-tbl table [class^='icon-seat-type-']::after{
margin:0 auto;
content:'';
display:block;
width:65px;
height:16px;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:auto 100%;
}

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

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

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

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

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


/* .search-result-item-tbl > table .search-result-item-tbl-note
----------------------------------------------- */
.search-result .search-result-item-tbl table .search-result-item-tbl-note{
padding-top:0;
border-top:none;
color:#333;
font-size:11px;
text-align:right;
}

/* .search-result-item-tbl > table .search-result-item-tbl-toggle
----------------------------------------------- */
.search-result .search-result-item-tbl table .search-result-item-tbl-toggle td[colspan]{
border-top:none;
padding:0 10px 10px;
text-align:left;
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle .search-result-item-tbl-toggle-hook{
margin-top:-5px;
padding:0 0 0 16px;
color:#666;
border:none;
display:block;
position:relative;
background-color:#fff;
font-size:11px;
text-align:left;
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle .search-result-item-tbl-toggle-hook::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle.is-active .search-result-item-tbl-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle .search-result-item-tbl-toggle-item{
margin-top:5px;
display:none;
position:relative;
font-size:12px;
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle .search-result-item-tbl-toggle-item > :first-child{
margin-top:0;
}

.search-result .search-result-item-tbl table .search-result-item-tbl-toggle.is-active .search-result-item-tbl-toggle-hook > span::after{
display:none;
}

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

.search-result .search-result-item-tbl table tr:last-child .search-result-item-tbl-toggle-hook button{
border-bottom:none;
}

/* .search-result-item-tag
----------------------------------------------- */
.search-result .search-result-item-tag{
margin:-2px auto 0;
overflow:hidden;
width:172px;
line-height:1.25;
font-size:11px;
}

.search-result .search-result-item-tag > li{
margin:2px 0 0 2px;
padding:6px 2px;
border:1px solid #9e9e9e;
box-sizing:border-box;
float:left;
width:85px;
text-align:center;
}

.search-result .search-result-item-tag > li:nth-child(2n+1){
margin-left:0;
clear:both;
}

.search-result .search-result-item-tag > li.is-disabled{
opacity:.25;
position:relative;
}

.search-result .search-result-item-tag > li.is-disabled::after{
content:'';
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

.search-result .search-result-item-tag > li.icon-seat-wide{
padding-left:35px;
position:relative;
}

.search-result .search-result-item-tag > li.icon-seat-wide::before{
content:'';
display:block;
width:30px;
height:100%;
position:absolute;
top:0;
left:3px;
background:url(/element/j_bus/shared/images/icon-seat-02-01.svg) 50% 50% no-repeat;
background-size:100% auto;
}

/* .search-result-item-list-bullet
----------------------------------------------- */
.search-result .search-result-item-list-bullet{
margin-top:10px;
line-height:1.25;
font-size:12px;
}

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

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

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

/* .search-result-item-note
----------------------------------------------- */
.search-result .search-result-item-note{
color:#333;
line-height:1.35;
font-size:11px;
text-align:left;
}

.search-result .search-result-item-note > li{
margin-top:5px;
padding-left:1em;
position:relative;
}

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

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

/* .search-result-item-tbl-price
----------------------------------------------- */
.search-result .search-result-item-tbl-price{
margin-right:4px;
line-height:1;
font-size:12px;
text-align:right;
}

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

.search-result .search-result-item-tbl-price > span > b{
font-family:Arial;
font-size:18px;
}

/* .search-result-item-tbl-cv
----------------------------------------------- */
.search-result .search-result-item-tbl-cv{
margin-top:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:left;
}

/* .search-result-item-tbl-cv-state
----------------------------------------------- */
.search-result .search-result-item-tbl-cv-state{
margin-right:8px;
}

.search-result .search-result-item-tbl-cv-state > span,
.search-result .search-result-item-tbl-cv-state > b{
display:block;
text-align:center;
}

.search-result .search-result-item-tbl-cv-state .icon-vacancy{
content:'';
margin:2px auto;
color:rgba(0,0,0,0);
display:block;
border:2px solid var(--button-color);
border-radius:50%;
display:block;
width:16px;
height:16px;
box-sizing:border-box;
overflow:hidden;
}

/* .search-result-item-tbl-cv-btn
----------------------------------------------- */
.search-result .search-result-item-tbl-cv-btn{
padding:4px 3px;
border-radius:6px;
color:#fff;
-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;
height:46px;
position:relative;
box-sizing:border-box;
background-color:var(--button-color);
text-align:center;
line-height:1.25;
font-weight:bold;
font-size:14px;
text-decoration:none;
}

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

/* .search-result-item-tbl-cv-btn-01
----------------------------------------------- */
.search-result .search-result-item-tbl-cv-btn-01{
padding:3px;
border:1px solid #ccc;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
height:46px;
box-sizing:border-box;
box-shadow:0 -2px 0 #ccc inset;
line-height:1.25;
font-size:14px;
text-decoration:none;
}

/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
margin:0 -13px;
padding:12px 0;
border-top:1px solid #ccc;
box-sizing:border-box;
text-align:center;
}

/* .search-result-item-footer-btn-toggle
----------------------------------------------- */
.search-result .search-result-item-footer-btn-toggle{
padding:0 0 0 20px;
border:none;
color:#555;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 48% no-repeat;
background-size:12px;
}


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



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

  Suggest

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


/* ----------------------------------------------------------------
  .suggest-form
----------------------------------------------------------------- */
/* .suggest-form
----------------------------------------------- */
.suggest-form{
margin-top:-1px;
padding:0;
border:1px solid #bebebe;
border-radius:0 0 4px 4px;
box-sizing:border-box;
box-shadow:2px 2px 4px rgba(0,0,0,.3);
display:none;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
position:absolute;
top:34px;
left:0;
z-index:2;
width:100%;
max-height:284px;
background-color:#fff;
font-size:12px;
}

.suggest-form.is-active{
display:-webkit-box;
display:flex;
}

/* .suggest-form-content
----------------------------------------------- */
.suggest-form-content{
padding:12px;
-webkit-box-flex:1;
flex:1;
overflow-y:auto;
}

.suggest-form-filter .suggest-form-content{
overflow:visible;
}

/* .suggest-form-footer
----------------------------------------------- */
.suggest-form-footer{
padding:8px 12px;
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.suggest-form-footer > span{
padding-left:16px;
color:var(--cmn-font-color-gray);
position:relative;
-webkit-box-flex:1;
flex:1;
}

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

.suggest-form-footer > button{
margin:0 0 0 auto;
padding:0;
border:none;
color:#0B4CAE;
display:block;
font-size:12px;
background-color:transparent;
}


/* ----------------------------------------------------------------
  .suggest-form-hdg
----------------------------------------------------------------- */
.suggest-form-hdg{
font-size:12px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .suggest-form-list
----------------------------------------------------------------- */
.suggest-form-list{
margin:0 -12px;
position:relative;
line-height:1.35;
font-size:12px;
}

.suggest-form-list > li{
padding:6px 12px;
cursor:pointer;
position:relative;
}

.suggest-form-list > li:is(:active, :hover, :focus){
background-color:#f9eaba;
}

.suggest-form-list > li::before{
content:'';
display:block;
width:calc(100% - 24px);
height:1px;
overflow:hidden;
position:absolute;
bottom:0;
left:12px;
background-color:#eee;
}

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

/* .suggest-form-list > li > label
----------------------------------------------- */
.suggest-form-list > li > label{
margin:-6px -12px;
padding:6px 12px 6px 35px;
display:block;
position:relative;
cursor:pointer;
}

.suggest-form-list > li > label input{
position:absolute;
top:8px;
left:12px;
}

.suggest-form-list > .is-disabled > label{
cursor:default;
}

/* .suggest-form-list > .has-child
----------------------------------------------- */
.suggest-form-list > .has-child{
background:url(/element/j_bus/shared/images/icon-arrow-01.svg) no-repeat calc(100% - 19px) 50%;
background-size:7px auto;
}

/* .suggest-form-list > .is-selected
----------------------------------------------- */
.suggest-form-list > .is-selected::after{
margin-left:8px;
content:'';
display:inline-block;
width:12px;
height:9px;
overflow:hidden;
background:url(/element/j_bus/shared/images/icon-check.svg) no-repeat 0 0;
}

/* .suggest-form-list + *
----------------------------------------------- */
.suggest-form-list:has(+ .suggest-form-hdg){
margin-bottom:12px;
}

/* * + .suggest-form-list
----------------------------------------------- */
.suggest-form-btn-prev + .suggest-form-list::before{
content:'';
display:block;
width:calc(100% - 24px);
height:1px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
background-color:#eee;
}


/* ----------------------------------------------------------------
  .suggest-form-btn-prev
----------------------------------------------------------------- */
.suggest-form-btn-prev{
margin:0 0 8px;
padding:0;
border:none;
color:var(--cmn-font-color-link);
background:none;
font-size:12px;
}


/* ----------------------------------------------------------------
  .suggest-form-filter
----------------------------------------------------------------- */
/* .suggest-form-filter
----------------------------------------------- */
.suggest-form-filter.is-active{
display:block;
max-height:none;
}

/* .suggest-form-filter-pulldown
----------------------------------------------- */
.suggest-form-filter-pulldown{
margin-bottom:8px;
position:relative;
}

.suggest-form-filter-pulldown > button{
padding:4px 18px 4px 8px;
border:1px solid #ccc;
border-radius:4px;
position:relative;
white-space:nowrap;
background-color:#fff;
font-size:12px;
text-align:left;
}

.suggest-form-filter-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;
}

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

/* .suggest-form-filter-pulldown-content
----------------------------------------------- */
.suggest-form-filter-pulldown-content{
margin-top:10px;
padding:28px 16px 12px;
border-radius:3px;
box-shadow:0 0 6px rgba(0,0,0,.3);
display:none;
position:absolute;
top:100%;
left:0;
z-index:1;
background-color:#fff;
}

.suggest-form-filter-pulldown-content::before{
content:'';
display:block;
width:12px;
height:8px;
overflow:hidden;
position:absolute;
top:-8px;
left:24px;
background:url(/element/j_bus/shared/images/icon-arrow-balloon.svg) 0 0 no-repeat;
filter:brightness(0) invert(1) drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
}

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

/* .suggest-form-filter-pulldown-content-hdg
----------------------------------------------- */
.suggest-form-filter-pulldown-content-hdg{
margin-bottom:8px;
font-size:14px;
}

/* .suggest-form-filter-pulldown-content-list
----------------------------------------------- */
.suggest-form-filter-pulldown-content-list{
font-size:14px;
}

.suggest-form-filter-pulldown-content-list a,
.suggest-form-filter-pulldown-content-list > li > span{
padding:4px 0 4px 20px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
white-space:nowrap;
cursor:pointer;
}

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

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

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

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

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

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

.suggest-form-filter-pulldown-content-list > .is-disabled{
opacity:.33;
}

/* .suggest-form-filter-pulldown-content-close
----------------------------------------------- */
.suggest-form-filter-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/j_bus/shared/images/icon-close-01.svg) calc(100% - 12px) 12px no-repeat;
background-size:10px;
}


/* ----------------------------------------------------------------
  .suggest-form-filter-list
----------------------------------------------------------------- */
.suggest-form-filter-list{
line-height:1.35;
font-size:12px;
}

.suggest-form-filter-list > li{
padding:4px 0;
cursor:pointer;
word-wrap:break-word;
}

.suggest-form-filter-list > li:active,
.suggest-form-filter-list > li:hover,
.suggest-form-filter-list > li:focus{
background-color:#f9eaba;
}

.suggest-form-filter-list > li.is-active{
background-color:#f9eaba;
}

.suggest-form-filter-list > li:is(.area, .spot, .station, .airport){
padding-left:25px;
position:relative;
}

.suggest-form-filter-list > li:is(.area, .spot, .station, .airport)::before{
content:'';
display:block;
width:16px;
height:16px;
position:absolute;
top:4px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}

.suggest-form-filter-list > li.area::before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}

.suggest-form-filter-list > li.spot::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:12px 14px;
}

.suggest-form-filter-list > li.station::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}

.suggest-form-filter-list > li.airport::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}


/* ----------------------------------------------------------------
  .suggest-form-logo
----------------------------------------------------------------- */
.suggest-form-logo{
margin-top:10px;
line-height:1;
}

.suggest-form-logo > a{
color:var(--cmn-font-color-gray);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
font-size:11px;
text-decoration:none;
}

.suggest-form-logo > a > span{
color:var(--cmn-font-color-link);
}

.suggest-form-logo img{
margin-left:8px;
display:block;
width:123px;
backface-visibility:hidden;
}




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

  SEO

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .seo
----------------------------------------------------------------- */
.seo{
margin:32px 0 -50px;
padding:32px 0 50px;
border-image:linear-gradient(#eee,#eee) fill 0 //0 100vw 0 100vw;
background-color:#eee;
}

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


/* ----------------------------------------------------------------
  .seo-panel
----------------------------------------------------------------- */
.seo .seo-panel{
margin-top:36px;
font-size:14px;
}

/* .seo-panel-header
----------------------------------------------- */
.seo .seo-panel-header{
margin-bottom:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

/* .seo-panel-header-link
----------------------------------------------- */
.seo .seo-panel-header-link{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
width:fit-content;
position:relative;
font-weight:bold;
font-size:13px;
}

.seo .seo-panel-header-link:before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .seo-panel-header-sup
----------------------------------------------- */
.seo .seo-panel-header-sup{
font-size:14px;
}

/* .seo-panel-hdg
----------------------------------------------- */
.seo .seo-panel-hdg{
margin-bottom:12px;
font-size:16px;
}

.seo .seo-panel-hdg > span{
display:inline-block;
font-weight:normal;
font-size:14px;
}

.seo .seo-panel-header .seo-panel-hdg{
margin:0;
-webkit-box-flex:1;
flex:1;
}

/* .seo-panel-content
----------------------------------------------- */
.seo .seo-panel-content{
padding:20px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

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

.seo-index .seo-cheapest .seo-panel-content{
padding-top:12px;
padding-bottom:12px;
}


/* ----------------------------------------------------------------
  .seo-panel-toggle
----------------------------------------------------------------- */
/* .seo-panel-toggle
----------------------------------------------- */
.seo .seo-panel-toggle{
margin-top:20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.seo-panel-toggle + .seo-panel-toggle{
margin-top:-1px;
border-top-color:transparent;
}

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

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

.seo-panel-toggle[aria-expanded=true] + .seo-panel-toggle[aria-expanded=false]{
border-top-color:#ccc;
margin-top:20px;
}

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

.seo-panel-toggle[aria-expanded=false] + .seo-panel:not([aria-expanded]){
margin-top:12px;
}


/* .seo-panel-toggle-hook
----------------------------------------------- */
.seo .seo-panel-toggle-hook{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 8px) 50%;
background-size:16px auto;
cursor:pointer;
}

.seo-news .seo-panel-toggle-hook{
border-bottom:1px solid #ccc;
}

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

.seo-panel-toggle[aria-expanded=false] + .seo-panel-toggle[aria-expanded=true] .seo-panel-toggle-hook{
border-top-color:#ccc;
}

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

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


/* ----------------------------------------------------------------
  .seo-panel-content-toggle
----------------------------------------------------------------- */
/* .seo-panel-content-toggle
----------------------------------------------- */
.seo-list + .seo-panel-content-toggle{
border-top:1px solid #e5e5e5;
}

.seo-list + .seo-panel-content-toggle[aria-expanded=true]{
border-top:none;
}

/* .seo-panel-content-toggle-hook
----------------------------------------------- */
.seo .seo-panel-content-toggle-hook{
margin:12px 0 0 auto;
padding:0 0 0 16px;
display:block;
border:none;
display:block;
position:relative;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

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

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

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


/* ----------------------------------------------------------------
  SEO Common Modules
----------------------------------------------------------------- */
/* .seo-hdg
----------------------------------------------- */
.seo .seo-hdg{
margin:20px 0 4px;
font-size:14px;
}

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

/* .seo-indec > .seo-hdg
---------------------------- */
.seo-index .seo-hdg{
padding-top:20px;
border-top:1px solid #ddd;
}

.seo-index .seo-panel-content > .seo-hdg:first-child{
padding-top:0;
border-top:none;
}

/* .seo-hdg-01
----------------------------------------------- */
.seo .seo-hdg-01{
margin:16px 0 4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-weight:normal;
}

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

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

.seo-hdg + .seo-hdg-01{
margin-top:12px;
}

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

.seo-notice-list > li{
margin:0 12px 8px 0;
padding-left:1.25em;
position:relative;
display:inline-block;
}

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

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

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

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

.seo .seo-list > li > a,
.seo .seo-list > li > button{
padding:4px 0;
border:none;
color:var(--cmn-font-color-base);
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-list > li > button{
width:100%;
text-align:left;
font-size:12px;
background:transparent;
}

.seo .seo-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% - 4px) 50% no-repeat;
background-size:16px auto;
}

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

.seo .seo-panel-content > .seo-list:first-child{
margin-top:-18px;
}

.seo .seo-panel-content > .seo-list:last-child{
margin-bottom:-21px;
}

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

.seo .seo-area-tabpanel > .seo-list{
margin-bottom:-21px;
}

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

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

.seo .seo-list .seo-list > li > button > span{
padding-right:24px;
background-size:12px auto;
background-position:calc(100% - 6px);
}

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

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

/* .seo-list-01
----------------------------------------------- */
.seo .seo-list-01{
margin:0 0 0 30px;
-webkit-box-align:start;
align-items:flex-start;
flex-wrap:wrap;
}

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

.seo .seo-list-01 > li{
margin:0 0 16px 32px;
width:calc((100% - (32px * 2)) / 3);
}

.seo .seo-list-01 > li:nth-child(3n+1){
margin-left:0;
}

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

.seo .seo-list > li.is-active > .seo-list-01{
display:-webkit-box;
display:flex;
}

/* .seo-list-bullet
----------------------------------------------- */
.seo .seo-list-bullet{
margin:8px 0;
}

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

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

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

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

/* .seo-list-line
----------------------------------------------- */
.seo .seo-list-line{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:12px 24px;
line-height:1.25;
overflow:hidden;
font-size:12px;
}

.seo .seo-list-line > li{
margin-left:-13px;
padding-left:12px;
border-left:1px solid #bbb;
}

.seo .seo-list-line > li > a{
color:var(--cmn-font-color-base);
}

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

.seo .seo-list-price > li{
padding:8px 0;
border-top:1px solid #ddd;
}

.seo .seo-list-price > li > a{
line-height:1.35;
min-height:38px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-size:14px;
}

.seo .seo-list-price > li > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 8px;
color:var(--cmn-font-color-base);
text-align:right;
}

/* .seo-image-left
----------------------------------------------- */
.seo .seo-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-image-left > .col{
-webkit-box-flex:1;
flex:1;
}

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

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

.seo .seo-image-left > .image{
margin-right:12px;
width:116px;
height:auto;
}

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

/* .seo-col-item > .seo-image-left
--------------------------------- */
.seo-col-item .seo-image-left > .image{
margin-right:10px;
}

/* .seo-image-left-hdg
----------------------------------------------- */
.seo-image-left .seo-image-left-hdg{
margin-bottom:4px;
font-size:14px;
}

/* .seo-seat-review > .seo-image-left-hdg
--------------------------------- */
.seo-seat-review .seo-image-left-hdg{
margin-bottom:0;
}

/* .seo-tbl
----------------------------------------------- */
.seo .seo-tbl{
margin-top:4px;
width:720px;
}

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

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

.seo .seo-tbl th{
background-color:#f7f7f7;
}

.seo .seo-tbl tbody th{
width:16em;
}

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

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

/* .seo-tbl-sup
----------------------------------------------- */
.seo-tbl .seo-tbl-sup{
margin:8px 0 2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-tbl .seo-tbl-sup > *{
margin-top:0;
}

.seo-tbl .seo-tbl-sup > :first-child{
-webkit-box-flex:1;
flex:1;
}

/* .seo-col-2 / .seo .seo-col-3
----------------------------------------------- */
.seo .seo-col-2,
.seo .seo-col-3{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

.seo .seo-col-2 > .seo-col-item,
.seo .seo-col-3 > .seo-col-item{
margin-top:28px;
}

.seo .seo-col-2 > .seo-col-item > :first-child,
.seo .seo-col-3 > .seo-col-item > :first-child{
margin-top:0;
}

.seo .seo-col-2 > .seo-col-item > :last-child,
.seo .seo-col-3 > .seo-col-item > :last-child{
margin-bottom:0;
}

/* .seo-col-2
----------------------------------------------- */
.seo .seo-col-2 > .seo-col-item{
width:calc(50% - 12px);
}

.seo .seo-col-2 > .seo-col-item:nth-child(-n+2){
margin-top:24px;
}

.seo .seo-col-2 > .seo-col-item:nth-child(2n){
margin-left:24px;
}

/* .seo-col-3
----------------------------------------------- */
.seo .seo-col-3 > .seo-col-item{
margin-left:28px;
width:calc(33.3333% - 19px);
}

.seo .seo-col-3 > .seo-col-item:nth-child(-n+3){
margin-top:0;
}

.seo .seo-col-3 > .seo-col-item:nth-child(3n+1){
margin-left:0;
}

.seo-col-2 + .seo-col-3{
margin-top:24px;
padding-top:24px;
border-top:1px solid #ddd;
}

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


/* ----------------------------------------------------------------
  .seo-carousel
----------------------------------------------------------------- */
/* .seo-carousel
----------------------------------------------- */
.seo .seo-carousel{
position:relative;
}

/* .seo-carousel-nav
----------------------------------------------- */
.seo .seo-carousel-nav > li{
position:absolute;
top:42%;
z-index:2;
}

.seo .seo-carousel-nav > .next{
right:-14px;
}

.seo .seo-carousel-nav > .prev{
left:-14px;
}

.seo .seo-carousel-nav button{
border:1px solid #bbb;
border-radius:16px;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
position:relative;
background-color:#fff;
}

.seo .seo-carousel-nav button::before{
content:'';
display:block;
width:7px;
height:12px;
overflow:hidden;
position:absolute;
bottom:50%;
right:50%;
transform:translate(50%, 50%);
background:url(/element/shared/images/icon/icon-chevron-left.svg) 50% 50% no-repeat;
}

.seo .seo-carousel-nav .next button::before{
transform:translate(50%, 50%) rotate(175deg);
}

.seo .seo-carousel-nav button:disabled{
display:none;
}

/* .seo-carousel-item
----------------------------------------------- */
.seo .seo-carousel-item{
margin:-4px;
padding:4px;
overflow:hidden;
font-size:12px;
}


/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest-header
----------------------------------------------- */
.seo .seo-cheapest-header{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:14px;
}

.seo .seo-cheapest-header > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .seo-cheapest-btn-route
----------------------------------------------- */
.seo .seo-cheapest-btn-route{
margin:0;
padding:0 12px 0 34px;
border:1px solid #c4c4c4;
border-radius:3px;
color:var(--cmn-font-color-base);
height:35px;
background:url(/element/j_bus/shared/images/icon-replace-01.svg) 12px 52% no-repeat;
background-size:14px auto;
font-size:14px;
}

/* .seo-cheapest-filter
----------------------------------------------- */
.seo .seo-cheapest-filter{
position:relative;
width:fit-content;
}

.seo .seo-cheapest-filter > button{
padding:1px 20px 0 11px;
border-radius:18px;
border:1px solid #ccc;
position:relative;
width:146px;
height:35px;
background:#fff;
font-size:14px;
text-align:left;
}

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

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

/* .seo-cheapest-filter-content
----------------------------------------------- */
.seo .seo-cheapest-filter-content{
padding:20px 40px 8px 16px;
border-radius:6px;
display:none;
box-sizing:border-box;
width:160px;
box-shadow:0px 0px 6px rgba(0,0,0,.3);
position:absolute;
top:calc(100% + 9px);
right:50%;
transform:translateX(50%);
background-color:#fff;
}

.seo-cheapest-filter-content::before{
content:'';
display:block;
width:12px;
height:8px;
position:absolute;
top:-8px;
left:calc(50% - 6px);
background:url(/element/j_bus/shared/images/icon-tip-filter-arrow-up.svg) no-repeat 0 0;
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
transform:translateZ(0);
}

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

/* .seo-cheapest-filter-content-list
----------------------------------------------- */
.seo .seo-cheapest-filter-content-list{
font-size:14px;
}

.seo .seo-cheapest-filter-content-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
text-decoration:none;
}

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

/* .seo-cheapest-filter-content-btn
----------------------------------------------- */
.seo .seo-cheapest-filter-content-btn{
padding:0;
border:none;
position:absolute;
top:4px;
right:4px;
width:30px;
height:30px;
overflow:hidden;
text-indent:-100px;
background:url(/element/j_bus/shared/images/icon-close-01.svg) 50% 50% no-repeat;
background-size:10px;
}

/* .seo-cheapest-tbl
----------------------------------------------- */
.seo .seo-cheapest-tbl{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
text-align: center;
}

.seo .seo-cheapest-tbl caption{
margin-bottom:12px;
text-align:left;
}

.seo .seo-cheapest-tbl caption > span:first-child{
font-weight:bold;
font-size:16px;
}

.seo .seo-cheapest-tbl caption > span:last-child{
float: right;
}

.seo .seo-cheapest-tbl thead th{
padding-bottom:8px;
font-weight:normal;
}

.seo .seo-cheapest-tbl thead th:first-of-type{
width:55%;
text-align: left;
}

.seo .seo-cheapest-tbl tbody th{
padding:8px 0;
border-top:1px solid #ddd;
font-weight: normal;
text-align:left;
}

.seo .seo-cheapest-tbl tbody td{
padding:8px 0;
border-top:1px solid #ddd;
font-weight: normal;
}

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

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

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

/* .seo-cheapest-toggle > .seo-cheapest-tbl
----------------------------------------------- */
.seo-cheapest-toggle .seo-cheapest-tbl{
border-bottom: 1px solid #ddd;
}

.seo-cheapest-toggle .seo-cheapest-tbl caption{
margin-bottom:8px;
}

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

.seo-cheapest-toggle .seo-cheapest-tbl caption > span:last-child{
float:none;
}

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

/* .seo-cheapest-toggle
----------------------------------------------- */
.seo .seo-cheapest-toggle > p{
margin-top:12px;
}

/* .seo-cheapest-toggle-btn
----------------------------------------------- */
.seo .seo-cheapest-toggle-btn{
margin-top:8px;
}

.seo .seo-cheapest-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 45% no-repeat;
background-size:9px auto;
font-size:12px;
}

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


/* ----------------------------------------------------------------
  .seo-ranking-destination
----------------------------------------------------------------- */
/* .seo-carousel-ranking-destination
----------------------------------------------- */
.seo .seo-carousel-ranking-destination{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

/* .seo-carousel-ranking-destination-item
----------------------------------------------- */
.seo .seo-carousel-ranking-destination-item{
padding:12px;
border-radius:6px;
box-sizing:border-box;
box-shadow:0 0 6px rgba(0,0,0,.3);
width:234px;
min-width:234px;
height:auto;
display:-webkit-box;
display:flex;
flex-direction:column;
background-color:#fff;
}

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

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

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

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

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

/* .seo-carousel-ranking-destination-item-list > .icon
---------------------------- */
.seo .seo-carousel-ranking-destination-item-list .icon{
color:#fff;
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-carousel-ranking-destination-item-list .icon > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-carousel-ranking-destination-item-list > .route
---------------------------- */
.seo .seo-carousel-ranking-destination-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-carousel-ranking-destination-item-list > .data
---------------------------- */
.seo .seo-carousel-ranking-destination-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-carousel-ranking-destination-item-link
----------------------------------------------- */
.seo .seo-carousel-ranking-destination-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-carousel-ranking-destination-item-link a{
text-decoration:none;
}

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





/* ----------------------------------------------------------------
  .seo-ranking-route
----------------------------------------------------------------- */
/* .seo-ranking-route-col
----------------------------------------------- */
.seo .seo-ranking-route-col{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:36px;
}

.seo .seo-ranking-route-col > ul{
-webkit-box-flex:1;
flex:1;
}


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

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

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

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

.seo .seo-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-ranking-route-list .icon > span > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .seo-card-ranking-route > .route
-------------------------------- */
.seo .seo-ranking-route-list .route{
-webkit-box-flex:1;
flex:1;
}

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

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

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


/* ----------------------------------------------------------------
  .seo-theme-park
----------------------------------------------------------------- */
/* .seo-theme-park-col
----------------------------------------------- */
.seo-theme-park-col{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
gap:8px;
font-size:12px;
}

/* .seo-theme-park-col-item
----------------------------------------------- */
.seo-theme-park-col-item{
padding:12px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
-webkit-box-flex:1;
flex:1;
background-color:#fff;
}

.seo-theme-park-col-item > :first-child{
margin-top:0;
}


/* ----------------------------------------------------------------
  .seo-seat
----------------------------------------------------------------- */
/* .seo-seat-review
----------------------------------------------- */
.seo .seo-seat-review{
margin-bottom:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

/* .seo-col-3 > .seo-seat-review
------------------------------ */
.seo-col-3 .seo-seat-review{
display:block;
}

/* .seo-seat-review-list {
----------------------------------------------- */
.seo .seo-seat-review-list{
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}

.seo .seo-seat-review-list > li:not(:first-child){
margin-left:8px;
}

/* .seo-col-3 > .seo-seat-review-list
------------------------------ */
.seo-col-3 .seo-seat-review-list{
margin-top:4px;
display:block;
}

.seo-col-3 .seo-seat-review-list > li{
display:-webkit-box;
display:flex;
}

.seo-col-3 .seo-seat-review-list > li:not(:first-child){
margin:2px 0 0;
}

.seo-col-3 .seo-seat-review-list > li > span:first-child{
min-width:3.3em;
}

/* .seo-seat-data-list
----------------------------------------------- */
.seo .seo-seat-data-list{
margin-top:8px;
}

.seo .seo-seat-data-list > li{
display:-webkit-box;
display:flex;
}

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

.seo .seo-seat-data-list > li > span:first-child{
padding-right:calc(1em + 4px);
width:7em;
position:relative;
}

.seo .seo-seat-data-list > li > span:first-child::before{
content:'\ff1a';
display:block;
overflow:hidden;
position:absolute;
top:0;
right:0;
}


/* ----------------------------------------------------------------
  .seo-faq
----------------------------------------------------------------- */
/* .seo-faq-item
----------------------------------------------- */
.seo .seo-panel-faq-item{
border-bottom:1px solid #ddd;
}

.seo-panel-content > .seo-panel-faq-item:first-child{
margin-top:-10px;
}

/* .seo-panel-faq-item-hook
----------------------------------------------- */
.seo .seo-panel-faq-item-hook{
padding:0 16px 0 24px;
border:none;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
box-sizing:border-box;
width:100%;
min-height:46px;
position:relative;
background:url(/element/j_bus/shared/images/icon-faq-q.svg) 0 50% no-repeat;
background-size:11px auto;
text-align:left;
font-weight:normal;
cursor:pointer;
}

.seo .seo-panel-faq-item-hook::before{
margin-top:-4px;
content:'';
display:block;
width:16px;
height:10px;
overflow:hidden;
position:absolute;
top:50%;
right:4px;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 0 no-repeat;
}

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

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

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

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

/* .seo-panel-faq-item-content-date
----------------------------------------------- */
.seo .seo-panel-faq-item-content-date{
margin-top:8px;
color:#777;
display:block;
text-align:right;
font-size:12px;
}

/* .seo-panel-faq-toggle-hook
----------------------------------------------- */
.seo .seo-panel-faq-toggle-hook{
margin:16px auto 0;
padding-left:16px;
border:none;
display:block;
position:relative;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:9px auto;
font-size:14px;
}

.seo-panel-faq-toggle[aria-expanded=true] .seo-panel-faq-toggle-hook{
background-image:url(/element/j_bus/shared/images/icon-arrow-up.svg);
}
/* .seo-panel-faq-toggle-content
----------------------------------------------- */
.seo .seo-panel-faq-toggle-content{
border-bottom:1px solid #ddd;
display:none;
}

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

/* .seo-panel-faq-link
----------------------------------------------- */
.seo .seo-panel-faq-link{
padding:12px 0 0;
text-align:right;
}


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

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

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

.seo .seo-area-tab button{
padding:0 0 8px;
border:none;
color:var(--cmn-font-color-base);
position:relative;
background:transparent;
font-size:14px;
}

.seo .seo-area-tab button[aria-selected=true]{
font-weight:bold;
}

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

/* .seo-area-tabpanel
----------------------------------------------- */
.seo .seo-area-tabpanel{
display:none;
}

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


/* ----------------------------------------------------------------
  .seo-matome
----------------------------------------------------------------- */
/* .seo-carouse-matome
----------------------------------------------- */
.seo .seo-carouse-matome{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo .seo-carouse-matome li{
min-width:234px;
width:234px;
min-height:254px;
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
}

.seo .seo-carouse-matome a{
color:var(--cmn-font-color-base);
position:relative;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
align-items:stretch;
text-decoration:none;
}

.seo .seo-carouse-matome .detail{
padding:12px;
box-sizing:border-box;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.seo .seo-carouse-matome .sup{
margin:auto 0 0;
}

.seo .seo-carouse-matome .thumb{
height:122px;
overflow:hidden;
position:relative;
box-sizing:border-box;
}

.seo .seo-carouse-matome .thumb img{
position:absolute;
bottom:50%;
left:0;
transform:translateY(50%);
width:100%;
}

/* .seo-list-matome
----------------------------------------------- */
.seo .seo-list-matome{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:20px;
font-size:12px;
}

.seo .seo-list-matome > li{
width:calc(50% - 10px);
}

.seo .seo-list-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;
text-decoration:none;
gap:0 12px;
}

.seo .seo-list-matome a:active,
.seo .seo-list-matome a:focus,
.seo .seo-list-matome a:hover{
text-decoration:underline
}

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

.seo .seo-list-matome a > div:last-child{
width:120px;
height:80px;
}

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

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

.seo .seo-attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}

.seo .seo-attention ul a{
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}

.seo .seo-attention ul a:active,
.seo .seo-attention ul a:hover,
.seo .seo-attention ul a:focus{
text-decoration:underline;
}


/* ----------------------------------------------------------------
  .seo-news
----------------------------------------------------------------- */
/* .seo-news-item > ul
----------------------------------------------- */
.seo .seo-news-item ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}

.seo .seo-news-item ul a{
color:#555;
text-decoration:none;
}

.seo .seo-news-item ul a:active > div,
.seo .seo-news-item ul a:hover > div,
.seo .seo-news-item ul a:focus > div{
text-decoration:underline;
}

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

.seo .seo-news-item ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
}

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

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

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





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

  Tooltip

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Payment Tooltip
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.tip-payment{
padding:20px;
border:1px solid #666;
border-radius:4px;
position:absolute;
display:none;
width:570px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:0 0 8px rgba(0, 0, 0, .8);
font-size:12px;
}

.tip-payment.is-active{
display:block;
}

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

.tip-payment .tip-payment-list > li{
margin-top:5px;
display:table;
width:100%;
}

.tip-payment .tip-payment-list > li > div{
display:table-cell;
vertical-align:top;
}

.tip-payment .tip-payment-list > li > div:first-child{
padding-right:10px;
white-space:nowrap;
width:5.5em;
position:relative;
}

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

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

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

.tip-payment .tip-payment-list-01 > li::before{
content:'\ff0f';
}

.tip-payment .tip-payment-list-01 > li:first-child::before{
display:none;
}

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

.tip-payment .tip-payment-list-01 .cmn-tip-btn{
margin:-2px 0 0 2px;
}

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

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

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

.tip-payment .is-disabled .tip-payment-list-credit{
opacity:.4;
}

/* .tip-payment-wording
----------------------------------------------- */
.tip-payment .tip-payment-wording{
font-size:13px;
}

.tip-payment .tip-payment-wording strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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

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

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

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

/* .tip-payment-caution
----------------------------------------------- */
.tip-payment .tip-payment-caution{
margin-bottom:13px;
border-bottom:1px solid #ccc;
font-size:12px;
}

.tip-payment .tip-payment-caution > li{
margin-bottom:8px;
padding-left:21px;
position:relative;
}

.tip-payment .tip-payment-caution > li{
padding-left:calc(1em + 2px);
position:relative;
}

.tip-payment .tip-payment-caution > li::before{
content:"\30fb";
display:block;
position:absolute;
top:0;
left:0;
}

.tip-payment .tip-payment-caution strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

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

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

/* .tip-payment-cv-btn-01
----------------------------------------------- */
.tip-payment .tip-payment-cv-btn-01{
margin:10px 0 0 auto;
padding:8px 10px 6px;
border-radius:4px;
border:1px solid #ccc;
color:#555;
display:table;
box-sizing:border-box;
background-color:#fff;
box-shadow:0 -2px 0 #ccc inset;
text-align:center;
font-size:16px;
font-weight:bold;
line-height:1.35;
text-decoration:none;
}


/* ----------------------------------------------------------------
  SeatType Tooltip
----------------------------------------------------------------- */
/* .tip-seat
----------------------------------------------- */
.tip-seat{
width:420px;
}

/* .tip-seat-list
----------------------------------------------- */
.tip-seat .tip-seat-list > li{
padding-right:85px;
position:relative;
}

.tip-seat .tip-seat-list > li::after{
content:'';
display:block;
padding-bottom:18px;
width:80px;
position:absolute;
right:0;
bottom:50%;
transform:translateY(50%);
background-repeat:no-repeat;
background-position:50% 100%;
background-size:62px 16px;
text-align:center;
font-weight:bold;
font-size:11px;
}

.tip-seat .tip-seat-list > li.seat-type-4::after{
content:'4\5217';
background-image:url(/element/j_bus/shared/images/icon-seat-01-04.svg);
}
.tip-seat .tip-seat-list > li.seat-type-4-01::after{
content:'\0034\5217\0028\96a3\306f\7a7a\5e2d\0029';
background-image:url(/element/j_bus/shared/images/icon-seat-01-05.svg);
}
.tip-seat .tip-seat-list > li.seat-type-3::after{
content:'3\5217\72ec\7acb ';
background-image:url(/element/j_bus/shared/images/icon-seat-01-02.svg);
}
.tip-seat .tip-seat-list > li.seat-type-3-01::after{
content:'3\5217(2+1)';
background-image:url(/element/j_bus/shared/images/icon-seat-01-03.svg);
}
.tip-seat .tip-seat-list > li.seat-type-2::after{
content:'2\5217';
background-image:url(/element/j_bus/shared/images/icon-seat-01-01.svg);
}

.tip-seat .tip-seat-list > li > b{
margin-bottom:2px;
display:block;
position:relative;
}

.tip-seat .tip-seat-list > li:not(:first-child){
margin-top:10px;
padding-top:10px;
border-top:1px dotted #aaa;
}


/* ----------------------------------------------------------------
  History Tooltip
----------------------------------------------------------------- */
/* .tip-history
----------------------------------------------- */
.tip-filter.tip-history{
max-width:350px;
}

/* .tip-history-list
----------------------------------------------- */
.tip-history .tip-history-list{
width:350px;
border-bottom:1px solid #e5e5e5;
}

.tip-history .tip-history-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:30px;
}

.tip-history .tip-history-list > li:not(:first-child){
border-top:1px solid #e5e5e5;
}

.tip-history .tip-history-list > li > div{
padding:0 0 4px;
-webkit-box-flex:1;
flex:1;
font-weight:bold;
}

.tip-history .tip-history-list > li > button{
padding:4px 0;
border:none;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:8px;
background:none;
font-size:12px;
text-align:left;
}

.tip-history .tip-history-list > li > button:active,
.tip-history .tip-history-list > li > button:hover,
.tip-history .tip-history-list > li > button:focus{
background-color:#f9eaba;
}

.tip-history .tip-history-list > li > button > span{
-webkit-box-flex:1;
flex:1;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

.tip-history .tip-history-list > li > button > span:nth-child(2){
color:rgba(0,0,0,0);
flex:none;
width:14px;
background:url(/element/j_bus/shared/images/icon-arrow-02.svg) 0 34% no-repeat;
text-indent:-100px;
}

/* .tip-history-btn-reset
----------------------------------------------- */
.tip-history .tip-history-btn-reset{
margin:8px 0 0 auto;
padding:0;
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

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

.tip-history .tip-history-btn-reset:active::before,
.tip-history .tip-history-btn-reset:hover::before,
.tip-history .tip-history-btn-reset:focus::before{
filter:none;
}


/* ----------------------------------------------------------------
  Filter Tooltip
----------------------------------------------------------------- */
/* .tip-filter
----------------------------------------------- */
.tip-filter{
padding:12px;
border-radius:6px;
display:none;
position:absolute;
z-index:10000;
min-width:180px;
max-width:300px;
box-shadow:1px 1px 6px rgba(0,0,0,.4);
background-color:#fff;
font-size:12px;
}

.tip-filter.is-active{
display:block;
}

.tip-filter[role="tooltip"] > :first-child{
margin-top:0;
}

.tip-filter[role="tooltip"] > :last-child{
margin-bottom:0;
}

/* .tip-fiter-hdg
----------------------------------------------- */
.tip-filter .tip-filter-hdg{
margin:12px 20px 8px 0;
}

.tip-filter.tip-history .tip-filter-hdg{
font-size:14px;
}

/* .tip-filter-form
----------------------------------------------- */
.tip-filter [class^="tip-filter-form"] > li{
margin-top:8px;
}

.tip-filter [class^="tip-filter-form"] > li > label{
display:-webkit-box;
display:flex;
gap:4px;
cursor:pointer;
}

.tip-filter [class^="tip-filter-form"] > li > label > span{
margin-top:-2px;
-webkit-box-flex:1;
flex:1;
}

.tip-filter [class^="tip-filter-form"] > .is-disabled > label{
cursor:default;
}

.tip-filter [class^="tip-filter-form"] > .is-disabled > label > span{
opacity:.33;
}

.tip-filter [class^="tip-filter-form"] > .is-disabled > label input:disabled{
cursor:default;
}

/* .tip-filter-form-col2
----------------------------------------------- */
.tip-filter .tip-filter-form-col2{
margin-top:8px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:8px;
}

.tip-filter .tip-filter-form-col2 > li{
margin:0;
width:calc(50% - 8px);
}

/* .tip-filter-close
----------------------------------------------- */
.tip-filter .tip-filter-close{
padding:0;
border:none;
border-radius:50%;
position:absolute;
top:4px;
right:4px;
width:30px;
height:30px;
overflow:hidden;
text-indent:-100px;
background:url(/element/j_bus/shared/images/icon-close-01.svg) 50% 50% no-repeat;
background-size:10px;
}

.tip-filter .tip-filter-close:active,
.tip-filter .tip-filter-close:hover,
.tip-filter .tip-filter-close:focus{
background-color:#e9f3fb;
}

/* .tip-arrow
----------------------------------------------- */
.tip-filter .tip-filter-arrow-up,
.tip-filter .tip-filter-arrow-down{
display:block;
width:12px;
height:8px;
position:absolute;
left:calc(50% - 6px);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
}

.tip-filter .tip-filter-arrow-up{
bottom:100%;
background-image:url(/element/j_bus/shared/images/icon-tip-filter-arrow-up.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
}

.tip-filter .tip-filter-arrow-down{
top:100%;
background-image:url(/element/j_bus/shared/images/icon-tip-filter-arrow-down.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 2px 1px);
}



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

  Loading

  ----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
margin:40px 0;
text-align:center;
font-weight:bold;
font-size:16px;
}

.loading::before{
margin:0 auto 10px;
content:'';
display:block;
width:48px;
height:48px;
overflow:hidden;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}

/* .loading-s
----------------------------------------------- */
.loading-s{
margin:10px 0;
color:rgba(var(--cmn-font-color-base-rgb) ,0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
min-height:24px;
background:url(/element/shared/images/icon/ic_load_l.gif) 50% 50% no-repeat;
background-size:24px auto;
}

.form-search-cheapest .loading-s{
margin:40px 0 50px;
}



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

  Error

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

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

.error .error-wording strong{
font-size:18px;
}

/* .error-hint
----------------------------------------------- */
.error .error-hint{
margin:50px auto 0;
max-width:67%;
}

/* .error-hint-hdg
----------------------------------------------- */
.error .error-hint-hdg{
font-size:16px;
}

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

.error .error-hint-list > li{
margin-top:5px;
padding-left:20px;
position:relative;
}

.error .error-hint-list > li::before{
content:'';
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
background-color:#287ac4;
}

.error .error-hint-list > li::after{
content:'';
display:block;
position:absolute;
top:4px;
left:4px;
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
width:3px;
height:6px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .error-prev
----------------------------------------------- */
.error .error-prev{
margin-top:32px;
text-align:center;
}

.error .error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}



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

  Reference Fee

----------------------------------------------------------------- */
/* .reference-fee
----------------------------------------------- */
.reference-fee{
margin-bottom:40px;
padding:0 10px 10px;
border:1px solid #d2d2d2;
line-height:1.35;
font-size:11px;
}

.reference-fee + .reference-fee{
margin-top:-20px;
}

/* .reference-fee-hdg
----------------------------------------------- */
.reference-fee .reference-fee-hdg{
margin:0 -10px 10px;
padding:10px;
background-color:#f1f1f1;
font-weight:normal;
text-align:center;
}

.reference-fee .reference-fee-hdg > span{
font-size:13px;
font-weight:bold;
}

/* .reference-fee-train-area
----------------------------------------------- */
.reference-fee .reference-fee-train-area{
display:table;
width:100%;
}

.reference-fee .reference-fee-train-area > b{
display:table-cell;
width:100%;
font-size:13px;
}

.reference-fee .reference-fee-train-area > span{
display:table-cell;
white-space:nowrap;
text-align:right;
}

/* .reference-fee-train-price
----------------------------------------------- */
.reference-fee .reference-fee-train-price{
margin-top:3px;
display:table;
width:100%;
}

.reference-fee .reference-fee-train-price > span{
display:table-cell;
vertical-align:bottom;
}

.reference-fee .reference-fee-train-price > span:last-child{
text-align:right;
}

.reference-fee .reference-fee-train-price > span > span{
display:block;
}

.reference-fee .reference-fee-train-price > span > b{
display:block;
line-height:1;
font-size:14px;
}

.reference-fee .reference-fee-train-price > span .num{
font-size:20px;
font-family:Arial;
}

/* .reference-fee-train-list
----------------------------------------------- */
.reference-fee .reference-fee-train-list{
margin:5px -10px 0;
padding:10px 10px 0;
border-top:1px dotted #ccc;
}

.reference-fee .reference-fee-train-list > li{
margin-top:5px;
min-height:35px;
position:relative;
}

.reference-fee .reference-fee-train-list > li::before{
border:1px solid #c1c1c1;
border-radius:8px;
content:'';
display:block;
width:16px;
height:16px;
box-sizing:border-box;
position:absolute;
top:0;
left:0;
}

.reference-fee .reference-fee-train-list > li > div{
padding-left:23px;
}

.reference-fee .reference-fee-train-list > li > div::before{
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:6px 6px 0 6px;
border-color:#bababa transparent transparent transparent;
border-style:solid;
}

.reference-fee .reference-fee-train-list > li > div::before{
top:32px;
left:3px;
}

.reference-fee .reference-fee-train-list > li > div::after{
content:'';
display:block;
width:3px;
height:14px;
overflow:hidden;
position:absolute;
top:19px;
left:7px;
}

.reference-fee .reference-fee-train-list > li > div::after{
background-color:#bababa;
}

.reference-fee .reference-fee-train-list > li > div > b{
font-size:12px;
}

.reference-fee .reference-fee-train-list > li:first-child{
margin-top:0;
}

.reference-fee .reference-fee-train-list > li:first-child::before{
display:none;
}

.reference-fee .reference-fee-train-list > li:last-child{
min-height:0;
}

.reference-fee .reference-fee-train-list > li:last-child::before{
display:none;
}

.reference-fee .reference-fee-train-list > li:last-child > div::before,
.reference-fee .reference-fee-train-list > li:last-child > div::after{
display:none;
}

.reference-fee .reference-fee-train-list .icon{
padding:2px 2px 1px;
line-height:1;
position:absolute;
top:0;
left:0;
border:1px solid #c1c1c1;
text-align:center;
}

.reference-fee .reference-fee-train-list .sup{
margin-top:4px;
color:#555;
display:block;
}

/* .reference-fee-nav
----------------------------------------------- */
.reference-fee .reference-fee-nav{
margin:0 auto 8px;
padding:0 30px;
display:table;
position:relative;
}

.reference-fee .reference-fee-nav .reference-fee-nav-hdg{
font-size:14px;
}

.reference-fee .reference-fee-nav .reference-fee-nav-list a{
margin:auto 0;
border:1px solid #bebebe;
border-radius:2px;
color:rgba(var(--cmn-font-color-base-rgb) ,0);
display:block;
width:20px;
height:15px;
box-sizing:border-box;
box-shadow:0 -1px 0 #bebebe inset;
position:absolute;
top:0;
bottom:0;
left:0;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.reference-fee .reference-fee-nav .reference-fee-nav-list a::before{
content:'';
display:block;
position:absolute;
top:4px;
left:7px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}

.reference-fee .reference-fee-nav .reference-fee-nav-list .next a{
right:0;
left:auto;
}

.reference-fee .reference-fee-nav .reference-fee-nav-list .next a::before{
left:5px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.reference-fee .reference-fee-nav .reference-fee-nav-list .is-disabled{
opacity:0.5;
}

/* .reference-fee-sort
----------------------------------------------- */
.reference-fee .reference-fee-sort{
color:#555;
font-size:12px;
}

.reference-fee .reference-fee-sort select{
margin-left:5px;
width:137px;
}

/* .reference-fee-note
----------------------------------------------- */
.reference-fee .reference-fee-note{
margin-top:10px;
padding-left:1em;
color:#333;
text-indent:-1em;
font-size:11px;
}

/* .reference-fee-air
----------------------------------------------- */
.reference-fee .reference-fee-air{
margin:5px -10px 0;
padding:0 10px;
border-top:1px solid #ccc;
height:350px;
overflow-y:scroll;
}

/* .reference-fee-air-btn
----------------------------------------------- */
.reference-fee .reference-fee-air-btn{
margin:15px auto;
padding:7px 0 8px;
color:#666;
display:table;
border:1px solid #bebebe;
border-radius:2px;
width:105px;
box-shadow:0 -1px 0 #bebebe inset;
background-color:#fff;
font-size:12px;
}

/* .reference-fee-air-error
----------------------------------------------- */
.reference-fee .reference-fee-air-error{
margin:15px 0;
}

/* .reference-fee-air-list
----------------------------------------------- */
.reference-fee .reference-fee-air-list{
margin:0 -10px;
}

.reference-fee .reference-fee-air-list > li{
border-top:1px dotted #ccc;
}

.reference-fee .reference-fee-air-list > li > a{
padding:5px 15px 5px 8px;
color:#333;
display:block;
position:relative;
text-decoration:none;
}

.reference-fee .reference-fee-air-list > li > a::before{
margin-top:-5px;
content:'';
border-right:2px solid #555;
border-bottom:2px solid #555;
display:block;
position:absolute;
top:50%;
right:10px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.reference-fee .reference-fee-air-list > li:first-child{
border-top:none;
}

.reference-fee .reference-fee-air-list .flight-fee{
margin:4px 0 6px;
color:#555;
min-height:20px;
line-height:1.1;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

.reference-fee .reference-fee-air-list .flight-fee .logo{
margin-right:3px;
border:1px solid #ccc;
display:block;
width:45px;
height:20px;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}

.reference-fee .reference-fee-air-list .flight-fee .logo img{
max-width:96%;
max-height:96%;
}

.reference-fee .reference-fee-air-list .flight-fee .flight-num{
word-wrap:break-word;
width:4em;
line-height:1;
}

.reference-fee .reference-fee-air-list .flight-fee .fee{
color:#333;
font-size:11px;
flex:1;
text-align:right;
}

.reference-fee .reference-fee-air-list .flight-fee .fee > span{
font-family:Arial;
font-size:14px;
}

.reference-fee .reference-fee-air-list .flight-time{
display:table;
width:100%;
table-layout:fixed;
line-height:1.25;
background:url(/element/j_bus/shared/images/icon-arrow.svg) 50% 50% no-repeat;
background-size:14px 8px;
}

.reference-fee .reference-fee-air-list .flight-time > li{
display:table-cell;
vertical-align:top;
box-sizing:border-box;
}

.reference-fee .reference-fee-air-list .flight-time > li:first-child{
padding-right:12px;
}

.reference-fee .reference-fee-air-list .flight-time > li:last-child{
padding-left:12px;
}

.reference-fee .reference-fee-air-list .flight-time .airport{
display:block;
}

.reference-fee .reference-fee-air-list .flight-time .time{
display:block;
font-size:16px;
font-family:Arial;
}

/* .reference-fee-link
----------------------------------------------- */
.reference-fee .reference-fee-link{
margin:0 -10px -10px;
border-top:1px solid #d2d2d2;
padding:8px 10px;
font-size:12px;
}

.reference-fee .reference-fee-link a{
padding-left:12px;
color:#666;
display:inline-block;
position:relative;
text-decoration:none;
}

.reference-fee .reference-fee-link a::before{
content:'';
border-right:1px solid #666;
border-bottom:1px solid #666;
display:block;
position:absolute;
top:5px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}



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

  Modal

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-googlemap
----------------------------------------------- */
.modal-googlemap .modal-googlemap-catch{
margin-bottom:5px;
font-size:14px;
font-weight:bold;
}

.modal-googlemap .modal-googlemap-view{
height:300px;
}

/* .modal-alert
----------------------------------------------- */
.modal-alert{
width:720px;
}

/* .modal-alert-action
----------------------------------------------- */
.modal-alert .modal-alert-action button{
margin:20px auto 0;
padding:0 20px;
border:1px solid #c5c5c5;
border-radius:4px;
color:#555;
display:block;
line-height:1.3;
min-width:160px;
height:40px;
background-color:#fff;
-webkit-box-shadow:0 -3px 0 rgba(0,0,0,.2) inset;
box-shadow:0 -2px 0 rgba(0,0,0,.2) inset;
font-weight:bold;
font-size:17px;
}

/* .modal-alert-hdg
----------------------------------------------- */
.modal-alert .modal-alert-hdg{
background-color:#eee;
font-size:16px;
font-weight:bold;
min-height:40px;
padding:12px 10px 8px;
box-sizing:border-box;
}

/* .modal-alert-header
----------------------------------------------- */
.modal-alert .modal-alert-header{
padding:10px 0;
font-size:14px;
}

.modal-alert .modal-alert-list-header{
font-size:14px;
}

/* .modal-alert-toggle-list
----------------------------------------------- */
.modal-alert .modal-alert-toggle-list .modal-alert-toggle-list-item{
display:none;
padding:10px 0 30px;
}

.modal-alert .modal-alert-toggle-list button.modal-alert-toggle-list-hook{
position:relative;
width:100%;
padding:9px 10px 9px 20px;
text-align:left;
font-size:14px;
font-weight:bold;
background:none;
border:none;
border-top:1px solid #e5e5e5;
}

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

.modal-alert .modal-alert-toggle-list b.modal-alert-toggle-list-hook{
margin:20px 0 0;
display:block;
font-size:14px;
}

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

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

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

/* .modal-alert-list
----------------------------------------------- */
.modal-alert .modal-alert-list{
margin:15px 0;
font-size:14px;
}

.modal-alert .modal-alert-list > li{
margin-left:1em;
}

.modal-alert .modal-alert-list > li:not(:first-child){
margin-top:7px;
}

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

/* .modal-alert-list-notes
----------------------------------------------- */
.modal-alert .modal-alert-list-notes{
display:inline;
padding-left:5px;
}

.modal-alert .modal-alert-list-notes > li{
display:inline;
color:#666;
font-size:12px;
}

/* .modal-alert-link
----------------------------------------------- */
.modal-alert .modal-alert-link a{
margin-top:15px;
color:#666;
font-size:14px;
text-decoration:underline;
}

/* .modal-alert-link-external
----------------------------------------------- */
.modal-alert .modal-alert-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;
}



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

  Agent Link Modules

----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
margin:30px auto;
padding:0 40px;
width:800px;
box-sizing:border-box;
}

/* .agt-link-inner
----------------------------------------------- */
.agt-link .agt-link-inner{
margin:0 -40px 20px;
padding:40px 40px 20px;
border:3px solid #a9a9a9;
}

/* .agt-link-logo
----------------------------------------------- */
.agt-link .agt-link-logo{
margin:0 auto 30px;
display:block;
}

/* .agt-link-wording
----------------------------------------------- */
.agt-link .agt-link-wording{
padding-bottom:80px;
position:relative;
font-size:18px;
font-weight:bold;
text-align:center;
}

.agt-link .agt-link-wording::before{
margin-left:-24px;
content:'';
display:block;
width:48px;
height:48px;
overflow:hidden;
position:absolute;
bottom:13px;
left:50%;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}

/* .agt-link-num-people
----------------------------------------------- */
.agt-link .agt-link-num-people{
margin-bottom:40px;
text-align:center;
}

/* .agt-link-num-people-catch
----------------------------------------------- */
.agt-link .agt-link-num-people-catch{
margin-bottom:40px;
padding:12px;
background-color:#f5f5f5;
font-size:16px;
}

/* .agt-link-num-people-list
----------------------------------------------- */
.agt-link .agt-link-num-people-list{
margin-top:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
gap:40px;
font-size:12px;
}

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

.agt-link .agt-link-num-people-list > li b{
margin-right:5px;
display:inline-block;
line-height:1.35;
text-align:left;
vertical-align:middle;
}

/* .agt-link-info
----------------------------------------------- */
.agt-link .agt-link-info{
margin:30px 0 20px;
border-bottom:1px solid #ccc;
font-size:13px;
}

.agt-link .agt-link-info > li{
border-top:1px solid #ccc;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}

.agt-link .agt-link-info > li > div{
padding:15px 0;
}

.agt-link .agt-link-info > li > div:first-child{
color:#666;
width:85px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:#f1f1f1;
font-size:11px;
}

.agt-link .agt-link-info > li > div:last-child{
padding-left:15px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.agt-link .agt-link-info > li > div:last-child > :first-child{
margin-top:0;
}

.agt-link .agt-link-info > li > div > [class^="icon-"]::before{
margin:0 auto 5px;
content:'';
display:block;
width:20px;
}

.agt-link .agt-link-info > li > div > .icon-caution::before{
height:18px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 50% 50% no-repeat;
background-size:18px auto;
}

.agt-link .agt-link-info > li > div > .icon-mail::before{
height:15px;
background:url(/element/shared/images/icon/ico-mail.svg) 0 0 no-repeat;
background-size:20px 15px;
}

/* .agt-link-info-catch
----------------------------------------------- */
.agt-link .agt-link-info-catch{
margin:8px 0 2px;
display:block;
font-size:15px;
}

/* .agt-link-info-note
----------------------------------------------- */
.agt-link .agt-link-info-note > li{
padding-left:1em;
position:relative;
}

.agt-link .agt-link-info-note > li::before{
content:'*';
display:block;
position:absolute;
top:.15em;
left:0;
}

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

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

/* .agt-link-box
----------------------------------------------- */
.agt-link .agt-link-box{
margin:20px auto 0;
padding:30px 20px;
max-width:75%;
background-color:#fff5f6;
font-size:15px;
}

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

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch{
margin-top:40px;
font-size:13px;
font-weight:bold;
text-align:center;
}

.agt-link .agt-link-info + .agt-link-catch{
margin-top:20px;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note{
margin-top:10px;
font-size:12px;
text-align:center;
font-weight:normal;
}

/* .agt-link-list-bullet
----------------------------------------------- */
.agt-link .agt-link-list-bullet{
color:#555;
font-size:12px;
}

.agt-link .agt-link-list-bullet > li{
padding-left:10px;
position:relative;
}

.agt-link .agt-link-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
position:absolute;
top:.65em;
left:0;
background-color:#555;
}

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

/* .agt-link-cv
----------------------------------------------- */
.agt-link .agt-link-cv{
margin:25px auto 0;
padding:5px 10px;
border-radius:4px;
color:#fff;
display:table;
min-width:14em;
font-size:20px;
font-weight:bold;
background-color:var(--button-color);
text-decoration:none;
text-align:center;
}

.agt-link .agt-link-cv:active,
.agt-link .agt-link-cv:hover,
.agt-link .agt-link-cv:focus{
background-color:var(--button-color-hover);
}

/* .agt-link-loading
----------------------------------------------- */
.agt-link .agt-link-loading{
margin:20px auto 0;
color:transparent;
width:50px;
height:50px;
background:url(/element/shared/images/icon/ic_load_l.gif) 50% 50% no-repeat;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}



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

  Calendar customize

----------------------------------------------------------------- */
/* .modal-calendar-header
----------------------------------------------- */
.modal-calendar-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:16px;
}

/* .modal-calendar-header-note
----------------------------------------------- */
.modal-calendar-header-note{
padding-left:15px;
display:block;
position:relative;
font-size:12px;
}

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