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

  Site Common Modules Modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-notice-list
----------------------------------------------------------------- */
.lp-contents-footer .cmn-notice-list{
color:var(--cmn-font-color-base);
}


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

  Menu Common Modules Modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------------------------- */
.form-search{
padding-bottom:1px;
}

/* .form-search-hdg
----------------------------------------------------------------- */
.lp .form-search-hdg > h2{
font-weight:normal;
font-size:12px;
}

/* .form-search-item
----------------------------------------------------------------- */
.lp .form-search-item{
margin-top:8px;
}

.lp .form-search-item.line{
padding-bottom:8px;
}

/* .form-search-lyt
----------------------------------------------------------------- */
.lp .form-search-lyt > .stay,
.lp .form-search-lyt > .num-people{
padding-right:22px;
width:540px;
}

/* .form-search-select
----------------------------------------------------------------- */
.lp .form-search-select{
width:90px;
}

/* .form-search-stay-area
----------------------------------------------------------------- */
.lp .form-search-stay-area .form-search-select{
width:100%;
}

/* .form-search-num-people
----------------------------------------------------------------- */
.lp .form-search-num-people > li.room-num > label > span:first-child{
margin-right:4px;
font-weight:normal;
font-size:12px;
}

/* .form-search-not
----------------------------------------------------------------- */
.lp .form-search-note{
font-size:12px;
}

/* .form-search-error
----------------------------------------------------------------- */
.lp .lp-header-search > .form-search-error{
margin:10px 0 0 auto;
}

/* .form-search-exec
----------------------------------------------------------------- */
.lp-header-search .form-search-exec{
right:0;
bottom:0;
width:auto;
min-width:140px;
}

.lp-header-search .form-search-exec-btn{
margin-top:8px;
padding:8px 0;
border-radius:4px;
box-shadow:none;
background-color:#177bcb;
font-size:16px;
text-shadow:none;
}

.lp-header-search .form-search-exec-btn:active,
.lp-header-search .form-search-exec-btn:hover,
.lp-header-search .form-search-exec-btn:focus{
background-color:#177bcb;
}

.lp-header-search .form-search-exec-btn:disabled{
background-color:#177bcb;
}

/* .form-search-btn-reset
----------------------------------------------------------------- */
.lp-header-search .form-search-btn-reset{
top:12px;
right:20px;
padding-right:0;
border:none;
}



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

  LP Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
/* .lp-hdg-container
----------------------------------------------------------------- */
/* .lp-hdg-container
----------------------------------------------------------------- */
.lp .lp-hdg-container{
margin:24px 0 -4px;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 16px;
}

.lp .lp-hdg-container > ul{
margin-top:0;
}

/* .lp-hdg-container-hdg
----------------------------------------------------------------- */
.lp-hdg-container-hdg{
font-size:18px;
}


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


/* ----------------------------------------------------------------
/* .lp-hidden
----------------------------------------------------------------- */
.lp .lp-hidden{
overflow:hidden;
position:absolute;
height:0;
}


/* ----------------------------------------------------------------
/* .lp-notice-list
----------------------------------------------------------------- */
.lp .lp-notice-list{
margin-top:12px;
color:var(--cmn-font-color-gray);
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:12px;
font-size:12px;
}

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

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

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




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

  LP Header

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-header
----------------------------------------------------------------- */
.lp .lp-header{
margin-bottom:48px;
padding:0 20px 28px;
position:relative;
}


/* ----------------------------------------------------------------
  .lp-header-inner
----------------------------------------------------------------- */
.lp .lp-header-inner{
position:relative;
}


/* ----------------------------------------------------------------
  .lp-header-hdg-container
----------------------------------------------------------------- */
.lp-header-hdg-container{
padding-top:3px;
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
flex-direction:column;
min-height:125px;
text-shadow:1px 1px 0 #000;
font-size:14px;
gap:12px 0;
}

.lp-header-hdg-container > p{
margin-bottom:16px;
}

.lp-header-hdg-container.branch{
min-height:200px;
}


/* ----------------------------------------------------------------
  .lp-header-hdg
----------------------------------------------------------------- */
.lp .lp-header-hdg{
line-height:1.25;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.lp-header-hdg-container.branch .lp-header-hdg{
-webkit-box-align:end;
align-items:flex-end;
}


/* ----------------------------------------------------------------
  .lp-header-image
----------------------------------------------------------------- */
.lp .lp-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
max-height:600px;
}

.lp .lp-header-image::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.6));
}


/* ----------------------------------------------------------------
  .lp-header-image-sup
----------------------------------------------------------------- */
.lp .lp-header-image-sup{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
right:8px;
z-index:2;
font-size:12px;
}


/* ----------------------------------------------------------------
  .lp-header-search
----------------------------------------------------------------- */
.lp .lp-header-search{
margin:0;
padding:20px;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
box-shadow:0 1px 6px rgba(32,33,36,.4);
background-color:rgba(255,255,255,.85);
}


/* ----------------------------------------------------------------
  .lp-header-search-hdg
----------------------------------------------------------------- */
.lp .lp-header-search-hdg{
margin-bottom:8px;
font-size:16px;
font-weight:bold;
}


/* ----------------------------------------------------------------
  .lp-header-search-catch
----------------------------------------------------------------- */
.lp .lp-header-search-catch{
margin-bottom:12px;
font-size:14px;
}



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

  LP Contents

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-contents-footer
----------------------------------------------------------------- */
.lp .lp-contents-footer{
margin:40px 0 0;
padding:40px 0;
border-image:linear-gradient(#eee,#eee) fill 0 //0 100vw 0 100vw;
background-color:#eee;
}




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

  LP Panel Layout

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-panel
----------------------------------------------------------------- */
.lp .lp-panel{
margin-top:36px;
font-size:12px;
}

.lp-panel[aria-expanded]{
margin-top:20px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

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

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

.lp-panel[aria-expanded] + .lp-panel[aria-expanded]{
margin-top:-1px;
border-top-color:transparent;
}

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

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

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

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

.lp-contents > .lp-panel:first-child[aria-expanded=true]{
border-color:transparent;
}

.lp-panel[aria-expanded=true]:last-of-type{
border-bottom-color:transparent;
}


/* ----------------------------------------------------------------
  .lp-panel-header
----------------------------------------------------------------- */
/* .lp-panel-header
----------------------------------------------------------------- */
.lp .lp-panel-header{
margin-bottom:8px;
font-size:16px;
font-weight:bold;
}

/* [aria-expanded] > .lp-panel-header
----------------------------------------------------------------- */
.lp .lp-panel[aria-expanded] .lp-panel-header{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
background:url(/element/j_traindp/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 4px) 50%;
background-size:16px auto;
cursor:pointer;
}

.lp .lp-panel[aria-expanded=true] .lp-panel-header{
background-image:url(/element/j_traindp/shared/images/icon-arrow-up.svg);
}

/* .lp-contents-footer > .lp-panel-header
----------------------------------------------------------------- */
.lp .lp-contents-footer .lp-panel-header{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:48px;
}

/* .lp-panel-header-sup
----------------------------------------------------------------- */
.lp .lp-panel-header-sup{
font-size:14px;
font-weight:normal;
-webkit-box-flex:1;
flex:1;
text-align:right;
}


/* ----------------------------------------------------------------
  .lp-panel-contents
----------------------------------------------------------------- */
/* [aria-expanded] > .lp-panel-contents
----------------------------------------------------------------- */
.lp .lp-panel[aria-expanded] .lp-panel-contents{
display:none;
}

.lp .lp-panel[aria-expanded=true] .lp-panel-contents{
display:block;
}

/* .lp-contents-footer > .lp-panel-contents
----------------------------------------------------------------- */
.lp .lp-contents-footer .lp-panel-contents{
margin-bottom:16px;
}


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

.lp .lp-panel-contents-panel > p{
font-size:14px;
}



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

  LP Panel Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-panel-icon-rank
----------------------------------------------------------------- */
.lp .lp-panel-icon-rank{
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:0;
left:12px;
z-index:1;
line-height:1;
transform:translateZ(0);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
background:url(/element_sp/j_traindp/lp/images/icon-ranking.svg) 0 0 no-repeat;
font-size:14px;
font-weight:normal;
}

.lp .lp-panel-icon-rank > span{
overflow:hidden;
position:absolute;
height:0;
}


/* ----------------------------------------------------------------
  .lp-panel-list
----------------------------------------------------------------- */
.lp .lp-panel-list{
display:-webkit-box;
display:flex;
gap:8px 24px;
flex-wrap:wrap;
overflow:hidden;
}

.lp .lp-panel-list > li{
margin-left:-13px;
padding-left:12px;
border-left:1px solid #d9d9d9;
}

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


/* ----------------------------------------------------------------
  .lp-panel-list-bullet
----------------------------------------------------------------- */
.lp .lp-panel-list-bullet{
font-size:14px;
}

.lp .lp-panel-list-bullet > li{
margin-top:2px;
padding-left:10px;
position:relative;
}

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


/* ----------------------------------------------------------------
  .lp-panel-list-separate
----------------------------------------------------------------- */
.lp .lp-panel-list-separate > li{
display:-webkit-box;
display:flex;
gap:0 8px;
}

.lp .lp-panel-list-separate > li:not(:first-child){
margin-top:12px;
}

.lp .lp-panel-list-separate > li > div:first-child{
width:10em;
}

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


/* ----------------------------------------------------------------
  .lp-panel-list-thumb
----------------------------------------------------------------- */
.lp .lp-panel-list-thumb{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
gap:8px;
}

.lp .lp-panel-list-thumb > li{
width:calc((100% - 24px) / 4);
}

.lp .lp-panel-list-thumb > li > a{
border-radius:6px;
color:var(--cmn-font-color-base);
box-shadow:0 0 6px rgba(0,0,0,.3);
height:100%;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:#fff;
}

.lp .lp-panel-list-thumb > li > a > span{
height:125px;
}

.lp .lp-panel-list-thumb > li > a > span img{
width:100%;
height:100%;
object-fit:cover;
}

.lp .lp-panel-list-thumb > li > a > div{
padding:8px;
-webkit-box-flex:1;
flex:1;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-toggle
----------------------------------------------------------------- */
/* .lp-panel-ranking-toggle
----------------------------------------------------------------- */
.lp .lp-panel-ranking-toggle{
margin-bottom:0;
width:100%;
}

.lp .lp-ranking-hotel .lp-panel-ranking-toggle{
margin-bottom:0;
}

/* .lp-panel-ranking-toggle-hook
----------------------------------------------------------------- */
.lp .lp-panel-ranking-toggle-hook{
margin-top:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
}

.lp .lp-panel-ranking-toggle-hook > ul{
margin-top:0;
-webkit-box-flex:1;
flex:1;
}

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

.lp .lp-panel-ranking-toggle[aria-expanded=true] .lp-panel-ranking-toggle-hook{
margin-top:12px;
}

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

/* .lp-panel-ranking-toggle-content
----------------------------------------------------------------- */
.lp .lp-panel-ranking-toggle-content{
display:none;
}

.lp .lp-panel-ranking-toggle[aria-expanded=true] .lp-panel-ranking-toggle-content{
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:8px;
}




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

  .lp-panel-cheapest

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

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

.lp .lp-panel-cheapest > p + p{
margin-top:16px;
}


/* ----------------------------------------------------------------
  .lp-panel-cheapest-hdg
----------------------------------------------------------------- */
.lp .lp-panel-cheapest-hdg{
margin:20px 0 12px;
font-size:14px;
}


/* ----------------------------------------------------------------
  .lp-panel-cheapest-tbl
----------------------------------------------------------------- */
.lp .lp-panel-cheapest-tbl{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
}

.lp .lp-panel-cheapest-tbl caption{
height:0;
overflow:hidden;
position:absolute;
}

.lp .lp-panel-cheapest-tbl th,
.lp .lp-panel-cheapest-tbl td{
border-top: 1px solid #ddd;
padding:8px 0;
font-weight:normal;
text-align:center;
}

.lp .lp-panel-cheapest-tbl thead th{
padding:0 0 8px;
border-top:none;
}


.lp .lp-panel-cheapest-tbl thead th > span{
display:block;
}

.lp .lp-panel-cheapest-tbl thead tr > th:first-child{
padding-left:0;
width:320px;
text-align:left;
}

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

.lp .lp-panel-cheapest-tbl tbody th a{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.lp .lp-panel-cheapest-tbl tbody th > span{
display:inline-block;
}

.lp .lp-panel-cheapest-tbl tbody td > span{
display:inline-block;
min-width:5em;
text-align:right;
}

.lp .lp-panel-cheapest-tbl tbody tr > td:nth-of-type(2) > span{
min-width:7em;
}

.lp .lp-panel-cheapest-tbl tbody tr > td:nth-of-type(3){
text-align:right;
}

.lp .lp-panel-cheapest-tbl td.unset > span{
text-align:center;
}

.lp .lp-panel-cheapest-tbl tbody tr:last-child th,
.lp .lp-panel-cheapest-tbl tbody tr:last-child td{
padding-bottom:0;
}

/* .lp-panel-cheapest-tbl + .lp-panel-cheapest-hdg
-------------------------------------- */
.lp .lp-panel-cheapest-tbl:has(+ .lp-panel-cheapest-hdg){
border-bottom:1px solid #ddd;
}

.lp .lp-panel-cheapest-tbl:has(+ .lp-panel-cheapest-hdg) tbody tr:last-child th,
.lp .lp-panel-cheapest-tbl:has(+ .lp-panel-cheapest-hdg) tbody tr:last-child td{
padding-bottom:8px;
}


/* .lp-panel-cheapest-tbl.hotel
----------------------------------------------------------------- */
.lp .lp-panel-cheapest-tbl.hotel{
margin:12px 0;
border-bottom:1px solid #ddd;
}

.lp .lp-panel-cheapest-tbl.hotel thead tr > th:first-child{
width:260px;
}

.lp .lp-panel-cheapest-tbl.hotel tbody tr > td:nth-of-type(2) > span{
min-width:5em;
}

.lp .lp-panel-cheapest-tbl.hotel tbody tr > td:nth-of-type(3){
text-align:center;
}

.lp .lp-panel-cheapest-tbl.hotel tbody tr:last-child th,
.lp .lp-panel-cheapest-tbl.hotel tbody tr:last-child td{
padding-bottom:8px;
}


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

  .lp-panel-ranking

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-panel-ranking
----------------------------------------------------------------- */
.lp .lp-panel-ranking{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
gap:8px;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item{
border-radius:6px;
box-shadow:0 0 6px rgba(0,0,0,.3);
position:relative;
width:calc((100% - 24px) / 4);
min-height:100%;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:#fff;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data{
padding:8px;
height:100%;
-webkit-box-flex: 1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.lp .lp-panel-ranking-item-data p{
min-height:36px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.lp .lp-panel-ranking-item-data p.line-3{
min-height:54px;
-webkit-line-clamp:3;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-hdg
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-hdg{
margin-bottom:4px;
min-height:42px;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
font-size:14px;
}



/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-review
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:16px;
}

.lp .lp-panel-ranking-item-data-review .icon-review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:4px;
}

.lp .lp-panel-ranking-item-data-review .icon-review > span:last-child{
padding-top:1px;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-area
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-area{
margin:8px 0 4px;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-schedule
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-schedule{
margin-top:8px;
}

.lp .lp-panel-ranking-item-data-schedule > li{
display:-webkit-box;
display:flex;
}

.lp .lp-panel-ranking-item-data-schedule > li > div:first-child{
padding-right:1em;
width:2.15em;
position:relative;
}

.lp .lp-panel-ranking-item-data-schedule > li > div:first-child::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}

.lp .lp-panel-ranking-item-data-schedule > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.lp .lp-panel-ranking-item-data-schedule .stay > div:last-child{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-price
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-price{
margin:8px 0;
min-height:21px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
text-align:right;
}

.lp .lp-panel-ranking-item-data-price span{
margin-left:4px;
}

.lp .lp-panel-ranking-item-data-price b{
font-size:18px;
font-family:Arial;
}

.lp .lp-panel-ranking-item-data-price.unknown{
color:var(--cmn-font-color-gray);
letter-spacing:-.05em;
}

.lp .lp-panel-ranking-item-data-price.unknown span{
margin-left:4px;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-link-more
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-link-more{
margin:8px 0 8px auto;
display:block;
width:fit-content;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-data-link
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-data-link{
margin-top:auto;
border:1px solid #ccc;
border-radius:4px;
max-height:58px;
-webkit-box-flex:1;
flex:1;
}

.lp .lp-panel-ranking-item-data-link > a{
padding:4px 8px;
color:var(--cmn-font-color-base);
box-sizing:border-box;
height:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
text-align:center;
letter-spacing:-.02em;
}


/* ----------------------------------------------------------------
  .lp-panel-ranking-item-thumb
----------------------------------------------------------------- */
.lp .lp-panel-ranking-item-thumb{
box-sizing:border-box;
height:125px;
position:relative;
}

.lp .lp-panel-ranking-item-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

.lp .lp-panel-ranking-item-thumb > span{
padding:0 0 6px 12px;
color:rgba(255,255,255,.7);
box-sizing:border-box;
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
line-height:1;
font-size:10px;
}

.lp .lp-panel-ranking-item-thumb > span::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
z-index:0;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
}

.lp .lp-panel-ranking-item-thumb > span > span{
display:block;
position:relative;
z-index:1;
}


/* .lp-panel-ranking-item-thumb.no-photo
----------------------------------------------------------------- */
.lp-panel-ranking-item-thumb.no-photo{
border-bottom:1px solid #dadce0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;

}

.lp-panel-ranking-item-thumb.no-photo img{
margin:auto;
display:block;
width:100px;
height:auto;
}


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

  .lp-panel-faq

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .lp-panel-faq
----------------------------------------------------------------- */
.lp .lp-panel-faq{
margin:-12px 0;
font-size:14px;
}


/* ----------------------------------------------------------------
  .lp-panel-faq-item
----------------------------------------------------------------- */
.lp .lp-panel-faq-item:not(:first-child){
border-top:1px solid #ddd;
}


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

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


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

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

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

.lp .lp-panel-faq-item[aria-expanded=true] > .lp-panel-faq-item-content{
display:block;
}

/* .lp-panel-faq-item-content-date
----------------------------------------------------------------- */
.lp .lp-panel-faq-item-content-date{
margin-top:8px;
color:var(--cmn-font-color-gray);
display:block;
text-align:right;
font-size:12px;
}