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

  j_bus Modules modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index-index-item
----------------------------------------------------------------- */
.lp-form-search .form-search-index-item.date{
width:388px;
}

.lp-form-search .form-search-index-item.picky{
max-width:550px;
}

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

.lp-form-search .form-search-index-item > .form-search-index-item-cell:first-child{
min-height:24px;
}


/* .form-search-index-index-item-col
----------------------------------------------------------------- */
.lp-form-search .form-search-index-item-col{
gap:0 26px;
}

/* .form-search-index-hdg
----------------------------------------------------------------- */
.lp-form-search .form-search-index-hdg{
padding:0 18px 0 0;
color:var(--cmn-font-color-base);
background-color:#fff;
}

.lp-form-search .form-search-index-hdg > h2{
font-weight:bold;
}

.lp-form-search .form-search-index-item.picky .form-search-index-hdg{
height:auto;
}

/* .form-search-index-list-line
----------------------------------------------------------------- */
.lp-form-search .form-search-index-list-line{
margin-left:0;
}

/* .form-search-index-date-btn
----------------------------------------------------------------- */
.lp-form-search .form-search-index-date-btn{
width:140px;
}

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

.lp-form-search .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
----------------------------------------------------------------- */
.lp-form-search .form-search-index-time{
padding-left:0;
}

/* .form-search-index-time-list
----------------------------------------------------------------- */
.lp-form-search .form-search-index-time-list{
padding:8px 12px;
display:block;
background-color:#eee;
}

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

.lp-form-search .form-search-index-time-list::before{
right:28px;
opacity:.65;
}

.lp-form-search .form-search-index-time-list .form-search-index-select{
width:98px;
}

/* .form-search-index-btn-reset
----------------------------------------------------------------- */
.lp-form-search .form-search-index-btn-reset{
top:-8px;
right:0;
}

/* .form-search-index-error
----------------------------------------------------------------- */
.lp-form-search-exec .form-search-index-error{
margin-bottom:12px;
}

.lp-form-search-exec .form-search-index-error > li{
margin-right:0;
margin-left:auto;
width:fit-content;
}




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

  LP Layout

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp / .lp-bg
----------------------------------------------------------------- */
.lp-bg{
padding:20px 20px 40px;
background-color:#eee;
}


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

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

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




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

  LP Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-hdg-l1
----------------------------------------------------------------- */
.lp-hdg-l1{
margin:28px 0 20px;
font-size:20px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .lp-hdg-l2
----------------------------------------------------------------- */
.lp-hdg-l2{
margin:36px 0 8px;
font-size:16px;
font-weight:bold;
}

.lp-tab-list + .lp-hdg-l2{
margin-top:28px;
}


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

.lp-notice > li{
display:-webkit-box;
display:flex;
}

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

.lp-notice > li > span{
margin-right:4px;
}

.lp-notice > li > div{
-webkit-box-flex:1;
flex:1;
}

.lp-notice.inline{
display:-webkit-box;
display:flex;
flex-wrap: wrap;
gap: 0 16px;
}

.lp-notice.inline > li{
margin:0;
}

/*  .lp-transport-tbl > .lp-notice
----------------------------------------------------------------- */
.lp-transport-tbl .lp-notice{
margin:4px auto 0;
width:fit-content;
}


/* ----------------------------------------------------------------
  .lp-image-col
----------------------------------------------------------------- */
.lp-image-col{
margin-bottom:36px;
padding:20px;
display:-webkit-box;
display:flex;
gap:20px;
background-color:#fff;
font-size:16px;
}

.lp-image-col > .col{
-webkit-box-flex:1;
flex:1;
}

.lp-image-col > .image{
width:400px;
height:240px;
}

.lp-image-col > .image img{
width:100%;
height:100%;
object-fit:cover;
}

.lp-image-col .lp-image-col-hdg{
margin-bottom:4px;
font-size:16px;
}




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

  LP Form Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-form-search
----------------------------------------------------------------- */
.lp .lp-form-search{
margin-top:-12px;
padding:0;
position:relative;
background-color:transparent;
}


/* ----------------------------------------------------------------
  .lp-form-search-note
----------------------------------------------------------------- */
.lp-form-search .lp-form-search-note{
margin-top:12px;
}

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

.lp-form-search .lp-form-search-lyt > .lp-form-search-lyt-cell:first-child{
width:400px;
}

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


/* ----------------------------------------------------------------
  .lp-form-search-exec
----------------------------------------------------------------- */
.lp-form-search .lp-form-search-exec{
margin-top:16px;
position: absolute;
bottom:0;
right:0;
text-align:right;
max-width:234px;
}

.lp-form-search-toggle.is-active + .lp-form-search-exec{
position:static;
}

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

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

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



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

  LP Tab Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-tab-list
----------------------------------------------------------------- */
.lp-tab .lp-tab-list{
margin:0;
border-bottom:1px solid #ccc;
display:flex;
align-items:stretch;
gap:40px;
text-align:center;
}

.lp-tab .lp-tab-list a{
padding:0 0 8px;
color:var(--cmn-font-color-base);
border-bottom: 2px solid transparent;
box-sizing:border-box;
display:block;
width:100%;
height:100%;
line-height:1.2;
background-color:transparent;
font-size:16px;
text-decoration:none;
}

.lp-tab .lp-tab-list > .is-active a{
font-weight:bold;
border-bottom-color:var(--cmn-font-color-base);
}



/* ----------------------------------------------------------------
  .lp-tab-item
----------------------------------------------------------------- */
.lp-tab .lp-tab-item{
display:none;
}

.lp-tab .lp-tab-item.is-active{
display:block;
}




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

  .lp-search-area-map

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-search-area-map
----------------------------------------------------------------- */
.lp-search-area-map{
margin-bottom:12px;
height:388px;
position:relative;
background-color:#ecf8ff;
font-size:14px;
}


/* ----------------------------------------------------------------
  .lp-search-area-map-catch
----------------------------------------------------------------- */
.lp-search-area-map-catch{
padding:22px 0 0 45px;
box-sizing:border-box;
width:280px;
height:80px;
line-height:1;
position:absolute;
top:40px;
left:145px;
background:url(/element/j_bus/lp/images/icon-balloon.svg) 0 0 no-repeat;
font-size:18px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .lp-search-area-map-cap
----------------------------------------------------------------- */
.lp-search-area-map-cap{
position:absolute;
top:130px;
left:150px;
}

.lp-search-area-map-cap > li{
padding-left:22px;
position:relative;
}

.lp-search-area-map-cap > li::before{
content:'';
display:block;
width:14px;
height:14px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
background-color:#92ccf4;
}

.lp-search-area-map-cap > li:nth-child(2){
margin-top:8px;
}

.lp-search-area-map-cap > li:nth-child(2)::before{
background-color:#ecc583;
}


/* ----------------------------------------------------------------
  .lp-search-area-map-list
----------------------------------------------------------------- */
.lp-search-area-map-list::before{
content:'';
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bbb;
display:block;
width:42px;
height:62px;
overflow:hidden;
position:absolute;
bottom:15px;
left:153px;
}


/* ----------------------------------------------------------------
  .lp-search-area-map-list > ul
----------------------------------------------------------------- */
.lp-search-area-map-list ul li{
border-radius:3px;
width:30px;
height:27px;
overflow:hidden;
position:absolute;
}

.lp-search-area-map-list span,
.lp-search-area-map-list a{
padding:4px 4px 2px;
line-height:1;
box-sizing:border-box;
width:100%;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
background-color:#e5e5e5;
text-align:center;
}

.lp-search-area-map-list span{
color:#aaa;
}

.lp-search-area-map-list a{
color:var(--cmn-font-color-base);
background-color:#92ccf4;
text-decoration:none;
}

.lp-search-area-map-list a:active,
.lp-search-area-map-list a:hover{
color:#fff;
background-color:#208cdd;
}

.lp-search-area-map-list .is-active span,
.lp-search-area-map-list .is-active a{
color:var(--cmn-font-color-base);
background-color:#ecc583;
font-weight:bold;
}

.lp-search-area-map-list .is-active a:active,
.lp-search-area-map-list .is-active a:hover{
background-color:#e19d35;
}

.lp-search-area-map-list .hokkaido{
width:55px;
top:52px;
right:183px;
}
.lp-search-area-map-list .hokkaidoeast{
height:48px;
top:32px;
right:149px;
}
.lp-search-area-map-list .hokkaidosouth{
height:48px;
top:49px;
right:241px;
}
.lp-search-area-map-list .hokkaidonorth{
width:55px;
top:18px;
right:183px;
}
.lp-search-area-map-list .aomori{
width:95px;
top:101px;
right:175px;
}
.lp-search-area-map-list .iwate{
width:46px;
top:131px;
right:175px;
}
.lp-search-area-map-list .miyagi{
width:46px;
top:161px;
right:175px;
}
.lp-search-area-map-list .akita{
width:46px;
top:131px;
right:224px;
}
.lp-search-area-map-list .yamagata{
width:46px;
top:161px;
right:224px;
}
.lp-search-area-map-list .fukushima{
width:63px;
top:191px;
right:174px;
}
.lp-search-area-map-list .ibaraki{
height:56px;
top:221px;
right:174px;
}
.lp-search-area-map-list .tochigi{
height:46px;
top:221px;
right:207px;
}
.lp-search-area-map-list .gunma{
height:46px;
top:221px;
right:240px;
}
.lp-search-area-map-list .saitama{
width:63px;
top:270px;
right:207px;
}
.lp-search-area-map-list .chiba{
height:70px;
top:280px;
right:174px;
}
.lp-search-area-map-list .tokyo{
width:63px;
top:300px;
right:207px;
}
.lp-search-area-map-list .kanagawa{
width:56px;
top:330px;
right:214px;
}
.lp-search-area-map-list .niigata{
width:63px;
top:191px;
right:240px;
}
.lp-search-area-map-list .toyama{
height:43px;
top:175px;
right:306px;
}
.lp-search-area-map-list .ishikawa{
height:56px;
top:162px;
right:339px;
}
.lp-search-area-map-list .fukui{
width:63px;
top:221px;
right:339px;
}
.lp-search-area-map-list .yamanashi{
height:43px;
top:284px;
right:273px;
}
.lp-search-area-map-list .nagano{
height:61px;
top:221px;
right:273px;
}
.lp-search-area-map-list .gifu{
height:61px;
top:221px;
right:306px;
}
.lp-search-area-map-list .shizuoka{
width:63px;
top:330px;
right:273px;
}
.lp-search-area-map-list .aichi{
height:43px;
top:284px;
right:306px;
}
.lp-search-area-map-list .mie{
height:71px;
top:280px;
right:339px;
}
.lp-search-area-map-list .shiga{
width:63px;
top:251px;
right:339px;
}
.lp-search-area-map-list .kyoto{
height:57px;
top:221px;
right:405px;
}
.lp-search-area-map-list .osaka{
height:54px;
top:280px;
right:405px;
}
.lp-search-area-map-list .hyogo{
height:87px;
top:221px;
right:438px;
}
.lp-search-area-map-list .nara{
height:54px;
top:280px;
right:372px;
}
.lp-search-area-map-list .wakayama{
width:63px;
top:337px;
right:372px;
}
.lp-search-area-map-list .tottori{
height:42px;
top:221px;
right:471px;
}
.lp-search-area-map-list .shimane{
height:42px;
top:221px;
right:504px;
}
.lp-search-area-map-list .okayama{
height:42px;
top:266px;
right:471px;
}
.lp-search-area-map-list .hiroshima{
height:42px;
top:266px;
right:504px;
}
.lp-search-area-map-list .yamaguchi{
height:87px;
top:221px;
right:537px;
}
.lp-search-area-map-list .tokushima{
width:54px;
top:345px;
right:445px;
}
.lp-search-area-map-list .kagawa{
width:54px;
top:315px;
right:445px;
}
.lp-search-area-map-list .ehime{
width:54px;
top:315px;
right:502px;
}
.lp-search-area-map-list .kochi{
width:54px;
top:345px;
right:502px;
}
.lp-search-area-map-list .fukuoka{
width:59px;
height:42px;
top:240px;
right:570px;
}
.lp-search-area-map-list .saga{
height:42px;
top:240px;
right:632px;
}
.lp-search-area-map-list .nagasaki{
height:42px;
top:240px;
right:665px;
}
.lp-search-area-map-list .kumamoto{
height:56px;
top:285px;
right:619px;
}
.lp-search-area-map-list .oita{
width:46px;
top:285px;
right:570px;
}
.lp-search-area-map-list .miyazaki{
width:46px;
top:315px;
right:570px;
}
.lp-search-area-map-list .kagoshima{
width:78px;
top:345px;
right:570px;
}
.lp-search-area-map-list .okinawa{
height:46px;
top:327px;
right:700px;
}




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

  .lp-search-area

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-search-area-content
----------------------------------------------------------------- */
.lp-search-area-content{
margin-top:20px;
border-top:1px solid #ddd;
}


/* ----------------------------------------------------------------
  .lp-search-area-toggle
----------------------------------------------------------------- */
.lp-search-area-toggle{
border-bottom:1px solid #ddd;
font-size:12px;
}


/* ----------------------------------------------------------------
  .lp-search-area-toggle-hook
----------------------------------------------------------------- */
.lp-search-area-toggle-hook{
padding:8px 0;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 60px;
font-weight:bold;
font-size:14px;
}

.lp-search-area-toggle-hook > button{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
min-width:40px;
height:32px;
overflow:hidden;
background:url(/element/j_bus/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 4px) 50%;
background-size:16px auto;
-webkit-box-flex:1;
flex:1;
text-align:left;
text-indent:-100px;
}

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


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

.lp-search-area-toggle[aria-expanded=true] .lp-search-area-toggle-item{
display:block;
}




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

  LP Cheapest Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-cheapest
----------------------------------------------------------------- */
.lp-cheapest{
margin-top:8px;
}

/* .lp-search-area-toggle-item > .lp-cheapest
----------------------------------------------------------------- */
.lp-search-area-toggle-item .lp-cheapest{
margin-top:0;
}


/* ----------------------------------------------------------------
  .lp-cheapest-tbl
----------------------------------------------------------------- */
.lp-cheapest-tbl{
padding-top:36px;
border-bottom:1px solid #d7d7d7;
position:relative;
background-color:#f3f3f3;
font-size:14px;
}

.lp-cheapest-tbl-inner{
max-height:250px;
overflow-y:scroll;
}

/* .lp-search-area-toggle-item > .lp-cheapest-tbl
----------------------------------------------------------------- */
.lp-search-area-toggle-item .lp-cheapest-tbl{
border-bottom:none;
}


/* ----------------------------------------------------------------
  .lp-cheapest-tbl > table
----------------------------------------------------------------- */
.lp-cheapest-tbl table{
border-collapse:collapse;
text-align:center;
width:100%;
table-layout:fixed;
}

.lp-cheapest-tbl table th,
.lp-cheapest-tbl table td{
padding:8px 12px;
border-top:1px solid #ebebeb;
font-weight:normal;
background-color:#fff;
}

.lp-cheapest-tbl table thead th{
padding:0;
border-top:none;
vertical-align:bottom;
}

.lp-cheapest-tbl table thead th > div{
padding:8px 12px 0;
box-sizing:border-box;
height:36px;
position:absolute;
top:0;
}

.lp-cheapest-tbl table thead th:first-child{
width:28%;
font-weight:normal;
text-align:left;
}

.lp-cheapest-tbl table thead th:first-child > div{
width:28%;
}

.lp-cheapest-tbl table thead th:nth-child(2),
.lp-cheapest-tbl table thead th:nth-child(3),
.lp-cheapest-tbl table thead th:nth-child(4){
width:24%;
}

.lp-cheapest-tbl table thead th:nth-child(2) > div,
.lp-cheapest-tbl table thead th:nth-child(3) > div,
.lp-cheapest-tbl table thead th:nth-child(4) > div{
width:24%;
}

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

.lp-cheapest-tbl .price-num{
font-size:16px;
font-family:Arial;
font-weight:normal;
}






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

  .lp-location Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-location
----------------------------------------------------------------- */
.lp-location > :first-child{
margin-top:0;
}


/* ----------------------------------------------------------------
  .lp-location-col
----------------------------------------------------------------- */
.lp-location-col{
margin-top:16px;
padding-top:16px;
border-top:1px solid #ddd;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:20px;
}

.lp-location-col > div{
width:calc(50% - 10px);
}

.lp-location > .lp-location-col:first-child{
border-top:none;
padding-top:0;
}


/* ----------------------------------------------------------------
  .lp-location-hdg
----------------------------------------------------------------- */
.lp-location-hdg{
margin-bottom:8px;
font-size:14px;
}


/* ----------------------------------------------------------------
  .lp-location-map
----------------------------------------------------------------- */
.lp-location-map{
aspect-ratio:880 / 354;
height:auto;
overflow:hidden;
background-color:#acdafd;
}

/* .lp-location-col > .lp-location-map
----------------------------------------------------------------- */
.lp-location-col .lp-location-map{
aspect-ratio:430 / 354;
}




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

  .lp-transport-tbl Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-transport
----------------------------------------------------------------- */
.lp-transport > :first-child{
margin-top:0;
}

.lp-transport > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .lp-transport-hdg
----------------------------------------------------------------- */
.lp-transport-hdg{
margin-bottom:12px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl > table
----------------------------------------------------------------- */
.lp-transport-tbl table{
margin:12px 0;
border-spacing:0;
border-collapse:collapse;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
width:100%;
font-size:14px;
}

.lp-transport-tbl table th{
padding:8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
background-color:#f5f5f5;
font-weight:normal;
}

.lp-transport-tbl table thead th{
width:240px;
box-sizing:border-box;
font-weight:bold;
font-size:16px;
}

.lp-transport-tbl table thead th:first-child{
width:auto;
}

.lp-transport-tbl table th > span{
display:block;
}

.lp-transport-tbl table td{
padding:12px 8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
text-align:center;
vertical-align:top;
}

.lp-transport-tbl table td > span,
.lp-transport-tbl table td > span > span{
display:block;
}

.lp-transport-tbl table td > span + span{
margin-top:4px;
}

.lp-transport-tbl table td b{
display:inline-block;
font-size:16px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl-route
----------------------------------------------------------------- */
.lp-transport-tbl-route{
font-size:12px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl-ok
----------------------------------------------------------------- */
.lp-transport-tbl-ok{
margin:auto;
color:rgba(0,0,0,0);
display:block;
width:26px;
height:26px;
overflow:hidden;
background:url(/element/j_bus/lp/images/icon-ok.svg) 50% 50% no-repeat;
background-size:16px;
text-indent:-100px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl-ng
----------------------------------------------------------------- */
.lp-transport-tbl-ng{
margin:auto;
color:rgba(0,0,0,0);
display:block;
width:26px;
height:26px;
overflow:hidden;
background:url(/element/j_bus/lp/images/icon-ng.svg) 50% 50% no-repeat;
background-size:16px;
text-indent:-100px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl-notbad
----------------------------------------------------------------- */
.lp-transport-tbl-notbad{
margin:auto;
color:rgba(0,0,0,0);
display:block;
width:26px;
height:26px;
overflow:hidden;
background:url(/element/j_bus/lp/images/icon-notbad.svg) 50% 50% no-repeat;
background-size:16px;
text-indent:-100px;
}


/* ----------------------------------------------------------------
  .lp-transport-tbl-list
----------------------------------------------------------------- */
.lp-transport-tbl-list{
text-align:left;
}

.lp-transport-tbl-list > li{
padding-left:8px;
position:relative;
}

.lp-transport-tbl-list > li::before{
content:'';
border-radius:50%;
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:5px;
left:0;
background-color:var(--cmn-font-color-base);
}

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





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

  .lp-tips Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-tips
----------------------------------------------------------------- */
.lp-tips{
font-size:14px;
}

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

.lp-tips > :last-child{
margin-bottom:0;
}


/* ----------------------------------------------------------------
  .lp-tips-col
----------------------------------------------------------------- */
.lp-tips-col{
margin:12px 0;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:12px;
}

.lp-tips-col > div{
padding:12px;
border:1px solid #ccc;
border-radius:6px;
width:calc(50% - 6px);
box-sizing:border-box;
}

.lp-tips-col > div > :first-child{
margin-top:0;
}

.lp-tips-hdg + .lp-tips-col{
margin-top:0;
}


/* ----------------------------------------------------------------
  .lp-tips-hdg
----------------------------------------------------------------- */
.lp-tips-hdg{
margin:28px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
gap:0 8px;
line-height:1.25;
font-size:16px;
}

.lp-tips-hdg .tag{
padding:4px 8px;
border-radius:4px;
color:#fff;
line-height:1;
background-color:#444;
font-family:Arial;
}

.lp-tips-hdg > span:last-child{
-webkit-box-flex:1;
flex:1;
}

.lp-tips-hdg .tag + span{
margin-top:3px;
}


/* ----------------------------------------------------------------
  .lp-tips-hdg-01
----------------------------------------------------------------- */
.lp-tips-hdg-01{
margin:16px 0 4px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
gap:0 4px;
line-height:1.35;
font-size:14px;
}

.lp-tips-hdg-01 .tag{
margin-right:4px;
padding:4px 6px;
border-radius:3px;
line-height:1;
background-color:#e3f2fc;
font-size:12px;
}

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

.lp-tips-hdg-01 .tag + span{
margin-top:2px;
}


/* ----------------------------------------------------------------
  .lp-tips-link-more
----------------------------------------------------------------- */
.lp-tips-link-more{
margin-top:8px;
text-align:right;
}