/* ----------------------------------------------------------------
LP contry
----------------------------------------------------------------- */
/* ip-container
----------------------------------------------- */
.lp-container .form-custom-select{
border-color:#c4c4c4;
}

/* .detail-header
-------------------------------- */
.lp-container .detail-header{
padding:20px 20px 28px;
position:relative;
min-height:475px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:none;
margin:0 0 16px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;

}
.lp-container .detail-header form{
width:100%;
}
.lp-container .detail-header .detail-header-hdg{
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:56px 0 2px;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
width:100%;
}
.lp-container .detail-header .detail-header-hdg-sup{
display:block;
text-shadow:0 2px 3px #000;
margin-bottom:56px;
color:#fff;
font-size:14px;
font-weight:normal;
}
.lp-container .detail-header .detail-header-sup{
display:block;
position:absolute;
width:100%;
bottom:0;
left:0;
display:block;
height:28px;
padding:4px 8px 5px;
text-align:right;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header .detail-header-sup::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .detail-header .detail-header-sup a{
position:relative;
font-size:12px;
color:rgba(255,255,255,.7);
text-decoration:none;
}
.lp-container .detail-header .detail-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
}
.lp-container .detail-header .detail-header-image img{
width:100%;
height:100%;;
-o-object-fit:cover;;
object-fit:cover;
}
.lp-container .detail-header .detail-header-form-btn{
border:none;
border-radius:6px;
color:#fff;
width:140px;
height:40px;
display:inline-block;
background-color:var(--button-color);
font-size:16px;
font-weight:bold;
margin-left:auto;
}
.lp-container .detail-header .detail-header-form-btn:active,
.lp-container .detail-header .detail-header-form-btn:hover,
.lp-container .detail-header .detail-header-form-btn:focus{
background-color:#004c9a;
}
.lp-container .search-filter-btn-box{
text-align:right;
margin-top:8px;
}
.lp-container .detail-header .detail-header-form-btn-txt{
font-size:12px;
color:var(--cmn-font-color-base);
display:inline-block;
text-align:left;
margin-right:8px;
vertical-align:middle;
}

/* .form-search
-------------------------------- */
.lp-container .form-search .is-error,
.lp-container .form-search-index .form-search-index-item-01-cell .is-error,
.lp-container .search-filter-container .search-filter-keyword .is-error,
.lp-container .detail-item .form-search .form-search-date input.is-error,
.lp-container .form-custom-select.is-error,
.lp-container .form-search-index .dates .is-error,
.lp-container .search-filter-container .date .is-error{
border-color: rgba(241, 168, 168, 1);
box-shadow: 0 0 0 1px rgba(241, 168, 168, 1) inset;
background-color:#f5e3e3;
}

.lp-container .form-search{
margin:0;
padding:0;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
-webkit-box-shadow:0 1px 6px rgba(32,33,36,.4);
box-shadow:0 1px 6px rgba(32,33,36,.4);
background-color:rgba(255,255,255,.85);
width:100%;
}
.lp-container .search-filter-container{
background:none;
padding:33px 20px 20px;
margin:0;
}
.lp-container .search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li:first-child select{
width:100%;
}
.lp-container .serch-filter-box{
padding-left:98px;
}
.lp-container .serch-filter-box.date,
.lp-container .serch-filter-box.hotel-name{
padding-left:0;
}
.lp-container .search-filter-container .search-filter-hdg {
font-size:12px;
font-weight:normal;
line-height:normal;
}
.lp-container .search-filter-container .search-filter-item > .search-filter-item-cell:first-child{
width:112px;
}
.lp-container .serch-filter-box.date ol li:first-child{
margin-left:98px;
}
.lp-container .serch-filter-box.date .form-list-line{
padding-left:98px;
margin-top:6px;
}
.lp-container .search-filter-list{
width:100%;
}
.lp-container .search-filter-list ul{
width:100%;
display:flex;
}
.lp-container .search-filter-list ul > li{
flex:1;
}
.lp-container #one_column #main_Col  .search-filter-list ul > li .form-custom-select,
.lp-container #one_column #main_Col  .search-filter-list ul > li select{
min-width:100%;
width:100%;
}
.lp-container .serch-filter-box.date ol li:first-child .search-filter-hdg{
padding-left:0;
left:-98px;
}
.lp-container .serch-filter-box.date ol li:first-child .search-filter-hdg .cmn-tip-btn{
position: absolute;
left:71px;
top:7px;
}
.lp-container .search-filter-container .serch-filter-box .search-filter-list-number li:first-child .search-filter-hdg .cmn-tip-btn{
position:absolute;
left:71px;
top:10px;
}
.lp-container .search-filter-container .serch-filter-box > .search-filter-item-list:first-child .search-filter-list-number {
margin-left:-98px;
}
.lp-container .search-filter-container .serch-filter-box .search-filter-list-number li:first-child .search-filter-hdg {
width:98px;
}
.lp-container .search-filter-container .hotel-name .search-filter-item > .search-filter-item-cell:first-child{
width:98px;
vertical-align:middle;
}
.lp-container .search-filter-container .serch-filter-box .search-filter-list-number li .search-filter-hdg{
width:72px;
padding-top:0;
line-height:1.35;
}
.lp-container .search-filter-container .serch-filter-box .search-filter-list-number li + li .search-filter-hdg{
padding-top:2px;
}
.lp-container .search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li:first-child .form-custom-select {
min-width:124px;
}
.lp-container .search-filter-container .search-filter-keyword input.hotel-keyword {
width:463px;
}
.lp-container .date-fix-sup{
font-size:12px;
}
.lp-container .date-fix-sup > span{
padding-right:4px;
}
.lp-container .search-filter-container .serch-filter-box.date .form-list-line .cmn-tip-btn{
margin:-2px 8px 0 4px;
}
.lp-container .serch-filter-box.date ol li:last-child .search-filter-hdg .cmn-tip-btn{
margin-top:-14px;
}
.lp-container .search-filter-container .serch-filter-box.room .child-box{
margin:0 125px 10px 0px;
}

/* .form-search-index-utility
-------------------------------- */
.lp-container .form-search-index-utility{
top:13px;
right:20px;
}

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

/* .card-header
-------------------------------- */
.card-header{
margin:16px 0 8px;
}
.card-header-hdg{
font-size:16px;
font-weight:bold;
}

/* ----------------------------------------------------------------
  .lp-panel
----------------------------------------------------------------- */

/* .lp-panel-hdg
----------------------------------------------- */
.lp-panel-hdg{
margin:0;
padding:9px 20px 7px 0;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:58px;
line-height:1;
font-size:18px;
}

.lp-panel[aria-expanded] .lp-panel-hdg{
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) no-repeat calc(100% - 4px) 50%;
background-size:16px auto;
cursor:pointer;
}

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

/* .lp-panel-content
----------------------------------------------- */
.lp-panel-content{
padding-bottom:20px;
font-size:12px;
}

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

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

.lp-panel[aria-expanded=false] .lp-panel-content{
display:none;
}

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

.lp-panel-content > p{
margin-bottom:12px;
font-size:14px;
}

/* ----------------------------------------------------------------
  .lp-area-card
----------------------------------------------------------------- */
/* .lp-area-card
----------------------------------------------- */
.lp-area-card{
padding:12px 16px 16px;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:14px;
-webkit-box-shadow: 0 0 6px rgb(0 0 0 / 30%);
box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}

.lp-area-card + .lp-area-card{
margin-top:20px;
}

/* .lp-panel-content-toggle-content > .lp-area-card
-------------------------------- */
.lp-panel-content-toggle-content .lp-area-card{
margin-top: 12px;
}

/* .lp-area-card-hdg
----------------------------------------------- */
.lp-area-card-hdg{
margin:0 0 8px;
font-weight:normal;
font-size:20px;
}

.lp-area-card-hdg a{
text-decoration:none;
}

.lp-area-card-hdg a > span:last-child{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:0 12px;
}

.lp-area-card-hdg a > span:last-child > span:last-child{
color:var(--cmn-font-color-base);
font-size:16px;
}


/* .lp-area-card-hdg-01
----------------------------------------------- */
.lp-area-card-hdg-01{
margin:20px 0 8px;
font-size:14px;
}

/* .lp-area-card-catch
----------------------------------------------- */
.lp-area-card-catch{
margin: 20px 0 8px;
}
.lp-area-card-catch .lp-area-card-hdg-01{
display:inline-block;
margin:0;
}
.lp-area-card-hdg-note{
color:var(--cmn-font-color-gray);
padding-left:12px;
font-size:12px;
vertical-align:middle;
}
.lp-area-card-hdg-note > span{
padding-right:4px;
}

/* .lp-area-card-lyt
----------------------------------------------- */
.lp-area-card-lyt{
display:-webkit-box;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
flex-direction:row-reverse;
}

.lp-area-card-lyt > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.lp-area-card-lyt p{
font-size:14px;
}

.lp-area-hotel-num{
margin-top:12px;
}

/* .lp-area-card-tag
----------------------------------------------- */
.lp-area-card-tag{
margin:0 0 8px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px;
font-size:12px;
}

.lp-area-card-tag > li{
padding:1px 8px 0;
border:1px solid #aaa;
}

/* .lp-area-card-link-more
----------------------------------------------- */
.lp-area-card-link-more{
margin-top:12px;
text-align:right;
font-size:12px;
}

/* .lp-area-card-thumb
----------------------------------------------- */
.lp-area-card-thumb{
margin-right:20px;
position:relative;
width:400px;
height:240px;
}

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

.lp-area-card-thumb img{
width:100%;
height:100%;
object-fit:cover;
}

/* .lp-area-card-thumb-sup
----------------------------------------------- */
.lp-area-card-thumb-sup{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:12px;
}

.lp-area-card-thumb-sup:link{
text-decoration:none;
}


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

/* .lp-area-card-ranking-item
----------------------------------------------- */
.lp-area-card-ranking-item{
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
width:226px;
overflow:hidden;
font-size:12px;
}

.lp-area-card-ranking-item > a{
position:relative;
color:var(--cmn-font-color-base);
width:100%;
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;
}

/* .lp-area-card-ranking-item-detail
----------------------------------------------- */
.lp-area-card-ranking-item-detail{
padding:8px;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:8px 0;
}

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

.lp-area-card-ranking-item-hdg .icon-ranking{
border-bottom-right-radius:2px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
min-width:24px;
height:24px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
line-height:1;
background-color:rgba(34,34,34,.45);
font-size:14px;
font-family:Arial;
}

.lp-area-card-ranking-item-hdg .icon-ranking > span{
overflow:hidden;
position:absolute;
height:0;
}

/* .lp-area-card-ranking-item-review
----------------------------------------------- */
.lp-area-card-ranking-item-review{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
}

.lp-area-card-ranking-item-review > span > span{
width:62px;
vertical-align:top;
}

.lp-area-card-ranking-item-review .icon-r-face{
margin:0 0 0 12px;
}

.lp-area-card-ranking-item-review .icon-r-face > span{
margin-top:1px;
padding-top:10px;
background-size:auto 10px;
}

.lp-area-card-ranking-item-review .review-num{
color:var(--cmn-font-color-base);
display:inline-block;
width:21px;
text-align:right;
margin-bottom:-2px;
}

.lp-area-card-ranking-item-review > span.is-hidden{
visibility:hidden;
}

/* .lp-area-card-ranking-item-area
----------------------------------------------- */
.lp-area-card-ranking-item-area{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* .lp-area-card-ranking-item-access
----------------------------------------------- */
.lp-area-card-ranking-item-access{
line-height:1.15;
}

.lp-area-card-ranking-item-access > span{
display:block;
}

/* .lp-area-card-ranking-item-sup
----------------------------------------------- */
.lp-area-card-ranking-item-sup{
display:-webkit-box;
-webkit-line-clamp:4;
-webkit-box-orient:vertical;
overflow:hidden;
font-weight:normal;
}

/* .lp-area-card-ranking-item-price
----------------------------------------------- */
.lp-area-card-ranking-item-price{
margin-top:auto;
}

.lp-area-card-ranking-item-price > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:end;
justify-content:flex-end;
gap:0 4px;
font-size:12px;
}

.lp-area-card-ranking-item-price > span:first-child{
font-size:14px;
}

.lp-area-card-ranking-item-price b{
font-size:16px;
font-weight:normal;
font-family:Arial;
}

/* .lp-area-card-ranking-item-thumb
----------------------------------------------- */
.lp-area-card-ranking-item-thumb{
position:relative;
height:123px;
}

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

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

.lp-area-card-ranking-item-thumb > span{
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
position:absolute;
bottom:6px;
left:6px;
z-index:1;
line-height:1;
font-size:10px;
}

/* .lp-area-card-ranking-item-thumb.no-photo
--------------------------- */
.lp-area-card-ranking-item-thumb.no-photo{
box-shadow:0 -1px 0 #dadce0 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.lp-area-card-ranking-item-thumb.no-photo::before{
display:none;
}

.lp-area-card-ranking-item-thumb.no-photo img{
width:100px;
height:100px;
}


/* ----------------------------------------------------------------
  .lp-area-option-card
----------------------------------------------------------------- */
/* .lp-area-option-card
----------------------------------------------- */
.lp-area-option-card{
border-radius:6px;
border:1px solid #ccc;
padding:12px 16px;
}

/* .lp-area-option-list
----------------------------------------------- */
.lp-area-option-list > li{
display:block;
}
.lp-area-option-list > li:not(:first-child){
border-top:1px solid #ddd;
padding-top:12px;
margin-top:12px;
}

/* .lp-area-option-list-hdg
----------------------------------------------- */
.lp-area-option-list-hdg{
font-size:12px;
font-weight:bold;
display:block;
margin-bottom:8px;
}

/* .lp-option-link-list
----------------------------------------------- */
.lp-option-link-list{
line-height:1.25;
margin-top:-10px;
margin-left:-10px;
overflow:hidden;
}
.lp-option-link-list > li{
font-size:12px;
display:inline-block;
margin:10px 7px 0 -1px;
padding-left:10px;
border-left:1px solid #d9d9d9;
}
.lp-option-link-list > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.lp-option-link-list > li > a{
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  .lp-panel-toggle
----------------------------------------------------------------- */
.lp-panel-content-toggle{
margin-top:-20px;
}

/* .lp-panel-toggle
----------------------------------------------- */
.lp-panel-content > .lp-panel-content-toggle:last-child{
margin-bottom:-12px;
}

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

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

/* .lp-panel-content-toggle-hook
----------------------------------------------- */
.lp-panel-content-toggle-hook{
padding:12px 0;
border:none;
border-top:1px solid #e5e5e5;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}

.lp-panel-content-toggle-hook > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element/w_hotel/shared/images/icon-chevron-down.svg) 0 50% no-repeat;
background-size:12px auto;
}

.lp-panel-content-toggle[aria-expanded=false] .lp-panel-content-toggle-hook.lp-panel-btn-close,
.lp-panel-content-toggle[aria-expanded=true]  .lp-panel-content-toggle-hook{
display:none;
}

.lp-panel-content-toggle[aria-expanded=true] .lp-panel-content-toggle-hook.lp-panel-btn-close{
margin-top:-20px;
display:inline-block;
}

.lp-panel-content-toggle[aria-expanded=true] .lp-panel-content-toggle-hook.lp-panel-btn-close > span{
background-image:url(/element/w_hotel/shared/images/icon-chevron-up.svg);
}

/* .lp-panel-content-toggle.bracnh. > .lp-panel-content-toggle-hook
----------------------------------------------- */
.lp-panel-content-toggle.branch .lp-panel-content-toggle-hook{
border-top:none;
text-align:right;
outline:none;
}

.lp-panel-content-toggle.branch .lp-panel-content-toggle-hook > span{
padding-left:12px;
background-size:8px auto;
}

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0 -8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.lp-container .area-list >li{
width:calc((100% / 4) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}
.lp-container .area-list .area-item{
gap:0 8px;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .area-list .area-pic a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic.mod-noimg,
.lp-container .area-list .area-pic.no-photo{
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #dadce0;
}
.lp-container .area-list .area-pic.mod-noimg img,
.lp-container .area-list .area-pic.no-photo img{
width:90px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/j_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .area-list .area-desc{
padding:8px;
}
.lp-container .area-list .area-desc a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-desc p{
margin:0;
font-size:12px;
letter-spacing:-.02em;
}
.lp-container .area-list .area-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
margin-bottom:8px;
overflow:hidden;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
height:34px;
box-sizing:border-box;
}
.lp-container .area-list .area-txt{
font-size:12px;
margin-top:4px;
}
.lp-container .area-list .area-txt p{
margin:0;
}
.lp-container .area-list .area-txt .txt-more{
color:#a4a4a4;
}
.lp-container .area-list .area-txt .txt-more::before{
content:"...";
display:inline-block;
margin-right:4px;
color:var(--cmn-font-color-base);
}

/* .lp-spot-detail-list
----------------------------------------------- */
.lp-spot-detail-list{
margin:0 0 2px;
}
.lp-spot-detail-list > li{
display:flex;
width:100%;
font-size:12px;
}
.lp-spot-detail-list > li > div:first-child{
width:4em;
}
.lp-spot-detail-list > li > div:last-child{
width:calc(100% - 4em);
text-indent:-1em;
padding-left:1em;
box-sizing:border-box;
overflow:hidden;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.lp-spot-detail-list > li > div:last-child::before{
content:'\0FF1A';
}
.lp-spot-detail-list > li:last-child > div:last-child{
height:36px;
}

/*  tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-position: 112px center;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-footer-item{
/* display: block; */
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-footer-item{
/* display: none; */
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:8px;
}
.lp-container .tgl-container .tgl-footer{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:12px;
}
.lp-container .tgl-container .tgl-footer > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer > div:nth-child(2){
width:256px;
}
.lp-container .tgl-container .tgl-footer > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.lp-container .tgl-container .tgl-footer .card-footer-link{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0 auto;
padding:0 17px 0 35px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 17px 14px;
background-size:12px auto;
font-size:14px;
height:37px;
background-color:#f5f5f5;
border:1px solid #dddddd;
border-radius:4px;
min-width:292px;
text-align:center;
justify-content:center;
}

/* toggle-text
---------------------------------- */
.lp-container .toggle-text::after{
content:"";
display:table;
clear:both;
}
.lp-container .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:60px;
}
.lp-container .toggle-text .toggle-text-intro{
display:block;
height:90px;
}
.lp-container .toggle-text .toggle-text-intro a{
color:var(--cmn-font-color-link);
text-decoration:underline;
}
.lp-container .toggle-text .toggle-text-full{
display:none;
}
.lp-container .toggle-text .toggle-text-full a{
color:var(--cmn-font-color-link);
text-decoration:underline;
}
.lp-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
cursor:pointer;
}
.lp-container .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.lp-container .toggle-text .toggle-text-hook{
text-align:left;
}
.lp-container .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.lp-container .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.lp-container .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text.is-active .toggle-text-hook button{
color:var(--cmn-font-color-base);
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-size:8px auto;
background-repeat:no-repeat;
background-position:0 center;
padding-left:12px;
}
.lp-container .toggle-text.is-active .toggle-text-intro {
display:none;
}
.lp-container .toggle-text.is-active .toggle-text-full {
display:block;
}

/* find-btn-list
---------------------------------- */
.lp-container .find-btn-list{
margin:auto 8px 8px;
}
.lp-container .find-btn-list li:first-child{
text-align:right;
}
.lp-container .find-btn-list li:not(:first-child){
margin-top:12px;
}
.lp-container .find-btn-list .btn-find-spot{
width:100%;
min-height:31px;
-webkit-box-sizing:border-box;
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;
background:none;
border:none;
padding:5px 8px 4px;
margin:0;
background-repeat:no-repeat;
background-position:8px center;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
text-decoration:none;
text-align:center;
}

/* .card-container-block
---------------------------------- */
.card-container-block{
margin-top:36px;
}
.card-container-block.under-link-box{
border:0;
padding:0 0 40px;
}
.card-container-block .card-header{
margin-top:0;
}
.card-container-block .card-header .card-header-hdg{
display:inline-block;
}
.card-header-notes {
color:var(--cmn-font-color-gray);
font-size: 12px;
line-height: 1.3;
margin: 0;
padding: 0;
display: inline-block;
border: none;
}
.card-header-notes .aster {
margin: 0 0 0 6px;
}
.card-header-notes .aster>span {
margin-right: .4em;
}
.card-container-block.under-link-box .contents-footer-nav-recommend-thumb::before{
display:none;
}
.under-link-box .contents-footer-nav-recommend-detail.recommend-matome > .contents-footer-nav-recommend-date{
margin-top:auto;
color:var(--cmn-font-color-base);
}

/* .card-item
----------------------------------------------- */
.card-item{
padding:20px;
background-color:#fff;
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}

/* .contents-footer-nav-list-line
----------------------------------------------- */
.contents-footer-nav-list-line{
line-height:1.25;
margin-top:-10px;
margin-left:-10px;
overflow:hidden;
}
.contents-footer-nav-list-line > li{
font-size:12px;
display:inline-block;
margin:10px 7px 0 -1px;
padding-left:10px;
border-left:1px solid #d9d9d9;
}
.contents-footer-nav-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.contents-footer-nav-list-line > li > a{
color:var(--cmn-font-color-base);
}

/* .lp-container .faq-list
---------------------------------- */
.lp-container .faq-list{
margin:0;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-item{
display:block;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=true] .faq-toggle-trigger::after{
background:url(/element/w_hotel/shared/images/icon-arrow-up.svg) 0 0 no-repeat;
}
.lp-container .faq-list .faq-toggle-container[aria-expanded=false] .faq-toggle-item{
display:none;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger{
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:14px;
font-weight:normal;
cursor:pointer;
}
.lp-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:0;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element/w_hotel/shared/images/icon-arrow-down.svg) 0 0 no-repeat;
}
.lp-container .faq-list li{
font-size:14px;
}
.lp-container .faq-list li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.lp-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.lp-container .faq-list li .question{
position:relative;
padding-left:23px;
padding-right:30px;
}
.lp-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element/w_hotel/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;
}
.lp-container .faq-list li .answer p{
margin:0;
}
.lp-container .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.lp-container .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.lp-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:3px;
width:11px;
height:15px;
background:url(/element/w_hotel/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.lp-container .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.lp-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}
.lp-faq-link{
margin-top:12px;
text-align:right;
}

/* .img-nophoto
---------------------------------- */
.under-link-box .contents-footer-nav-recommend-thumb > .img-nophoto{
position: static;
border-bottom: 1px solid #dadce0;
height: 125px;
display: block;
}
.under-link-box .contents-footer-nav-recommend-thumb > .img-nophoto img{
margin: auto;
top: 0;
bottom: 0;
right: 0;
width: auto;
left: inherit;
height: 100px;
transform: none;
backface-visibility: hidden;
}

/* .cmn-notice-list
---------------------------------- */
.cmn-notice-list{
margin:0;
color:var(--cmn-font-color-base);
}