/* ----------------------------------------------------------------
  Custom Properties
----------------------------------------------------------------- */
:root{
--color-gray: #777;
--color-red: #e93939;
--color-red-rgb: 247,177,177;
--key-color: #00428e;
--link-color: #004c9a;
--button-color: #177bcb;
}

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

01. Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
Layout
----------------------------------------------------------------- */
html,body{
height:100%;
}

body{
margin: 0;
padding: 0;
width: 100%;
overflow: hidden;
overflow-y: auto;
-webkit-text-size-adjust: none;
}

.key-visual{
background:url(/element_sp/hotel/index/images/bg-cloud.png) no-repeat 0 0 / 100% auto, url(/element_sp/hotel/index/images/bg-index.png) no-repeat 0 bottom / 100% auto, #7394b3;
}

.index-bottom-content{
background:url(/element_sp/hotel/index/images/bg-index-r.png) repeat-y;
}

[role='dialog'],
[role='dialog'].cmn-pseudo-active,
[data-role='page']{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}

[role='dialog'].is-active + [role='dialog'].cmn-pseudo-active{
display:none;
}

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

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

[role='dialog'].cmn-alert,
[data-role='page'].cmn-alert{
display:block;
margin: 0 auto;
position: absolute;
top: 100px;
right: 0;
left: 0;
z-index: 1000;
opacity: 1;
overflow:initial;
}

.is-ios [role='dialog'],
.is-ios [data-role='page']{
display:none;
}

.is-ios [role='dialog'].cmn-alert,
.is-ios [data-role='page'].cmn-alert{
display:block;
margin: 0 auto;
position: absolute;
top: 100px;
right: 0;
left: 0;
z-index: 1000;
opacity: 1;
overflow: inherit;
}

.is-ios [role='dialog'].is-active,
.is-ios [data-role='page'].is-active,
[role='dialog'].str-nav-drawer-pseudo-active{
display:block;
}

.is-ios [data-role='page'].is-active[aria-hidden='true']{
display:none;
}

.cmn-alert.simplemodal-container{
overflow:initial;
}

/* .index-bottom-content .cmn-notice-list
----------------------------------------------- */
.index-bottom-content .cmn-notice-list{
position:relative;
color:#fff;
z-index:1;
}

/* .str-lyt-external.str-lyt-external-inidex
----------------------------------------------- */
.str-lyt-external .form-search-index {
margin-bottom: -75px;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

/* .str-ext-wmg
----------------------------------------------- */
.str-footer .str-footer-copyright.str-ext-wmg{
background: #c52925;
padding: 0;
}

/* ----------------------------------------------------------------
 .cmn-pager
 ---------------------------------------------------------------- */
.cmn-pager{
margin:16px 0;
line-height:42px;
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.cmn-pager a{
color:var(--cmn-font-color-base);
display:block;
border-radius:50%;
width:42px;
height:42px;
box-sizing:border-box;
text-align:center;
overflow:hidden;
text-decoration:none;
}

.cmn-pager a:not([href]){
visibility:hidden;
}

.cmn-pager .cmn-pager-prev a,
.cmn-pager .cmn-pager-next a{
color:rgba(0,0,0,0);
width:30px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) no-repeat 50% 50%;
background-size:10px auto;
}

.cmn-pager .cmn-pager-next a{
transform:rotate(180deg);
}


/* ----------------------------------------------------------------
 .cmn-pager-list
 ---------------------------------------------------------------- */
.cmn-pager .cmn-pager-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.cmn-pager .cmn-pager-list > li{
margin:0 2px;
}

.cmn-pager .cmn-pager-list .cmn-pager-active > a{
border:1px solid #bbb;
background-color:#fff;
}

.cmn-pager .cmn-pager-list .cmn-pager-ellipsis{
padding-right:1em;
position:relative;
}

.cmn-pager .cmn-pager-list .cmn-pager-ellipsis::after{
content:'...';
display:block;
overflow:hidden;
position:absolute;
top:0;
right:0;
}


/* ----------------------------------------------------------------
 Form
 ----------------------------------------------------------------- */
/* form default
------------------------------------------------- */
select,button{
color:#333;
}

/* ----------------------------------------------------------------
 Ad Banner
 ----------------------------------------------------------------- */
/* .ext-ad-bnr
------------------------------------------------- */
.ext-ad-bnr{
margin:25px 0 15px;
text-align:center;
}
.ext-ad-bnr a{
margin:0 auto;
display:inline-block;
}
.ext-ad-bnr .ext-ad-bnr-inner:not(:first-child){
margin:10px auto 0;
}
.ext-ad-bnr img{
max-width: 100%;
max-height: 250px;
vertical-align:bottom;
}
.ext-ad-bnr-inner{
display: block;
}
.ext-ad-bnr-inner .ext-bnr-cancel{
display: inline-block;
position: relative;
}
.ext-ad-bnr-inner .ext-bnr-cancel button{
border: 1px solid #d9d9d9;
border-bottom: 0;
width: 23px;
height: 15px;
background: #fff;
box-sizing: border-box;
display: block;
text-indent: -9999px;
position: absolute;
top: -15px;
right: 0;
}
.ext-ad-bnr-inner .ext-bnr-cancel button::before,
.ext-ad-bnr-inner .ext-bnr-cancel button::after {
content: '';
position: absolute;
display: block;
width: 9px;
height: 1px;
overflow: hidden;
bottom: 50%;
left: 0;
background-color: #333;
-webkit-transform: translateY(50%) rotate(45deg);
-ms-transform: translateY(50%) rotate(45deg);
transform: translateY(50%) rotate(45deg);
}
.ext-ad-bnr-inner .ext-bnr-cancel button::after {
width: 1px;
height: 9px;
left: 10px;
}
.ext-ad-bnr-inner .ext-bnr-cancel button::before {
left: 6px;
}
.ext-ad-bnr-inner .ext-bnr-cancel.type-b button{
border:0;
background: #aeaeae;
width: 22px;
height: 17px;
box-sizing: border-box;
display: block;
text-indent: -9999px;
position: absolute;
top: -17px;
right: 0;
border-radius: 3px 3px 0 0;
}
.ext-ad-bnr-inner .ext-bnr-cancel.type-b button:before{
background-color: #fff;
height: 2px;
width: 8px;
left: 7px;
}
.ext-ad-bnr-inner .ext-bnr-cancel.type-b button:after{
background-color: #fff;
width: 2px;
height: 8px;
left: 10px;
}
.ext-ad-bnr-sticky .ext-ad-bnr-inner .ext-bnr-cancel.type-a button{
background-color: rgba(255,255,255,0.9);
}
.ext-ad-bnr-sticky .ext-ad-bnr-inner .ext-bnr-cancel.type-b button{
background-color: rgba(140,140,140,0.9);
}
.bnr-ext .str-footer .str-footer-copyright{
padding-bottom: 80px;
}

/* .ext-ad-bnr-sticky
------------------------------------------------- */
.ext-ad-bnr-sticky{
padding:7px 10px;
position:fixed;
bottom:0;
left:0;
width:100%;
box-sizing:border-box;
text-align:center;
z-index:100;
background-color:rgba(0,0,0,.7);
text-align:center;
}
.ext-ad-bnr-sticky.is-disabled{
display:none;
animation:hide .85s linear 0s;
}
.ad-bnr-container-02 .ext-bnr-cancel a,
.ext-ad-bnr-sticky a{
margin:0 auto;
display:block;
max-width:355px;
}
.ad-bnr-container-02 .ext-bnr-cancel img{
border:3px solid #fff;
box-sizing:border-box;
width:auto;
max-width:355px;
vertical-align:bottom;
}
.ext-ad-bnr-sticky img{
border:3px solid #fff;
box-sizing:border-box;
width:100%;
max-width:355px;
vertical-align:bottom;
}


/* ----------------------------------------------------------------
Heading
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2 {
margin: 0 -10px;
padding: 7px 10px;
color: #fff;
background-color: #444;
font-size: 14px;
font-weight: normal;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01 {
position: relative;
margin: 0 -10px;
padding: 7px 10px;
color: #fff;
background-color: #444;
font-size: 14px;
font-weight: normal;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */
/* .list-line
----------------------------------------------- */
.list-line {
overflow: hidden;
}

.list-line > li {
margin: 0;
float: left;
line-height: 1.38;
}

.list-line > li:not(:last-child) {
margin-right: 0.5em;
}

.list-line > li:not(:last-child)::after {
content: ',';
}

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

/* .list-line-01
----------------------------------------------- */
.list-line-01 {
letter-spacing: -.4em;
}

.list-line-01 > li {
position: relative;
letter-spacing: normal;
margin: 0;
display: inline-block;
line-height: 1.38;
}

.list-line-01 > li:not(:last-child) {
padding-right: 10px;
}

.list-line-01 > li:not(:last-child)::after {
content: '/';
position: absolute;
right: 3px;
top: 0;
}

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

/* ----------------------------------------------------------------
Link
----------------------------------------------------------------- */
/* .link-pin
----------------------------------------------- */
.link-pin:not(:root) {
color:var(--color-gray);
text-decoration: none;
}

.link-pin:not(:root)::after {
margin-left: 2px;
content: '';
display: inline-block;
width: 10px;
height: 15px;
background: url(/element/hotel/shared/images/icon-pin-gray.svg) 0 0 no-repeat;
background-size: 100%;
vertical-align: middle;
}

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

.link-list > li > a {
padding: 10px 25px 9px 10px;
border-bottom: 1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display: block;
position: relative;
text-decoration: none;
}

.link-list > li > .link-list {
margin: 0;
}

.link-list > li > .link-list > li > a {
padding-left: 25px;
}

.index-content .link-list > li > a {
border-bottom-color: #e0e0e0;
}

.index-content .index-hdg-l2 + .link-list,
.index-content .index-tab + .link-list {
border-top: 1px solid #e0e0e0;
}

/* .link-list-child
----------------------------------------------- */
.link-list .link-list-child > a{
padding-left: 25px;
}
.toggle.toggle-03 .link-list li:nth-child(n + 4){
display:none;
}
.toggle.toggle-03.is-active .link-list li:nth-child(n + 4),
.toggle.toggle-03 > .toggle-item{
display:block;
}

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

.link-list-01 > li > a {
padding: 10px 10px 9px 10px;
border-bottom: 1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display: block;
text-decoration: none;
}

.link-list-01 + .hdg-l2 {
margin-top: -1px;
}

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

.link-list-toggle > li > a {
text-decoration: none;
}

.link-list-toggle > li > .link-list-toggle-hook {
margin: 0 -10px;
padding: 10px 10px 10px 30px;
border-bottom: 1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display: block;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 10px 50% no-repeat;
background-size: 14px;
}

.link-list-toggle > li > .link-list-toggle-item {
display: none;
}

.link-list-toggle > li.is-active > .link-list-toggle-hook {
background-image: url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

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

.link-list-toggle .link-list > li > a {
padding-left: 42px;
}

.link-list-toggle .link-list > li .link-list > li a {
padding-left: 56px;
}

/* .link-list-toggle-01
----------------------------------------------- */
.link-list-toggle-01 {
margin: 0;
line-height: 1.35;
font-size: 15px;
}

.link-list-toggle-01 > li > a {
text-decoration: none;
}

.link-list-toggle-01 > li > .link-list-toggle-01-hook {
position: relative;
margin: 0 -10px;
padding: 10px 35px 10px 10px;
border-bottom: 1px solid #e9e9e9;
color:var(--cmn-font-color-base);
font-weight: bold;
display: block;
}

.link-list-toggle-01 > li > .link-list-toggle-01-hook:after {
position: absolute;
right: 10px;
top: 50%;
content: '';
width: 19px;
height: 10px;
display: block;
background: url(/element_sp/hotel/shared/images/icon/icon-toggle-arrow.svg) 0 0 no-repeat;
background-size: 19px 10px;
-webkit-transform: translateY(-50%) scale(1, -1);
transform: translateY(-50%) scale(1, -1);
}

.link-list-toggle-01 > li > .link-list-toggle-01-item {
display: none;
}

.link-list-toggle-01 > li.is-active > .link-list-toggle-01-hook:after {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.link-list-toggle-01 > li.is-active > .link-list-toggle-01-item.lp-hotel-list,
.link-list-toggle-01 > li.is-active > .link-list-toggle-01-item.link-list-01 {
display: block;
}

.link-list-toggle-01 > li.is-active > .link-list-toggle-01-item.link-list-col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.link-list-toggle-01 .link-list {
margin: 0;
}

.link-list-toggle-01 .link-list > li > a {
padding-left: 23px;
}

/* .link-list-col2
----------------------------------------------- */
.link-list-col2 {
position: relative;
margin: 0 -10px;
line-height: 1.06;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.link-list-col2::after {
content: '';
position: absolute;
left: 0;
top: 100%;
width: 100%;
height: 1px;
margin-top: -1px;
background-color: #e9e9e9;
}

.link-list-col2 > li {
width: 50%;
border-bottom: 1px solid #e9e9e9;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.link-list-col2 > li:nth-child(odd) {
border-right: 1px solid #e9e9e9;
}

.link-list-col2 > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 40px;
padding: 3px 10px;
color:var(--cmn-font-color-base);
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.link-list-col2 + .hdg-l2 {
margin-top: -1px;
}

/* ----------------------------------------------------------------
Button
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn {
text-align: center;
margin: 0 5px;
}

.btn > a {
padding: 10px 6px 8px;
min-width: 225px;
font-size: 15px;
color:var(--color-gray);
line-height: 1.2;
text-decoration: none;
border: 1px solid #bbb;
border-radius: 5px;
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color:#fff;
}

.btn > a + a {
margin-top: 10px;
}

.error .btn {
margin-top: 32px;
}

.error .btn > a {
font-size: 16px;
}

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

.pager > li > a {
padding: 9px 0;
border: 1px solid #bbb;
display: block;
border-radius: 3px;
width: 43px;
color: rgba(85, 85, 85, 0);
text-decoration: none;
text-align: center;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color:#fff;
}

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

.pager > li.pager-first > a:before,
.pager > li.pager-first > a:after {
margin: -4px 0 0 -3px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #666;
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 50%;
left: 18px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.pager > li.pager-first > a:after {
left: 23px;
}

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

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

.pager > li.pager-prev > a:before {
margin: -4px 0 0 -3px;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #666;
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

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

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

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

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

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

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

.pager > li.pager-next > a:before {
margin: -4px -3px 0 0;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #666;
content: '';
display: block;
width: 7px;
height: 7px;
position: absolute;
top: 50%;
right: 50%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* ----------------------------------------------------------------
Table
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------- */
.tbl {
margin: 10px -10px 0;
font-size: 12px;
border-bottom: 1px solid #ebebeb;
}

.tbl table {
margin: 0;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}

.tbl table th,
.tbl table td {
padding: 10px;
border-top: 1px solid #ebebeb;
text-align: left;
}

.tbl table th > :first-child,
.tbl table td > :first-child {
margin-top: 0;
}

.tbl table th > :last-child,
.tbl table td > :last-child {
margin-bottom: 0;
}

.tbl table th {
width: 73px;
font-size: 12px;
font-weight: normal;
background-color: #f5f5f5;
}

.tbl table th > .cmn-faq-hook {
margin-left: 3px;
}

.tbl table td {
font-size: 13px;
}

.tbl table .tbl-br {
display: block;
}

.tbl table .tbl-nw {
white-space: nowrap;
}

.hdg-l2 + .tbl {
margin: 0 -10px;
}

.tbl .tbl-sup{
display: block;
color: #949494;
font-size: 11px;
text-indent: -1em;
padding-left: 1em;
}

:lang(en) .tbl .tbl-sup{
text-indent: -.7em;
padding-left: .7em;
}

/* ----------------------------------------------------------------
Dynamic
----------------------------------------------------------------- */
/* .toggle
----------------------------------------------- */
.toggle > .toggle-item {
display: none;
}

.toggle > .toggle-hook {
margin: 0 -10px 0;
padding: 16px 10px 0;
display: block;
font-size: 14px;
text-align: center;
color: var(--color-gray);
}

.toggle.toggle-03 > .toggle-hook{
padding:10px;
}

.toggle > .toggle-hook > span {
display: inline-block;
}

.toggle > .toggle-hook > span::before {
margin: -1px 8px 0 0;
content: '';
display: inline-block;
width: 12px;
height: 7px;
overflow: hidden;
vertical-align: middle;
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
}

.toggle.is-active > .toggle-hook > span::before {
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

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

.index-content .toggle > .toggle-hook {
margin-bottom:15px;
}

.toggle > .detail-plan-item + .toggle-hook{
padding:16px 0 0 0;
}

.toggle > .detail-plan-item + .toggle-hook > span::before {
display:none;
}

/* ----------------------------------------------------------------
Form
----------------------------------------------------------------- */
/* input
----------------------------------------------- */
.form-search-tbl input[type='text'],
.form-search-tbl input[type='search'] {
width: 100%;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select {
margin: 10px 0;
display: block;
min-height: 38px;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

.form-custom-select select {
width: 100%;
height: 100%;
}

.form-custom-select select.is-unselected {
font-weight: normal;
}

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

.form-search-index .form-custom-select select {
border:none;
font-size:16px;
font-family:Arial;
}

.map-view-form-list .form-custom-select {
display: inline-block;
margin: 0;
min-width: 5em;
}

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

.form-list.col-2{
display: flex;
flex-wrap: wrap;
align-content: stretch;
}

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

.form-list > li > label {
padding: 9px 10px 10px 40px;
display: block;
position: relative;
font-size:14px;
}

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

.form-list > li > label input[type='radio'] {
position: absolute;
top: 12px;
left: 14px;
}

.cmn-pseudo-header + .form-list {
margin-top: 5px;
}

.pseudo-hdg-l2 + .form-list {
margin-top: 5px;
}

.form-search-pseudo .form-list {
margin: 0;
}

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

.form-list-toggle > li > a {
text-decoration: none;
}

.form-list-toggle > li > .form-list-toggle-hook {
padding: 11px 10px 8px 30px;
color:var(--cmn-font-color-base);
display: block;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 10px 14px no-repeat;
background-size: 14px;
}

.form-list-toggle > li > .form-list-toggle-item {
display: none;
}

.form-list-toggle > li.is-active > .form-list-toggle-hook {
background-image: url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

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

.form-list-toggle .form-list {
margin: 0;
}

.form-list-toggle .form-list > li > label {
padding-left: 64px;
}

.form-list-toggle .form-list > li > label input[type='checkbox'],
.form-list-toggle .form-list > li > label input[type='radio'] {
left: 34px;
top: 8px;
}

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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
.form-search-tbl
----------------------------------------------------------------- */
/* .form-search-tbl (.form-search-index/.form-search-pseudo common)
----------------------------------------------- */
.form-search-tbl {
margin: 0;
width: 100%;
border-collapse: collapse;
font-size: 14px;
line-height: 1.25;
}

.form-search-tbl > li{
display: table;
width: 100%;
}

.form-search-tbl > li > div {
padding: 10px 0 0;
display: table-cell;
}

.form-search-tbl .search-desc {
padding-right: 5px;
width: 5.8em;
text-align: left;
font-size: 14px;
}

.form-search-tbl .search-desc .form-search-tip-container {
padding-right:18px;
position: relative;
display: block;
}

.form-search-tbl .search-desc .form-search-tip-container .cmn-faq-hook {
position: absolute;
top: 50%;
right:2px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: -1px;
}

.form-search-tbl .form-search-caution {
line-height: 1.17;
margin-top: 3px;
}

.form-search-tbl .form-search-caution > strong {
font-weight: normal;
}

/* .form-search-index > .form-search-tbl
----------------------------------------------- */
.form-search-index .form-search-tbl li:first-child > div {
padding-top: 0;
}

.form-search-index .form-search-tbl li.destination .search-desc {
padding-top: 10px;
vertical-align: top;
}

.form-search-index .form-search-tbl li.destination .search-desc .form-search-tip-container {
padding-right: 0;
}

.form-search-index .form-search-tbl li.destination .search-desc .form-search-tip-container .cmn-faq-hook {
top: 100%;
-webkit-transform: none;
transform: none;
}

.form-search-index .form-search-tbl li.date .search-desc {
padding-top: 21px;
vertical-align: top;
}

.form-search-index .form-search-tbl li.num .search-desc {
padding-top: 22px;
vertical-align: top;
}

.form-search-index .form-search-tbl li.num .search-desc .form-search-tip-container .cmn-faq-hook {
top: 50%;
}

.form-search-index .form-search-tbl li.num td {
padding-top: 6px;
}

[lang="en"] .form-search-index .form-search-tbl li.date .search-desc {
padding-top: 13px;
}

/* .form-search-detail > .form-search-tbl
----------------------------------------------- */
.form-search-detail .form-search-tbl > li{
display: table;
width: 100%;
}

.form-search-detail .form-search-tbl > li > div {
border-bottom: 1px solid #e5e5e5;
display: table-cell;
}

.form-search-detail .form-search-tbl .search-desc {
padding: 0 2px 0 10px;
line-height: 1.0;
vertical-align:middle;
}

.form-search-detail .form-search-tbl .search-item {
padding: 10px;
position: relative;
height: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .form-search-pseudo > .form-search-tbl
----------------------------------------------- */
.form-search-pseudo .form-search-tbl > li{
display: table;
width: 100%;
}

.form-search-pseudo .form-search-tbl > li.review{
margin-top:0;
}

.form-search-pseudo .form-search-tbl > li > div {
border-bottom: 1px solid #e5e5e5;
display: table-cell;
}

.form-search-pseudo .form-search-tbl > li .search-desc {
padding: 0 2px 0 8px;
line-height: 1.0;
font-size:14px;
vertical-align: middle;
width:93px;
box-sizing:border-box;
}

.form-search-pseudo .form-search-tbl > li .search-item {
padding: 10px;
position: relative;
height: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-search-pseudo .form-search-tbl > li.distance .search-item .form-search-btn-arrow {
min-height: 40px;
}

.form-search-pseudo .form-search-tbl > li.distance .search-item .form-search-btn-arrow + label {
display: block;
margin-top: 10px;
}

.form-search-pseudo .form-search-tbl > li.distance .search-item .form-search-distance-sup {
display: block;
line-height: 1.0;
margin-top: 6px;
font-size: 12px;
color:var(--color-gray);
text-align: right;
}

.form-search-pseudo .form-search-tbl > li.rating .form-search-btn-arrow .form-search-btn-arrow-review {
display: inline-block;
margin-right: 10px;
}

.form-search-pseudo .form-search-tbl .form-search-checkbox{
padding: 2px 10px 2px 0;
}

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

.form-search-lp .form-search-tbl > li{
display: table;
width: 100%;
}

.form-search-lp .form-search-tbl li > div{
display: table-cell;
}

.form-search-lp .form-search-tbl .search-desc {
padding:0 10px;
width: 80px;
font-weight: bold;
}

.form-search-lp .form-search-tbl li:first-child .search-item{
padding-top: 0;
}

.form-search-lp .form-search-tbl .search-item{
padding: 10px 10px 0 0;
}

.form-search-lp .form-search-tbl li.destination .search-desc {
padding-top: 10px;
vertical-align: top;
}

.form-search-lp .form-search-tbl li.destination .search-desc .form-search-tip-container {
padding-right: 0;
}

.form-search-lp .form-search-tbl li.destination .search-desc .form-search-tip-container .cmn-faq-hook {
top: 100%;
-webkit-transform: none;
transform: none;
}

.form-search-lp .form-search-tbl li.date .search-desc {
padding-top: 6px;
vertical-align: top;
}

.form-search-lp .form-search-tbl li.destination + li.date .search-desc {
padding-top: 21px;
vertical-align: top;
}

.form-search-lp .form-search-tbl li.num .search-desc {
padding-top: 24px;
vertical-align: top;
}

.form-search-lp .form-search-tbl li.num .search-item {
padding-top: 6px;
}

[lang="en"] .form-search-lp .form-search-tbl li.date .search-desc {
padding-top: 13px;
}

/* ----------------------------------------------------------------
.form-search-tbl Paragraph
----------------------------------------------------------------- */
/* .form-search-tbl-br
----------------------------------------------- */
.form-search-tbl .form-search-tbl-br {
display: block;
white-space: nowrap;
}

/* .form-search-tbl-sup
----------------------------------------------- */
.form-search-tbl .form-search-tbl-sup {
display: block;
font-size: 10px;
}

/* ----------------------------------------------------------------
Form Search Button
----------------------------------------------------------------- */
/* .form-search-btn-arrow
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow {
margin: -10px;
padding: 5px 15px 5px 10px;
color:var(--cmn-font-color-base);
width: 100%;
min-height: 45px;
position: relative;
border: none;
background-color: #fff;
line-height: 1.2;
text-align: left;
font-size: 16px;
}

/*
.form-search-tbl .form-search-btn-arrow:before {
content: '';
display: block;
position: absolute;
right: 8px;
top: 50%;
margin-top: -5px;
width: 7px;
height: 10px;
background: url(/element_sp/hotel/shared/images/icon/icon-arrow.svg) no-repeat;
background-size: 7px 10px;
}
*/

.form-search-tbl .form-search-btn-arrow.is-unselected {
font-weight: normal;
}

.form-search-tbl .form-search-btn-arrow.date {
font-size: 13px;
}

.form-search-tbl .form-search-btn-arrow.date .date-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.form-search-tbl .form-search-btn-arrow.date .from {
position: relative;
padding-right: 7px;
}

.form-search-tbl .form-search-btn-arrow.date .from:before {
content: '-';
position: absolute;
right: 2px;
bottom: 2px;
}

.form-search-tbl .form-search-btn-arrow.date .to {
margin-right: 7px;
}

.form-search-index .form-search-tbl .form-search-btn-arrow {
padding-left: 5px;
margin: 0;
min-height: 36px;
border-radius: 4px;
}

.form-search-detail .form-search-tbl .form-search-btn-arrow {
padding-left: 5px;
margin: 0;
min-height: 38px;
border-radius: 4px;
border: 1px solid #bbb;
}

.form-search-pseudo .form-search-tbl .form-search-btn-arrow {
width: calc(100% + 20px);
}

.form-search-pseudo .form-search-tbl .destination .form-search-btn-arrow,
.form-search-pseudo .form-search-tbl .date .form-search-btn-arrow{
padding: 4px 15px 4px 5px;
border: 1px solid #999;
border-radius: 4px;
min-height: 38px;
width:100%;
position: relative;
background-color: #fff;
line-height: 1.2;
text-align: left;
margin:0 10px 0  0;
box-sizing:border-box;
}

.form-search-pseudo .form-search-tbl .form-search-btn-arrow + .form-search-btn-arrow {
margin-top: 10px;
}


.form-search-lp .form-search-tbl .form-search-btn-arrow {
padding-left: 7px;
margin: 0;
min-height: 38px;
border-radius: 4px;
border: 1px solid #bbb;
}

/* .form-search-btn-arrow-rate
----------------------------------------------- */
.form-search-tbl .form-search-btn-arrow .form-search-btn-arrow-rate {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

/* ----------------------------------------------------------------
.form-search-col
----------------------------------------------------------------- */
.form-search-tbl .form-search-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.form-search-tbl .form-search-col > div:not([class]) {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.form-search-tbl .form-search-col > div:first-child{
margin-right: 5px;
}

.form-search-tbl .form-search-col > div.form-search-col-sup {
margin: 0 3px;
font-size: 16px;
}

.form-search-tbl .form-search-col > div b {
display: block;
font-size: 12px;
font-weight: normal;
}

.form-search-tbl .form-search-col + .form-search-col {
margin-top: 6px;
}

.form-search-tbl tr.num .form-search-col > div:not(:first-child) {
margin-left: 9px;
}

/* ----------------------------------------------------------------
.form-search-checkbox
----------------------------------------------------------------- */
.form-search-tbl .form-search-checkbox {
margin: 0;
font-size: 16px;
}

.form-search-tbl .form-search-checkbox > li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-search-tbl .form-search-checkbox > li:not(:first-child) {
padding-left: 16px;
}

.form-search-tbl .form-search-checkbox > li > label {
padding: 2px 4px 0 25px;
min-height: 20px;
position: relative;
vertical-align: middle;
}

.form-search-tbl .form-search-checkbox > li > label input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
background: 0 0 no-repeat url(/element_sp/hotel/shared/images/icon-form-checkbox-index.svg);
background-color:#fff;
border-radius:4px;
}

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

.form-search-checkbox-note {
margin: 0 0 -2px 0;
font-size: 12px;
color: #fff;
text-indent:-1.1em;
padding-left:1.1em;
}

.form-search-pseudo .form-search-checkbox-note{
color:var(--cmn-font-color-base);
}

:lang(en) .form-search-checkbox-note {
text-indent:-.8em;
padding-left:.8em;
}

.form-search-index .form-search-tbl .date .form-search-checkbox,
.form-search-lp .form-search-tbl .date .form-search-checkbox {
margin: 8px 0 4px;
}

.form-search-pseudo .form-search-tbl .date .form-search-checkbox {
margin: 10px -10px 0;
padding: 12px 10px 7px;
border-top: 1px solid #e5e5e5;
}

.form-search-pseudo .form-search-tbl .hotel .form-search-checkbox {
margin-top: 8px;
}

.form-search-index .form-search-tbl .form-search-checkbox > li{
font-size:14px;
}

/* ----------------------------------------------------------------
.form-search-child-num
----------------------------------------------------------------- */
/* .form-search-child-num
----------------------------------------------- */
.form-search-tbl .form-search-child-num {
display: none;
margin-top: 3px;
}

.form-search-tbl .form-search-child-num.is-active {
display: block;
}

.form-search-index .form-search-tbl .form-search-child-num {
margin-top: 10px;
padding: 7px 10px 10px;
border-radius:6px;
background: rgba(0,0,0,.4);
color:#fff;
}

/* .form-search-child-num-note
----------------------------------------------- */
.form-search-tbl .form-search-child-num-note {
margin: 0 0 5px;
font-size:12px;
color:#fff;
}

/* .form-search-child-num-list
----------------------------------------------- */
.form-search-child-num-list {
margin: 0;
}

.form-search-child-num-list > li:not(:first-child) {
margin-top: 6px;
}

.form-search-child-num-list > li > label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.form-search-child-num-list > li > label > span {
display: block;
}

.form-search-child-num-list > li > label > span:first-child {
padding-right: 7px;
font-size: 12px;
}

.form-search-child-num-list > li > label > span:last-child {
min-width: 54px;
}

.form-search-index .form-search-child-num-list > li > label > span:last-child {
width:120px;
}

/* ----------------------------------------------------------------
.form-search-index
----------------------------------------------------------------- */
/* .form-search-index
----------------------------------------------- */
.form-search-index {
margin: 0 -10px;
padding: 0 10px 75px;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index-hdg {
padding: 8px 0 5px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
font-size: 19px;
font-weight: bold;
color: #fff;
}

/* .form-search-index-inner
----------------------------------------------- */
.form-search-index-inner {
padding: 15px 10px 15px;
border-radius: 4px;
position: relative;
background: rgba(0,0,0,.55);
color:#fff;
}

.form-search-index-inner > *{
position:relative;
z-index:1;
}

/* .form-search-index-note
----------------------------------------------- */
.form-search-index-note {
margin-top: 12px;
font-size: 13px;
}
.form-search-lp .form-search-index-note{
padding: 0 10px;
}

/* ----------------------------------------------------------------
.form-search-index-btn-act
----------------------------------------------------------------- */
/* .form-search-index-btn-act
----------------------------------------------- */
.form-search-index-item{
position:relative;
}
.form-search-index-item::after{
content:'';
-webkit-backdrop-filter: blur(40px);
backdrop-filter: blur(40px);
position:absolute;
left:0;
top:0;
box-sizing:border-box;
width:100%;
height:100%;
border-radius:4px;
z-index:0;
display:flex;
}

.form-search-index .form-search-index-btn-act {
margin: 0;
padding: 10px 40px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 2;
background: rgba(34,34,34,.85);
}

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

main > .form-search-index .form-search-index-item .form-search-index-btn-act .form-search-index-error{
margin-top:0;
}

.form-search-index .form-search-index-btn-act.is-static .form-search-index-btn-act-list{
display: flex;
}

/* .form-search-index-btn-act-list
----------------------------------------------- */
.form-search-index .form-search-index-btn-act-list {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

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

.form-search-index .form-search-index-btn-act-list > li.reset {
width:74px;
}

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

.form-search-index .form-search-index-btn-act-list > li.search {
margin-left: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.form-search-index .form-search-index-btn-act-list > li.search button {
border: none;
color: #fff;
background-color:var(--button-color);
font-size: 20px;
font-weight: bold;
}

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

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

/* .form-search-detail-header
----------------------------------------------- */
.form-search-detail-header {
margin: 12px 0 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
color: #e30707;
}

.form-search-detail-header > span:first-child{
color:var(--cmn-font-color-base);
}

.form-search-detail-header > b:not([class]) {
margin-left: 4px;
font-size: 19px;
font-weight: bold;
}

.form-search-detail-header > span {
margin-left: 3px;
}

/* ----------------------------------------------------------------
.form-search-detail-btn-act
----------------------------------------------------------------- */
/* .form-search-detail-btn-act
----------------------------------------------- */
.form-search-detail-btn-act {
margin: 0;
padding: 10px;
width: 100%;
border-bottom: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .form-search-detail-btn-act-list
----------------------------------------------- */
.form-search-detail-btn-act-list {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.form-search-detail-btn-act-list > li button {
padding: 0;
border-radius: 6px;
width: 100%;
height: 45px;
}

.form-search-detail-btn-act-list > li.reset {
width: 21.42857%;
}

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

.form-search-detail-btn-act-list > li.search {
margin-left: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.form-search-detail-btn-act-list > li.search button {
border: none;
color: #fff;
background-color:var(--button-color);
font-size: 18px;
}

.form-search-detail-btn-act-list button.is-disabled{
opacity:.33;
}

/* .cmn-pseudo cmn-pseudo-active pseudo-map
----------------------------------------------- */
.pseudo-full{
height: 100%;
}
.pseudo-full body{
height: 100%;
}
.cmn-pseudo.cmn-pseudo-active.pseudo-map{
padding-bottom: 0;
height : -webkit-calc(100% - 35px) ;
height : calc(100% - 35px) ;
}
.cmn-pseudo.cmn-pseudo-active.pseudo-map .pseudo-map-item{
height: 100%;
box-sizing: border-box;
margin: 0 -10px;
}

/* ----------------------------------------------------------------
.form-search-pseudo
----------------------------------------------------------------- */
/* .form-search-pseudo
----------------------------------------------- */
.cmn-pseudo{
min-height:100vh;
}
.form-search-pseudo {
margin: 0 -10px;
box-sizing: border-box;
}
#Area_condition_page .form-search-pseudo,
#Area_agt_page{
min-height: 100vh;
box-sizing:border-box;
}
.pseudo-btn-act-sticky + #Area_pop_price_details{
overflow:hidden;
overflow-y:scroll;
height:100%;
box-sizing: border-box;
}
#Area_detailList{
height:100vh;
box-sizing: border-box;
overflow: hidden;
overflow-y: scroll;
}
#Area_hotel_area_page{
overflow: hidden;
overflow-y: scroll;
height: 100%;
padding-bottom: 75px;
box-sizing: border-box;
}

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

.form-search-pseudo-btn-act.is-static {
padding: 0 10px 15px;
border-top: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
background-color: transparent;
}

.pseudo-btn-act-sticky-calendar .form-search-pseudo-btn-act {
padding: 15px 10px;
}

/* .form-search-pseudo-btn-act-list
----------------------------------------------- */
.form-search-pseudo-btn-act-list {
margin: 0 auto;
width:calc(60% + 6px);
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

@media screen and (max-width:320px){
.form-search-pseudo-btn-act-list{
width:80%;
}
}

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

.form-search-pseudo-btn-act-list > li.reset {
width: 21.42857%;
}

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

.form-search-pseudo-btn-act-list > li.search {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 10px;
}

.form-search-pseudo-btn-act-list > li.search:only-child{
margin-left:0;
}

.form-search-pseudo-btn-act-list > li.search button {
border: none;
color: #fff;
background-color:var(--button-color);
font-size: 18px;
}

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

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

.form-search-pseudo-btn-act-list > li.complete button {
border: none;
color: #fff;
line-height: 1;
background-color:var(--button-color);
font-size: 18px;
}

.form-search-pseudo-btn-act-list > li.complete button:disabled {
color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
text-shadow: none;
}

.form-search-pseudo-btn-act-list > li.apply button {
border: none;
color: #fff;
background-color:var(--button-color);
font-size: 18px;
}

.form-search-pseudo-btn-act-list > li.apply button:disabled {
color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
background-color: #fff;
text-shadow: none;
}

.pseudo-btn-act-sticky-calendar .form-search-pseudo-btn-act-list {
display: block;
width:100%;
}

/* ----------------------------------------------------------------
.form-search-lp
----------------------------------------------------------------- */
/* .form-search-lp
----------------------------------------------- */
.form-search-lp {
padding: 15px 0 20px;
}

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

/* ----------------------------------------------------------------
.form-search-lp-btn-act
----------------------------------------------------------------- */
/* .form-search-lp-btn-act
----------------------------------------------- */
.form-search-lp-btn-act {
margin: 0;
padding-top: 2px;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-search-lp .form-search-lp-btn-act{
padding: 2px 10px 0;
}

/* .form-search-lp-btn-act-list
----------------------------------------------- */
.form-search-lp-btn-act-list {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.form-search-lp-btn-act-list > li button {
padding: 0;
border-radius: 6px;
width: 100%;
height: 45px;
}

.form-search-lp-btn-act-list > li.reset {
width: 21.42857%;
}

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

.form-search-lp-btn-act-list > li.search {
margin-left: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.form-search-lp-btn-act-list > li.search button {
border: none;
color: #fff;
background-color:var(--button-color);
font-size: 18px;
}

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

/* ----------------------------------------------------------------
.pseudo-content-lyt
----------------------------------------------------------------- */
/* .pseudo-content-lyt
----------------------------------------------- */
.cmn-pseudo .pseudo-content-lyt{
margin:0 0 -10px;
padding:0;
height:100vh;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .pseudo-content-lyt-content
----------------------------------------------- */
.cmn-pseudo .pseudo-content-lyt-content{
margin:0 -10px;
padding:0 10px 20px;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
}

/* .pseudo-btn-close
----------------------------------------------- */
.cmn-pseudo .cmn-pseudo-header-btn-close{
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element/shared/images/icon/icon-close-wht.svg) no-repeat 15px 50%;
background-size: 16px auto;
}

/* .pseudo-btn-clear
----------------------------------------------- */
.pseudo-btn-clear{
margin: 0;
padding: 0;
border: 1px solid #999;
border-radius: 3px;
color: #ccc;
width: 50px;
height: 23px;
position: absolute;
bottom: 50%;
right: 10px;
transform: translateY(50%);
background-color: transparent;
font-size: 12px;
white-space: nowrap;
}

/* .pseudo-link-prev
----------------------------------------------- */
.pseudo-link-prev-block{
border-bottom:1px solid #e5e5e5;
margin:0;
}

.pseudo-header + .pseudo-link-prev-block{
margin:0;
}

.pseudo-link-prev{
padding: 3px 0;
color: var(--link-color);
box-sizing: border-box;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
min-height: 44px;
width: 100%;
background: transparent;
text-align: left;
font-size: 14px;
text-decoration:none;
}


/* .pseudo-sticky-hdg
----------------------------------------------- */
.pseudo-sticky-hdg{
font-size:14px;
font-weight:bold;
margin:10px 0 5px;
}

.pseudo-sticky-hdg.hdg-line{
padding-top:10px;
border-top:1px solid #e5e5e5;
}

/* .pseudo-sticky-area-item
----------------------------------------------- */
.pseudo-sticky-area-item .pseudo-sticky-hdg{
margin:15px 0 8px;
line-height:1;
}
.pseudo-sticky-area-item .pseudo-sticky-hdg + .pseudo-sticky-area-item-list .pseudo-sticky-area-hdg{
margin-top:15px;
}
.pseudo-sticky-area-item .pseudo-sticky-country-hdg{
margin:15px 0 10px;
line-height:1;
}
.pseudo-sticky-area-item-list{
margin-bottom:18px;
}
.pseudo-sticky-area-item-list-child{
margin-bottom:18px;
padding-left:31px;
}
.form-list-child-hdg{
padding:0 10px 0 0;
font-size:14px;
}
.form-list-child{
display:block;
padding-left:25px;
}
.form-list .form-list-child{
padding-left:40px;
}
.form-list-child > li >label {
padding: 9px 10px 7px 30px;
display: block;
position: relative;
}
.form-list-child > li >label input[type='checkbox']{
position: absolute;
top: 10px;
left:0;
vertical-align: middle;
}
.pseudo-sticky-area-hdg{
font-size:14px;
}

/* ----------------------------------------------------------------
  Pseudo Word Search Modules
----------------------------------------------------------------- */
/* .pseudo-word-search
----------------------------------------------- */
.pseudo-content-lyt .pseudo-word-search{
margin:0 -10px;
padding:0 10px 8px;
background-color:#111;
}

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

.pseudo-content-lyt .pseudo-word-search input{
padding:0 7px;
border:none;
height:42px;
width: 100%;
}

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

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

/* .pseudo-word-search-tab
----------------------------------------------- */
.pseudo-content-lyt .pseudo-word-search-tab{
margin:0 -10px;
box-shadow:0 2px 2px rgba(0, 0, 0, .1);
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pseudo-content-lyt .pseudo-word-search-tab > li{
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo-content-lyt.pseudo-destination .pseudo-word-search-tab > li{
-webkit-box-flex:inherit;
flex:inherit;
width:65px;
}

.pseudo-content-lyt .pseudo-word-search-tab button{
padding:0;
border:none;
color:var(--color-gray);
width:100%;
height:52px;
line-height:1.25;
background:transparent;
font-size:14px;
}

.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"]{
color:#333;
position:relative;
font-weight:bold;
}

.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:84%;
height:2px;
overflow:hidden;
position:absolute;
bottom:0;
left:8%;
background-color:#333;
}

.pseudo-content-lyt .pseudo-word-search-tab button:disabled{
color:#ccc!important;
}

.pseudo-content-lyt .pseudo-word-search-tab .blank button{
font-size:12px;
}

.pseudo-content-lyt .pseudo-word-search-tab .blank button::before{
content:'';
border:1px solid #bbb;
border-radius:4px;
display:block;
width:84%;
height:58%;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
}

/* .pseudo-destination
----------------------------------------------- */
.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab{
justify-content: flex-start;
padding:0 10px;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button{
height:47px;
color:#222;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button:disabled{
color:#ccc;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab > li:not(:last-child) button{
text-align: left;
width:4em;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"]::before{
display: none;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"]{
font-weight:normal;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"] span{
position:relative;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab button[aria-selected="true"] span::before{
content:'';
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-10px;
left:1px;
background-color:#333;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab .blank button::before{
width:72px;
right:0;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab > li.blank{
flex: 2;
justify-content: flex-end;
text-align:right;
}

.pseudo-destination.pseudo-content-lyt .pseudo-word-search-tab > li.blank button{
width: 72px;
position:relative;
padding-top:1px;
}

/* .pseudo-destination-content
----------------------------------------------- */
.pseudo-destination-content .pseudo-destination-back{
font-size:14px;
padding:10px 0 0;
}
.pseudo-destination-content .pseudo-destination-back a{
text-decoration:none;
}

/* .pseudo-destination-btn-list
----------------------------------------------- */
.pseudo-destination-btn-list{
margin-bottom:25px;
}

.pseudo-destination-btn-list + .notice-list{
margin-top: -15px;
}

/* .pseudo-destination-btn-list-hdg
----------------------------------------------- */
.pseudo-destination-btn-list-hdg{
font-weight:bold;
font-size:14px;
margin-top: 8px;
}

.pseudo-destination-area-list-hdg{
font-weight:bold;
font-size:14px;
margin-bottom:8px;
}

/* .col3-btn-list
----------------------------------------------- */
.pseudo-destination-content .col3-btn-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin:0 -5px 0 0;
}

.pseudo-destination-content .col3-btn-list li{
width: calc(33% - 8px);
padding: 8px 0 0 0;
margin-left: 12px;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: -3px;
}

.pseudo-destination-content .col3-btn-list li:nth-child(3n+1) {
margin-left: 0;
}

.pseudo-destination-content .col3-btn-list li button{
border:1px solid #bbb;
border-radius:4px;
text-align: center;
width: 100%;
background-color:#fff;
color: #222;
height: 30px;
padding: 0 3px;
}

.pseudo-destination-content .col3-btn-list li button.is-selected{
border:1px solid #177BCB;
background-color:#F2FAFF;
}

.pseudo-destination-content .col3-btn-list li button span{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.pseudo-content-lyt .pseudo-destination-content .pseudo-list > ul > li:first-child{
border-top: 1px solid #e5e5e5;
}

.pseudo-content-lyt .pseudo-destination-content .pseudo-list > ul > li.has-child > a::before{
border-color: #888;
}

.pseudo-content-lyt .pseudo-destination-content .pseudo-list > ul .is-selected {
padding-right: 24px;
background: url(/element_sp/hotel/shared/images/icon/icon-selected.svg) 100% 50% no-repeat;
background-size: 12px auto;
}

/* .pseudo-word-search-tab-content
----------------------------------------------- */
.pseudo-content-lyt .pseudo-word-search-tab-content [role="tabpanel"]{
display:none;
}

.pseudo-content-lyt .pseudo-word-search-tab-content [role="tabpanel"].is-active{
display:block;
}

/* Media Queries
----------------------------------------------- */
@media screen and (max-width: 374px){
.pseudo-content-lyt .pseudo-word-search-tab > li:first-child{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content-lyt .pseudo-word-search-tab button span{
display:block;
}
}

/* ----------------------------------------------------------------
  Pseudo Suggest Modules
----------------------------------------------------------------- */
/* .pseudo-suggest-category
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-category{
margin:0 -10px;
padding:8px 10px 10px;
box-shadow:0 0 6px rgba(0, 0, 0, .3);
background-color:#fff;
}

/* .pseudo-suggest-category-hdg
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-category-hdg{
font-weight:normal;
font-size:11px;
}

/* .pseudo-suggest-sup
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-sup{
margin:20px 0;
font-size: 14px;
}

/* .pseudo-suggest-info
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-info{
margin:0 -10px;
padding: 10px;
border-bottom: 5px solid #e5e5e5;
font-size: 14px;
}

/* .pseudo-suggest-list
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-list{
line-height:1.25;
font-size:14px;
}

.pseudo-content-lyt .pseudo-suggest-list > li{
border-bottom:1px solid #e5e5e5;
}

.pseudo-content-lyt .pseudo-suggest-list > li > a{
padding:5px 0;
color:#333;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
text-decoration: none;
flex-wrap: wrap;
}

.pseudo-content-lyt .pseudo-suggest-list > li[class] > a{
padding-left:20px;

position:relative;
}

.pseudo-content-lyt .pseudo-suggest-list > li[class] > a::before{
margin-top:-8px;
content:'';
display:block;
width:15px;
height:16px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:contain;
}

.pseudo-content-lyt .pseudo-suggest-list > .airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
}

.pseudo-content-lyt .pseudo-suggest-list > .station > a::before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}

.pseudo-content-lyt .pseudo-suggest-list > .spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
}

.pseudo-content-lyt .pseudo-suggest-list > .hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
opacity:.45;
}

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

.pseudo-content-lyt .pseudo-suggest-list  .review-rate,
.pseudo-content-lyt .pseudo-list .review-rate{
display: block;
width: 100%;
}

/* .pseudo-suggest-category-list
----------------------------------------------- */
.pseudo-content-lyt .pseudo-suggest-category-list{
margin:5px -10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
background-color:#fff;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li{
-webkit-box-flex:1;
flex:1;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li button{
padding:22px 0 0;
border:none;
color:var(--color-gray);
width:100%;
height:42px;
position:relative;
background:transparent;
text-decoration:none;
text-align:center;
font-size:11px;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li button::before{
content:'';
display:block;
width:100%;
height:20px;
position:absolute;
top:0;
left:0;
opacity:.45;
background-position:50% 50%;
background-repeat:no-repeat;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li.is-active button{
color:#333;
cursor:default;
font-weight:bold;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li.is-active button::before{
opacity:1;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li button:disabled{
color:#ccc;
cursor:default;
}

.pseudo-content-lyt .pseudo-suggest-category-list > li button:disabled::before{
opacity:.13;
}

.pseudo-content-lyt .pseudo-suggest-category-list .all button::before{
background-image:url(/element_sp/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}

.pseudo-content-lyt .pseudo-suggest-category-list .area button::before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px auto;
}

.pseudo-content-lyt .pseudo-suggest-category-list .station button::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:12px 14px;
}

.pseudo-content-lyt .pseudo-suggest-category-list .airport button::before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}

.pseudo-content-lyt .pseudo-suggest-category-list .spot button::before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 14px;
}

.pseudo-content-lyt .pseudo-suggest-category-list .hotel button::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:17px 12px;
}

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

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

.pseudo-content-lyt .pseudo-logo-google a > span{
color:#06c;
}

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

:lang(ko) .pseudo-content-lyt .pseudo-logo-google img{
margin-bottom: 5px;
}
:lang(zh-cmn-Hant-TW) .pseudo-content-lyt .pseudo-logo-google img,
:lang(zh-cmn-Hant-HK) .pseudo-content-lyt .pseudo-logo-google img,
:lang(zh-cmn-Hans) .pseudo-content-lyt .pseudo-logo-google img{
margin-bottom: 3px;
}

/* .pseudo-list
----------------------------------------------- */
.pseudo-content-lyt .pseudo-list{
line-height:1.25;
font-size:14px;
}

/* .pseudo-word-search-hdg-l2
----------------------------------------------- */
.pseudo-word-search-hdg-l2{
background: #F2F2F2;
margin: 3px -10px;
padding: 7px 10px;
font-size: 14px;
border-bottom: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
}


/* .pseudo-list > ul
----------------------------------------------- */
.pseudo-content-lyt .pseudo-list > ul{
margin-top: 0;
}
.pseudo-content-lyt .pseudo-list > ul > li{
border-bottom:1px solid #e5e5e5;
}

.pseudo-content-lyt .pseudo-list > ul > li > a{
padding:3px 0;
color:#333;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
text-decoration: none;
}

.pseudo-content-lyt .pseudo-list > ul > li.has-child > a{
padding-right:20px;
}

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

.pseudo-content-lyt .pseudo-list > ul > li > label{
padding:3px 0 3px 30px;
color:#333;
box-sizing:border-box;
position:relative;
min-height:45px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content-lyt .pseudo-list > ul > li > label input{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
}

/* .pseudo-list > .pseudo-list-btn-prev
----------------------------------------------- */
.pseudo-content-lyt .pseudo-list .pseudo-list-btn-prev{
padding:3px 0;
border-width:0 0 1px;
border-style:solid;
border-color:#e5e5e5;
color:#06c;
min-height:45px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}

/* .pseudo-list > .pseudo-list-btn-del
----------------------------------------------- */
.pseudo-content-lyt .pseudo-list .pseudo-list-btn-del{
margin:10px 0 0 auto;
padding:0;
color:var(--color-gray);
display:block;
border:none;
background:transparent;
text-decoration:underline;
font-size:14px;
}

/* .pseudo-list.pseudo-list-history > ul
----------------------------------------------- */
.pseudo-content-lyt .pseudo-destination-content .pseudo-list.pseudo-list-history > ul > li:first-child {
border-top:0;
}

/* .suggest-clear
----------------------------------------------- */
.suggest-clear{
text-align:right;
padding-top:7px;
font-size:12px;
}
.suggest-clear .cmn-dashed{
color:#666!important;
}

/* ----------------------------------------------------------------
.form-input-word
----------------------------------------------------------------- */
/* .form-input-word
----------------------------------------------- */
.form-input-word {
margin: 15px 0;
position: relative;
}

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner {
position: relative;
}

.form-input-word .form-input-word-inner input[type='text'],
.form-input-word .form-input-word-inner input[type='search'] {
width: 100%;
padding: 0 30px 0 7px;
border: 1px solid #bbb;
height: 42px;
outline: width 2;
}

.form-input-word .form-input-word-inner button {
color: transparent;
border: none;
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: url(/element_sp/shared/images/icon/icon-input-del.svg) 6px 50% no-repeat;
background-size: 14px;
}

/* .form-input-word-suggest
----------------------------------------------- */
.form-input-word .form-input-word-suggest {
margin-top: -1px;
border: 1px solid #bbb;
position: absolute;
top: 100%;
left: 1%;
z-index: 2;
width: 98%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
background-color: #fff;
}

.form-input-word .form-input-word-suggest.is-active {
display: block;
}

/* .form-input-word-suggest-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-hdg {
padding: 6px 10px;
background-color: #e5e5e5;
font-size: 13px;
font-weight: normal;
}

/* .form-input-word-suggest-sup
----------------------------------------------- */
.form-input-word .form-input-word-suggest-sup {
margin: 0;
padding: 10px;
font-size: 14px;
}

.form-input-word .form-input-word-suggest-sup > b {
display: block;
}

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list {
margin-top: 0;
font-size: 13px;
line-height: 1.25;
}

.form-input-word .form-input-word-suggest-list > li {
border-bottom: 1px solid #e5e5e5;
}

.form-input-word .form-input-word-suggest-list > li a {
padding: 10px;
color:var(--cmn-font-color-base);
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-decoration: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.form-input-word .form-input-word-suggest-list > li a > span{
display: block;
}
.form-input-word .form-input-word-suggest-list > li[class] a {
padding-left: 35px;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate{
clear: both;
display: block;
margin: 0;
}
.form-input-word .form-input-word-suggest-list > li[class] a .review-rate .icon-r-hotel[class*='rank-'] {
background-size: 60px 12px;
width: 60px;
height: 12px;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before {
position: absolute;
left: 0;
bottom: 50%;
-webkit-transform: translateY(50%);
transform: translateY(50%);
display: block;
width: 35px;
height: 100%;
content: '';
background-position: 50% 50%;
background-repeat: no-repeat;
}

.form-input-word .form-input-word-suggest-list > li.area a::before {
background-image: url(/element_sp/shared/images/icon/icon-pin.svg);
background-size: 11px 16px;
}

.form-input-word .form-input-word-suggest-list > li.spot a::before {
background-image: url(/element_sp/shared/images/icon/icon-flag.svg);
background-size: 13px 16px;
}

.form-input-word .form-input-word-suggest-list > li.airport a::before {
background-image: url(/element_sp/shared/images/icon/icon-plane.svg);
background-size: 18px 18px;
}

.form-input-word .form-input-word-suggest-list > li.station a::before {
background-image: url(/element_sp/shared/images/icon/icon-train.svg);
background-size: 13px 16px;
}

.form-input-word .form-input-word-suggest-list > li.hotel a::before {
background-image: url(/element_sp/shared/images/icon/icon-hotel-gray.svg);
background-size: 18px 14px;
opacity: .45;
}

.form-input-word .form-input-word-suggest-list > li.restaurant a::before {
background-image: url(/element_sp/shared/images/icon/icon-restaurant.svg);
background-size: 13px 15px;
}

.form-input-word .form-input-word-suggest-list > li.shopping a::before {
background-image: url(/element_sp/shared/images/icon/icon-shopping.svg);
background-size: 13px 14px;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword {
font-size: 14px;
line-height: 1.25;
}

.form-input-word .form-input-word-suggest-list-keyword > li {
position: relative;
}

.form-input-word .form-input-word-suggest-list-keyword > li:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}

.form-input-word .form-input-word-suggest-list-keyword > li a {
padding: 0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}

.form-input-word .form-input-word-suggest-list-keyword > li button {
margin: 0;
padding: 0;
border: none;
color: transparent;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
overflow: hidden;
background: none;
}

.form-input-word .form-input-word-suggest-list-keyword > li button::before {
content: '';
display: block;
width: 11px;
height: 100%;
position: absolute;
right: 7px;
opacity: .9;
background: url(/element/shared/images/icon/icon-plus.svg) 50% 50% no-repeat;
}

/* .form-input-word-suggest-continue
----------------------------------------------- */
.form-input-word-suggest-continue {
margin: 7px 0 8px;
padding-left: 13px;
font-size: 13px;
color:var(--color-gray);
}

/* .form-input-word-suggest-notice
----------------------------------------------- */
.form-input-word-suggest-notice {
margin: 7px 0 8px;
padding-left: 13px;
font-size: 12px;
color:var(--color-gray);
}

.form-input-word-suggest-notice > li {
position: relative;
padding-left: 15px;
}

.form-input-word-suggest-notice > li::before {
content: '';
position: absolute;
left: 5px;
top: 5px;
display: block;
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #808080;
}

.form-input-word-suggest-continue + .form-input-word-suggest-notice {
margin-top: -6px;
}

/* .form-input-word-suggest-category
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category {
padding: 5px 10px;
background-color: #f5f5f5;
}

/* .form-input-word-suggest-category-hdg
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-hdg {
font-size: 11px;
font-weight: normal;
}

/* .form-input-word-suggest-category-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-category-list {
margin: 5px -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1;
font-size: 11px;
}

.form-input-word .form-input-word-suggest-category-list > li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.form-input-word .form-input-word-suggest-category-list > li:not(:last-child) {
border-right: 1px solid #ddd;
}

.form-input-word .form-input-word-suggest-category-list > li > a {
padding: 22px 5px 0;
color:var(--color-gray);
display: block;
position: relative;
text-decoration: none;
text-align: center;
}

.form-input-word .form-input-word-suggest-category-list > li > a::before {
content: '';
display: block;
width: 100%;
height: 20px;
position: absolute;
top: 0;
left: 0;
opacity: .5;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.form-input-word .form-input-word-suggest-category-list > li.is-active > a {
color:var(--cmn-font-color-base);
cursor: default;
font-weight: bold;
}

.form-input-word .form-input-word-suggest-category-list > li.is-active > a::before {
opacity: 1;
}

.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a{
color: #ccc;
}

.form-input-word .form-input-word-suggest-category-list > li.is-disabled > a::before {
opacity: .13;
}

.form-input-word .form-input-word-suggest-category-list > li.all > a::before {
background-image: url(/element_sp/shared/images/icon/icon-list-gray.svg);
background-size: 14px 10px;
}

.form-input-word .form-input-word-suggest-category-list > li.area > a::before {
background-image: url(/element_sp/shared/images/icon/icon-pin-gray.svg);
background-size: 10px 15px;
}

.form-input-word .form-input-word-suggest-category-list > li.station > a::before {
background-image: url(/element_sp/shared/images/icon/icon-train-gray.svg);
background-size: 12px 14px;
}

.form-input-word .form-input-word-suggest-category-list > li.airport > a::before {
background-image: url(/element_sp/shared/images/icon/icon-plane-gray.svg);
background-size: 16px 16px;
}

.form-input-word .form-input-word-suggest-category-list > li.spot > a::before {
background-image: url(/element_sp/shared/images/icon/icon-flag-gray.svg);
background-size: 11px 14px;
}

.form-input-word .form-input-word-suggest-category-list > li.hotel > a::before {
background-image: url(/element_sp/shared/images/icon/icon-hotel-gray.svg);
background-size: 17px 12px;
}

/* .form-input-word-suggest-logo
----------------------------------------------- */
.form-input-word .form-input-word-suggest-logo {
padding: 10px;
line-height: 1;
text-align: right;
}

.form-input-word .form-input-word-suggest-logo img {
vertical-align: bottom;
width: 120px;
}

/* ----------------------------------------------------------------
.form-agt-list
----------------------------------------------------------------- */
/* .form-agt-list
----------------------------------------------- */
.form-agt-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 5px 0 0 -10px;
}

.form-agt-list > li {
width: 33.33333%;
padding: 10px 0 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.form-agt-list > li > label {
position: relative;
display: block;
height: 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}

.form-agt-list > li > label input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
z-index: 1;
border: 1px solid #ccc;
}

.form-agt-list > li > label input[type='checkbox']:checked {
border: 2px solid #fadfa8;
}

.form-agt-list > li > label img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-height: 43px;
}

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

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category {
color: #fff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
font-size: 18px;
font-weight: bold;
}
.search-result-header > .hdg-category{
margin: 0 0 -4px;
font-size:14px;
font-weight:normal;
line-height: 1.35;
text-shadow: 0 1px 0 rgb(0 0 0 / 50%);
}

/* .search-index-hdg-container
----------------------------------------------- */
.search-index-hdg-container{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
margin-bottom:3px;
}

/* .search-index-hdg-link
----------------------------------------------- */
.search-index-hdg-container .search-index-hdg-link{
-webkit-box-flex:1;
flex:1;
text-align:right;
font-size:14px;
position:relative;
bottom:1px;
}
.search-index-hdg-container .search-index-hdg-link a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

/* ----------------------------------------------------------------
.search-condition
----------------------------------------------------------------- */
/* .search-condition
----------------------------------------------- */
.search-condition {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
min-height: 35px;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: var(--cmn-font-color-base);
position: relative;
background-color: #fff;
font-size: 12px;
line-height: 1.35;
}

.search-condition + .search-condition {
margin-top: 9px;
padding: 7px 10px;
min-height: 40px;
}

/* .search-condition
----------------------------------------------- */
.search-condition > :first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

/* .search-condition-hdg
----------------------------------------------- */
.search-condition .search-condition-hdg {
margin-top: -3px;
font-weight: bold;
font-size: 16px;
}

/* .search-condition-state-list
----------------------------------------------- */
.search-condition .search-condition-state-list {
margin: 0;
font-size: 14px;
}

.search-condition .search-condition-state-list > li {
margin-top: 2px;
}

.search-condition .search-condition-state-list > li > span {
display: inline-block;
}

.search-condition .search-condition-state-list > li > span.date-to {
margin-right: .5em;
}

/* .search-condition-state-list-01
----------------------------------------------- */
.search-condition .search-condition-state-list-01 {
margin: -1px 0 0 -7px;
letter-spacing: -.4em;
}

.search-condition .search-condition-state-list-01 > li {
letter-spacing: normal;
margin: 0 0 2px 7px;
display: inline-block;
font-size: 13px;
min-height: 22px;
box-sizing: border-box;
padding-top: 2px;
vertical-align: middle;
line-height: 23px;
}

.search-condition .search-condition-state-list-01 > li > a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 1px 26px 1px 8px;
color: var(--cmn-font-color-base);
text-decoration: none;
border-radius: 3px;
background: #eee;
}

.search-condition .search-condition-state-list-01 > li > a:after {
position: absolute;
content: '';
display: block;
right: 9px;
top: 50%;
width: 9px;
height: 9px;
background: url(/element_sp/hotel/shared/images/icon/icon-condition-del.svg) no-repeat;
background-size: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.search-condition .search-condition-toggle .search-condition-state-list-01 > li:last-child {
position: relative;
padding-right: 15px;
}

.search-condition .search-condition-toggle .search-condition-state-list-01 > li:last-child:after {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}

.search-condition .search-condition-toggle.is-active .search-condition-state-list-01 > li:after {
display: none;
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition .search-condition-btn {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 5px;
padding: 0;
color:var(--cmn-font-color-base);
border: 1px solid #bbb;
border-radius: 4px;
width: 72px;
height: 42px;
-webkit-box-shadow: 0 -3px 0 0 #d9d9d9 inset;
box-shadow: 0 -3px 0 0 #d9d9d9 inset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.16;
text-decoration: none;
background-color: #fff;
text-align: center;
}

.search-condition .search-condition-btn > span {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* .search-filter-btn
----------------------------------------------- */
.search-condition .search-filter-btn {
position: relative;
-ms-flex-item-align: start;
align-self: flex-start;
margin-left: 5px;
margin-top:2px;
padding: 3px 0 2px;
color:var(--cmn-font-color-base);
border: 1px solid #bbb;
border-radius: 4px;
width: 72px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.3;
text-decoration: none;
background-color: #fff;
text-align: center;
}

/* .search-condition-toggle
----------------------------------------------- */
.search-condition .search-condition-toggle {
margin-top: 0;
}

.search-condition .search-condition-toggle .search-condition-toggle-item {
position: relative;
overflow: hidden;
display: none;
}

.search-condition .search-condition-toggle .search-condition-toggle-item .search-condition-state-list-01 {
margin-top: 0;
}

.search-condition .search-condition-toggle .search-condition-toggle-hook {
position: absolute;
bottom: 7px;
right: 10px;
background-color: #fff;
}

.search-condition .search-condition-toggle .search-condition-toggle-hook button {
margin: 0;
padding: 0 0 0 16px;
border: none;
color:var(--color-gray);
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 49% no-repeat;
background-size: 12px;
font-size: 13px;
}

.search-condition .search-condition-toggle.is-active {
padding-bottom: 16px;
}

.search-condition .search-condition-toggle.is-active .search-condition-toggle-item {
height: auto;
overflow: visible;
display: block;
}

.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook button {
background-image: url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

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

/* .search-result-num
----------------------------------------------- */
.search-result .search-result-num {
padding: 4px 10px;
color: #fff;
line-height: 1.25;
background-color: #666;
font-size: 13px;
}

.search-result .search-result-num span {
font-size: 14px;
}

.search-result .search-result-num b {
font-weight: normal;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort {
padding: 13px 10px 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
min-height:36px;
}

.search-result .search-result-sort .form-custom-select {
margin: 0;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.search-result .search-result-sort-btn {
margin-left: 6px;
padding: 0;
border: 1px solid #bbb;
border-radius: 4px;
width: 80px;
height: 38px;
background-color: #fff;
font-size: 15px;
}

/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item {
border-top: 6px solid #929292;
padding: 11px 10px 15px;
line-height: 1.35;
position: relative;
}

.search-result .search-result-item .cmn-loading-spinner{
margin-bottom:142px;
}

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header {
margin: 0 25px 10px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.search-result .search-result-item-header .search-result-item-header-inner {
margin-left: 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

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

.search-result .search-result-item-header-hdg > a {
color: #06c;
text-decoration: none;
}

.search-result .search-result-item-header-hdg > a .search-result-item-header-hdg-sup {
display: block;
font-size: 12px;
font-weight: normal;
color:var(--color-gray);
}

.search-result .search-result-item-header-hdg > a .search-result-item-header-hdg-sup > span:not([class]) {
display: block;
}

/* .search-result-item-header-detail
----------------------------------------------- */
.search-result .search-result-item-header-detail {
margin-right: -25px;
}

/* .search-result-item-header-sup
----------------------------------------------- */
.search-result .search-result-item-header-sup {
margin: -1px 0 3px;
color:var(--cmn-font-color-base);
font-size: 12px;
}

/* .search-result-item-header-map
----------------------------------------------- */
.search-result .search-result-item-header-map {
font-size: 12px;
display: block;
}

.search-result .search-result-item-header-map > a {
display: inline-block;
padding-left: 12px;
background: url(/element/hotel/shared/images/icon-pin-gray.svg) 0 50% no-repeat;
background-size: 9px;
color:var(--color-gray);
text-decoration: none;
}

/* .search-result-item-header-list
----------------------------------------------- */
.search-result .search-result-item-header-list {
margin: 1px 0 0;
font-size: 12px;
color:var(--cmn-font-color-base);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.search-result .search-result-item-header-list > li {
margin-top:auto;
}

.search-result .search-result-item-header-list > li.is-disabled {
color:rgb(34, 34, 34, .33);
}

.search-result .search-result-item-header-list > li:not(:last-child):after {
content: '/';
margin: 0 3px;
color:var(--cmn-font-color-base);
}

.search-result .search-result-item-header-list .cmn-info-hook{
vertical-align: text-bottom;
}

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb {
width: 110px;
}

.search-result .search-result-item-header-thumb .caption {
margin-top: 2px;
color: #888;
display: block;
font-size: 11px;
}

.search-result .search-result-item-header-thumb-inner {
display: block;
height: 100px;
background-color: #f1f1f1;
}

.search-result .search-result-item-header-thumb-inner img {
width: 110px;
height: 100px;
-o-object-fit: contain;
object-fit: contain;
}

/* .search-result-item-detail-list
----------------------------------------------- */
.search-result .search-result-item-detail-list > li {
font-size: 12px;
line-height: 1.15;
display: block;
}

.search-result .search-result-item-detail-list > li > div{
display: table-cell;
}

.search-result .search-result-item-detail-list > li > div:first-child{
white-space: nowrap;
}

.search-result .search-result-item-detail-list > li.checkin{
margin-right: 15px;
}

.search-result .search-result-item-detail-list > li.checkin,
.search-result .search-result-item-detail-list > li.checkout{
display: inline-block;
}

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

.search-result .search-result-item-detail-list > li > div:first-child {
padding-right: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 62px;
white-space: nowrap;
}

[lang="ko"] .search-result .search-result-item-detail-list > li > div:first-child {
width: 48px;
}

.search-result .search-result-item-detail-list > li > div:first-child:after {
content: ':';
position: absolute;
right: 4px;
top: 0;
}

/* .search-result-item-plan
----------------------------------------------- */
.search-result .search-result-item-plan {
margin-top: 9px;
padding-top: 8px;
border-top: 1px solid #e0e0e0;
}

/* .search-result-item-no-plan
----------------------------------------------- */
.search-result .search-result-item-no-plan {
margin: 8px 0 -2px;
}

/* .search-result-item-plan-header
----------------------------------------------- */
.search-result .search-result-item-plan-header {
margin-bottom: 6px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 12px;
}

.search-result .search-result-item-plan-header .cmn-faq-hook {
vertical-align: bottom;
}

/* .search-result-item-plan-header-sup
----------------------------------------------- */
.search-result .search-result-item-plan-header-sup {
margin: 0 0 0 10px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.search-result .search-result-item-plan-header-sup > li {
display: inline-block;
}

/* .search-result-item-reference-price
----------------------------------------------- */
.search-result .search-result-item-reference-price {
margin: 10px 0 -5px;
padding: 6px 10px 0 0;
text-align: right;
border-top: 1px solid #e0e0e0;
}

.search-result .search-result-item-reference-price > div:not([class]) {
color: #e30707;
font-size: 12px;
}

.search-result .search-result-item-reference-price > div:not([class]) > b:not([class]) {
margin-left: 3px;
font-size: 17px;
}

.search-result .search-result-item-reference-price > div:not([class]) > span[class] {
margin: -5px 0 0 3px;
}

.search-result .search-result-item-reference-price > div:not([class]) > span:not([class]) {
margin-left: 3px;
}

.search-result .search-result-item-reference-price > div:not([class]) > span:first-child{
color:var(--cmn-font-color-base);
}

.search-result .search-result-item-reference-price > p {
margin-top: 0;
font-size: 13px;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.search-result .search-result-item-btn-favorite {
margin: 0;
padding: 0;
color: transparent;
border: none;
position: absolute;
top: 12px;
right: 12px;
width: 19px;
height: 18px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: url(/element_sp/shared/images/icon/icon-favorite.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: transparent;
}

.search-result .search-result-item-btn-favorite.is-active {
background-image: url(/element_sp/shared/images/icon/icon-favorite-yellow.svg);
}

/* .search-result-item-btn
----------------------------------------------- */
.search-result .search-result-item-btn {
margin: 16px auto 0;
padding: 7px 10px 9px;
color: #fff;
border-radius: 4px;
display: block;
width: 70%;
min-width: 250px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color:var(--button-color);
font-size: 16px;
text-align: center;
text-decoration: none;
}

/* .search-result-link-box
----------------------------------------------- */
.search-result-link-box{
text-align: center;
padding: 12px 0 0;
border-top: 1px solid #e5e5e5;
margin-top: 12px;
}

/* .search-result-item-link
----------------------------------------------- */
.search-result-link-box .search-result-item-link{
font-size: 16px;
padding-bottom:2px;
color: #222;
display: inline;
}

/* ----------------------------------------------------------------
.link-history-back
----------------------------------------------------------------- */
/* .link-history-back
----------------------------------------------- */
.link-history{
margin:0 -10px;
padding:0 10px;
background-color:#287AC4;
}

a.link-history-back{
margin: 0;
padding:5px 0 4px 28px;
border-top: 1px solid rgba(1,47,95,0.6);
color: #fff;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
box-sizing: border-box;
min-height: 45px;
position: relative;
line-height: 1.35;
text-align: left;
font-size: 16px;
text-decoration:none;
width:100%;
}

.link-history-back::before {
margin-top: -8px;
content: '';
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 50%;
left:0;
background: url(/element_sp/hotel/shared/images/icon/icon-arrow-prev-wht.svg) no-repeat 0 0;
}

/* .detail-header > .link-history-back
----------------------------- */
.detail-header .link-history-back{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:12px;
left:2px;
width:40px;
height:40px;
overflow:hidden;
z-index:1;
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-prev-01.svg) no-repeat 0 0;
}

.detail-header .link-history-back::before{
display:none;
}

/* ----------------------------------------------------------------
.detail-header
----------------------------------------------------------------- */
/* .detail-header-hdg
----------------------------------------------- */
.detail-header {
margin-bottom: 9px;
position: relative;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg {
position: relative;
margin-top:12px;
}

.detail-header .detail-header-hdg > h1 {
padding-right: 25px;
font-size: 18px;
line-height: 1.2;
margin-bottom: 2px;
font-weight: normal;
}

.detail-header .detail-header-hdg > h1 > span {
display: block;
font-size: 12px;
font-weight: normal;
color:var(--color-gray);
line-height: 1.2;
margin-top:4px;
}

/* .detail-header-hdg
----------------------------------------------- */
.detail-header .detail-header-hdg-sup {
font-size: 12px;
}

/* .detail-header-btn-list
----------------------------------------------- */
.detail-header .detail-header-btn-list{
margin:0;
position:absolute;
top:2px;
right:0;
}

.detail-header .detail-header-btn-list > li{
margin:0 auto 12px;
width:19px;
}

.detail-header .detail-header-btn-list button{
margin:0 auto;
padding:0;
border:none;
display:block;
color:rgba(0,0,0,0);
width:19px;
height:17px;
overflow:hidden;
}

.detail-header .detail-header-hdg-btn-favorite {
margin: 0;
padding: 0;
color: transparent;
border: none;
width: 19px;
height: 18px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: url(/element_sp/hotel/shared/images/icon/icon-favorite.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: transparent;
}

.detail-header .detail-header-hdg-btn-favorite.is-active {
background-image: url(/element_sp/hotel/shared/images/icon/icon-favorite-active.svg);
}

.detail-header .detail-header-btn-list .share button{
width:16px;
height:20px;
background:url(/element_sp/hotel/shared/images/icon/icon-share.svg) no-repeat 0 0;
}

/* ----------------------------------------------------------------
.detail-contents-tab
----------------------------------------------------------------- */
/* .detail-contents-tab
----------------------------------------------- */
.detail-contents-tab {
margin-bottom: 30px;
}

/* .detail-contents-tab-list
----------------------------------------------- */
.detail-contents-tab .detail-contents-tab-list {
margin: 8px -10px 0;
padding: 0 10px 8px;
box-shadow: 0 4px 4px rgb(0 0 0 / 20%);
position: relative;
z-index: 1;
display: -webkit-box;
display: flex;
}

.detail-contents-tab .detail-contents-tab-list > li{
flex: 1;
text-align: center;
}

.detail-contents-tab .detail-contents-tab-list > li:not(:first-child) {
margin-left:30px;
}

.detail-contents-tab .detail-contents-tab-list > li > a {
padding: 12px 0 8px;
border: none;
line-height: 1;
background-color: transparent;
font-size: 14px;
color: #222;
text-decoration: none;
display: inline-block;
box-sizing: border-box;
}

.detail-contents-tab .detail-contents-tab-list > li.is-active {
position: relative;
background-color: #fff;
}

.detail-contents-tab .detail-contents-tab-list > li.is-active a{
box-shadow: 0 -2px 0 var(--cmn-font-color-base) inset;
}

.detail-contents-tab .detail-contents-tab-list > li.disabled{
opacity: .4;
}

/* .detail-contents-tab-item
----------------------------------------------- */
.detail-contents-tab .detail-contents-tab-item {
display: none;
min-height: 200px;
}

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

.detail-contents-tab .cmn-sns-list {
margin: 3px 0 0 0;
border: 0;
padding: 14px 10px;
}

.detail-contents-tab .detail-contents-tab-item.review,
.detail-contents-tab .detail-contents-tab-item.plan{
background-color:#f5f5f5;
margin: 0 -10px 0;
padding: 0 10px 0;
}

.detail-contents-tab + .btn{
padding: 30px 10px 0;
background: #fff;
margin: 0 -10px;
}

.detail-contents-tab + .btn:empty{
display:none;
}


/* .detail-contents-link
----------------------------------------------- */
.detail-contents-link{
text-decoration: none;
}

/* ----------------------------------------------------------------
.detail-plan-header
----------------------------------------------------------------- */
/* .detail-plan-header
----------------------------------------------- */
.detail-plan-header {
margin: 0 -10px;
padding: 10px;
background-color: #666;
}

/* .detail-plan-header-inner
----------------------------------------------- */
.detail-plan-header .detail-plan-header-inner + .detail-plan-header-inner {
margin-top: 10px;
}

/* .detail-plan-header-col
----------------------------------------------- */
.detail-plan-header .detail-plan-header-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

/* .detail-plan-header-date-btn
----------------------------------------------- */
.detail-plan-header .detail-plan-header-date-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0;
padding: 5px 15px 5px 7px;
border:none;
border-radius: 4px;
color:var(--cmn-font-color-base);
width: 100%;
min-height: 38px;
position: relative;
background-color: #fff;
line-height: 1.2;
text-align: left;
font-size: 14px;
}

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

.detail-plan-header .detail-plan-header-date-btn .date-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.detail-plan-header .detail-plan-header-date-btn .from {
position: relative;
padding-right:15px;
}

.detail-plan-header .detail-plan-header-date-btn .from:before {
content: '-';
position: absolute;
right: 5px;
bottom: 2px;
}

.detail-plan-header .detail-plan-header-date-btn .to {
margin-right: 7px;
}

/* .detail-plan-header-list
----------------------------------------------- */
.detail-plan-header .detail-plan-header-list {
margin: 8px 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.detail-plan-header .detail-plan-header-list > li{
flex-grow:1;
box-sizing:border-box;
}

.detail-plan-header .detail-plan-header-list > li:last-child{
width:72px;
margin-left:8px;
}

.detail-plan-header-list-num{
width:calc(100% - 80px);
}

.detail-plan-header-list-num button{
margin: 0;
padding: 5px 15px 5px 7px;
border-radius: 4px;
border:0;
color: var(--cmn-font-color-base);
width: 100%;
min-height:37px;
position: relative;
background-color: #fff;
line-height: 1.2;
text-align: left;
font-size: 14px;
}

.detail-plan-header-list-num button::before {
margin-top: -4px;
content: '';
display: block;
position: absolute;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
width: 6px;
height: 6px;
top: 50%;
right: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.detail-plan-header-list-num button > span:not(:last-child){
padding-right:12px;
}

.detail-plan-header-list-btn .detail-plan-header-btn {
position: relative;
display: block;
padding: 0;
color: var(--cmn-font-color-base);
border-radius: 4px;
width:72px;
height:37px;
-webkit-box-shadow: 0 -3px 0 0 #d9d9d9 inset;
box-shadow: 0 -3px 0 0 #d9d9d9 inset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.16;
text-decoration: none;
background-color: #fff;
text-align: center;
}


.detail-plan-header-list-btn .detail-plan-header-btn > span {
display: block;
width: 100%;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* .detail-plan-header-select
----------------------------------------------- */
.detail-plan-header-select{
display:none;
margin:10px -10px 0;
position:relative;
}

.detail-plan-header-select.is-active{
display:block;
}

.detail-plan-header-select::after {
content: '';
display: block;
width: 20px;
height: 105%;
overflow: hidden;
position: absolute;
top: -1px;
right: 0;
background:linear-gradient(to right, rgba(102,102,102,0) 0%, rgba(102,102,102,1) 80%);
}

.detail-plan-header-select-item{
overflow-x: auto;
overflow-y: hidden;
}

.detail-plan-header-select-item::-webkit-scrollbar{
display:none;
}

.detail-plan-header-select-list{
margin: 0;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
white-space: nowrap;
padding-left:10px;
}

.detail-plan-header-select-list li{
margin-right: 8px;
display: -webkit-box;
display: flex;
-webkit-box-align: stretch;
align-items: stretch;
font-size:12px;
}

.detail-plan-header-select-list li .del-btn{
border:0;
border-radius:3px;
background:#444;
color:#fff;
height:23px;
padding:0 25px 0 8px;
overflow: hidden;
background-image: url(/element_sp/hotel/shared/images/icon/icon-close-wht.svg);
background-repeat: no-repeat;
background-position:calc(100% - 8px) 50%;
background-size: 9px auto;
}

.detail-plan-header-select-list li .icon-hotel-rank {
margin-right: 2px;
color: rgba(0,0,0,0);
width: 13px;
height: 15px;
display: inline-block;
vertical-align: middle;
overflow: hidden;
background: url(/element_sp/shared/images/icon/icon-rank-01-5.svg) 0 0 no-repeat;
background-size: auto 12px;
}

/* .detail-plan-header-condition
----------------------------------------------- */
.detail-plan-header .detail-plan-header-condition {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #e5e5e5;
line-height: 1.35;
font-size: 12px;
}

/* .detail-plan-header-toggle
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle {
padding-right: 110px;
height: 1.35em;
position: relative;
overflow: hidden;
}

.detail-plan-header .detail-plan-header-toggle.is-active {
padding-right: 0;
height: auto;
overflow: visible;
}

.detail-plan-header .detail-plan-header-toggle.is-active > .detail-plan-header-condition-list {
display: none;
}

/* .detail-plan-header-toggle-hook
----------------------------------------------- */
.detail-plan-header .detail-plan-header-toggle-hook {
position: absolute;
top: 0;
right: 0;
}

.detail-plan-header .detail-plan-header-toggle-hook button {
margin: 0;
padding: 0 0 0 17px;
border: none;
color: #666;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size: 12px;
font-size: 12px;
}

.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-toggle-hook {
margin-top: 5px;
padding-left: 0;
position: static;
text-align: right;
}

.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-toggle-hook button {
background-image: url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .detail-plan-header-toggle-list
----------------------------------------------- */
.detail-plan-header .detail-plan-header-condition-list {
margin: 0;
}

.detail-plan-header .detail-plan-header-condition-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

.detail-plan-header .detail-plan-header-condition-list > li:not(:first-child) {
margin-top: 5px;
}

.detail-plan-header .detail-plan-header-condition-list > li > span {
position: relative;
padding-right: 10px;
width: 6.5em;
white-space: nowrap;
}

.detail-plan-header .detail-plan-header-condition-list > li > span::after {
content: ':';
position: absolute;
top: 0;
right: 3px;
}

.detail-plan-header .detail-plan-header-condition-list > li > div {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.detail-plan-header .detail-plan-header-toggle .detail-plan-header-condition-list > li > div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.detail-plan-header .detail-plan-header-toggle.is-active .detail-plan-header-condition-list > li > div {
white-space: normal;
overflow: visible;
word-break: break-all;
}

/* ----------------------------------------------------------------
.detail-num
----------------------------------------------------------------- */
/* .detail-num-container
----------------------------------------------- */
.detail-num-container {
position: relative;
}

/* .detail-num
----------------------------------------------- */
.detail-num {
margin: 0 -10px;
padding:10px 10px 0;
line-height: 1.25;
font-size: 13px;
}

.detail-num span {
font-size: 14px;
}

.detail-num b {
font-weight: normal;
}

.detail-num .num {
font-family: Arial;
}

/* .detail-num-note
----------------------------------------------- */
.detail-num-container .detail-num-note {
font-size: 12px;
position: absolute;
right: 0;
top: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ----------------------------------------------------------------
.detail-plan
----------------------------------------------------------------- */
/* .detail-plan
----------------------------------------------- */
.detail-plan{
background-color: #f5f5f5;
margin: 0 -10px 0;
padding: 0 8px 36px;
min-height: 200px;
box-sizing: border-box;
}

#Area_hotel_dtl_page .str-topic-path{
margin-top:0;
}

#Area_hotel_dtl_page .detail-contents-tab{
margin-bottom:0;
}

#Area_hotel_dtl_page .cmn-notice-list {
margin:12px 0;
}

/* .detail-plan-item
----------------------------------------------- */
.detail-plan .detail-plan-item {
margin-top: 12px;
padding: 12px 12px 7px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
position: relative;
}

/* ----------------------------------------------------------------
.detail-review
----------------------------------------------------------------- */
/* .detail-review
----------------------------------------------- */
.detail-review{
padding-bottom:36px;
}

/* .detail-review-head
----------------------------------------------- */
.detail-review-head {
background-color: #fff;
margin: 0 -10px -12px;
padding: 0 10px 12px;
}

.detail-review-head + .detail-review-head{
padding: 10px;
margin-top: -5px;
}

/* .detail-review-header
----------------------------------------------- */
.detail-review-header {
margin: 0 -10px;
padding: 15px 10px 18px;
border-bottom: 6px solid #929292;
}

/* .detail-review-header
----------------------------------------------- */
.detail-review-header-review {
margin-bottom: 2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 13px;
line-height: 1.0;
}

.detail-review-header-review > *:not(:first-child) {
margin-left: 5px;
}

/* .detail-review-item
----------------------------------------------- */
.detail-review .detail-review-item {
margin: 0 -10px;
border-bottom: 6px solid #929292;
padding: 0 10px 19px;
}

/* .detail-review-item-header
----------------------------------------------- */
.detail-review .detail-review-item-header {
margin: 0 -10px 12px;
padding: 11px 10px 10px;
border-bottom: 1px solid #e5e5e5;
}

/* .detail-review-item-header-hdg
----------------------------------------------- */
.detail-review .detail-review-item-header-hdg {
margin-bottom: 2px;
font-size: 17px;
color:var(--cmn-font-color-base);
line-height: 1.17;
}

/* .detail-review-item-header-user
----------------------------------------------- */
.detail-review .detail-review-item-header-user {
font-size: 14px;
color:var(--cmn-font-color-base);
}

/* .detail-review-item-header-list
----------------------------------------------- */
.detail-review .detail-review-item-header-list {
margin-top: 3px;
font-size: 13px;
line-height: 1.3;
}

.detail-review .detail-review-item-header-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.detail-review .detail-review-item-header-list > li > div:first-child {
position: relative;
padding-right: 12px;
}

.detail-review .detail-review-item-header-list > li > div:first-child:after {
content: ':';
position: absolute;
right: 4px;
top: 0;
}

.detail-review .detail-review-item-header-list > li > div a {
text-decoration: none;
}

/* .detail-review-item-user-review
----------------------------------------------- */
.detail-review .detail-review-item-user-review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.detail-review .detail-review-item-user-review > div {
line-height: 1.0;
font-size: 14px;
color:var(--cmn-font-color-base);
}

.detail-review .detail-review-item-user-review > div:first-child {
margin-right: 10px;
padding: 3px 4px 0;
height: 20px;
font-size: 12px;
color: #555;
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .detail-review-item-list
----------------------------------------------- */
.detail-review .detail-review-item-list {
font-size: 13px;
}

/* .detail-review-overall-rating
----------------------------------------------- */
.detail-review .detail-review-overall-rating{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height:1;
font-size: 11px;
padding:8px 10px 0;
}

/* .detail-review-overall-rating-list
----------------------------------------------- */
.detail-review .detail-review-overall-rating-list{
margin:0;
font-size:14px;
white-space: nowrap;
}

.detail-review .detail-review-overall-rating-list dt,
.detail-review .detail-review-overall-rating-list dd{
display:inline-block;
vertical-align:middle;
margin-left: 0;
color:var(--cmn-font-color-base);;
}

.detail-review .detail-review-overall-rating-list dt .cmn-tip-btn{
margin: -1px 6px 1px 3px;
display: inline-block;
}

.detail-review .detail-review-overall-rating-list dt > span{
font-weight:normal;
font-size:11px;
display:inline-block;
vertical-align: middle;
}

.detail-review .detail-review-overall-rating-list dt > .cmn-faq-hook{
margin-right: 5px;
}

.detail-review .detail-review-overall-rating-list dd > b{
color:#333;
display:inline-block;
vertical-align:middle;
margin-right: 8px;
font-size:14px;
font-weight:normal;
margin-top: -3px;
}

/* .detail-review-site
----------------------------------------------- */
.detail-review .detail-review-site{
margin:15px -10px 2px;
padding:0 10px 5px;
overflow:hidden;
position:relative;
font-size:12px;
}

.detail-review .detail-review-site::before{
content:"";
display:block;
width:100%;
height:1px;
background-color:#e5e5e5;
position:absolute;
left:0;
bottom:5px;
}

.review-agt-list {
background: #f5f5f5;
border-radius: 4px;
margin-top: 15px;
}

.review-agt-list .review-agt-list-sup{
color: #777;
font-size: 11px;
display: block;
margin-top: -5px;
padding: 0 10px 7px;
}

/* .detail-review-site-list
----------------------------------------------- */
.detail-review .detail-review-site-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
white-space:nowrap;
line-height:1;
}

.detail-review .detail-review-site-list > li{
position:relative;
text-align:center;
}

.detail-review .detail-review-site-list > li:not(:first-child)::before{
content:"";
display:block;
width:1px;
height:80%;
background-color:#e5e5e5;
position: absolute;
top:0;
left:0;
}

.detail-review .detail-review-site-list a{
padding:0 8px 7px;
color:#333;
display:block;
}

.detail-review .detail-review-site-list .rating-num{
margin-top:5px;
display:block;
font-size:11px;
font-weight:normal;
}

.detail-review .detail-review-site-list > li.is-active a{
font-weight:bold;
}

.detail-review .detail-review-site-list > li.is-active a::before{
content:"";
display:block;
width:100%;
height:3px;
position: absolute;
bottom:0;
left:0;
background-color:#666;
}

.detail-review .detail-review-site-list > li.is-active a::after{
content:"";
display:block;
width: 0;
height: 0;
position:absolute;
left:calc(50% - 4px);
bottom:-5px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}

/* .detail-review-rating
----------------------------------------------- */
.detail-review .detail-review-rating{
padding:0 10px;
}

/* .detail-review-rating-hook
----------------------------------------------- */
.detail-review .detail-review-rating-hook{
padding:8px 0 8px 15px;
position:relative;
line-height:1;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:11px 11px;
font-size:13px;
}

.detail-review .is-active .detail-review-rating-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.detail-review .is-active .detail-review-rating-hook h2{
font-weight: normal;
}

/* .detail-review-rating-hook-btn
----------------------------------------------- */
.detail-review .detail-review-rating-hook-btn{
padding:0;
border:none;
color:rgba(0, 0, 0, 0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:none;
overflow:hidden;
}

/* .detail-review-rating-content
----------------------------------------------- */
.detail-review .detail-review-rating-content{
margin-bottom:15px;
display:none;
}

.detail-review .is-active .detail-review-rating-content{
display:block;
}

/* .detail-review-rating-list
----------------------------------------------- */
.detail-review .detail-review-rating-list{
margin:3px 0 0;
font-size:12px;
}

.detail-review .detail-review-rating-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
line-height: 1.5;
}

.detail-review .detail-review-rating-list > li:not(:first-child){
margin-top:7px;
}

.detail-review .detail-review-rating-list .filter{
width:100px;
}

.detail-review .detail-review-rating-list .filter > label{
padding-left:25px;
display:block;
position:relative;
cursor:pointer;
}

.detail-review .detail-review-rating-list .filter input[type="checkbox"]{
margin:auto 0;
position: absolute;
top:0;
bottom:0;
left:0;
cursor:pointer;
}

.detail-review .detail-review-rating-list .chart{
border:1px solid #d7d7d7;
color:rgba(0, 0, 0, 0);
position:relative;
box-sizing:border-box;
-webkit-box-flex: 1;
flex: 1;
height:14px;
overflow:hidden;
background-color:#fff;
}

.detail-review .detail-review-rating-list .chart > div{
-webkit-user-select:none;
user-select:none;
background-color:#2d7bc1;
}

.detail-review .detail-review-rating-list .num{
margin-left:15px;
}

.detail-review .detail-review-rating-list > .is-disabled{
color:#ccc;
}

/* .detail-review-article
----------------------------------------------- */
.detail-review .detail-review-article{
margin:0 -10px;
background-color: #f5f5f5;
}

/* .detail-review-article-header
----------------------------------------------- */
.detail-review .detail-review-article-header{
padding:5px 10px;
color:#fff;
line-height:1.35;
font-size:13px;
background-color:#444;
}
.detail-review .detail-review-article-header > .detail-review-article-header-hdg{
font-size: 15px;
font-weight:normal;
}

/* .detail-review-article-header-note
----------------------------------------------- */
.detail-review .detail-review-article-header-note{
margin:0;
position:relative;
font-size:11px;
}

.detail-review .detail-review-article-header-note a{
color: #fff;
text-decoration: underline;
}

.detail-review .info-list{
padding: 0 10px;
font-size: 12px;
color:var(--color-gray);
}

.detail-review .info-list li {
display: block;
text-indent: -9px;
padding-left: 9px
}

.detail-review .info-list .icon-note{
display: inline;
padding-right: 4px;
}

.detail-review .info-list a{
text-decoration: none;
}

.detail-review .info-list .cmn-dashed{
color: #777!important;
}

/* .detail-review-article-content
----------------------------------------------- */
.detail-review .detail-review-article-content{
margin: 12px 10px 0;
padding: 12px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
position: relative;
}

/* .detail-review-article-content-header
----------------------------------------------- */
.detail-review .detail-review-article-content-header{
line-height:1.35;
}

/* .detail-review-article-content-header-hdg
----------------------------------------------- */
.detail-review .detail-review-article-content-header-hdg{
font-size:14px;
font-weight: normal;
}

/* .detail-review-article-content-header-sup
----------------------------------------------- */
.detail-review .detail-review-article-content-header-sup{
margin-top:3px;
font-size:12px;
}

/* .detail-review-article-content-header-list
----------------------------------------------- */
.detail-review .detail-review-article-content-header-list{
margin:0 0 5px;
padding-bottom:5px;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:13px;
}

.detail-review .detail-review-article-content-header-list .agt{
margin:-5px 0 5px 10px;
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.detail-review .detail-review-article-content-header-list .agt-logo{
max-width:80px;
max-height:20px;
vertical-align:middle;
}

.detail-review .detail-review-article-content-header-list .agt-logo img{
max-width:57px;
max-height:100%;
vertical-align:middle;
}


.detail-review .detail-review-article-content-header-list li:last-child{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.detail-review .detail-review-article-content-header-list li:last-child a{
color:var(--link-color);
text-decoration:none;
font-size:12px;
}

/* .detail-review-article-content-header-review-num
----------------------------------------------- */
.detail-review .detail-review-article-content-header-review-num{
font-size:12px;
}
.detail-review .detail-review-article-content-header-review-num > span{
margin-left:2px;
padding:6px 2px;
border-radius:4px 4px 4px 0;
color:#fff;
line-height:1;
display:inline-block;
min-width:25px;
box-sizing:border-box;
background:#003580;
font-size:13px;
text-align:center;
}
.detail-review .detail-review-article-content-header-review-num .review-rate{
display: inline-block;
margin-left: 5px;
vertical-align: middle;
}

/* .detail-review-article-content-header-review-item
----------------------------------------------- */
.detail-review-article-content-header-review-item{
font-size:12px;
margin-top:7px;
}
.detail-review-article-content-header-review-item > .review-rate-score{
font-weight: normal;
font-size: 14px;
vertical-align: middle;
padding-left: 4px;
display: inline-block;
}
.detail-review-article-content-header-review-item .review-rate {
margin-left: 5px;
}
.detail-review-article-txt{
font-size:13px;
margin-top:5px;
line-height:1.6;
}

/* .detail-review-article-content-list
----------------------------------------------- */
.detail-review .detail-review-article-content-list{
line-height:1.6;
font-size:13px;
}

.detail-review .detail-review-article-content-list > li{
padding-left:20px;
position:relative;
background-position:0 1px;
background-repeat:no-repeat;
background-size:16px 15px;
}

.detail-review .detail-review-article-content-list > li:not(:first-child){
margin-top:10px;
}

.detail-review .detail-review-article-content-list > .good{
background-image:url(/element/hotel/shared/images/icon-detail-review-plus.svg);
}

.detail-review .detail-review-article-content-list > .bad{
background-image:url(/element/hotel/shared/images/icon-detail-review-minus.svg);
}

/* .detail-review-article-content-btn-more
----------------------------------------------- */
.detail-review .detail-review-article-content-btn-more,
.detail-review .toggle-btn-open{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
border: 0;
background: none;
position: relative;
padding-left: 17px;
}

.detail-review .detail-review-article-content-btn-more::before,
.detail-review .toggle-btn-open::before{
margin-right:5px;
content:'\02026';
color:#333;
display:inline-block;
vertical-align:bottom;
position: absolute;
top: -3px;
left: 0;
}

/* .detail-review-article-content-btn-close
----------------------------------------------- */
.detail-review .detail-review-article-content-btn-close,
.detail-review .toggle-btn-close{
margin:10px 0 0 auto;
padding:0 0 0 17px;
border:none;
color:#a4a4a4;
position:relative;
line-height:1;
display:table;
background:0 0;
border: 0;
background-color: none;
font-size: 12px;
}

.detail-review .detail-review-article-content-btn-close::before,
.detail-review .toggle-btn-close::before{
content: '';
display: block;
width: 12px;
height: 12px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 center no-repeat;
opacity: .6;
}

/* .detail-review-more
----------------------------------------------- */
.detail-review .detail-review-more{
margin:0 -10px;
}

.detail-review .detail-review-more.is-loading{
border-bottom:none;
}

/* .detail-review-more-btn
----------------------------------------------- */
.detail-review .detail-review-more-btn{
border:none;
width:100%;
height:40px;
margin: 15px -10px 0;
padding: 9px 10px;
font-size: 15px;
text-align: center;
background: none;
}

.detail-review .detail-review-more-btn span{
color:var(--color-gray);
}

/* .detail-review-btn
----------------------------------------------- */
.detail-review .detail-review-btn{
margin:20px 0 0;
text-align:center;
}

.detail-review .detail-review-btn > a{
margin: 0 auto;
padding: 12px 10px;
color: #555;
display: block;
max-width: 295px;
line-height: 1.25;
font-size: 14px;
border-radius: 6px;
box-shadow: 0 0 4px rgb(0 0 0 / 30%);
background-color: #fff;
text-decoration: none;
}

.detail-review .detail-review-btn > span{
margin-top:8px;
color:var(--color-gray);
display:block;
font-size:11px;
}

.icon-blank {
margin: 0 0 1px 4px;
padding-top: 10px;
overflow: hidden;
display: inline-block;
width: 10px;
height: 0;
position: relative;
top: 1px;
background: url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
}

/* .review-error
----------------------------------------------------------------- */
.review-error{
border: 1px solid #ccc;
font-size: 14px;
text-align: left;
padding: 10px 15px;
margin:10px 0 36px;
}
.review-error-hdg{
display: block;
font-weight: bold;
margin-bottom: 3px;
}

/* ----------------------------------------------------------------
.detail-info-toggle
----------------------------------------------------------------- */
/* .detail-info-toggle
----------------------------------------------- */
.detail-info-toggle {
position: relative;
margin: 12px 0 16px;
line-height: 1.5;
font-size: 14px;
}

.detail-info-toggle p {
margin: 0;
display: inline;
}

.detail-info-toggle p + p {
margin-top: 10px;
}

.detail-info-toggle .detail-info-toggle-item {
display: none;
}

.detail-info-toggle.is-active {
padding-bottom: 1.4em;
}

.detail-info-toggle.is-active > p {
display: none;
}

.detail-info-toggle.is-active .detail-info-toggle-item {
display: block;
}

/* .detail-info-toggle-hook
----------------------------------------------- */
.detail-info-toggle .detail-info-toggle-hook {
color: #a4a4a4;
font-size: 13px;
text-decoration: none;
display: inline-block;
background-color: #fff;
}

.detail-info-toggle .detail-info-toggle-hook > span {
position: relative;
padding-left: 5px;
display: inline-block;
background-size: 14px;
}

.detail-info-toggle.is-active .detail-info-toggle-hook {
position: absolute;
right: 5px;
bottom: 2px;
}

.detail-info-toggle.is-active .detail-info-toggle-hook > span {
padding-left: 20px;
}

.detail-info-toggle.is-active .detail-info-toggle-hook > span::before {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
width: 14px;
height: 14px;
background: url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 50% no-repeat;
background-size: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: .66;
}

/* .detail-translation
----------------------------------------------- */
.detail-translation {
margin-bottom: 15px;
}

/* .detail-translation-link
----------------------------------------------- */
.detail-translation .detail-translation-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: -15px;
}

.detail-translation .detail-translation-link > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 10px;
text-decoration: none;
color: #06c;
}

/* .detail-translation-btn
----------------------------------------------- */
.detail-translation .detail-translation-btn {
width: 100%;
height: 41px;
font-size: 15px;
color:var(--cmn-font-color-base);
border: 1px solid #bbb;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: 0 -3px 0 0 #e5e5e5 inset;
box-shadow: 0 -3px 0 0 #e5e5e5 inset;
}

/* ----------------------------------------------------------------
.detail-google-map
----------------------------------------------------------------- */
/* .detail-google-map
----------------------------------------------- */
.detail-google-map {
text-align: right;
}

/* .detail-google-map-view
----------------------------------------------- */
.detail-google-map .detail-google-map-view {
margin: -10px -10px 8px;
height: 200px;
text-align: left;
}

/* .detail-google-map-btn
----------------------------------------------- */
.detail-google-map .detail-google-map-btn {
padding: 8px 10px 7px 25px;
border: 1px solid #bbb;
border-radius: 3px;
color: #555;
text-decoration: none;
display: inline-block;
background: url(/element/hotel/shared/images/icon-pin-gray.svg) 10px 50% no-repeat;
background-size: 10px auto;
font-size: 12px;
}

/* ----------------------------------------------------------------
.detail-facility-info
----------------------------------------------------------------- */
/* .detail-facility-info
----------------------------------------------- */
.detail-facility-info > div:first-child {
display: inline-block;
position: relative;
padding-right: 10px;
}

.detail-facility-info > div:first-child:after {
content: ':';
position: absolute;
right: 3px;
top: 0;
}

.detail-facility-info > div:last-child > :first-child {
margin-top: 0;
}

/* ----------------------------------------------------------------
.review
----------------------------------------------------------------- */
/* .review-list
----------------------------------------------- */
.review-list {
margin-bottom: 0;
font-size: 12px;
}

.review-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 4px;
}

.review-list > li > div {
line-height: 1.2;
}

.review-list > li > div:first-child {
padding-right: 20px;
width: 5.5em;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
white-space: nowrap;
}

.review-list > li > div:first-child:after {
content: ':';
display: block;
position: absolute;
top: 0;
right: 5px;
}

.detail-header .review-list > li > div:first-child:after,
.map-view-item .review-list > li > div:first-child:after{
display: none;
}

.review-list > li > div:last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 11px;
}

.review-list > li > div:last-child::before{
content:':';
margin-right:3px;
}

.review-list .cmn-faq-hook {
vertical-align: top;
}

.search-result-item .review-list {
margin-top: -2px;
}

.map-view-item .review-list {
margin: 3px 0 3px 0;
font-size: 10px;
color:var(--cmn-font-color-base);
}

.map-view-item .review-list .review-rate-score {
font-size: 11px;
padding-right: 4px;
}

.map-view-item .review-list .review-list-num{
display: inline-block;
padding-left:5px;
}

.detail-header .review-list{
margin-top: 5px;
}

.detail-header .review-list > li > div:first-child{
width: 6.5em;
white-space: nowrap;
position: relative;
}

.detail-header .review-list > li > div .cmn-faq-hook{
position: absolute;
right: 5px;
top: 50%;
margin-top: -8px;
}

/* .review-toggle
----------------------------------------------- */
.review-toggle {
position: relative;
}

.review-toggle .review-toggle-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.review-toggle .review-toggle-hook {
margin: 0 0 1px 10px;
padding: 0 0 0 15px;
border: none;
color:var(--color-gray);
white-space: nowrap;
line-height: 12px;
font-size: 12px;
background: url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size: 12px;
}

.review-toggle .review-toggle-item {
display: none;
}

.review-toggle.is-active .review-toggle-hook {
background-image: url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

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

/* .review-site-list
----------------------------------------------- */
.review-site-list {
margin:0;
padding: 5px 10px 9px;
border-radius: 3px;
overflow: hidden;
background-color: #f5f5f5;
font-size: 12px;
}

.review-site-list > li {
margin: 3px 0 3px 4%;
width: 48%;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.review-site-list > li:nth-child(2n+1) {
margin-left: 0;
clear: both;
}

.review-site-list > li > span:first-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.review-site-list > li > span:last-child {
padding-left: 5px;
width: 3em;
text-align: left;
}

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

.review-site-list > li a{
text-decoration: none;
}

.detail-review-header .review-site-list {
padding: 0;
background-color: transparent;
}

.review-site-list > .review-agt-list-sup{
display: block;
width: 100%;
font-size: 11px;
color: #949494;
margin: 7px 0 0 0;
}

.review-agt-list .review-site-list > li.disabled {
color: #ccc;
}

.review-agt-list .review-site-list > li.disabled {
color: #ccc;
}

.review-agt-list .review-site-list > li > div{
width:100px;
}

.review-agt-list .review-site-list > li > div:last-child{
width:auto;
}

.review-agt-list .review-site-list > li > div:last-child::before{
content:'\0FF1A';
}

/* ----------------------------------------------------------------
.plan
----------------------------------------------------------------- */
/* .plan
----------------------------------------------- */
.plan {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.35;
font-size: 12px;
}

/* .plan-link
----------------------------------------------- */
.plan .plan-link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
color:var(--cmn-font-color-base);
display: block;
text-decoration: none;
margin-left: 8px;
}

/* .plan-link-header
----------------------------------------------- */
.plan .plan-link-header {
position: relative;
padding-right: 18px;
}

.plan .plan-link-header:before {
margin-top: -8px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #555;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: 2px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* .plan-link-hdg
----------------------------------------------- */
.plan .plan-link-hdg {
font-size: 15px;
line-height: 1.15;
word-wrap:break-word;
word-break:break-all;
}

/* .plan-detail
----------------------------------------------- */
.plan .plan-detail {
margin: 2px 0 0;
font-size: 12px;
display: inline-block;
}

.plan .plan-detail > li:not(:last-child):after {
content: '/';
margin: 0 3px;
}

.plan .plan-detail > li img {
width: 15px;
vertical-align: top;
}

/* .plan-price
----------------------------------------------- */
.plan .plan-price .plan-price-tbl {
margin-top:0;
}

.plan .plan-price .plan-price-tbl > li{
display: flex;
width: 100%;
align-items: baseline;
}

.plan .plan-price .plan-price-tbl > li:nth-child(n + 3) .plan-desc{
color:#777;
}

.plan .plan-price .plan-price-tbl > li .cmn-faq-hook{
margin-top: -2px;
margin-left: 4px;
}

.plan .plan-price .plan-price-tbl > li > div {
font-size: 12px;
line-height: 1;
padding-bottom:4px;
flex-grow: 1;
}

.plan .plan-price .plan-price-tbl .plan-desc {
text-align: left;
font-weight: normal;
line-height:1.2;
}

.plan .plan-price .plan-price-tbl .plan-item {
text-align: right;
white-space: nowrap;
min-width: 98px;
}

.plan .plan-price .plan-price-tbl .plan-item .price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
white-space:nowrap;
align-items: flex-end;
}

.plan .plan-price .plan-price-tbl .plan-item .price > span:not([class]) + * {
margin-left: 2px;
font-family:Arial;
}

.plan .plan-price .plan-price-tbl .plan-item .price > b:not([class]) {
font-size: 18px;
display: inline-block;
line-height: 1;
}

[lang="ko"] .plan .plan-price .plan-price-tbl .plan-desc {
line-height: 1.25;
}

/* .search-result-item-plan-under
----------------------------------------------- */
.search-result-item-plan-under{
display: table;
width:100%;
margin-top:2px;
}

.search-result-item-plan-under > div{
display:table-cell;
}

.search-result-item-plan-under .plan-price-btn {
text-align:left;
}

.search-result-item-plan-under .plan-price-btn button {
padding:1px 4px 0;
border: 1px solid #bbb;
border-radius: 3px;
color: var(--cmn-font-color-base);
height: 24px;
line-height: 1.25;
background-color: #fff;
font-size: 12px;
}

.search-result-item-plan-under > .plan-price-agt{
text-align:right;
white-space:nowrap;
vertical-align:top;
font-size:12px;
}

/* .plan-agent
----------------------------------------------- */
.plan .plan-agent {
width: 70px;
}

.plan .plan-agent img {
width: 70px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
border: 1px solid #e2e2e2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .plan-providor
----------------------------------------------- */
.plan .plan-provider {
display: block;
margin-top: 3px;
font-size: 10px;
color: #888;
line-height: 1.2;
}

.plan .plan-provider > [role="button"] {
display: block;
margin-top: 4px;
}

/* ----------------------------------------------------------------
  payment-info
----------------------------------------------------------------- */
/* .payment-info
----------------------------------------------- */
.payment-info{
margin:7px 0 4px;
font-size:10px;
clear: both;
}
.detail-plan .detail-plan-item .payment-info{
margin:8px 0 0;
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.search-result-item .payment-info-list,
.detail-plan-item .detail-plan-item-inner .payment-info-list,
.plan-select-item .payment-info-list,
.detail-plan .detail-plan-item .payment-info-list{
margin:0 0 3px;
}
.payment-info-list > li:not(:last-child){
margin-right:20px;
}
.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:#333;
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
text-align: left;
}
.payment-info-list > li:not(:last-child) button{
white-space:nowrap;
}
.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-up.svg);
position: relative;
}
.payment-info-list button[aria-selected="true"]::after{
content:'';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 6px 9px;
border-color: transparent transparent #f5f5f5 transparent;
bottom: -3px;
left: 50%;
margin-left: -9px;
}
:lang(en) .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom:-10px;
}
:lang(ko) .payment-info-list li:nth-child(1) button[aria-selected="true"]::after,
:lang(ko) .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom:-12px;
}
@media screen and (max-width: 368px){
:lang(en) .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom:-3px;
}
:lang(ko) .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom:-3px;
}
:lang(zh-cmn-Hans) .payment-info-list li:nth-child(1) button[aria-selected="true"]::after,
:lang(zh-cmn-Hans) .payment-info-list li:nth-child(2) button[aria-selected="true"]::after{
bottom:-12px;
}
}
@media screen and (max-width: 325px){
:lang(en) .payment-info-list li:nth-child(1) button[aria-selected="true"]::after,
:lang(en) .payment-info-list li:nth-child(2) button[aria-selected="true"]::after{
bottom:-9px;
}
}
@media screen and (max-width: 400px){
:lang(zh-cmn-Hant-TW) .payment-info-list li:nth-child(1) button[aria-selected="true"]::after,
:lang(zh-cmn-Hant-TW) .payment-info-list li:nth-child(2) button[aria-selected="true"]::after,
:lang(zh-cmn-Hant-HK) .payment-info-list li:nth-child(1) button[aria-selected="true"]::after,
:lang(zh-cmn-Hant-HK) .payment-info-list li:nth-child(2) button[aria-selected="true"]::after{
bottom:-12px;
}
}
.payment-info-list button > span{
color:#e93939;
}
.payment-info-list button > span.payment-info-list-br{
color:#333;
display:block;
}
.payment-info-list .no-icon button,
.payment-info-list .no-icon button[aria-selected="true"]{
background: none;
}
.pseudo-content-lyt-footer .payment-info-list button{
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size:8px auto;
height:38px;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-down.svg);
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:nth-child(2) button{
white-space:nowrap;
}

/* .payment-info-content
----------------------------------------------- */
.payment-info-content{
padding:8px;
border-radius:4px;
display:none;
background-color:#F5f5f5;
font-size:12px;
}
.payment-info-content.is-active{
display:block;
}
.payment-info-content > p{
margin:8px 0;
}
.payment-info-content > *:first-child{
margin-top:0;
}
.payment-info-content > *:last-child{
margin-bottom:0;
}

/* .payment-info-content-list
----------------------------------------------- */
.payment-info-content-list{
margin-bottom:0;
}
.payment-info-content-list > li{
display:-webkit-box;
display:flex;
font-size: 12px;
}
.payment-info-content-list > li:not(:first-child){
margin-top:2px;
}
.payment-info-content-list > li > div:first-child{
margin-right:5px;
min-width:9.5em;
position:relative;
}
:lang(ko) .payment-info-content-list > li > div:first-child{
min-width:5em;
}
:lang(zh-cmn-Hant-TW) .payment-info-content-list > li > div:first-child,
:lang(zh-cmn-Hant-HK) .payment-info-content-list > li > div:first-child,
:lang(zh-cmn-Hans) .payment-info-content-list > li > div:first-child{
min-width:4.75em;
}
.payment-info-content-list > li > div:first-child::after{
content:':';
display:block;
position:absolute;
top:0;
right:0;
}
.payment-info-content-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .payment-info-note
----------------------------------------------- */
.payment-info-note{
font-size: 11px;
color:var(--color-gray);
margin: 3px 0;
}
.payment-info-note .incld-brt li::before{
content: '\0203B';
}
.payment-info-note > .cmn-tip-caution-btn{
text-indent: 0;
}
.pseudo-content-lyt-footer .payment-info-note{
margin: 3px 0 0;
}

/* .payment-info-content-more
----------------------------------------------- */
.payment-info-content-more{
text-align:right;
}

/* .payment-info-content-list-symbol
----------------------------------------------- */
.payment-info-content-list-symbol > li{
display:-webkit-box;
display:flex;
}
.payment-info-content-list-symbol > li:not(:first-child){
margin-top:4px;
}
.payment-info-content-list-symbol > li > span{
margin-right:5px;
}
.payment-info-content-list-symbol > li > div{
-webkit-box-flex:1;
flex:1;
}
.payment-info-content-list-symbol strong{
color:#e93939;
font-weight:normal;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl{
display: table;
margin-top: 3px;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell{
display: table-cell;
width: 12em;
}
.payment-info-content-list-symbol > li > div .payment-info-content-list-tbl-cell:last-child{
width: auto;
}

/* .plan-info-content-list-cancel
----------------------------------------------- */
.plan-info-content-list-cancel{
margin-top:4px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}

.plan-info-content-list-cancel > li{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.plan-info-content-list-cancel > li > div{
padding:3px 8px;
}

.plan-info-content-list-cancel > li > div:first-child{
border-right:1px solid #ddd;
width:56%;
position:relative;
}

.plan-info-content-list-cancel > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

:lang(en) .plan-info-content-list-cancel > li >div:first-child{
width:165px;
box-sizing:border-box;
}

/* .plan-info-content-note
----------------------------------------------- */
.plan-info-content-note{
color:var(--color-gray);
display:block;
}

.plan-info-content-note::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

:lang(en) .plan-info-content-note::before{
margin-right:4px;
content:'*';
display:inline-block;
}

/* .plan-info-content-note-inline
----------------------------------------------- */
.plan-info-content-note-inline{
color:var(--color-gray);
}

.plan-info-content-note-inline::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

:lang(en) .plan-info-content-note-inline::before{
margin-right:4px;
content:'*';
display:inline-block;
}

/* .plan-info-content-note-block
----------------------------------------------- */
.plan-info-content-note-block{
color:var(--color-gray);
display:block;
}

.plan-info-content-note-block::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

:lang(en) .plan-info-content-note-block::before{
margin-right:4px;
content:'*';
display:inline-block;
}

.payment-info-content > p > .plan-info-content-note-block{
margin-top:4px;
padding-left:16px;
text-indent:-7px;
}

:lang(en) .payment-info-content > p > .plan-info-content-note-block{
padding-left:10px;
text-indent:-4px;
}

/* .info-note-inline
----------------------------------------------- */
.info-note-inline{
color:var(--color-gray);
text-indent:0;
}
.info-note-inline::before {
margin-right: 4px;
content: '\203b';
display: inline-block;
}
:lang(en) .info-note-inline::before {
margin-right: 4px;
content: '*';
display: inline-block;
}

/* .info-note-block
----------------------------------------------- */
.info-note-block{
color:var(--color-gray);
text-indent:0;
display:block;
}
.info-note-block::before {
margin-right: 4px;
content: '\203b';
display: inline-block;
}
:lang(en) .info-note-block::before {
margin-right: 4px;
content: '\203b';
display: inline-block;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info{
margin:0 -10px;
padding:12px 10px 0;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
flex-direction:column-reverse;
background-color:#d5d5d5;
border-top:1px solid #c3c3c3;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content-lyt-footer .pseudo-sticky {
margin: 0 -10px;
position: static;
width: auto;
padding:12px 10px;
bottom: 0;
left: 0;
z-index: 1;
box-sizing: border-box;
background-color:#d5d5d5;
}
.pseudo-content-lyt-footer .reservation-sticky-btn {
padding: 2px 5px 3px;
color: #fff;
line-height: 1.55;
font-size: 14px;
border: none;
background-color:var(--button-color);
border-radius: 4px;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
min-height: 44px;
width: 85%;
margin: auto;
}
@media screen and (max-width: 320px){
.pseudo-content-lyt-footer .reservation-sticky-btn {
width: 90%;
}
}
.pseudo-content-lyt-footer .pseudo-sticky .pseudo-sticky-btn-list{
margin-top: 0;
}

/* .lyt-suggest
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt{
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
margin:0 -10px;
padding:0 10px 0;
-webkit-box-flex:1;
flex:1;
overflow-y:scroll;
scrollbar-width:none;
}
.pseudo-content .pseudo-content-lyt-content{
margin: 0 -10px;
padding: 0 10px 20px;
-webkit-box-flex: 1;
flex: 1;
overflow-y: scroll;
scrollbar-width: none;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.pseudo-content-lyt-footer{
position: fixed;
bottom: 0;
margin: 0 10px 0 0;
width : -webkit-calc(100% - 20px) ;
width : calc(100% - 20px) ;
}
#Area_pop_city_page .pseudo-content-lyt-footer{
position:static;
bottom:inherit;
margin:0;
width :100%;
}
.pseudo-content .pseudo-content-lyt.lyt-suggest .pseudo-content-lyt-footer{
position: static;
margin: 0;
width: auto;
}

/* .pseudo-content-lyt-footer > .payment-info-content
------------------------ */
.pseudo-content-lyt-footer .payment-info-content{
margin-bottom:15px;
border-radius:0;
background-color:#fff;
line-height:1.35;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
position: relative;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 9px 0 9px;
border-color: #fff transparent transparent transparent;
position: absolute;
top: -15px;
left: 50%;
margin-left: -9px;
}
@media screen and (max-width: 360px){
:lang(en) .pseudo-content-lyt-footer .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom: inherit;
top: -15px;
}
:lang(ko) .pseudo-content-lyt-footer .payment-info-list li:nth-child(3) button[aria-selected="true"]::after{
bottom: inherit;
top: -15px;
}
}

/* .app-pseudo-content-lyt-footer
----------------------------------------------- */
.cmn-tip-container.fee-detail-tip{
margin-bottom:320px;
}
.cmn-pseudo .cmn-tip-container.fee-detail-tip{
margin-bottom:320px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer{
border-top: 1px solid #ddd;
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
padding: 0 10px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .pseudo-sticky{
background-color: rgb(255, 255, 255, .8);
border-top: 0;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info{
padding: 12px 10px 0;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .pseudo-sticky{
padding: 15px 10px 15px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info + .pseudo-sticky{
padding-top: 7px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list button{
font-size: 12px;
height:38px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:last-child{
margin-right: 0;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-content{
border: 1px solid #bbb;
margin-bottom:10px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 11px 0 11px;
border-color: #bbb transparent transparent transparent;
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 10px 0 10px;
border-color: #fff transparent transparent transparent;
position: absolute;
top: -11px;
left: 50%;
margin-left: -9px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .reservation-sticky-btn{
width:100%;
font-size: 18px;
-webkit-box-shadow: inherit;
box-shadow: inherit;
min-height: 45px;
text-shadow:inherit;
}

@media screen and (max-width: 320px){
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list button{
white-space: normal;
text-align: left;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:first-child button{
white-space: nowrap;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(ko) .payment-info-list li:first-child button[aria-selected="true"]::before,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:first-child button[aria-selected="true"]::before {
top: -18px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(ko) .payment-info-list li:first-child button[aria-selected="true"]::after,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:first-child button[aria-selected="true"]::after {
top: -19px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hant-TW) .payment-info-list li:first-child button[aria-selected="true"]::before,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hant-HK) .payment-info-list li:first-child button[aria-selected="true"]::before,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hans) .payment-info-list li:first-child button[aria-selected="true"]::before{
top: -10px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hant-TW) .payment-info-list li:first-child button[aria-selected="true"]::after,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hant-HK) .payment-info-list li:first-child button[aria-selected="true"]::after,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(zh-cmn-Hans) .payment-info-list li:first-child button[aria-selected="true"]::after{
top: -11px;
}
}

/* for APP .pseudo-content-lyt-footer
----------------------------------------------- */
@media screen and (max-width: 320px){
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(ko) .payment-info-list li:first-child button[aria-selected="true"]::before,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:first-child button[aria-selected="true"]::before {
top: -10px;
}
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer:lang(ko) .payment-info-list li:first-child button[aria-selected="true"]::after,
.pseudo-content-lyt-footer.app-pseudo-content-lyt-footer .payment-info-list li:first-child button[aria-selected="true"]::after {
top: -11px;
}
.payment-info-list > li{
margin-right:10px;
}
}

/* .pseudo-content-lyt
----------------------------------------------- */
.pseudo-price .pseudo-content-lyt{
margin:0 0 -10px;
padding:0;
height:100vh;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

/* .pseudo-content-lyt-header
----------------------------------------------- */
.pseudo-content-lyt-header{
z-index: 1;
position: -webkit-sticky;
position: sticky;
top: 0;
}

/* .pseudo-content-lyt-content
----------------------------------------------- */
.pseudo-price .pseudo-content-lyt-content{
margin:0 -10px;
padding:0 10px 320px;
}

/* ----------------------------------------------------------------
plan-notice
----------------------------------------------------------------- */
/* .plan-notice
----------------------------------------------- */
.plan-notice {
margin-bottom: -4px;
font-size: 12px;
color:var(--color-gray);
line-height: 1.2;
}

.plan-notice > li {
position: relative;
padding-left: 15px;
}

.plan-notice > li::before {
content: '';
position: absolute;
left: 5px;
top: 5px;
display: block;
width: 3px;
height: 3px;
border-radius: 100%;
background-color: #808080;
}

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

.plan-notice > li a {
color:var(--color-gray);
}

.search-result .plan-notice {
margin: 11px 0 -7px;
}

/* ----------------------------------------------------------------
Index Content Modules
----------------------------------------------------------------- */
/* .index-about-travelko
----------------------------------------------- */
.index-about-travelko{
padding:20px 0;
text-align:center;
background:rgba(0,0,0,.8);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color:#fff;
}

.index-about-travelko p{
font-size: 14px;
text-align: left;
}

/* .index-about-travelko-head
----------------------------------------------- */
.index-about-travelko-head{
padding:0 15px 20px;
}

.index-about-travelko-hdg{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
text-align:left;
border-bottom:1px solid rgba(255,255,255,.5);
padding-bottom:5px;
}

/* .index-about-travelko-head
----------------------------------------------- */
.index-about-travelko-list{
padding: 16px 18px 0;
}

.index-about-travelko-list-hdg{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
text-align:left;
border-bottom:1px solid #999;
padding-bottom:5px;
}

.index-about-travelko-list .index-about-travelko-list-hdg + ul > li{
margin-bottom:36px;
}

.index-about-travelko-list .index-about-travelko-list-hdg + ul > li:last-child{
margin-bottom:0;
}

.index-about-travelko-list .list-hdg{
position:relative;
text-align:left;
font-weight: bold;
font-size: 14px;
margin-bottom:5px;
}

.index-about-travelko-list .list-hdg > .list-num{
display: inline-block;
font-size:17px;
color:#fff;
font-weight:bold;
padding-right:8px;
}

.about-logo-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.about-logo-list li{
width:calc(33% - 3px) ;
margin: 5px 0 0 5px;
line-height: 1;
box-sizing: border-box;
font-size: 12px;
border:1px solid #fff;
background-color:#fff;
border-radius:3px;
}

.about-logo-list li:nth-child(3n+1) {
margin-left: 0;
}

.about-logo-list li:last-child{
text-align: left;
border:0;
padding-top: 23px;
background:none;
}

.about-logo-list li img{
max-height:27px;
margin:4px auto;
}

.about-img{
text-align: center;
margin-top:10px;
}

/* .index-about-info-02
----------------------------------------------- */
.index-about-info-02 {
display:table;
width:100%;
}

.index-about-info-02 > li{
display:table-cell;
width:30%;
padding-left:10px;
vertical-align:top;
}

.index-about-info-02 > li:first-child{
width:40%;
padding-left:0;
}

.index-about-info-02 > li > div{
background:#fff;
border-radius:4px;
color:#012F5F;
padding:3px;
box-sizing: border-box;
height:70px;
}

.modal-about-travelko-list .index-about-info-02 > li > div{
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 24%);
}

.index-about-info-02 > li > div > span{
display:block;
text-align: center;
line-height:1.4;
font-size:14px;
}

.index-about-info-02 .index-about-info-hdg{
background:#0A4684;
color:#fff;
font-size:10px;
text-align:center;
border-radius:2px;
margin-bottom:5px;
}

.index-about-info-02 .index-about-info-txt-01{
font-weight:bold;
}

.index-about-info-02 .index-about-info-txt-02{
font-size:16px;
font-weight:bold;
}

.index-about-info-02 .index-about-info-txt-03{
margin:20px 0 2px 0;
font-size:12px;
}

.index-about-info-02 .index-about-info-txt-04{
margin:0 0 3px 0;
}

.index-about-info-02 .index-about-info-txt-05{
font-size: 12px;
margin:7px 0 0 0;
}

/* .index-content
----------------------------------------------- */
.index-content {
margin: 0 -10px -75px;
padding: 15px 10px 62px;
background-color: #f3f3f3;
}

/* .seo-area
----------------------------------------------- */
.seo-area {
margin: 0 0 -75px;
padding:20px 10px 62px;
background-color:rgba(14,30,62,.9);
color:#fff;
position: relative;
}
.seo-area::before{
content:'';
position: absolute;
left:0;
top:0;
display:flex;
width:100%;
height:100%;
box-sizing: border-box;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}

/* .index-hdg-l2
----------------------------------------------- */
.index-content .index-hdg-l2 {
font-size: 17px;
}

/* .index-hdg-l3
----------------------------------------------- */
.index-content .index-hdg-l3 {
margin: 16px 0 5px;
font-size: 15px;
}

/* .index-tab
----------------------------------------------- */
.index-content .index-tab {
margin: 1px -10px 0;
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.index-content .index-tab > li {
width: 25%;
padding: 5px 0 0 5px;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.index-content .index-tab > li:nth-child(4n+1) {
padding-left: 0;
}

.index-content .index-tab > li > 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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
min-height:45px;
font-size: 13px;
color:var(--cmn-font-color-base);
text-align: center;
text-decoration: none;
background-color: #fff;
border-radius: 3px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3);
word-break: brteak-all;
}

.index-content .index-tab > li.is-active > a {
color: #fff;
background-color: #888;
-webkit-box-shadow: none;
box-shadow: none;
}

/* .index-link-list
----------------------------------------------- */
.index-content .index-link-list {
margin: 0 -10px;
}

.index-content .index-link-list > li > a {
padding: 10px 25px 9px 10px;
border-bottom: 1px solid #e0e0e0;
color:var(--cmn-font-color-base);
display: block;
position: relative;
text-decoration: none;
}

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

.index-hdg-l3 + .index-link-list {
border-top: 1px solid #e0e0e0;
}

/* .faq-link
----------------------------------------------- */
.faq-link:not(:root) {
margin: 0 -10px;
padding: 10px 10px 9px;
border-bottom: 1px solid #e0e0e0;
color:var(--color-gray);
display: block;
text-align: right;
text-decoration: none;
font-size: 15px;
line-height: 1.45;
}

.faq-link:not(:root):before {
margin: -3px 5px 0 0;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #555;
content: '';
height: 5px;
width: 5px;
display: inline-block;
vertical-align: middle;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* .hdg-sup
----------------------------------------------- */
.hdg-sup {
font-size:12px;
color:var(--color-gray);
border-bottom: 1px solid #e5e5e5;
margin: 0 -10px;
padding: 7px 10px;
display: block;
}

.index-hdg-l2 + .hdg-sup{
margin:4px 0 4px;
padding:0 10px 5px 0;
}

/* .seo-card
----------------------------------------------- */
.seo-area .seo-card{
margin-top:12px;
padding:12px;
border-radius:6px;
line-height:1.42;
color:#fff;
border:1px solid rgba(255,255,255,.5);
z-index: 1;
position: relative;
}

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

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

.seo-area .seo-card .notice-list > li{
color:#aaa;
}

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

/* .seo-card-hdg
----------------------------------------------- */
.seo-area .seo-card-hdg{
margin-bottom:5px;
line-height:1.25;
font-size:16px;
font-weight:normal;
}

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

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

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

/* .seo-card-toggle-btn
----------------------------------------------- */
.seo-card-toggle-btn{
padding:12px 0;
border:none;
border-top:1px solid rgba(255,255,255,.5);
width:100%;
background:transparent;
font-size:14px;
text-align:center;
color:#fff;
margin-bottom:-12px;
}

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

.seo-area .seo-card-toggle-btn > span{
background:url(/element/shared/images/icon/icon-chevron-down-wht.svg) 0 50% no-repeat;
background-size:12px;
}

.seo-area .seo-card-toggle.is-active .seo-card-toggle-btn > span{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
background-size:12px;
}

/* .seo-card-list
----------------------------------------------- */
.seo-area .seo-card-list{
margin:0;
}

.seo-area .seo-card-list > li{
border-top:1px solid rgba(255,255,255,.5);
}

.seo-area .seo-card-list > li > a,
.seo-area .seo-card-list > li[aria-expanded] > button{
padding:4px 0;
color:#fff;
box-sizing:border-box;
position:relative;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-area .seo-card-list > li[aria-expanded] > button{
padding-right:20px;
border:none;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
text-align:left;
font-size:14px;
}

.seo-area .seo-card-list > li[aria-expanded='true'] > button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

.seo-area .seo-card-list > li[aria-expanded='false'] .seo-card-list{
display:none;
}

.seo-area .seo-card-list > li[aria-expanded='true'] .seo-card-list{
display:block;
}

.seo-area .seo-card-list > li[aria-expanded] .seo-card-list a{
padding-left:14px;
}

.seo-area .seo-card-list > li[aria-expanded] .seo-card-list .seo-card-list a{
padding-left:28px;
}

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

/* ----------------------------------------------------------------
  .seo-popular-hotel
----------------------------------------------------------------- */
/* .seo-popular-hotel
----------------------------------------------- */
.seo-popular-hotel{
padding-bottom:12px;
line-height:1.25;
font-size:12px;
}

/* .seo-popular-hotel-tab
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-tab{
margin:0 -12px 10px;
position:relative;
}

.seo-popular-hotel .seo-popular-hotel-tab::after{
content:'';
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:linear-gradient(to right, rgba(21,45,75,0) 0%, rgba(21,45,75,1) 80%);
}

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

.seo-popular-hotel .seo-popular-hotel-tab-inner::-webkit-scrollbar{
display:none;
}

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

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

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

.seo-popular-hotel .seo-popular-hotel-tab button{
padding:0 0 10px;
border:none;
position:relative;
background:transparent;
font-size:14px;
background:none;
color:#fff;
}

.seo-popular-hotel .seo-popular-hotel-tab button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:2px;
min-width:2em;
overflow:hidden;
position:absolute;
bottom:2px;
right:50%;
transform:translateX(50%);
background-color:#fff;
}

/* .seo-popular-hotel-tab-01
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-tab-01{
margin:17px -12px 8px;
position:relative;
}

.seo-popular-hotel .seo-popular-hotel-tab-01::after{
content:'';
display:block;
width:20px;
height:100%;
overflow:hidden;
position:absolute;
top:0;
right:0;
background:linear-gradient(to right, rgba(21,45,75,0) 0%, rgba(21,45,75,1) 80%);
}

/* .seo-popular-hotel-tab-01-inner
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-tab-01-inner{
overflow-x:auto;
overflow-y:hidden;
}

.seo-popular-hotel .seo-popular-hotel-tab-01-inner::-webkit-scrollbar{
display:none;
}

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

.seo-popular-hotel .seo-popular-hotel-tab-01 ul > li{
margin-right:4px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.seo-popular-hotel .seo-popular-hotel-tab-01 ul > li:last-child{
margin-right:0;
padding-right:30px;
}

.seo-popular-hotel .seo-popular-hotel-tab-01 button{
padding:2px 12px;
border:1px solid rgba(255,255,255,.4);
border-radius:50px;
height:30px;
font-size:12px;
color:#fff;
background:none;
}

.seo-popular-hotel .seo-popular-hotel-tab-01 button[aria-selected="true"]{
border:1px solid #fff;
}

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

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

/* .seo-popular-hotel-tabpanel-01
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-tabpanel-01{
display:none;
}

.seo-popular-hotel .seo-popular-hotel-tabpanel-01.is-active{
display:block;
}

/* .seo-popular-hotel-hdg
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-hdg{
margin:12px 0 8px;
}

/* .seo-popular-hotel-list
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-list{
margin:0;
font-size:12px;
}

.seo-popular-hotel .seo-popular-hotel-list > li > a{
padding:8px 0;
color:var(--cmn-color-font-base);
border-bottom:1px solid rgba(255,255,255,.4);
display:block;
}

.seo-popular-hotel .seo-popular-hotel-list div{
margin-bottom:4px;
}

.seo-popular-hotel .seo-popular-hotel-list div > span{
margin-left:4px;
}

/* .seo-popular-hotel-list-01
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-list-01{
margin:0;
border-top:1px solid #e5e5e5;
box-shadow:0 -1px 0 #e5e5e5 inset;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
flex-wrap:wrap;
}

.seo-popular-hotel .seo-popular-hotel-list-01 > li{
width:33.3333%;
display:-webkit-box;
display:flex;
}

.seo-popular-hotel .seo-popular-hotel-list-01 > li > a{
padding:2px 8px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#e5e5e5;
color:var(--cmn-color-font-base);
box-sizing:border-box;
min-height:40px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-flex:1;
flex:1;
}

.seo-popular-hotel .seo-popular-hotel-list-01 > li:nth-child(3n) > a{
border-right:none;
}

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

/* .seo-popular-hotel-review
----------------------------------------------- */
.seo-popular-hotel .seo-popular-hotel-review{
margin:0;
}

.seo-popular-hotel .seo-popular-hotel-review > li{
margin-top:2px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo-popular-hotel .seo-popular-hotel-review > li > span{
margin-left:4px;
}

.seo-popular-hotel .seo-popular-hotel-review > li > span:first-child{
margin-left:0;
width:6.5em;
}

/* .link-all
----------------------------------------------- */
.seo-area .link-all {
margin: 0 -10px;
padding: 10px 10px 0;
text-align: right;
color:#fff;
font-size:14px;
}

.seo-area .link-all a{
color:#fff;
font-size:14px;
--cmn-dashed-grad: linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color: #fff;
--cmn-dashed-size: 6px 1px;
--cmn-dashed-font-color:#fff;
background: var(--cmn-dashed-grad);
background-size: var(--cmn-dashed-size);
text-decoration: none !important;
}

/* ----------------------------------------------------------------
Pseudo Content Modules
----------------------------------------------------------------- */
/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-hdg-l2-container {
position: relative;
margin: 0 -10px;
padding: 0 10px;
}

.pseudo-hdg-l2-container .pseudo-hdg-l2-btn {
margin: 0;
padding: 0 10px;
border: 1px solid #fff;
border-radius: 3px;
color: #fff;
position: absolute;
top: 50%;
right: 10px;
line-height: 21px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 12px;
background-color: transparent;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-hdg-l2 {
margin: 0 -10px;
padding: 7px 10px;
color: #fff;
background-color: #666;
font-size: 15px;
}

.form-list + .pseudo-hdg-l2 {
margin-top: 10px;
}

/* .pseudo-hdg-l2-01
----------------------------------------------- */
.pseudo-hdg-l2-01 {
margin: 0 -10px;
padding: 7px 10px;
color:var(--cmn-font-color-base);
background-color: #e5e5e5;
font-size: 15px;
}

/* .pseudo-btn-act-sticky
----------------------------------------------- */
.pseudo-btn-act-sticky {
padding-bottom:100px;
}

/* .pseudo-btn-act-sticky-calendar
----------------------------------------------- */
.pseudo-btn-act-sticky-calendar {
padding-bottom: 125px;
}

/* ----------------------------------------------------------------
.pseudo-price
----------------------------------------------------------------- */
/* .pseudo-price
----------------------------------------------- */
.pseudo-price {
padding-bottom: 65px;
box-sizing: border-box;
min-height: 100vh;

}
.pseudo-price .txt-imp,
.txt-imp {
color: #e30707;
}

/* .pseudo-price-list
----------------------------------------------- */
.pseudo-price-list {
margin-top: 15px;
border-width: 1px;
border-style: solid;
border-color: #999;
}

.pseudo-price-list > li {
display: table;
width: 100%;
border-width: 1px 0 0;
border-style: solid;
border-color: #ddd;
}

.pseudo-price-list > li > div {
display: table-cell;
height: 33px;
font-size: 12px;
line-height: 1.0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
}

.pseudo-price-list > li > div span:not([class]) {
display: block;
}

.pseudo-price-list > li > div:first-child {
padding: 7px;
}

.pseudo-price-list > li > div:last-child {
width: 32%;
padding: 5px 7px;
text-align: right;
border-left: 1px solid #ddd;
}

.pseudo-price-list > li > div:last-child .currency {
font-size: 10px;
display: inline-block;
}

.pseudo-price-list > li > div:last-child .currency + .num {
margin-left: 0.2em;
}

.pseudo-price-list > li > div:last-child .num {
font-size: 15px;
}

.pseudo-price-list > li > div:last-child b:not([class]) {
display: block;
}

.pseudo-price-list > li:first-child {
border-top: none;
}

.pseudo-price-list > li:first-child > div:first-child {
font-size: 11px;
}

.pseudo-price-list > li.is-active > div {
background-color: #f5f5f5;
}

/* .pseudo-price-list.total
----------------------------------------------- */
.pseudo-price-list > li.total {
border-top: 4px double #999;
}

.pseudo-price-list > li.total > div:first-child {
width: 80px;
font-size: 11px;
font-weight: bold;
}

.pseudo-price-list > li.total > div:nth-child(2) {
font-size: 11px;
padding: 7px;
border-left: 1px solid #ddd;
}

.pseudo-price-list > li.total > div:last-child span:not([class]) {
font-size: 15px;
}

/* .pseudo-price-list.agt
----------------------------------------------- */
.pseudo-price-list.agt {
margin-top: 0;
border: none;
}

.pseudo-price-list.agt > li > div {
color:var(--color-gray);
padding: 0;
border: none;
}

.pseudo-price-list.agt > li > div .num {
font-size: 14px;
}

.pseudo-price-list.agt > li > div:last-child span:not([class]) {
font-size: 15px;
}

/* .pseudo-price-list.resort-fee
----------------------------------------------- */
.pseudo-price-list.resort-fee {
margin-top: 17px;
}

.pseudo-price-list.resort-fee > li > div:first-child {
padding-right: 0;
width: 80px;
font-weight: bold;
}

.pseudo-price-list.resort-fee > li > div:nth-child(2) {
font-size: 11px;
padding: 7px;
border-left: 1px solid #ddd;
}

.pseudo-price-list.resort-fee > li > div:last-child span:not([class]) {
font-size: 15px;
}

/* .pseudo-price-tbl.all
----------------------------------------------- */
.pseudo-price-list.all {
margin-top: 21px;
}

.pseudo-price-list.all > li > div:first-child {
padding-right: 0;
}

.pseudo-price-list.all > li > div:first-child span:not([class]) {
font-size: 13px;
}

.pseudo-price-list.all > li > div:last-child {
border-left: 1px solid #ddd;
}

.pseudo-price-list.all > li > div:last-child span:not([class]) {
font-size: 15px;
}

.pseudo-price-list.all > li > div:last-child .num {
font-size: 17px;
}

/* .fee-info
----------------------------------------------- */
.fee-info {
font-size: 11px;
color:var(--color-gray);
}
.ic-krw{
background: url(/element_sp/hotel/shared/images/ic-krw.svg) no-repeat;
display: inline-block;
height: 8px;
width: 8px;
text-indent: -9999px;
vertical-align: middle;
font-size: 0;
margin: -1px 1px 0 0;
}

/* .fee-detail-tip
-------------------------------------------------- */
.cmn-tip-container.fee-detail-tip:before {
top: -10px;
}
.price-detail-03 .fee-detail-tip-hdg{
margin:5px 0 -5px;
font-weight: bold;
}
.price-detail-03 .pseudo-price-tbl-hdg{
margin-top: 10px;
padding: 4px 10px;
font-size: 12px;
color: #fff;
font-weight: normal;
background-color: #999;
}
.price-detail-03 .fee-detail-table-list,
.price-detail-03 .fee-detail-table-list li:first-child {
border-color: #ddd;
}
.price-detail-03 .fee-detail-table-list.table-total,
.price-detail-03 .fee-detail-table-list.table-total li:first-child{
border-color: #999;
}
.price-detail-03 .pseudo-price-tbl-hdg + .fee-detail-table-list{
margin-top: 0;
}
.price-detail-03 .fee-detail-table-list li > div,
.price-detail-03 .fee-detail-table-list li > div{
width: 50%;
font-size: 12px;
padding: 8px 10px;
}
.price-detail-03 .fee-detail-table-list li > div:first-child{
width: 55%;
}
.price-detail-03 .fee-detail-table-list li:last-child div:first-child b{
font-size: 12px;
}
.price-detail-03 .fee-detail-table-list li div:first-child .num,
.price-detail-03 .fee-detail-table-list li > div .price-num{
font-size: 12px;
}
.price-detail-03 .fee-detail-table-list li > div:first-child .total,
.price-detail-03 .fee-detail-table-list li > div:first-child .total b,
.price-detail-03 .fee-detail-table-list li > div .price-num .num{
font-size: 13px;
}
.price-detail-03 .fee-detail-table-list li > div .price-num b.num{
font-size: 15px;
}
.price-detail-03 .fee-detail-table-list li > div .price-num b.num.total{
font-size: 17px;
}
.price-detail-03 .fee-detail-table-list li > div .price-num b.num.total.none{
font-size: 14px;
}
.price-detail-03 .fee-detail-table-list li:last-child{
border-top: 1px solid #ddd;
}
.price-detail-03 .agent-price-after{
margin: 15px 0;
}
.price-detail-03 .fee-info-list li{
padding: 0 11px;
color:var(--cmn-font-color-base);
font-size: 12px;
}
.price-detail-03 .fee-info-list li div:last-child{
font-size: 12px;
}
.price-detail-03 .fee-info-list li div:last-child .price-num .num {
font-size: 14px;
}
.price-detail-03 .fee-info-list li div:last-child .price-num {
font-size: 12px;
}
.price-detail-03 .fee-info-list li div:last-child .price-num .price-02{
padding-left: 5px;
}
.info-brtt-note-lst{
margin-top: 10px;
}
.info-brtt-note-lst li{
text-indent: -.5em;
padding-left: .5em;
color:var(--color-gray);
font-size: 12px;
}
.info-brtt-note-lst li{
text-indent: -.5em;
padding-left: .5em;
color:var(--color-gray);
font-size: 12px;
}
.info-brtt-note-lst.brtt-01 li::before{
content: '\0203B';
}
.note-in{
margin-left: 10px;
margin-right: 10px;
}
.fee-detail-total-info{
font-size: 14px;
text-align: center;
margin:20px 0;
}
.tax.extra {
margin-left: 2px;
color: #af700a;
}
.tax.include {
margin-left: 2px;
color: #2b65a0;
}
.ic-login-expedia {
background: url(/element_sp/hotel/shared/images/icon/icon-login.svg) no-repeat;
display: inline-block;
text-indent: -9999px;
width: 12px;
height: 12px;
margin: 0 2px;
vertical-align: text-top;
}

/* .fee-detail-tip
-------------------------------------------------- */
.fee-detail-table-list{
box-sizing: border-box;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin-top: 15px;
}
.fee-info-txt-box + .fee-detail-table-list{
margin-top: 18px;
}
.fee-detail-table-list li{
border-top: 1px solid #ddd;
display: table;
width: 100%;
box-sizing: border-box;
font-size: 11px;
}
.fee-detail-table-list li .stay-sum-txt{
font-size: 12px;
display: block;
}
.fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.fee-detail-table-list li:last-child{
border-top: 4px double #999;
}
.fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.fee-detail-table-list li > div{
display: table-cell;
width: 69%;
vertical-align: middle;
padding: 6px 5px;
}
.fee-detail-table-list li.col-03 > div{
width:auto;
}
.fee-detail-table-list li.col-03 > div:first-child{
width: 75px;
text-align: center;
font-size: 10px;
font-weight: bold;
border-right: 1px solid #ddd;
box-sizing: border-box;
line-height: 1.35;
}
.fee-detail-table-list li.col-03 > div:last-child{
width: 31%;
}
.fee-detail-table-list li.bg-cr div{
background: #f5f5f5;
}
.fee-detail-table-list li.col-03:last-child div{
padding: 2px 5px;
}
.pseudo-price-tbl-hdg:first-child + .fee-detail-table-list li:first-child div{
padding: 8px 10px;
}
.pseudo-price-tbl-hdg + .fee-detail-table-list li:first-child div{
padding: 8px 10px;
}
.fee-detail-table-list li.col-03:first-child div{
padding: 5px 5px;
}
.fee-detail-table-list.sum-resort-fee li:first-child div .stay-sum-txt {
font-size: 13px;
}
.fee-detail-table-list li:last-child div:first-child b{
line-height: 1.3;
font-size: 14px;
display: inline-block;
}
.fee-detail-table-list li:first-child div:first-child b{
font-size: 12px;
line-height: 1;
}
.fee-detail-table-list.sum-resort-fee li:first-child div:first-child b{
font-size: 13px;
}
.fee-detail-table-list li:last-child div:first-child b.stay-sum-txt{
font-size: 12px;
}
.fee-detail-table-list li.col-3 > div:first-child{
background: #f5f5f5;
font-size: 10px;
width: 20%;
text-align: left;
box-sizing: border-box;
border-right: 1px solid #ddd;
}
.fee-detail-table-list li.col-3 > div:nth-child(2){
width: auto;
}
.fee-detail-table-list li > div:last-child{
width: 31%;
border-left: 1px solid #ddd;
text-align: right;
}
.fee-detail-table-list.sum-resort-fee li > div:last-child b{
font-size: 17px;
}
.fee-detail-table-list li .num{
font-family: arial;
font-size: 13px;
}
.fee-detail-table-list li .num-price{
font-family: arial;
font-size: 15px;
}
.fee-detail-table-list li b.num{
font-size: 15px;
}
.fee-detail-table-list li > div .fee-num-sup {
color:var(--color-gray);
font-size: 10px;
display: block;
}
.fee-detail-table-list li > div .fee-currency {
font-size: 11px;
display: block;
line-height: 1;
}
.fee-detail-table-list li > div .fee-currency .num{
font-size: 11px;
}
.fee-detail-cap-list{
font-size: 11px;
color: #555;
line-height: 1.45;
margin-top: 8px;
}
.fee-detail-cap-list li{
text-indent: -1em;
padding-left: 1em;
margin-top: 5px;
}
.fee-detail-cap-list li:first-child{
margin-top: 0;
}
.cmn-pseudo .cmn-tip-container.fee-detail-tip:after{
display: none;
}

/* ----------------------------------------------------------------
 New pseudo price detail (price and fee)
----------------------------------------------------------------- */
/* .price-dtl-item
-------------------------------------------------- */
.price-dtl-item{
margin:16px 0;
font-size:12px;
}
.price-dtl-item .price-dtl-hdg-note{
font-size:12px;
margin-bottom:16px;
}
.price-dtl-item .price-dtl-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:4px;
}
.price-dtl-item .price-dtl-hdg .cmn-info-hook{
margin-left:4px;
}
.price-dtl-item .tax.include{
margin-left:0;
}

/* .price-dtl-tbl
-------------------------------------------------- */
.price-dtl-tbl{
margin-bottom:20px;
border-top:1px solid #ddd;
}
.price-dtl-tbl .price-dtl-tbl-list{
display:table;
width:100%;
border-bottom:1px solid #ddd;
}
.price-dtl-tbl .price-dtl-tbl-list > div{
display:table-cell;
padding:6px;
border-right:1px solid #ddd;
box-sizing:border-box;
vertical-align:middle;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-dtl{
width:auto;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-method{
width:70px;
white-space:nowrap;
text-align:center;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price{
text-align:right;
white-space:nowrap;
width:110px;
border-right:0;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-dtl + .tbl-price{
width:130px;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price .num{
font-size:14px;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price .price-currencies{
display:block;
}

/* .price-dtl-tbl-sum
-------------------------------------------------- */
.price-dtl-tbl .price-dtl-tbl-list-sum{
background-color:#f5f5f5;
display:table;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
margin-top:3px;
width:100%;
}
.price-dtl-tbl .price-dtl-tbl-list-sum > div{
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
padding:6px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-dtl .txt-sum{
font-size:14px;
padding-right:2px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price{
text-align:right;
white-space:nowrap;
width:100px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .num{
font-size:16px;
font-weight:bold;
padding-right:1px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .price-currencies{
font-size:12px;
display:block;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .price-currencies .num{
font-size:14px;
font-weight:normal;
}

/* .price-dtl-tbl-all
-------------------------------------------------- */
.price-dtl-tbl-all{
background-color:#f5f5f5;
border:2px solid #888;
box-sizing:border-box;
padding:6px 10px;
margin-bottom:12px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum{
display:table;
width:100%;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum > div{
display:table-cell;
vertical-align:middle;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-dtl .txt-sum{
font-weight:bold;
font-size:14px;
display:block;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price{
text-align:right;
white-space:nowrap;
width:100px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price .num{
font-size:16px;
font-weight:bold;
padding-right:1px;
}
.tbl-dtl .cmn-tip-btn{
margin-left:4px;
}
.price-dtl-tbl-all .price-dtl-breakdown-hdg{
font-size:14px;
border-bottom:1px solid #cfcfcf;
margin:10px 0 6px;
padding-bottom:4px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl{
display:table;
font-size:14px;
width:100%;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > div{
display:table-cell;
box-sizing:border-box;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > div .num{
font-size:16px;
padding-right:1px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > .tbl-price{
width:100px;
text-align:right;
}
.price-dtl-tbl-all .tbl-price .price-currencies{
display: block;
font-size:12px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price .price-currencies .num{
font-weight:normal;
font-size:14px;
}
.price-dtl-tbl-all .price-dtl-breakdown-tbl > .tbl-price .price-currencies .num{
font-size:14px;
}

/* .dp-payment-box
----------------------------------------------- */
.dp-payment-box{
padding: 12px 20px 10px;
margin: 0 -10px;
}

/* .payment-toggle-hook
----------------------------------------------- */
.payment-toggle-hook{
text-align: right;
clear: both;
display: block;
margin: 0 0 -7px;
}
.payment-toggle-hook > button{
padding: 5px 5px 5px 16px;
border: none;
background: url(/element/shared/images/icon/icon-chevron-down.svg) 0 50% no-repeat;
background-size: 12px;
font-size: 12px;
display: inline-block;
margin: -14px -5px 0 0;
position: relative;
color:var(--cmn-font-color-base);
}
.payment-toggle-hook.is-active > button{
background: url(/element/shared/images/icon/icon-chevron-up.svg) 0 50% no-repeat;
background-size: 12px;
}
.payment-toggle-hook > .payment-toggle-item{
display: none;
text-align: left;
}
.payment-toggle-hook.is-active > .payment-toggle-item{
display: block;
}

/* .pay-info
----------------------------------------------- */
.pay-info:after,
.pay-info:before{
content:"";
display:table;
}
.pay-info:after{
clear:both;
}
.pay-info .pay-info-detail-list{
margin: 0 0 3px;
}
.detail-plan-item-inner.hotel .pay-info .pay-info-detail-list{
margin: 0;
}
.pay-info .pay-info-detail-list > li{
display: table;
width: 100%;
font-size: 12px;
}
.pay-info .pay-info-detail-list > li > div{
display: table-cell;
vertical-align: top;
}
.pay-info .pay-info-detail-list > li > .pay-info-hdg{
width: 10em;
}
:lang(ko) .pay-info .pay-info-detail-list > li > .pay-info-hdg{
width: 5.2em;
}
:lang(zh-cmn-Hant-TW) .pay-info .pay-info-detail-list > li > .pay-info-hdg,
:lang(zh-cmn-Hant-HK) .pay-info .pay-info-detail-list > li > .pay-info-hdg,
:lang(zh-cmn-Hans) .pay-info .pay-info-detail-list > li > .pay-info-hdg{
width: 5em;
}
.pay-info .pay-info-detail-list > li > .pay-info-hdg::after{
content: ':';
float: right;
margin: 0 4px 0 0;
}
.pay-info .pay-info-list-credit + span ~ span::before,
.pay-info .card-block + span ~ span::before,
.pay-info .pay-info-detail-item > span + span::before{
content: '/';
}
.pay-info .pay-info-list-credit{
margin: 2px 0 2px 2px;
white-space: nowrap;
display: inline-block;
font-size: 0;
}
.pay-info .pay-info-list-credit > li{
display:inline-block;
}
.pay-info .pay-info-list-credit > li:not(:last-child){
margin-right:3px;
}
.pay-info .pay-info-list-credit > li img{
max-height:10px;
margin-left: 1px;
}
.pay-info .pay-info-detail-item > span{
display: inline-block;
}
.pay-info .card-block{
display: inline-block;
}

/* .agt-link-btn-container
----------------------------------------------- */
.agt-link-btn-container{
margin-top:0;
padding:10px;
width:100%;
box-sizing:border-box;
border-top: 1px solid #c0c0c0;
background-color: rgba(195, 195, 195, 0.7);
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.agt-link-btn-list-01{
display:table;
width:100%;
margin:0;
}
.agt-link-btn-list-01 > li{
display:table-cell;
vertical-align:middle;
}
.agt-link-btn-list-01 > li+li{
padding-left:10px;
width:100%;
}
.agt-link-btn-list-01 > li a{
display:block;
border-radius:5px;
text-align:center;
box-sizing:border-box;
}
.agt-link-btn-list-01 > li a > span{
display:block;
}
.agt-link-btn-list-01 .reservation-sticky-btn {
padding: 8px 15px 9px;
color:#fff;
line-height:1.55;
font-size:14px;
border:none;
background-color:var(--button-color);
display: block;
border-radius: 5px;
text-align: center;
box-sizing: border-box;
border: 0;
width: 100%;
}
.agt-link-btn-list-01.agt-btn-hotel .reservation-sticky-btn {
padding: 11px 5px 12px;
text-decoration: none;
}
.agt-link-btn-list-01 .reservation-sticky-btn.disabled{
padding:12px 15px 12px;
background-color:#d5d5d5;
color:#fff;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}

/* .agt-link-btn-container .search-result-item-btn-container
----------------------------------------------- */
.agt-link-btn-container .search-result-item-btn-container{
margin: 0;
}
.pseudo-content .agt-link-btn-container .search-result-item-btn-container .search-result-item-btn{
font-size: 14px;
}
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-hdg,
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-note{
padding-top: 14px;
}
.agt-link-btn-container .toggle-hook.is-dsp-n + .search-result-item-btn-container .search-result-item-btn-hdg,
.agt-link-btn-container .toggle-hook.is-dsp-n + .search-result-item-btn-container .search-result-item-btn-note{
padding-top: 0;
}
.agt-link-btn-container .toggle-hook.is-dsp-n{
display: none;
}
.agt-link-btn-container .search-result-item-btn-note{
line-height: 1.2;
}
.agt-link-btn-container .toggle-hook + .search-result-item-btn-container .search-result-item-btn-hdg:after {
height: 52%;
top: 40%;
}
.agt-link-btn-container .toggle-item{
padding: 10px;
background: #fff;
color:var(--cmn-font-color-base);
}
.agt-link-btn-container .toggle-hook{
margin-bottom: -14px;
margin-top: -8px;
}
.agt-link-btn-container .toggle-hook.is-active{
margin:0;
}
.agt-link-btn-container .toggle-hook .toggle-item {
display: none;
}
.agt-link-btn-container .toggle-hook.is-active .toggle-item {
display: block;
}
.agt-link-btn-container .toggle-hook button {
font-weight: bold;
padding: 5px 5px 5px 16px;
background: url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat;
background-size: 12px;
background-position: 0 9px;
border: 0;
font-size: 12px;
font-weight: normal;
z-index: 1;
}
.agt-link-btn-container .toggle-hook.is-active button {
background: url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat;
background-size: 12px;
background-position: 0 9px;
margin-bottom: -29px;
}
.agt-link-btn-container .info-brtt-lst-hdg{
display: block;
margin-bottom: 4px;
}
.agt-link-btn-container .info-brtt-note-lst li:not(:first-child){
margin-top: 10px;
}

/* .agt-link-btn-container .agt-btn-hotel
----------------------------------------------- */
.agt-link-btn-list-01.agt-btn-hotel{
padding-left: 115px;
box-sizing: border-box;
}
.agt-link-btn-list-01.btn-mar{
width: 85%;
margin: 0 auto;
}
@media screen and (max-width: 320px){
.agt-link-btn-list-01.btn-mar{
width:90%;
}
}
.agt-link-btn-list-01.agt-btn-hotel .reservation-sticky-btn{
position: relative;
z-index: 1;
}
.agt-link-btn-list-01.agt-btn-hotel .reservation-sticky-btn{
font-size: 14px;
}
.agt-link-btn-container.agt-hotel .toggle-hook {
margin-bottom: -40px;
margin-top: 5px;
font-size: 12px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active {
margin:0 0 -22px;
}
.agt-link-btn-container.agt-hotel .toggle-hook button{
width: 107px;
padding-left: 23px;
padding-right: 5px;
text-align: left;
background-position: 5px 18px;
color:#333;
background-color: #fff;
border-radius: 5px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button{
margin-top: 12px;
}
.txt-ilb,
.pseudo-content .pseudo-sticky-btn-list > li .txt-ilb,
.agt-link-btn-list-01 > li a > .txt-ilb {
display: inline-block;
}
@media screen and (max-width: 360px){
.agt-link-btn-container.agt-hotel .toggle-hook{
margin-top: 0;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button{
margin-bottom: -78px;
margin-top: 22px;
}
.agt-link-btn-list-01 > li a > .txt-ilb:first-child{
display: block;
}
.agt-link-btn-container.agt-hotel .toggle-hook button{
margin:12px 0 -12px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active{
margin: 0 0 -35px;
}
}

/* .agt-link-btn-list-02
----------------------------------------------- */
.agt-link-btn-container.agt-hotel .toggle-hook{
padding: 0;
font-size: 12px;
margin: 0;
}
.agt-link-btn-container .toggle-item{
margin-bottom: 10px;
}
.agt-link-btn-container.agt-hotel .toggle-hook.is-active button,
.agt-link-btn-container.agt-hotel .toggle-hook.is-active{
margin: 0;
}
@media screen and (max-width: 360px){
.agt-link-btn-container.agt-hotel .toggle-hook button {
margin:0;
}
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 45px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li:first-child{
width: 107px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li:last-child{
width: calc(100% - 107px) ;
padding-left: 10px;
box-sizing: border-box;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li button{
border-radius: 4px;
min-width: 160px;
min-height: 40px;
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: auto;
background-position: 4px 47%;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li .btn-toggle{
width: 107px;
min-width: 107px;
}
.agt-link-btn-container.agt-hotel .toggle-hook .agt-link-btn-list-02 li .reservation-sticky-btn{
padding: 2px 15px 3px;
color: #fff;
line-height: 1.55;
font-size: 16px;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color:var(--button-color);
border-radius: 4px;
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}

/* .price-detail-container
-------------------------------------------------- */
.price-detail-container .fee-detail-tip-hdg{
font-size: 14px;
font-weight: bold;
margin: 3px 0 -2px;
line-height: 1.2;
}
.price-detail-container .fee-detail-box .fee-info,
.price-detail-container .fee-info-hdg .fee-info,
.price-detail-container .fee-info-txt-box .fee-info{
display: inline-block;
color:var(--color-gray);
position: relative;
font-size: 12px;
margin-bottom: 3px;
padding-right: 0;
padding-top: 0;
}
.price-detail-container .fee-detail-box > ul > li > div:last-child b.num.fee-info::before{
content: '\0203B';
color: #e30707;
background: none;
font-size: 13px;
top: 2px;
margin: 0 3px 0 0;
}
.price-detail-container .fee-info-txt-box{
margin: 9px 0 0;
}
.price-detail-container .currency{
font-size: 10px;
display: inline-block;
margin-right: 3px;
}

/* .price-detail-container .fee-detail-tip
-------------------------------------------------- */
.price-detail-container .fee-detail-table-list{
box-sizing: border-box;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin-top: 15px;
}
.price-detail-container .fee-detail-tip-hdg + .fee-detail-table-list{
margin-top: 10px;
}
.price-detail-container .fee-info-txt-box + .fee-detail-table-list{
margin: 5px 0 10px;
}
.price-detail-container .fee-detail-table-list li{
border-top: 1px solid #ddd;
display: table;
width: 100%;
box-sizing: border-box;
font-size: 12px;
}
.price-detail-container .fee-detail-table-list li .stay-sum-txt{
font-size: 12px;
display: block;
}
.price-detail-container .fee-detail-table-list li div:first-child .stay-sum-txt{
margin-bottom: -3px;
}
.price-detail-container .fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.price-detail-container .fee-detail-table-list li:last-child{
border-top: 4px double #999;
}
.price-detail-container .fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.price-detail-container .fee-detail-table-list li > div{
display: table-cell;
width: 69%;
vertical-align: middle;
padding: 4px 10px;
}
.price-detail-container .fee-detail-table-list li.col-03 > div{
width:auto;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:first-child{
width: 88px;
text-align: left;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #ddd;
box-sizing: border-box;
line-height: 1.2;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:nth-child(2){
line-height: 1.3;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child{
width: 31%;
}
.price-detail-container .fee-detail-table-list li.bg-cr div:last-child b .num,
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child .fee-price .num{
font-size: 15px;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child b.txt {
font-size: 14px;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child .fee-currency b,
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child .fee-currency .num {
font-weight: normal;
font-size: 15px;
}


/* .price-detail-container fee-info-list
------------------------------ */
.fee-info-list{
margin-top: 5px;
padding-right:0;
color:var(--color-gray);
}
.fee-info-list li{
display: table;
width: 100%;
font-size: 11px;
box-sizing: border-box;
}
.fee-info-list li div{
display: table-cell;
}
.fee-info-list li div:first-child{
line-height: 1.35;
min-width: 210px;
}
@media screen and (max-width: 350px){
.fee-info-list li div:first-child{
min-width: 170px;
}
}
.fee-info-list li:first-child div:first-child{
padding-top: 2px;
}
.fee-info-list li:first-child div:first-child b{
vertical-align: middle;
}
.fee-info-list li div:last-child{
font-size: 11px;
vertical-align: middle;
text-align: right;
}
.fee-info-list li div .num{
font-size: 14px;
}
.txt-imp{
color: #e30707;
}
.fee-detail-cap-list{
font-size: 11px;
line-height: 1.45;
margin-top: 8px;
}
.fee-detail-cap-list li{
text-indent: -1em;
padding-left: 1em;
margin-top: 5px;
}
.fee-detail-cap-list li:first-child{
margin-top: 0;
}

/* .resortfee-info
-------------------------------------------------- */
.resortfee-info{
margin-top: 10px;
}
.resortfee-info p{
margin: 0;
}
.resortfee-info .resortfee-info-list{
margin: 12px 0 ;
}
.resortfee-info .resortfee-info-list li{
text-indent: -1em;
padding-left: 1em;
margin-right: 1em;
}
.resortfee-info .resortfee-info-list li > .resortfee-info-list-hdg{
display: block;
line-height: 1.35;
}
.resortfee-info .resortfee-info-list li > .resortfee-info-list-hdg::before{
content: '\030FB';
}
.resortfee-info .resortfee-info-list li .ic-detail{
border: 1px solid #bbb;
border-radius: 3px;
display: inline-block;
padding: 2px 4px;
margin: -2px 2px 0;
vertical-align: middle;
text-indent: 0;
font-size: 13px;
line-height: 1.2;
}

/* ----------------------------------------------------------------
Map Content Modules
----------------------------------------------------------------- */
/* .map-view
----------------------------------------------- */
.map-view {
height: 100%;
}

.map-view body {
height: 100vh;
}

.map-view .str-container {
height: 100%;
}

.map-view .str-container main {
padding: 50px 0 0 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-sizing: border-box;
}

/* .map-view-header
----------------------------------------------- */
.map-view-header {
padding: 0 54px 0 50px;
min-height: 50px;
background-color: #444;
position: absolute;
top: 0;
margin: 0;
box-sizing: border-box;
width: 100%;
z-index: 15;
}

/* .map-view-header-sticky
----------------------------------------------- */
.map-view-header-sticky {
padding-top: 50px;
}

.map-view-header-sticky .map-view-header {
margin: 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
}

/* .map-view-header-btn
----------------------------------------------- */
.map-view-header-btn {
margin: 0;
}

/* .map-view-header-search
----------------------------------------------- */
.map-view-header-search {
padding: 10px 8px;
}

.map-view-header-search .map-view-header-search-btn {
width: 100%;
box-sizing: border-box;
padding: 0 8px 0 26px;
color: #fff;
height: 30px;
border-radius: 4px;
border: 0;
position: relative;
font-weight: normal;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
background: #333 url(/element_sp/hotel/map/images/icon-search.svg) no-repeat 8px 50%;
background-size: 12px auto;
font-size: 13px;
}

.map-view-header-search .map-view-header-search-btn > span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.map-view-header-search .map-view-header-search-btn.is-unselected {
color: #999;
}

/* .map-view-header-btn-prev
----------------------------------------------- */
.map-view-header-btn-prev {
padding: 0;
border: none;
color: rgba(0,0,0,0);
width: 48px;
height: 50px;
overflow: hidden;
background: url(/element_sp/hotel/shared/images/icon/icon-arrow-prev-wht.svg) no-repeat 50% 50%;
background-size: 16px auto;
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 100%;
}

/* .map-view-header-btn-filter
----------------------------------------------- */
.map-view-header-btn-filter {
margin: 0;
padding: 0;
color: #fff;
position: absolute;
border: 0;
top: 0;
right: 0;
width: 54px;
height: 100%;
background: none;
font-size: 12px;
}
.map-view-header-btn-filter:before {
content: "";
display: block;
width: 1px;
height: 30px;
position: absolute;
top: 10px;
left: 0;
background-color: #666;
}

/* .notice-list
----------------------------------------------- */
.notice-list{
margin:10px 0;
color:var(--color-gray);
font-size:12px;
}
.notice-list > li{
padding-left:15px;
position: relative;
}
.notice-list > li:not(:first-child){
margin-top:5px;
}
.notice-list > li:before{
content:'\203b';
position: absolute;
left: 0;
top: 0;
}
.notice-list > li.no-mark{
padding-left:0;
text-indent:0;
}
.notice-list > li.no-mark:before{
display:none;
}
:lang(en) .notice-list > li{
padding-left:10px;
}
:lang(en) .notice-list > li:before{
content:'*';
position: absolute;
left: 0;
top: 0;
}

/* .map-view-result
----------------------------------------------- */
.map-view-result {
width: 100vw;
height: 100%;
position: relative;
overflow: hidden;
}

.map-view-result > .cmn-loading {
position: absolute;
left: 50%;
top: 50%;
margin: -20px 0 0 -20px;
}

/* .map-view-google
----------------------------------------------- */
.map-view-google {
height: 100%;
}

/* .map-view-error
----------------------------------------------- */
.map-view-error {
padding: 15px;
color: #fff;
position: absolute;
top: 50%;
left: 50%;
width: 70%;
max-width: 300px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.7);
font-size: 14px;
font-weight: bold;
z-index: 6;
text-align:center;
}

/* .map-view-status
----------------------------------------------- */
.map-view-status {
position: absolute;
left: 0;
top:0;
width: 100%;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/* .map-view-searching
----------------------------------------------- */
.map-view-searching {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0 15px;
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 27px;
font-size: 10px;
z-index: 2;
border-top: 1px solid #000;
background-color: rgba(0, 0, 0, 0.55);
}

.map-view-status.is-searching .map-view-searching {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.map-view-status.is-searching .map-view-result-btn {
display: none;
}

/* .map-view-searching-bar
----------------------------------------------- */

@-webkit-keyframes map-searching {
0% {
background-position: 0 0;
}

100% {
background-position: 50px 0;
}
}

@keyframes map-searching {
0% {
background-position: 0 0;
}

100% {
background-position: 50px 0;
}
}

.map-view-searching .map-view-searching-bar {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 4px;
margin-left: 7px;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.map-view-searching .map-view-searching-bar .map-view-searching-bar-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height:4px;
background: url(/element_sp/hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size: 30px 4px;
background-color: #57A2EF;
text-indent: -9999px;
}

/* .map-view-research
----------------------------------------------- */
.map-view-research {
display: none;
padding: 7px 15px;
font-size: 12px;
border-top: 1px solid #000;
background-color: rgba(0, 0, 0, 0.55);
}

.map-view-research > p {
margin: 0;
text-align: center;
}

.map-view-research > p span:not([class]) {
margin-right: .5em;
padding-left: 15px;
background: url(/element_sp/hotel/map/images/icon-reload.svg) 0 1px no-repeat;
background-size: 11px;
}

.map-view-research > p a {
color: #fff;
}

.map-view-status.is-research .map-view-research {
display: block;
}

/* .map-view-result-btn
----------------------------------------------- */
.map-view-result-btn {
height: 30px;
margin: 8px 0 0 12px;
padding: 2px 10px 0;
font-size: 11px;
color:var(--cmn-font-color-base);
border: 1px solid #777;
border-radius: 15px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}
.map-view-result-btn > .cmn-faq-hook,
.map-view-result-btn > .cmn-caution-hook{
vertical-align: middle;
margin-top: -3px;
}

/* .map-view-custom-marker
----------------------------------------------- */
.map-view-custom-marker {
position: absolute;
display: inline-block;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.0;
}

/* .map-custom-marker-innner
----------------------------------------------- */
.map-custom-marker-innner{
text-align: center;
border: solid 1px #0d6ac7;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 5px;
min-width:62px;
height:26px;
}
.map-view-custom-marker.is-active .map-view-custom-marker-price:after{
border-color: #043884;
}
.map-view-custom-marker.is-selected .map-view-custom-marker-price:after{
border-color: #BF7202;
}
.map-view-custom-marker.is-selected .map-custom-marker-innner {
border-color: #BF7202;
background-color: #eaa017;
}
.map-view-custom-marker .map-custom-marker-innner {
border-color: #666;
background-color: #999;
}
.map-view-custom-marker.is-active .map-custom-marker-innner {
border-color: #043884;
background-color: #3866A8;
}
.map-view-custom-marker .map-custom-marker-innner:after{
margin-left: -5px;
content: "";
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #777;
display: block;
width: 6px;
height: 6px;
position: absolute;
top: calc(100% - 4px);
left: 50%;
transform: rotate(45deg);
background-color: #999;
z-index: 2;
}
.map-view-custom-marker.is-active .map-custom-marker-innner:after{
border-color: #043884;
background-color: #3866A8;
}
.map-view-custom-marker.is-selected .map-custom-marker-innner:after{
border-color: #BF7202;
background-color: #eaa017;
}

/* .map-custom-marker.layer-back
----------------------------------------------- */
.map-view-custom-marker.layer-back:before{
content: '';
border: 1px solid #777;
border-radius: 5px;
display: block;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: hidden;
position: absolute;
top: -2px;
left: 2px;
background-color: #fff;
z-index: -1;
}

/* .map-view-custom-marker-review
----------------------------------------------- */
.map-view-custom-marker .map-view-custom-marker-review {
display: block;
padding:2px 3px 0;
color: transparent;
border-radius: 4px;
font-size:1px;
}

.map-view-custom-marker.is-closed .map-view-custom-marker-review {
border-radius: 1px;
}

.map-view-custom-marker .cmn-loading {
margin: 0 auto;
width: 12px;
height: 12px;
position: relative;
z-index: 4;
}

/* .map-view-custom-marker-price
----------------------------------------------- */
.map-view-custom-marker .map-view-custom-marker-price {
padding: 1px 3px 1px;
color: #fff;
border-radius: 0 0 3px 3px;
white-space: nowrap;
}
.map-view-custom-marker .map-view-custom-marker-price .cmn-loading-spinner-dot-wht{
margin:0 auto;
width:11px;
height:11px;
text-indent:-9999px;
}
.map-view-custom-marker .map-view-custom-marker-price > span{
position: relative;
z-index: 4;
}
.map-view-custom-marker.is-closed .map-view-custom-marker-price {
display: none;
}
.map-view-custom-marker.is-selected .map-view-custom-marker-price {
font-weight: bold;
}

/* .map-view-custom-pin
----------------------------------------------- */
.map-view-custom-pin {
position: absolute;
width: 18px;
height: 38px;
color: transparent;
background: url(/element_sp/hotel/map/images/icon-mappin.svg) no-repeat;
background-size: 18px 38px;
}

.map-view-custom-pin > span {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* .map-view-custom-pin-hide-btn
----------------------------------------------- */
.map-view-custom-pin .map-view-custom-pin-hide-btn {
position: absolute;
left: 50%;
bottom: 100%;
display: block;
margin: 0 0 10px;
padding: 5px 20px 5px 8px;
font-size: 12px;
color: #fff;
white-space: nowrap;
text-decoration: none;
border-radius: 5px;
background: rgba(0, 0, 0, 0.8);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.map-view-custom-pin .map-view-custom-pin-hide-btn:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
border: 5px solid transparent;
border-top: 6px solid #000;
opacity: .8;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.map-view-custom-pin .map-view-custom-pin-hide-btn:after {
content: "";
position: absolute;
right: 6px;
top: 50%;
display: block;
width: 8px;
height: 8px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: url(/element_sp/hotel/map/images/icon-close-white.svg) no-repeat;
background-size: 8px 8px;
}

.map-custom-marker-pin > span,
.map-custom-marker-pin .map-custom-marker-innner > span{
width: 17px;
height: 39px;
background: url(/element_sp/hotel/map/images/icon-mappin.svg) no-repeat;
display: block;
z-index: 5;
text-indent: -9999px;
}

.map-view-custom-marker.map-custom-marker-pin .map-custom-marker-innner > span{
position: absolute;
top: -22px;
left: 50%;
margin: 0 0 0 -8px;
}

/* .map-view-item
----------------------------------------------- */
.map-view-item {
position: fixed;
left: 0;
bottom: 30px;
width: 100%;
z-index: 5;
}

/* .map-view-item-inner
----------------------------------------------- */
.map-view-item .map-view-item-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin: 0 5px;
padding: 7px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
}

.map-view-item.spot .map-view-item-inner {
display: block;
min-height: auto;
}

/* .map-view-item-detail
----------------------------------------------- */
.map-view-item .map-view-item-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.map-view-item .map-view-item-detail > a {
text-decoration: none;
}

/* .map-view-item-hdg
----------------------------------------------- */
.map-view-item .map-view-item-hdg {
line-height: 1.25;
font-size: 12px;
font-weight: bold;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.map-view-item.spot .map-view-item-hdg {
margin-left: 0;
}

.map-view-item .map-view-item-detail > a .map-view-item-hdg {
color: #06c;
}

/* .map-view-item-category
----------------------------------------------- */
.map-view-item .map-view-item-category {
margin-top: 4px;
color: #555;
font-size: 10px;
}

/* .map-view-item-price
----------------------------------------------- */
.map-view-item .map-view-item-price {
font-size: 10px;
text-align: right;
width: 100%;
margin-top: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.map-view-item .map-view-item-price > span {
color: #e30707;
margin-left: 4px;
}

.map-view-item .map-view-item-price > div + span.reference-price{
color:var(--cmn-font-color-base);
}

.map-view-item .map-view-item-price > b {
display: inline-block;
margin-left: 4px;
font-size: 19px;
color: #e30707;
font-weight: bold;
line-height: 1.0;
}

.map-view-item .map-view-item-price > b.state {
margin-top: 5px;
font-size: 13px;
font-weight: normal;
}

.map-view-item .map-view-item-price > [role] {
vertical-align: bottom;
margin-bottom: 2px;
}

/* .map-view-content-info-btn
----------------------------------------------- */
.map-view-content-info{
display: block;
width: 100%;
}
.map-view-content-info-btn{
margin:2px 0 0 auto;
padding:4px 0 4px 12px;
background: none;
border: 0;
display:block;
position:relative;
font-size:10px;
}
.map-view-content-info-btn::before{
content:"";
display:block;
width:8px;
height:100%;
position: absolute;
top:0;
left:0;
background:url(/element_sp/hotel/map/images/icon-close.svg) no-repeat 50% 50%;
opacity:.7;
}
.map-view-content-info-col .map-view-content-info-btn{
margin-top:0;
}
.map-view-content-info .map-view-content-info-box{
display: table;
width: 100%;
margin:2px 0 3px;
}
.map-view-content-info .map-view-content-info-box > div{
display: table-cell;
font-size: 13px;
margin-left: 4px;
color: #e30707;
font-weight: bold;
line-height: 1.0;
vertical-align: bottom;
}
.map-view-content-info .map-view-content-info-box > div > .price-undetermined{
display: inline-block;
padding-bottom: 3px;
}
[lang="en"] .map-view-content-info .map-view-content-info-box > div{
display: block;
}
.map-view-content-info .map-view-content-info-box > div:last-child{
text-align: right;
}
[lang="en"] .map-view-content-info .map-view-content-info-box > div:last-child{
text-align: left;
margin-top: 5px;
}
[lang="en"] .map-view-content-info .map-view-content-info-box > div .price-undetermined{
font-size: 13px;
display: inline-block;
margin-left: 4px;
color: #e30707;
font-weight: bold;
line-height: 1.0;
text-align: left;
}
.map-view-content-info .map-view-content-info-box > div .map-view-btn-confirm{
background: #fff;
border: 1px solid #bbb;
border-radius: 3px;
font-size: 10px;
padding: 3px 4px 3px 19px;
position: relative;
color:var(--color-gray);
}
.map-view-content-info .map-view-content-info-box > div .map-view-btn-confirm:before {
content: '';
background: url(/element_sp/hotel/map/images/icon-reload-gray.svg) no-repeat;
background-size: 9px 9px;
width: 9px;
height: 9px;
display: block;
position: absolute;
left: 5px;
top: 50%;
margin-top: -5px;
}
[lang="en"] .map-view-content-info-box + div .map-view-content-info-btn{
margin-top: -18px;
}
@media screen and (max-width: 355px){
[lang="en"] .map-view-content-info-box + div .map-view-content-info-btn{
margin-top: 2px;
}
}

/* .map-view-item-thumb
----------------------------------------------- */
.map-view-item .map-view-item-thumb {
width: 72px;
margin-right: 6px;
}

.map-view-item .map-view-item-thumb .caption {
margin-top: 2px;
color: #888;
display: block;
font-size: 10px;
line-height: 1.1;
}

.map-view-item .map-view-item-thumb-inner {
display: block;
height: 60px;
overflow: hidden;
position: relative;
background-color: #f1f1f1;
}

.map-view-item .map-view-item-thumb-inner img {
position: absolute;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
max-width: 100%;
max-height: 100%;
}

/* .map-view-item-close-btn
----------------------------------------------- */
.map-view-item .map-view-item-close-btn {
position: absolute;
height: 15px;
width: 22px;
border: 1px solid #d9d9d9;
right: 5px;
top: -15px;
color: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
overflow: hidden;
background: url(/element_sp/hotel/map/images/icon-close.svg) 50% 50% no-repeat #fff;
background-size: 7px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* .map-view-alert
----------------------------------------------- */
.map-view-alert .cmn-alert-btn-close + .cmn-alert-wording {
margin-top: 0;
}

/* .map-view-form
----------------------------------------------- */
.map-view-form {
margin-left: 17px;
text-align: left;
}

/* .map-view-form-list
----------------------------------------------- */
.map-view-form-list {
display: block;
margin: 0 0 0 17px;
text-align: left;
}

.map-view-form-list > li {
position: relative;
margin-top: 13px;
padding-left: 33px;
}

.map-view-form-list > li.no-radio{
padding-left: 0;
}

.map-view-form-list > li input[type="checkbox"] {
position: absolute;
left: 0;
top: 0;
}

.map-view-form-list > li input[type="radio"] {
position: absolute;
left: 0;
top: 11px;
}

.map-view-form-list > li > label input[type="radio"] {
top: 0;
}

.cmn-alert .cmn-alert-btn-list button{
outline: none;
border: none;
box-shadow: 0 0 0;
padding: 0;
box-sizing: border-box;
min-height: 38px;
font-weight: normal;
font-size: 14px;
text-shadow: none;
}

.cmn-alert .cmn-alert-btn-list .cmn-cancel-btn{
color: #fff;
background-color: var(--button-color);
}

.cmn-alert .cmn-alert-btn-list .cmn-cancel-btn{
border: 1px solid #bbb;
color: #555;
background-color: #fff;
}

.cmn-alert .cmn-alert-btn-list:empty{
display: none;
}

/* .map-view-icon-list
----------------------------------------------- */
.map-view-alert .map-view-icon-list {
margin: 10px 18px 20px;
}

.map-view-alert .map-view-icon-list > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
font-size: 13px;
}

.map-view-alert .map-view-icon-list > li > div .map-view-custom-marker {
position: relative;
}

.map-view-alert .map-view-icon-list > li > div:not([class]):first-child {
margin-top: -5px;
width: 65px;
text-align: left;
}

.map-view-alert .map-view-icon-list > li > div:not([class]):last-child {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 10px;
text-align: left;
}

/* .map-view-alert-sup
----------------------------------------------- */
.map-view-alert .map-view-alert-wording {
margin: 10px 10px 0;
text-align: left;
}

/* .map-view-alert-sup
----------------------------------------------- */
.map-view-alert .map-view-alert-sup {
margin: 10px 18px 0;
font-size: 13px;
text-align: left;
}

/* .map-view-alert
----------------------------------------------- */
.map-view-alert .cmn-alert-content ul:empty{
display: none;
}
.map-view-alert .cmn-alert-content{
padding: 18px 12px;
}
.cmn-alert.map-view-alert .cmn-alert-content > .modal-info-area-02{
max-height: 290px;
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 40px;
}
.cmn-alert.map-view-alert .cmn-alert-content > .modal-info-area-02:after{
content: '';
width: calc(100% - 30px);
bottom: 18px;
height: 40px;
background: linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 40%,rgba(255,255,255,1) 100%);
position: absolute;
}
.cmn-alert .cmn-alert-btn-list.modal-info-btn-list > li:first-child{
-webkit-box-flex: 1;
flex: 1;
}
.cmn-alert .cmn-alert-btn-list.modal-info-btn-list > li:only-child{
width: 210px;
margin: 0 auto;
flex: inherit;
}

/* .map-alert
----------------------------------------------- */
.map-alert{
line-height: 1.4;
text-align: left;
}

/* .map-alert-hdg
----------------------------------------------- */
.map-alert .map-alert-hdg{
margin:10px 0 5px;
padding:2px 5px;
line-height:1.15;
min-height:32px;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background-color:#f1f1f1;
font-size:18px;
}

.map-alert > .map-alert-hdg:first-child{
margin-top:0;
}

.map-alert .map-alert-hdg > span:first-child{
width:48px;
margin-right:5px;
text-align:center;
}

.map-alert .map-alert-hdg img{
max-width:46px;
vertical-align: middle;
}

/* .map-alert-hdg-01
----------------------------------------------- */
.map-alert .map-alert-hdg-01{
margin:10px 0 3px;
line-height:1.35;
font-size:15px;
}
.map-alert .map-alert-indent > .map-alert-hdg-01 + p{
font-size: 14px;
margin: -5px 0 5px;
line-height: 1.3;
}


/* .map-alert-indent
----------------------------------------------- */
.map-alert .map-alert-indent{
margin:0 1em;
font-size:12px;
}
.map-alert .map-alert-hdg:first-child +.map-alert-indent > p{
font-size:14px;
margin: 5px 0 0 0;
}
.map-alert .map-alert-indent > p{
margin: 0 0 -5px;
}
.map-alert .map-alert-indent span img{
vertical-align: middle;
}

/* .map-alert-box
----------------------------------------------- */
.map-alert .map-alert-box{
margin-top:5px;
padding:5px 10px;
border:1px solid #ddd;
font-size:11px;
}

/* .map-alert-note
----------------------------------------------- */
.map-alert .map-alert-note{
margin-top:5px;
color:var(--color-gray);
font-size:12px;
}

.map-alert .map-alert-note > li{
margin-top:2px;
position:relative;
}

.map-alert .map-alert-note .mark{
position:absolute;
top:0;
left:0;
}

/* .info-icon-tbl
----------------------------------------------- */
.modal-icon-tbl{
margin-top: 3px;
}
.info-icon-tbl{
border-collapse: collapse;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
width: 100%;
background-color: #fff;
table-layout: fixed;
margin-right: 10px;
}
.info-icon-tbl td,
.info-icon-tbl th{
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
text-align: center;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
padding: 2px;
}
.info-icon-tbl th{
background: #f1f1f1;
}
.info-icon-tbl td img{
width: 24px;
vertical-align: middle;
}
.map-alert [class^="ic-"]{
background-size: 9px 9px;
text-indent: -9999px;
display: inline-block;
width: 9px;
height: 9px;
vertical-align: middle;
}
.ic-check{
background: url(/element_sp/hotel/map/images/icon-check.svg) no-repeat;
}
.ic-available{
background: url(/element_sp/hotel/map/images/icon-circle.svg) no-repeat;
}
.ic-unavailable{
background: url(/element_sp/hotel/map/images/icon-cross.svg) no-repeat;
}

/* ----------------------------------------------------------------
LP Content Modules
----------------------------------------------------------------- */
/* .lp-header
----------------------------------------------- */
.lp-header {
margin: 0 -10px;
padding: 0 50px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
background-color: #444;
}

/* .lp-header-hdg
----------------------------------------------- */
.lp-header-hdg {
padding: 9px 5px 7px;
-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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 35px;
font-size: 19px;
font-weight: bold;
line-height: 1.07;
text-align: center;
word-break: break-word;
overflow-wrap: break-word;
min-width: 0;
}

/* .lp-header-btn
----------------------------------------------- */
.lp-header-btn {
margin-top: 0;
}

/* .lp-header-btn-prev
----------------------------------------------- */
.lp-header-btn-prev {
margin: 0;
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size: 9px auto;
}

/* .lp-header-img
----------------------------------------------- */
.lp-header-img {
position: relative;
margin: 0 -10px;
}

.lp-header-img img {
height: 180px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}

.lp-header-img img.no-photo {
-o-object-fit: none;
object-fit: none;
}

/* .lp-header-btn-map
----------------------------------------------- */
.lp-header-btn-map {
position: absolute;
right: 10px;
bottom: 10px;
padding: 0;
width: 79px;
height: 35px;
font-size: 15px;
background-color: #fff;
border: 1px solid #bbb;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 1;
}

/* -----------------------------------------------
.lp-hotel-list
----------------------------------------------- */
.lp-hotel-list {
margin: 0 -10px;
}

.lp-hotel-list > li {
position: relative;
}

.lp-hotel-list > li::before {
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #555;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: 12px;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
z-index: -1;
}

.lp-hotel-list > li > .lp-hotel-list-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
}

.lp-hotel-list > li:not(:last-child) {
border-bottom: 6px solid #929292;
}

.lp-hotel-list > li.lp-hotel-link::before {
display: none;
}

.lp-hotel-list > li.lp-hotel-link > a {
display: block;
min-height: auto;
padding: 10px 10px 9px;
font-size: 15px;
color:var(--color-gray);
text-align: center;
text-decoration: none;
}

.lp-hotel-list > li.lp-hotel-link > a > span {
position: relative;
display: inline-block;
padding-left: 10px;
}

.lp-hotel-list > li.lp-hotel-link > a > span::before {
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #bfbfbf;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: calc(50% - 2px);
left: -6px;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
z-index: -1;
}

.link-list-toggle-01 .lp-hotel-list {
border-bottom: 1px solid #e9e9e9;
}

/* .lp-hotel-list-detail
----------------------------------------------- */
.lp-hotel-list a.lp-hotel-list-detail {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 9px 29px 11px 0;
text-decoration: none;
}

.lp-hotel-list div.lp-hotel-list-detail {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0;
}

.lp-hotel-list div.lp-hotel-list-detail > a:not([class]) {
display: block;
height: 100%;
text-decoration: none;
}

.lp-hotel-list div.lp-hotel-list-detail > a:not([class]) .lp-hotel-list-hdg {
margin-bottom: -2px;
}

/* .lp-hotel-list-hdg
----------------------------------------------- */
.lp-hotel-list .lp-hotel-list-hdg {
margin-bottom: 3px;
font-size: 17px;
font-weight: bold;
color: #06c;
line-height: 1.4;
}

.lp-hotel-list .lp-hotel-list-hdg > a {
color: #06c;
text-decoration: none;
}

/* .lp-hotel-list-area
----------------------------------------------- */
.lp-hotel-list .lp-hotel-list-area {
display: block;
margin: 14px 0 3px;
font-size: 12px;
line-height: 1.2;
}

.lp-hotel-list .lp-hotel-list-area > a {
color:var(--cmn-font-color-base);
text-decoration: none;
}

/* .lp-hotel-list-review
----------------------------------------------- */
.lp-hotel-list .lp-hotel-list-review {
font-size: 12px;
color:var(--cmn-font-color-base);
line-height: 1.35;
}

/* .lp-hotel-list-price
----------------------------------------------- */
.lp-hotel-list .lp-hotel-list-price {
font-size: 12px;
font-weight: bold;
color: #e30707;
}

.lp-hotel-list .lp-hotel-list-price > b {
font-size: 17px;
}

/* .lp-hotel-list-thumb
----------------------------------------------- */
.lp-hotel-list .lp-hotel-list-thumb {
width: 100px;
padding: 12px 10px 7px;
}

.lp-hotel-list .lp-hotel-list-thumb .caption {
margin: 4px 0 2px;
color: #888;
display: block;
font-size: 11px;
line-height: 1;
text-decoration: none;
}

.lp-hotel-list .lp-hotel-list-thumb .caption > span:not([class]) {
display: inline-block;
}

.lp-hotel-list .lp-hotel-list-thumb-inner {
display: block;
height: 100px;
overflow: hidden;
position: relative;
background-color: #f1f1f1;
}

.lp-hotel-list .lp-hotel-list-thumb-inner img {
position: absolute;
bottom: 50%;
right: 50%;
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
max-width: 100%;
max-height: 100%;
}

/* .lp-hotel-list-note
----------------------------------------------- */
.lp-hotel-list-note {
font-size: 13px;
}

/* -----------------------------------------------
.lp-area-img-list
----------------------------------------------- */
.lp-area-img-list {
margin: 0 -10px;
}

.lp-area-img-list > li {
border-top: 1px solid #fff;
}

.lp-area-img-list > li > a {
position: relative;
padding: 0 30px 0 10px;
height: 75px;
color: #fff;
font-size: 19px;
font-weight: bold;
text-shadow: 1px 1px rgba(51, 51, 51, 0.75);
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: hidden;
text-decoration: none;
}

.lp-area-img-list > li > a::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 10px;
height: 10px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.lp-area-img-list > li > a img {
width: 100%;
position: absolute;
left: 0;
top: 50%;
z-index: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

.lp-area-img-list > li > a span:not([class]) {
position: relative;
z-index: 1;
}

/* -----------------------------------------------
.resort-fee-info
----------------------------------------------- */
/* .resort-fee-info
----------------------------------------------- */
.resort-fee-info {
padding: 8px 10px 10px;
}

.resort-fee-info > p {
margin: 0 0 8px;
font-size: 14px;
}

.detail-plan .resort-fee-info {
margin: 0 -10px;
border-bottom: 6px solid #929292;
}

/* .resort-fee-info-list
----------------------------------------------- */
.resort-fee-info-list {
margin: 0 -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.resort-fee-info-list > li {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 4px 0;
font-size: 13px;
line-height: 1.2;
}

.resort-fee-info-list > li:not(:first-child) {
border-left: 1px solid #ccc;
}

.resort-fee-info-list > li > label {
position: relative;
display: block;
padding: 0 10px 0 35px;
}

.resort-fee-info-list > li > label input[type='radio'] {
position: absolute;
margin-top: -10px;
top: 50%;
left: 10px;
}

/* ----------------------------------------------------------------
modal
----------------------------------------------------------------- */
/* .cmn-modal
----------------------------------------------- */
.cmn-modal.modal-about{
top: 30px;
margin:0 auto;
position:absolute;
right:0;
left:0;
z-index:1000;
}

/* .cmn-modal-content
----------------------------------------------- */
.cmn-modal .cmn-modal-content{
margin:0 auto;
padding:30px 12px;
border-radius:5px;
width:calc(100% - 20px);
max-width:400px;
position:relative;
box-sizing:border-box;
background-color:#fff;
}

.cmn-modal .cmn-modal-content > :first-child{
margin-top:0;
}

/* .cmn-modal-btn-close
----------------------------------------------- */
.cmn-modal .cmn-modal-btn-close{
display: block;
width: 40px;
height: 36px;
position: absolute;
top: -36px;
right: 0;
text-indent: -9999px;
border: none;
padding: 0;
background: url(/element_sp/shared/images/icon/icon-modal-btn-close.svg) 50% 50% no-repeat;
background-size: 20px;
z-index: 1;
}

/* .cmn-modal-layer
----------------------------------------------- */
.cmn-modal .cmn-modal-layer{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0, 0, 0, .6);
z-index:-1;
}

/* .modal-about-travelko
----------------------------------------------- */
.modal-about-travelko{
padding:0 3px;
text-align:center;
}

.modal-about-travelko p{
font-size: 14px;
text-align: left;
line-height:1.65;
}

/* .modal-about-travelko-head
----------------------------------------------- */
.modal-about-travelko-head{
padding:0 0 20px;
}

.modal-about-travelko-hdg{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
border-bottom:1px solid #e5e5e5;
padding-bottom: 5px;
}


/* .modal-about-travelko-head
----------------------------------------------- */
.modal-about-travelko-list{
padding:20px 0 0;
}

.modal-about-travelko-list-hdg{
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
text-align: left;
border-bottom:1px solid #e5e5e5;
padding-bottom: 5px;
}

.modal-about-travelko-list .modal-about-travelko-list-hdg + ul > li{
margin-bottom:36px;
}

.modal-about-travelko-list .modal-about-travelko-list-hdg + ul > li:last-child{
margin-bottom:0;
}

.modal-about-travelko-list .list-hdg{
position:relative;
text-align:left;
font-weight: bold;
font-size: 14px;
margin-bottom:5px;
}

.modal-about-travelko-list .list-hdg > .list-num {
display: inline-block;
font-size: 17px;
font-weight: bold;
padding-right: 8px;
}

.modal-about-travelko .about-logo-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.modal-about-travelko .about-logo-list li{
width:calc(33% - 3px) ;
margin: 5px 0 0 5px;
line-height: 1;
box-sizing: border-box;
font-size: 12px;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 24%);
border-radius:2px;
padding:0;
}

.modal-about-travelko .about-logo-list li:nth-child(3n+1) {
margin-left: 0;
}

.modal-about-travelko .about-logo-list li:last-child{
text-align: left;
border:0;
padding-top: 15px;
box-shadow:0 0 0 0;
}

.modal-about-travelko .about-logo-list li img{
max-height:20px;
margin:3px auto;
}

.modal-about-travelko .about-img{
text-align: center;
margin-top:10px;
}


/* ----------------------------------------------------------------
Loading
----------------------------------------------------------------- */
/* loading animation
----------------------------------------------- */
@-webkit-keyframes cmn-loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes cmn-loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}

/* .cmn-loading
----------------------------------------------- */
.cmn-loading{
margin:20px auto 40px;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite cmn-loading;
animation:1s linear 0s infinite cmn-loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

/* .cmn-loading-wording-top / .cmn-loading-wording-btm
----------------------------------------------- */
.cmn-loading-wording-top,
.cmn-loading-wording-btm{
margin:20px 0 40px;
text-align:center;
line-height:1.35;
}

.cmn-loading-wording-top::after,
.cmn-loading-wording-btm::before{
margin:0 auto;
content:"";
display:table;
width:40px;
height:40px;
overflow:hidden;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:1s linear 0s infinite cmn-loading;
animation:1s linear 0s infinite cmn-loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}

.cmn-loading-wording-top::after{
margin-top:10px;
}

.cmn-loading-wording-btm::before{
margin-bottom:10px;
}

/* ----------------------------------------------------------------
.agt-link
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link {
padding: 0 10px;
}

.agt-link > p + p {
margin-top: 20px;
}

.agt-link a {
text-decoration: none;
}

.agt-link .agt-link-info {
margin: 12px 0;
padding: 12px;
border: 1px solid #ddd;
font-size: 13px;
text-align: left;
}

.agt-link .notice-list > li {
margin: 10px 0;
color:var(--color-gray);
font-size: 13px;
text-align:center;
}

.agt-link .notice-list > li:before{
display:none;
}

/* .agent-link-browser-note
----------------------------------------------- */
.agent-link-browser-note{
margin: 30px 0 20px;
text-align: center;
font-size: 13px;
font-weight: normal
}

/* .agt-link-header-category
----------------------------------------------- */
.agt-link .agt-link-header-category {
margin: 0 -10px;
padding: 5px 10px 4px;
font-size: 18px;
font-weight: bold;
color:var(--cmn-font-color-base);
border-bottom: 1px solid #bbb;
}

/* .agt-link-catch
----------------------------------------------- */
.agt-link .agt-link-catch {
margin: 20px 0 20px;
text-align: center;
}

.agt-link .agt-link-catch .agt-link-browser-note{
font-weight: normal;
font-size: 14px;
margin: 0 0 15px;
}

.agt-link .agt-link-catch .agt-link-catch-logo {
margin-bottom: 13px;
}

.agt-link .agt-link-catch .agt-link-catch-logo > img {
max-height: 28px;
width: auto;
}

.agt-link .agt-link-catch .agt-link-catch-logo .agt-link-catch-logo-sup {
display: block;
font-size: 12px;
}

.agt-link .agt-link-catch > p {
font-weight: bold;
}

.agt-link .agt-link-catch > p > strong {
font-weight: bold;
}

.agt-link .agt-link-catch .cmn-loading {
width: 25px;
height: 25px;
margin: 19px auto 0;
}

/* ----------------------------------------------------------------
calendar
----------------------------------------------------------------- */
/* .calendar
----------------------------------------------- */
.cmn-pseudo-header-sticky .cmn-pseudo-header{
z-index:2;
}

.calendar {
margin: 0 -10px;
}

.calendar + .calendar {
margin-top: 9px;
border-top: 1px solid #bbb;
}

/* .calendar-hdg
----------------------------------------------- */
.calendar .calendar-hdg {
margin: 19px 10px 18px;
line-height: 1;
font-size: 18px;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl {
width: 100%;
border-spacing: 0;
table-layout: fixed;
border-collapse: collapse;
text-align: center;
font-size: 14px;
}

.calendar .calendar-tbl th {
padding: 0 0 6px;
font-weight: normal;
font-size: 13px;
line-height: 1;
}

.calendar .calendar-tbl th:nth-child(1) {
color: #cc0000;
}

.calendar .calendar-tbl td {
position: relative;
padding: 0;
height: 46px;
}

.calendar .calendar-tbl td a {
margin: 0 auto;
padding: 10px 0 9px;
border-radius: 3px;
color:var(--cmn-font-color-base);
display: block;
text-decoration: none;
}

.calendar .calendar-tbl td:nth-child(1) a {
color: #de1116;
}

.calendar .calendar-tbl td.is-holiday a {
color: #de1116;
}

.calendar .calendar-tbl td.is-start a,
.calendar .calendar-tbl td.is-end a {
position: relative;
color: #fff;
width: 38px;
background-color:var(--button-color);
z-index: 1;
}

.calendar .calendar-tbl td.is-start::after {
content: '';
background-color: #ecf6ff;
height: 38px;
width: 50%;
top: 50%;
right: 0;
display: block;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 0;
}

.calendar .calendar-tbl td.is-end::after {
content: '';
background-color: #ecf6ff;
height: 38px;
width: 50%;
top: 50%;
left: 0;
display: block;
position: absolute;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 0;
}

.calendar .calendar-tbl td.is-active a {
background-color: #ecf6ff;
}

.calendar .calendar-tbl td.is-disabled a {
color: #ccc;
}

/* .calendar-term
----------------------------------------------- */
.calendar-term {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 14px;
}

.calendar-term .nights {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 13px;
font-weight: bold;
text-align: right;
}

/* .calendar-term-inner
----------------------------------------------- */
.calendar-term .calendar-term-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: calc(100% - 91px);
}

.calendar-term .calendar-term-inner .term {
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: calc(50% - 15px);
min-width: 97px;
height: 35px;
font-size: 13px;
font-weight: bold;
color: #999;
text-align: center;
line-height: 1.2;
border-radius: 2px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.calendar-term .calendar-term-inner .term.is-active {
padding: 0 9px;
color:var(--cmn-font-color-base);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
}

.calendar-term .calendar-term-inner .term.is-selected {
padding: 0 9px;
color:var(--cmn-font-color-base);
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: left;
background-color: #aaa;
}

.calendar-term .calendar-term-inner .term:first-child {
position: relative;
margin-right: 15px;
}

.calendar-term .calendar-term-inner .term:first-child::before {
content: '';
position: absolute;
right: -10px;
top: 50%;
display: block;
width: 5px;
height: 2px;
background-color: #333;
font-weight: bold;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

/* ----------------------------------------------------------------
  Carousel Image
----------------------------------------------------------------- */
/* .carousel-image
----------------------------------------------- */
.carousel-image{
margin:0 -10px 0;
position:relative;
height:250px;
}

/* .carousel-image-inner
----------------------------------------------- */
.carousel-image .carousel-image-inner{
overflow:hidden;
position:relative;
}

/* .carousel-image-list
----------------------------------------------- */
.carousel-image .carousel-image-list{
margin:0;
overflow:hidden;
width:9999px;
}

.carousel-image .carousel-image-list > li{
float:left;
position:relative;
}

.carousel-image .carousel-image-list > li > span{
position:relative;
display:block;
height:250px;
overflow:hidden;
background-color:#f1f1f1;
}

.carousel-image .carousel-image-list > li > span img{
position:absolute;
bottom:50%;
right:50%;
width:100%;
height:auto;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

.carousel-image .carousel-image-list::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,.1) 20%, rgba(0,0,0,.4) 60%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.carousel-image .carousel-image-list.no-photo > li > span{
background-color:#fff;
}

.carousel-image .carousel-image-list.no-photo > li > span img{
width:auto;
}

.carousel-image .carousel-image-list.no-photo::before{
display:none;
}

/* .carousel-image-dots
----------------------------------------------- */
.carousel-image .carousel-image-dots{
margin:0;
color:rgba(0,0,0,0);
position:absolute;
height:8px;
bottom:6px;
right:50%;
transform:translateX(50%);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
z-index:1;
}

.carousel-image .carousel-image-dots > li{
margin:0 4px;
border-radius:50%;
width:4px;
height:4px;
overflow:hidden;
background-color:rgba(255,255,255,.7);
}

.carousel-image .carousel-image-dots > .is-active{
background-color: rgba(255,255,255,.9);
}

.dots {
margin: auto;
border-radius: 50%;
width: 4px;
height: 4px;
position: absolute;
left: 0;
right: 0;
transition: .3s ease-in-out;
background-color: rgba(255,255,255,.6);
}


/* .carousel-image-gallery
----------------------------------------------- */
.carousel-image .carousel-image-gallery{
padding: 3px 28px 2px 8px;
border:none;
border-radius:3px;
color:#fff;
overflow:hidden;
position:absolute;
bottom:6px;
right:8px;
z-index:1;
min-height:22px;
min-width:50px;
background:rgba(0,0,0,.45) url(/element_sp/hotel/shared/images/icon/icon-gallery-wht.svg) no-repeat calc(100% - 8px) 49%;
background-size:11px auto;
font-size:12px;
text-align:center;
}

.carousel-image .carousel-image-gallery > span:not([class]){
height:0;
overflow:hidden;
position:absolute;
}

/* .carousel-image-agt
----------------------------------------------- */
.carousel-image .carousel-image-agt{
position:absolute;
bottom:6px;
left:8px;
color:rgba(255,255,255,.7);
font-size:10px;
z-index:1;
max-width:30%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
text-decoration:none;
}


/* .carousel-hotel-notice
----------------------------------------------- */
.carousel-hotel-notice {
font-size: 12px;
}

/* .carousel-hotel
----------------------------------------------- */
.carousel-hotel {
margin: 10px -10px;
position: relative;
overflow: hidden;
line-height: 1.35;
}

/* .carousel-hotel-nav
----------------------------------------------- */
.carousel-hotel .carousel-hotel-nav {
margin: 0;
}

.carousel-hotel .carousel-hotel-nav button {
margin: 0;
padding: 0;
color: rgba(51, 51, 51, 0);
border: none;
position: absolute;
top: 15px;
left: 0;
z-index: 1;
width: 20px;
height: 55px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #888;
}

.carousel-hotel .carousel-hotel-nav button::before {
margin-top: -6px;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #fff;
content: '';
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 7px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

.carousel-hotel .carousel-hotel-nav button:disabled {
background-color: #dedede;
}

.carousel-hotel .carousel-hotel-nav .next button {
left: auto;
right: 0;
}

.carousel-hotel .carousel-hotel-nav .next button::before {
left: 3px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/* ----------------------------------------------------------------
  Carousel Recommend
----------------------------------------------------------------- */
/* .item-recommend
----------------------------------------------- */
.item-recommend{
background-color:#F5F5F5;
margin:0 -10px 0;
padding:0 10px 30px;
}

.detail-contents-tab .detail-contents-tab-item.review .item-recommend{
padding:0 10px 60px;
}

.item-recommend .info-list{
margin:0 0 8px;
}

.item-recommend .carousel-hotel-notice + .info-list{
margin-bottom: -9px;
}

.item-recommend .info-list li {
display: block;
color: #949494;
font-size: 12px;
text-indent: -0.7em;
padding-left: 0.7em;
}

/* .carousel-recommend
----------------------------------------------- */
.carousel-recommend{
margin:-6px -10px 6px;
overflow:hidden;
font-size:12px;
}

.carousel-recommend + .hdg-l2{
margin-top: 10px;
}

.carousel-recommend .br{
display:block;
}

/* .carousel-recommend-list
----------------------------------------------- */
.carousel-recommend .carousel-recommend-list{
margin:10px 0 0;
padding:6px 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
width:1100px;
min-height:105px;
line-height:1.25;
}

.carousel-recommend .carousel-recommend-list > li{
border:1px solid #ddd;
border-radius:5px;
width:214px;
box-sizing:border-box;
overflow:hidden;
box-shadow:0 0 6px rgba(0,0,0,.2);
background-color:#fff;
height:auto;
}

.carousel-recommend .carousel-recommend-list > li > a{
color:var(--cmn-font-color-base);
display:grid;
grid-template-columns:86px 1fr;
grid-template-rows:1fr;
height:100%;
text-decoration:none;
}

/* .carousel-recommend-detail
----------------------------------------------- */
.carousel-recommend .carousel-recommend-detail{
padding:8px;
grid-column:2 / 3;
grid-row:1 / 3;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.carousel-recommend .carousel-recommend-detail > :first-child{
margin-top:0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}

.carousel-recommend .carousel-recommend-detail > span{
margin-bottom:15px;
display:block;
}

/* .carousel-recommend-distance
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-distance{
margin:-8px 0 8px;
}

/* .carousel-recommend-price
----------------------------------------------- */
.carousel-recommend span.carousel-recommend-price{
margin:auto 0 0;
text-align:right;
}

.carousel-recommend .carousel-recommend-price > span{
display:block;
}

.carousel-recommend .carousel-recommend-price > span > span{
font-size:14px;
}

.carousel-recommend .carousel-recommend-price > span > .sum-tax{
display: block;
font-size: 12px;
}

/* .carousel-recommend-review
----------------------------------------------- */
.carousel-recommend .carousel-recommend-review{
padding:8px 0;
grid-column:1 / 2;
grid-row:2 / 3;
}

.carousel-recommend .carousel-recommend-review > span{
margin:0 auto;
display:block;
width:65px;
}

/* .carousel-recommend-thumb
----------------------------------------------- */
.carousel-recommend .carousel-recommend-thumb{
position:relative;
grid-column:1 / 2;
grid-row:1 / 2;
overflow:hidden;
}

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

.carousel-recommend .carousel-recommend-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
max-width:none;
height:100%;
}

.carousel-recommend .carousel-recommend-thumb > span{
color:rgba(255,255,255,.7);
display:block;
box-sizing:border-box;
position:absolute;
bottom:5px;
left:5px;
line-height:1;
z-index:1;
font-size:10px;
}

.carousel-recommend .carousel-recommend-thumb.no-photo::before{
display:none;
}

.carousel-recommend .carousel-recommend-thumb.no-photo img{
top:50%;
transform:translate(50%, -50%);
height:auto;
max-width:100%;
}

/* .carousel-hotel
----------------------------------------------- */
.carousel-hotel{
margin:10px -10px;
position:relative;
overflow:hidden;
line-height:1.35;
}

/* .carousel-hotel-nav
----------------------------------------------- */
.carousel-hotel .carousel-hotel-nav{
margin:0;
}
.carousel-hotel .carousel-hotel-nav button{
margin:0;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
position:absolute;
top:15px;
left:0;
z-index:1;
width:20px;
height:55px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:#888;
}
.carousel-hotel .carousel-hotel-nav button:before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#fff;
content:'';
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
left:7px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.carousel-hotel .carousel-hotel-nav button:disabled{
background-color:#dedede;
}
.carousel-hotel .carousel-hotel-nav .next button{
left:auto;
right:0;
}
.carousel-hotel .carousel-hotel-nav .next button:before{
left:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .carousel-hotel-list
----------------------------------------------- */
.carousel-hotel .carousel-hotel-list{
margin:0;
width:9999px;
overflow:hidden;
}
.carousel-hotel .carousel-hotel-list > li{
padding-left:10px;
box-sizing:border-box;
float:left;
width:135px!important;
color:var(--color-gray);
}
.carousel-hotel .carousel-hotel-list > li a{
color:#888;
display:block;
text-decoration:none;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb{
margin-bottom:5px;
position:relative;
height:82px;
overflow:hidden;
background-color:#f1f1f1;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-thumb img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-agt{
color:var(--color-gray);
display:block;
font-size:8px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-name{
margin-top:3px;
display:block;
font-size:10px;
font-weight:bold;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price{
margin-top:2px;
color:var(--color-red);
display:block;
text-align:right;
font-size:8px;
}
.carousel-hotel .carousel-hotel-list .carousel-hotel-price > b{
font-size:11px;
font-family:Arial;
}

.cmn-seo-link .cmn-seo-link-hdg-index{
font-weight:normal;
background-color:#444;
}

/* .tab-area
----------------------------------------------- */
.tab-area{
margin:0 -10px 6px;
padding:1px 10px 2px 10px;
overflow:hidden;
display:flex;
align-items:center;
flex-wrap:wrap;
position:relative;
z-index:1;
}
.tab-area > li {
padding-right:5px;
margin-top:5px;
width:33%;
font-size:12px;
box-sizing:border-box;
line-height:1.2;
}
.tab-area > li:nth-of-type(3n){
padding-right:0;
}
.tab-area > li > a{
position:relative;
display:block;
height:45px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
box-sizing:border-box;
box-shadow:1px 1px 2px 0px #bbb;
}
.tab-area > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-area > li > a > span > span{
display:block;
}
.tab-area > li.is-active > a{
background-color:#888;
border-color:#888;
color:#fff;
font-weight:bold;
}
.tab-area.dest > li{
width:33.333%;
}
.tab-area.grid-3 > li{
width:33.333%;
}
.tab-area.grid-2{
margin-top:-10px;
}
.tab-area.grid-2 > li{
width:50%;
}
.tab-area + .list-01{
border-top:1px solid #e5e5e5;
}

/* .area-select
----------------------------------------------- */
.tab-content.area-select{
margin:5px -10px 0;
padding:2px 10px 0;
border-top:1px solid #e9e9e9;
}
.tab-content.area-select .link-all{
margin:0 -10px;
padding:0 10px;
text-align:right;
border-top: 1px solid #e9e9e9;
}
.tab-content.area-select .review .review-list > li > div:first-child{
font-size:9px;
width:5em;
white-space:nowrap;
}
.tab-content.area-select .review .review-list > li > div:first-child:after{
display:none;
}
.tab-content.area-select .link-all a{
padding: 10px 0 0;
display: inline-block;
text-align: right;
font-size: 14px;
text-decoration: none;
--cmn-dashed-grad: linear-gradient(90deg, var(--cmn-dashed-color), var(--cmn-dashed-color) 50%, transparent 50%, transparent 100%) repeat-x 0 100%;
--cmn-dashed-color: #949494;
--cmn-dashed-size: 6px 1px;
--cmn-dashed-font-color: var(--cmn-font-color-base);
color:#666;
background: var(--cmn-dashed-grad);
background-size: var(--cmn-dashed-size);
text-decoration: none !important;
}

/* .area-select-list
----------------------------------------------- */
.area-select-list{
margin:0 -3px 12px;
}
.area-select-list li{
display:inline-block;
border-right:1px solid #E1E1E1;
line-height:1;
margin-top:7px;
}
.area-select-list li:last-child{
border:0;
}
.area-select-list li button{
height:24px;
font-size:14px;
padding:0 8px;
border-radius:12px;
border:0;
margin:0 3px;
background:none;
color:var(--cmn-font-color-base);
}
.area-select-list li button.is-active{
color:#fff;
background:#888;
}

/* ----------------------------------------------------------------
SNS List
----------------------------------------------------------------- */
/* .sns-list
----------------------------------------------- */
.sns-list {
margin: 10px -10px;
padding: 10px 10px 0;
border-top: 1px solid #ddd;
text-align: center;
}

.sns-list li {
display: inline-block;
vertical-align: top;
}

.sns-list li:not(:first-child) {
margin-left: 20px;
}

.sns-list a {
color: rgba(0, 0, 0, 0) !important;
display: block;
width: 25px;
height: 25px;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100% auto;
}

.sns-list .sns-tw a {
background-image: url(/element_sp/shared/images/icon/icon-sns-tw.svg);
}

.sns-list .sns-fb a {
background-image: url(/element_sp/shared/images/icon/icon-sns-fb.svg);
}

/* ----------------------------------------------------------------
Alert
----------------------------------------------------------------- */
/* .alert-hdg
----------------------------------------------- */
.cmn-alert .alert-hdg {
font-size: 16px;
text-align: center;
}

/* ----------------------------------------------------------------
Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error {
padding: 30px 0;
}

.search-result .error {
padding: 30px 10px;
}

.detail-plan.error{
margin-bottom:0;
padding-bottom:0;
}

/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
padding:20px 0 40px;
}
.error-item .error-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
}
.error-item .error-txt{
font-size:13px;
margin-bottom:20px;
text-align:left;
padding:0 8px;
}
.error-item .error-txt.center{
text-align:center;
}
.error-item .btn-error{
border:1px solid #bbb;
border-radius:5px;
font-size:13px;
background:#fff;
color:var(--color-gray);
text-align:center;
padding:4px 8px;
font-weight:bold;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
text-align:left;
}
.error-align-c{
text-align:center;
}
.error-item strong{
color:#e93939;
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
text-align: left;
}
.error-item .txt-notfound{
font-size:12px;
text-align: left;
}
.error-item .btn {
margin: 20px auto 0;
padding: 8px 10px;
border: 1px solid #bbb;
border-radius: 5px;
color: var(--cmn-font-color-base);
display: table;
min-width: 55%;
text-align: center;
font-size: 14px;
background-color: #fff;
font-weight:normal;
text-decoration:none;
}

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

.error .error-catch strong {
font-weight: bold;
color:var(--cmn-font-color-base);
}

/* .error-btn-item
----------------------------------------------- */
.error .error-btn-item{
text-align: center;
}
.error .error-btn-item .btn-error {
border: 1px solid #bbb;
border-radius: 5px;
font-size: 14px;
background: #fff;
color:var(--color-gray);
text-align: center;
padding: 6px 8px;
font-weight: bold;
min-width: 220px;
background: #fff;
}

/* .is-error
----------------------------------------------- */
.form-search-tbl .is-error,
.form-search-pseudo .form-search-tbl .destination .form-search-btn-arrow.is-error,
.form-search-lp .form-search-tbl .form-search-btn-arrow.is-error,
.form-search-detail .form-search-tbl .date .form-search-btn-arrow.is-error,
.form-search-pseudo .form-search-tbl .form-search-btn-arrow.is-error {
border:1px solid rgba(var(--color-red-rgb), 1);
box-shadow: 0 0 0 1px rgba(var(--color-red-rgb), 1) inset;
background-color:#fdebeb;
}
.form-search-tbl .form-custom-select.is-error{
border:0;
box-shadow:inherit;
background-color:#fdebeb;
border-radius:4px;
}
.form-search-tbl .form-custom-select.is-error select {
border:1px solid rgba(var(--color-red-rgb), 1);
box-shadow: 0 0 0 1px rgba(var(--color-red-rgb), 1) inset;
background-color:transparent;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error{
margin:7px 20px 0;
color:var(--color-red);
line-height:1.35;
font-size:12px;
}
.form-search-tbl .form-search-index-error,
.form-search-index-error{
margin:7px 0 0;
color:var(--color-red);
line-height:1.35;
font-size:12px;
}
.detail-contents-tab-item .form-search-tbl .date .search-item .form-search-index-error{
color:var(--cmn-color-font-base);
}
.form-search-index .form-search-index-error:empty,
.form-search-tbl .form-search-index-error:empty{
margin:0;
}
.form-search-index .form-search-index-error > li,
.form-search-index-error > li{
margin-bottom:5px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
display:block;
text-align:left;
}
main > .form-search-index .form-search-index-error > li{
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px auto;
color:#fff;
}
main > .form-search-index .form-search-index-btn-act .form-search-index-error{
margin:10px 0;
}
.search-item .form-search-index-error > li{
margin-bottom:0;
}
.form-search-pseudo-btn-act .form-search-index-error{
width:60%;
margin:0 auto 8px;
}
.form-search-note + .form-search-index-error{
margin-top:12px;
}
.form-search-index-btn-act .form-search-index-error,
.form-search-note + .form-search-index-error > li{
margin:0 auto -7px;
width:268px;
max-width:100%;
font-size:14px;
}
.pseudo-sticky .form-search-index-error{
width:60%;
margin:-2px auto 8px;
color:#fff;
}
.pseudo-sticky .form-search-index-error > li{
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px auto;
}
.form-search-detail-btn-act .form-search-index-error{
margin-bottom:14px;
}

/* ----------------------------------------------------------------
Review Icon
----------------------------------------------------------------- */
/* .review-rate
----------------------------------------------- */
.review-rate {
line-height: 1.0;
display: inline-block;
width: 68px;
margin-right: .2em;
}

.review-rate [class*='icon-r-'] {
display: inline-block;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.review-rate .icon-r-hotel {
width: 68px;
height: 14px;
}

.review-rate .icon-r-hotel[class*='rank-'] {
overflow: hidden;
color: rgba(51, 51, 51, 0);
background-repeat: no-repeat;
background-size: 68px 12px;
}

.review-rate .icon-r-hotel.rank-1 {
background-image: url(/element_sp/shared/images/icon/icon-rank-01-1.svg);
}

.review-rate .icon-r-hotel.rank-2 {
background-image: url(/element_sp/shared/images/icon/icon-rank-01-2.svg);
}

.review-rate .icon-r-hotel.rank-3 {
background-image: url(/element_sp/shared/images/icon/icon-rank-01-3.svg);
}

.review-rate .icon-r-hotel.rank-4 {
background-image: url(/element_sp/shared/images/icon/icon-rank-01-4.svg);
}

.review-rate .icon-r-hotel.rank-5 {
background-image: url(/element_sp/shared/images/icon/icon-rank-01-5.svg);
}

.review-rate .icon-r-review {
width: 66px;
height: 11px;
}

.review-rate .icon-r-review[class*='rank-'] {
overflow: hidden;
color: rgba(51, 51, 51, 0);
background-repeat: no-repeat;
background-size: 66px 10px;
}

.review-rate .icon-r-review.rank-0 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-0.svg);
}

.review-rate .icon-r-review.rank-05 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-0h.svg);
}

.review-rate .icon-r-review.rank-1 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-1.svg);
}

.review-rate .icon-r-review.rank-15 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-1h.svg);
}

.review-rate .icon-r-review.rank-2 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-2.svg);
}

.review-rate .icon-r-review.rank-25 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-2h.svg);
}

.review-rate .icon-r-review.rank-3 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-3.svg);
}

.review-rate .icon-r-review.rank-35 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-3h.svg);
}

.review-rate .icon-r-review.rank-4 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-4.svg);
}

.review-rate .icon-r-review.rank-45 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-4h.svg);
}

.review-rate .icon-r-review.rank-5 {
background-image: url(/element_sp/shared/images/icon/icon-review-01-5.svg);
}

/* .map-view-custom-marker.review-rate
----------------------------------------------- */
.map-view-custom-marker .review-rate {
width: 39px;
margin: 0 auto;
z-index: 3;
position: relative;
display: inherit;
}

.map-view-custom-marker .review-rate .icon-r-hotel {
width: 39px;
height:6px;
display: inherit;
}

.map-view-custom-marker .review-rate .icon-r-hotel[class*='rank-'] {
background-size: 39px 6px;
}

.map-view-custom-marker .review-rate .icon-r-hotel.rank-1 {
background-image: url(/element_sp/hotel/map/images/icon-review-1.svg);
}

.map-view-custom-marker .review-rate .icon-r-hotel.rank-2 {
background-image: url(/element_sp/hotel/map/images/icon-review-2.svg);
}

.map-view-custom-marker .review-rate .icon-r-hotel.rank-3 {
background-image: url(/element_sp/hotel/map/images/icon-review-3.svg);
}

.map-view-custom-marker .review-rate .icon-r-hotel.rank-4 {
background-image: url(/element_sp/hotel/map/images/icon-review-4.svg);
}

.map-view-custom-marker .review-rate .icon-r-hotel.rank-5 {
background-image: url(/element_sp/hotel/map/images/icon-review-5.svg);
}

.form-search-pseudo .review-rate,
.form-list .review-rate {
width: 86px;
vertical-align: middle;
}

.form-search-pseudo .review-rate .icon-r-hotel,
.form-list .review-rate .icon-r-hotel {
width: 86px;
height: 18px;
vertical-align: top;
}

.form-search-pseudo .review-rate .icon-r-hotel[class*='rank-'],
.form-list .review-rate .icon-r-hotel[class*='rank-'] {
background-size: 86px 16px;
}

.form-list .review-rate {
margin-left: -4px;
}

/* .review-rate-score
----------------------------------------------- */
.review-rate + .review-rate-score {
line-height: 1.0;
vertical-align: middle;
font-size: 12px;
}

.review-rate + .review-rate-score .review-list-score{
font-size: 12px;
}

.form-search-pseudo .review-rate + .review-rate-score,
.form-list .review-rate + .review-rate-score {
margin-left: 2px;
font-size: 12px;
}

@media screen and (max-width: 350px) {
.review-toggle .review-toggle-hook {
margin: 2px 0 0 auto;
}
}

@media screen and (max-width: 320px) {
.carousel-image .carousel-image-agt {
max-width: 35%;
}

.carousel-image .carousel-image-agt > span:not([class]) {
display: block;
}
}

/* .pseudo-review
----------------------------------------------- */
.pseudo-review{
margin-top:10px;
}
.pseudo-review p{
margin-bottom:10px;
}

/* .pseudo-review-list
----------------------------------------------- */
.pseudo-review-list{
margin-top:10px;
}
.pseudo-review-list > li{
margin-top:5px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.pseudo-review-list > li > div:first-child{
width:7em;
}
.pseudo-review-list > li > div:last-child::before{
margin-right:5px;
content:"\003a";
display:inline-block;
}

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

card

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


/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
padding:10px 8px 20px;
background-color:#f5f5f5;
}

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
margin-bottom:10px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
padding: 0;
}

/* .search-result-header-sticky > .search-result-sort
------------------------- */
.search-result-header-sticky .search-result-sort{
margin:12px 0 0;
display:none;
}

.search-result-header-sticky.is-sticky .search-result-sort{
display:-webkit-box;
display:flex;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result .search-result-sort-btn{
margin:-4px 0 0 -3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
background-color:transparent;
height:inherit;
width:inherit;
border:none;
}

.search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}

.search-result-sort-btn button{
padding:0 8px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
max-width:164px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}

.search-result-sort-btn button.is-disabled,
.search-result-sort-btn button:disabled{
opacity:.33;
}

.search-result-sort-btn .map button{
padding-left:25px;
background-image:url(/element_sp/hotel/shared/images/icon/icon-map.svg);
background-position:11px 50%;
background-size:9px auto;
}

.search-result-sort-btn .sort button{
background-image:url(/element_sp/hotel/shared/images/icon/icon-sort.svg);
}


/* ----------------------------------------------------------------
  .search-result-item
----------------------------------------------------------------- */
/* .search-result-item
----------------------------------------------- */
.search-result .search-result-item{
padding:12px;
border-radius:6px;
line-height:1.42;
position:relative;
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
font-size:12px;
border-top:0;
}

.search-result .search-result-item + .search-result-item,
.search-result .act_ad_manage + .search-result-item{
margin-top:12px;
}


/* ----------------------------------------------------------------
  .search-result-item-header
----------------------------------------------------------------- */
/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
display:grid;
grid-template-columns:108px 1fr;
grid-template-rows:auto auto;
-webkit-column-gap:12px;
column-gap:12px;
margin:0;
}

/* .search-result-item-header-basic
----------------------------------------------- */
.search-result .search-result-item-header-basic{
grid-column:2 / 3;
grid-row:1 / 2;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
min-width:0;
}

/* .search-result-item-header-basic-hdg
----------------------------------------------- */
.search-result .search-result-item-header-basic-hdg{
line-height:1.35;
font-weight:normal;
font-size:16px;
}

.search-result .search-result-item-header-basic-hdg a{
text-decoration:none;
}

.search-result .search-result-item-header-basic-hdg .search-result-item-header-hdg-sup {
display: block;
font-size: 12px;
font-weight: normal;
color:var(--color-gray);
text-decoration:none;
}


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

.search-result .search-result-item-header-basic-list > li{
margin-top:8px;
padding-left:14px;
background-position:0 2px;
background-repeat:no-repeat;
}

.search-result .search-result-item-header-basic-list > li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}

.search-result .search-result-item-header-basic-list .area{
background-image:url(/element_sp/hotel/shared/images/icon/icon-map.svg);
background-size:9px auto;
}

.search-result .search-result-item-header-basic-list .area > span:first-child{
padding-right:8px;
}

/* .search-result-item-header-basic-bottom
----------------------------------------------- */
.search-result .search-result-item-header-basic-bottom{
margin-top:auto;
align-self:flex-end;
}

/* .search-result-item-header-link
----------------------------------------------- */
.search-result .search-result-item-header-link{
margin-top:4px;
text-align:right;
}

.search-result .search-result-item-header-link a{
text-decoration: none;
}

/* .search-result-item-header-toggle-hook
----------------------------------------------- */
.search-result .search-result-item-header-toggle-hook{
margin-top:8px;
padding:0 0 0 12px;
border:none;
font-size:12px;
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
}

.search-result .search-result-item-header-toggle-hook.is-active{
background-image:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-up.svg);
}

/* .search-result-item-header-toggle-detail
----------------------------------------------- */
.search-result .search-result-item-header-toggle-detail{
margin-top:8px;
grid-column:1 / 3;
grid-row:2 / 3;
display:none;
line-height:1.5;
}

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

.search-result .search-result-item-header-toggle-detail p{
margin:8px 0 0;
}

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

/* .search-result-item-header-thumb
----------------------------------------------- */
.search-result .search-result-item-header-thumb{
margin:-12px 0 0 -12px;
border-top-left-radius:6px;
border-bottom-right-radius:6px;
grid-column:1 / 2;
grid-row:1 / 2;
position:relative;
overflow:hidden;
height:156px;
width:auto;
}

.search-result .search-result-item-header-thumb::before{
content:'';
display:block;
width:100%;
height:30px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.search-result .search-result-item-header-thumb img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
min-width:100%;
max-width:none;
height:100%;
}

.search-result .search-result-item-header-thumb button{
color:#fff;
border:none;
display:block;
position:absolute;
overflow:hidden;
font-size:10px;
z-index:1;
}

.search-result .search-result-item-header-thumb a,
.search-result .search-result-item-header-thumb span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
text-decoration:none;
}

.search-result .search-result-item-header-thumb .favorite{
padding:0;
color:rgba(0,0,0,0);
width:25px;
height:23px;
top:2px;
left:4px;
background:url(/element_sp/hotel/shared/images/icon/icon-favorite.png) no-repeat 50% 50%;
background-size:contain;
}

.search-result .search-result-item-header-thumb .favorite.is-active{
background-image:url(/element_sp/hotel/shared/images/icon/icon-favorite-active.png);
}

.search-result .search-result-item-header-thumb .gallery{
padding:3px 18px 2px 3px;
border:none;
border-radius:3px;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/hotel/shared/images/icon/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:10px auto;
font-size:10px;
text-align:center;
}

.search-result .search-result-item-header-thumb .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

.search-result .search-result-item-header-thumb.no-photo::before{
display:none;
}

.search-result .search-result-item-header-thumb.no-photo{
background:#fcfcfc;
border-bottom:1px solid #eee;
border-right:1px solid #eee;
}

.search-result .search-result-item-header-thumb.no-photo img{
margin-top:35px;
width:auto;
height:auto;
min-width:0;
max-width:80%;
}


/* ----------------------------------------------------------------
  .search-result-item-price
----------------------------------------------------------------- */
/* .search-result-item-price
----------------------------------------------- */
.search-result .search-result-item-price{
margin:10px 0 4px;
display:-webkit-box;
display:flex;
}

.detail-plan .search-result-item-price{
margin:9px 0 2px;
display:-webkit-box;
display:flex;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.search-result .search-result-item-price-detail{
-webkit-box-flex:1;
flex:1;
}

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

.search-result .search-result-item-price-detail .sum{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

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

.search-result .search-result-item-price-detail .sum > span > span:first-child{
margin-right:5px;
}

.search-result .search-result-item-price-detail .sum b{
font-size:18px;
}

.search-result .search-result-item-price-detail .sum button{
margin-left:4px;
padding:0;
border:1px solid #bbb;
border-radius:3px;
width:36px;
height:22px;
background-color:#fff;
font-size:12px;
}

.search-result .search-result-item-price-detail .sup{
margin-top:2px;
}

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

/* .search-result-item-price-branch
----------------------------------------------- */
.search-result-item-price-branch{
margin: 8px 0 0;
border-top: 1px solid #ebebeb;
}

.search-result-item-price-branch .search-result-item-price{
margin:8px 0 0;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl .plan-desc{
padding-right:10px;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl .plan-item .price > b + span{
padding-left:5px;
}

.search-result-item-price-branch .plan .plan-price .plan-price-tbl > li.item-error{
height: 32px;
align-items: center;
text-align:left;
line-height:1.35;
}

/* .search-result-item-price-cv
----------------------------------------------- */
.search-result .search-result-item-price-cv,
.detail-plan-item .search-result-item-price-cv{
margin-left:4px;

}

.search-result .search-result-item-price-cv > div,
.detail-plan-item .search-result-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result .search-result-item-price-cv > div > div > span,
.detail-plan-item .search-result-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.search-result .search-result-item-price-cv > div > a,
.detail-plan-item .search-result-item-price-cv > div > a{
margin-left:4px;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:var(--button-color);
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.search-result .search-result-item-price-cv > span,
.detail-plan-item .search-result-item-price-cv > span{
margin-top:12px;
display:block;
text-align:right;
}

.detail-plan-item .search-result-item-price-detail{
-webkit-box-flex: 1;
flex: 1;
}

/* search-result-item-price-head
----------------------------------------------- */
.search-result .search-result-item-price-head{
margin:8px 0 4px;
padding-top:8px;
border-top:1px solid #ebebeb;
}

.search-result-item-name .plan-link-hdg{
font-size:14px;
font-weight:normal;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
word-wrap:break-word;
word-break:break-all;
}

.detail-plan .search-result-item-photo + .search-result-item-name .plan-link-hdg{
-webkit-line-clamp: 5;
}

/* .search-result-item-name .plan-detail
----------------------------------------------- */
.search-result-item-name .plan-detail {
margin: 6px 0 0;
font-size: 12px;
display:block;
}

.search-result-item-name .plan-detail > li{
display:inline-block;
}

.search-result-item-name .plan-detail > li:not(:last-child):after {
content: '/';
margin: 0 3px;
}

.search-result-item-name .plan-detail > li img {
width: 15px;
vertical-align: top;
}


/* ----------------------------------------------------------------
  .search-result-item-error
----------------------------------------------------------------- */
/* .search-result-item-error
----------------------------------------------- */
.search-result .search-result-item-error{
margin:8px 0 12px;
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
}

.search-result .search-result-item-error span{
display:inline-block;
}


/* ----------------------------------------------------------------
  .search-result-item-footer
----------------------------------------------------------------- */
/* .search-result-item-footer
----------------------------------------------- */
.search-result .search-result-item-footer{
padding-top:12px;
border-top:1px solid #ebebeb;
text-align:center;
}

/* .search-result-item-footer-btn
----------------------------------------------- */
.search-result .search-result-item-footer-btn{
font-size:14px;
}

/* .search-result-item-footer-sup
----------------------------------------------- */
.search-result .search-result-item-footer-sup{
margin-top:4px;
}

/* ----------------------------------------------------------------
  .review
----------------------------------------------------------------- */
/* .review
----------------------------------------------- */
.review{
margin:4px 0 0;
}

/*.detail-header > .review
--------------------- */
.detail-header .review{
margin-right:30px;
}

/* .review-list
----------------------------------------------- */
.review .review-list{
margin:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.review .review-list > li{
margin-right:12px;
position:relative;
}

.review .review-list button,
.review .review-list a{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-down.svg) no-repeat 0 56%;
background-size:8px auto;
font-size:12px;
line-height:1;
}

.review .review-list button[aria-selected="true"]{
position:relative;
background-image:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-up.svg);
}

.review .review-list button[aria-selected="true"]::before{
content:'';
display:block;
width:20px;
height:7px;
position:absolute;
bottom:-9px;
left:calc(50% - 10px);
background:url(/element_sp/hotel/shared/images/icon-balloon-arrow.svg) no-repeat 100% 0;
}

.review .review-list > .is-hidden{
visibility:hidden;
}

.review .review-list .user{
margin-right:0;
}

.review .review-list .user button > span:first-child{
margin:0;
}

.review .review-list .user button > span:last-child > span,
.review .review-list .user a > span:last-child > span{
display:inline-block;
}

.detail-header .review .review-list .user a > span:last-child > span{
vertical-align:middle;
}

.detail-header .review-rate + .review-rate-score{
margin-top:1px;
}

.review .review-list a{
padding-left:0;
background:none;
}

/* Media Queries
--------------------- */
@media screen and (max-width:359px){
.review .review-list button[aria-selected="true"]::before{
display:none;
}
}

/* .search-result-item-header / .detail-header > .review-list .icon-r-hotel
----------------------------------------------- */
.search-result-item-header .review .icon-r-hotel span,
.detail-header .review .icon-r-hotel span{
width:60px;
}

.search-result-item-header .review .icon-r-price span,
.detail-header .review .icon-r-price span{
width:48px;
}

/* .review > [role="tabpanel"]
----------------------------------------------- */
.review > [role="tabpanel"]{
margin-top:8px;
padding:8px;
border-radius:4px;
display:none;
background-color:#f5f5f5;
font-size:12px;
outline:none;
}

.review > [role="tabpanel"].is-active{
display:block;
}

.review > [role="tabpanel"] p{
margin:8px 0 0;
font-size:10px;
}

/* .review-content-catch
----------------------------------------------- */
.review .review-content-catch{
padding-bottom:4px;
border-bottom:1px solid #ddd;
line-height:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:12px;
}

.review .review-content-catch a,
.detail-header .review .review-content-list > li a{
color:#222;
text-decoration: none;
}

.review .review-content-catch > span{
min-width:6.5em;
}

.review .review-content-catch > span > span{
margin-left:4px;
display:inline-block;
}

.review .review-content-catch > span > span:not([class]){
margin-left:8px;
}

.review .review-content-catch > span + span{
padding-left:10px;
position:relative;
font-weight:normal;
}

.review .review-content-catch span + span::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:8.5em;
}

/* Media Queries
------------------------ */
@media screen and (max-width: 359px){
.review .review-content-catch > span,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-catch > span:first-child{
min-width:0;
}
}

/* .review-content-list
----------------------------------------------- */
.review .review-content-list{
margin:4px 0 0;
line-height:1.35;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
font-size:12px;
}

.review .review-content-list:not(:last-child){
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}

.review .review-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
min-width:168px;
}

.review .review-content-list > li > div:first-child{
min-width:6.5em;
}

.review .review-content-list > li > div:first-child a{
text-decoration:none;
}

.review .review-content-list > li > div:last-child{
padding-left:10px;
position:relative;
}

.review .review-content-list > li > div:last-child::before{
content:':';
display:block;
position:absolute;
top:-1px;
left:3px;
}

.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:8.5em;
}

.detail-header .review .review-content-list > li{
min-width:50%;
}

/* Media Queries
------------------------ */
@media screen and (max-width:374px){
.detail-header .review .review-content-list > li{
min-width:100%;
}
}

@media screen and (max-width:340px){
.review .review-content-list{
display:block;
}

.review .review-content-list > li,
.review .review-content-list > li > div:first-child,
.review > [role="tabpanel"] + [role="tabpanel"] .review-content-list > li > div:first-child{
min-width:0;
}
}

/* .search-result-item-price-cv
----------------------------------------------- */
.search-result-item .search-result-item-price-cv{
margin-left:8px;
}

.search-result-item .search-result-item-price-cv > div{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.search-result-item .search-result-item-price-cv > div > div > span{
display:block;
line-height:1.25;
text-align:right;
}

.search-result-item .search-result-item-price-cv > div > a{
margin-left:0;
color:#fff;
border-radius:4px;
width:70px;
height:36px;
background-color:#177bcb;
font-size:14px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
text-decoration:none;
}

.search-result-item .search-result-item-price-cv > div > a > span{
font-size:12px;
display:inline-block;
text-align:center;
line-height:1.2;
}

.search-result-item .search-result-item-price-cv > span{
margin-top:8px;
display:block;
text-align:right;
}

/* .search-result-sort-num
----------------------------------------------- */
.search-result-sort-num{
-webkit-box-flex:1;
flex:1;
line-height:1;
min-width:105px;
padding-top: 5px;
margin-bottom: -5px;
}

.search-result-sort-num > span{
display:block;
font-size:12px;
}

.search-result-sort-num button{
padding:0 19px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 99% 25% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
}

.search-result-sort-num > label{
padding:3px 0 0 24px;
display:table;
position:relative;
min-height:20px;
box-sizing:border-box;
}

.search-result-sort-num > label input{
position:absolute;
top:0;
left:0;
}

.search-result-sort-num > label.is-disabled{
color:rgba(34,34,34,.33);
}


/* .pseudo-hdg-l3
----------------------------------------------- */
.pseudo-content > h3:first-child{
padding-top: 0;
border: 0;
margin-top:16px;
margin-bottom: 6px;
}

.cmn-pseudo .pseudo-hdg-l3{
margin:9px 0 9px;
padding:10px 0 0 0;
border-top:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size: 14px;
}

.cmn-pseudo .pseudo-hdg-l3 > h3{
-webkit-box-flex:1;
flex:1;
}

.cmn-pseudo .pseudo-hdg-l3 + p{
margin:0;
}

.cmn-pseudo .pseudo-hdg-l3 + p + p{
margin-top:14px;
}

.pseudo-content p{
font-size: 12px;
line-height: 1.35;
}

.cmn-pseudo .pseudo-hdg-l3.branch{
padding-bottom:0;
border-bottom:none;
}

.cmn-pseudo .pseudo-hdg-l3.rank,
.cmn-pseudo .pseudo-hdg-l3.budget,
.cmn-pseudo .pseudo-hdg-l3.review{
padding-left:20px;
color:rgba(0,0,0,0);
position:relative;
padding:9px 0 0 0;
}

.cmn-pseudo .pseudo-hdg-l3.rank::before,
.cmn-pseudo .pseudo-hdg-l3.budget::before,
.cmn-pseudo .pseudo-hdg-l3.review::before{
content:'';
display:block;
width:15px;
height:15px;
overflow:hidden;
position:absolute;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
background-size:auto 15px;
}

.cmn-pseudo .pseudo-hdg-l3.rank::before{
background-image:url(/element_sp/shared/images/icon/icon-rank-01-5.svg);
}

.cmn-pseudo .pseudo-hdg-l3.review::before{
background-image:url(/element_sp/shared/images/icon/icon-review-01-5.svg);
}

.detail-contents-tab .detail-contents-tab-list > li.is-active.btn-photo{
font-weight:normal;
}

.detail-contents-tab .detail-contents-tab-list > li.is-active.btn-photo a {
box-shadow:0 0 0 0;
}

.detail-contents-tab .detail-contents-tab-list > li:nth-child(4) a{
display:inline-block;
border: 1px solid #ccc;
border-radius:3px;
padding:4px 10px;
margin-top: 6px;
}

.detail-plan .search-result-sort{
padding-top:10px;
min-height:44px;
box-sizing:border-box;
}

.pseudo-hdg-dash{
display:block;
position: relative;
}

.pseudo-hdg-dash::before{
content:'---';
color:#949494;
padding-right:5px;
}

.pseudo-hdg-dash::after{
content:'---';
color:#949494;
padding-left:5px;
}

/* .detail-header-basic-list
----------------------------------------------- */
.detail-header .detail-header-basic-list{
margin:8px 30px 0 0;
font-size: 12px;
}

.detail-header .detail-header-basic-list > li{
margin-top:6px;
padding-left:14px;
background-position:0 2px;
background-repeat:no-repeat;
}

.detail-header .detail-header-basic-list > li > span:not([class]){
display:block;
}

.detail-header .detail-header-basic-list > li a{
color:var(--cmn-font-color-base);
text-decoration: none;
}

.detail-header .detail-header-basic-list .area{
background-image:url(/element_sp/hotel/shared/images/icon/icon-map.svg);
background-size:9px auto;
}

.detail-header .detail-header-basic-list .area > span:first-child{
padding-right:8px;
display:inline-block;
}

.detail-header .detail-header-basic-list .hours{
background-image:url(/element_sp/hotel/shared/images/icon/icon-hours.svg);
background-size:11px;
}

/* .detail-header-toggle
----------------------------------------------- */
.detail-header .detail-header-toggle{
margin-top:12px;
font-size:12px;
}

/* .detail-header-toggle-hook
----------------------------------------------- */
.detail-header .detail-header-toggle-hook{
line-height:1.5;
}

.detail-header .detail-header-toggle[aria-expanded="true"] .detail-header-toggle-hook{
display:none;
}

/* .detail-header-toggle-hook-text
----------------------------------------------- */
.detail-header .detail-header-toggle-hook-text{
padding:0 0 0 12px;
border:none;
color:#a4a4a4;
line-height:1.5;
display:inline-block;
position:relative;
background:none;
font-weight:normal;
font-size:12px;
}

.detail-header .detail-header-toggle-hook-text::after{
content:'...';
color:var(--cmn-font-color-base);
display:block;
position:absolute;
bottom:0;
left:-3px;
}

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content{
display:none;
line-height:1.5;
}

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

/* .detail-header-toggle-content-btn-close
----------------------------------------------- */
.detail-header .detail-header-toggle-content-btn-close{
margin:0 0 0 auto;
padding:0 0 0 12px;
border:none;
display:table;
background:url(/element_sp/hotel/shared/images/icon/icon-arrow-01-up.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:12px;
}

/* .search-result-item-price-head
----------------------------------------------- */
.detail-plan .search-result-item-price-head{
display:flex;
}

.detail-plan .search-result-item-photo{
width:130px;
min-height: 90px;
position:relative;
overflow:hidden;
margin-right: 10px;
}

.detail-plan .search-result-item-photo + .search-result-item-name{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
z-index: 1;
}

.detail-plan .search-result-item-photo::before{
content:'';
display:block;
width:100%;
height:30px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
z-index:1;
}

.detail-plan .search-result-item-photo img{
position:absolute;
top:0;
right:50%;
transform:translateX(50%);
min-width:100%;
max-width:none;
height:100%;
}

.detail-plan .search-result-item-photo button{
color:#fff;
border:none;
display:block;
position:absolute;
overflow:hidden;
font-size:10px;
z-index:1;
}

.detail-plan .search-result-item-photo a,
.detail-plan .search-result-item-photo span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
left:6px;
bottom:4px;
font-size:10px;
z-index:1;
text-decoration:none;
}

.detail-plan .search-result-item-photo .favorite{
padding:0;
color:rgba(0,0,0,0);
width:25px;
height:23px;
top:2px;
left:4px;
background:url(/element_sp/hotel/shared/images/icon/icon-favorite.png) no-repeat 50% 50%;
background-size:contain;
}

.detail-plan .search-result-item-photo .favorite.is-active{
background-image:url(/element_sp/hotel/shared/images/icon/icon-favorite-active.png);
}

.detail-plan .search-result-item-photo .gallery{
padding:3px 18px 2px 3px;
border:none;
border-radius:3px;
overflow:hidden;
position:absolute;
top:6px;
right:6px;
min-height:20px;
min-width:40px;
background:rgba(0,0,0,.45) url(/element_sp/hotel/shared/images/icon/icon-gallery-wht.svg) no-repeat 88% 50%;
background-size:auto 8px;
font-size:10px;
text-align:center;
}

.detail-plan .search-result-item-photo .gallery > span{
height:0;
overflow:hidden;
position:absolute;
}

.detail-plan .search-result-item-photo.no-photo::before{
display:none;
}

.detail-plan .search-result-item-photo.no-photo img{
margin-top:20px;
width:auto;
height:auto;
min-width:0;
max-width:80%;
}

/* ----------------------------------------------------------------
  .pseudo-gallery
----------------------------------------------------------------- */
/* .pseudo-lyt-gallery
----------------------------------------------- */
.pseudo-lyt-gallery{
background-color:#000;
}

/* .pseudo-gallery
----------------------------------------------- */
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
color:#fff;
min-height:100%;
box-sizing:border-box;
line-height:1.42;
font-size:12px;
display:none;
position:static;
min-height:0;
box-sizing:border-box;
}

.pseudo-lyt-gallery [role="dialog"].pseudo-gallery.is-active{
width:auto;
height:auto;
display:block;
position:static;
background-color:#000;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-lyt-gallery [role="dialog"].pseudo-gallery{
min-height:0;
}
}

/* .pseudo-gallery-header
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header{
padding:12px 10px 8px;
box-shadow:0 2px 6px rgba(0,0,0,.5);
box-sizing:border-box;
position:fixed;
top:0;
width:100%;
z-index:1;
font-size:12px;
background-color:#000;
}

.pseudo-gallery.is-active .pseudo-gallery-header{
display:block;
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
position:relative;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin-top:12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child > span{
-webkit-box-flex:1;
flex:1;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
padding-left:env(safe-area-inset-left);
padding-right:env(safe-area-inset-right);
}

.pseudo-gallery .pseudo-gallery-header > div:first-child{
-webkit-box-flex:1;
flex:1;
min-width:0;
}

.pseudo-gallery .pseudo-gallery-header > div:last-child{
margin:0 16px;
}
}

/* .pseudo-gallery-header-hdg
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-hdg{
margin:0 30px;
line-height:1.35;
font-weight:normal;
font-size:14px;
text-align:center;
}

.pseudo-gallery .pseudo-gallery-header-hdg >span{
display:-webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-hdg{
margin-right:0;
-webkit-line-clamp:1;
}
}

/* .pseudo-gallery-header-btn-prev
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-prev{
padding: 0;
border: none;
color: rgba(0,0,0,0);
position: absolute;
top: -12px;
left: -10px;
width: 48px;
height: 45px;
background: url(/element_sp/hotel/shared/images/icon/icon-pse-close-wht.svg) no-repeat 50% 50%;
background-size: 16px auto;
filter: brightness(0) invert(1);
}

/* .pseudo-gallery-header-inquiry
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-inquiry{
margin-left:4px;
padding-left:12px;
border-left:1px solid #999;
}

/* .pseudo-gallery-header-btn-resize
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-btn-resize{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
padding:0;
border:none;
font-size:14px;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-btn-resize{
margin-left:20px;
}
}

/* .pseudo-gallery-header-filter
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter{
-webkit-box-flex:1;
flex:1;
position:relative;
}

.pseudo-gallery .pseudo-gallery-header-filter > button{
padding:0 12px 0 32px;
border:none;
border-radius:4px;
height:33px;
background:#fff url(/element_sp/hotel/shared/images/icon/icon-filter.svg) no-repeat 12px 50%;
background-size:12px auto;
font-size:14px;
}

/* .pseudo-gallery-header-filter-pulldown
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
left:0;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow:0 0 6px rgba(0,0,0,.3);
}

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

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

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50px;
background-color:#fff;
}

/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-header-filter-pulldown{
left:auto;
right:0;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown::before,
.pseudo-gallery .pseudo-gallery-header-filter-pulldown::after{
left:110px;
}
}

/* .pseudo-gallery-header-filter-pulldown-catch
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-catch{
margin-bottom:6px;
color:var(--cmn-font-color-base);
display:block;
font-weight:bold;
font-size:14px;
}

/* .pseudo-gallery-header-filter-pulldown-list
----------------------------------------------- */
.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list{
margin:0;
line-height:1;
white-space:nowrap;
}

.pseudo-gallery .pseudo-gallery-header-filter-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
text-decoration:none;
}

.pseudo-gallery-header-filter-pulldown-list > li.is-active > a{
background:url(/element_sp/hotel/shared/images/icon/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* .pseudo-gallery-header-filter-pulldown-btn
----------------------------------------------- */
.pseudo-gallery-header-filter-pulldown-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/hotel/shared/images/icon/icon-close.svg) 0 100% no-repeat;
background-size:12px;
}

/* .pseudo-gallery-content
----------------------------------------------- */
/* Media Queries
------------------- */
@media screen and (orientation:landscape){
.pseudo-gallery .pseudo-gallery-content{
padding-left:env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
}
}

/* .pseudo-gallery-columns
----------------------------------------------- */
.pseudo-gallery-columns{
position:relative;
width:100%;
}

.pseudo-gallery-columns > li{
margin-bottom:12px;
width:50%;
box-sizing:border-box;
}

[class^="pseudo-gallery-columns"] a{
color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] a > span{
--cmn-dashed-color:rgba(255,255,255,.6);
--cmn-dashed-font-color:rgba(255,255,255,.6);
}

[class^="pseudo-gallery-columns"] img{
display:block;
width:auto;
height:auto;
width:100%;
}

[class^="pseudo-gallery-columns"] .image{
position:relative;
}

[class^="pseudo-gallery-columns"] .image::before{
content:'';
display:block;
width:100%;
height:35px;
overflow:hidden;
position:absolute;
bottom:0;
left:0;
background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0, 0, 0, .4) 50%, rgba(0,0,0,.7) 100%);
}

[class^="pseudo-gallery-columns"] .image a,
[class^="pseudo-gallery-columns"] .image span{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
bottom:4px;
left:8px;
font-size:10px;
text-decoration:none;
}

[class^="pseudo-gallery-columns"] .note{
margin:8px 8px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
flex-wrap:wrap;
max-width:100%;
}

[class^="pseudo-gallery-columns"] .note > span,
[class^="pseudo-gallery-columns"] .note > a{
margin:0 8px;
text-decoration:none;
}

[class^="pseudo-gallery-columns"] .note > span{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

[class^="pseudo-gallery-columns"] .no-photo > div{
background-color:#e6e6e6;
}

/* .pseudo-gallery-columns-wide
----------------------------------------------- */
.pseudo-gallery-columns-wide > li{
margin-bottom:16px;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
-webkit-box-align:center;
align-items:center;
}

.pseudo-gallery-columns-wide img{
width:auto;
max-width:100%;
max-height:539px;
}

.pseudo-gallery-columns-wide .note > span{
white-space:normal;
text-align:center;
}

/* .pseudo-gallery-columns-wide.is-landscape
-------------------------------- */
.pseudo-gallery-columns-wide.is-landscape > li{
display:grid;
grid-template-columns:auto;
grid-template-rows:1fr auto;
text-align:center;
}

.pseudo-gallery-columns-wide.is-landscape .image{
position:relative;
grid-column:1;
grid-row:1 / 2;
height:100%;
}

.pseudo-gallery-columns-wide.is-landscape .image > div{
position:absolute;
top:0;
right:50%;
height:100%;
transform:translateX(50%);
overflow:hidden;
}

.pseudo-gallery-columns-wide.is-landscape img{
height:100%;
max-width:none;
}

.pseudo-gallery-columns-wide.is-landscape .note{
grid-column:1;
grid-row:2 / 3;
}


/* ----------------------------------------------------------------
sort
----------------------------------------------------------------- */
/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
margin-bottom:8px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
}

/* .search-result-sort-num
----------------------------------------------- */
.search-result-sort-num{
-webkit-box-flex:1;
flex:1;
line-height:1;
min-width:105px;
padding-top: 5px;
margin-bottom: -5px;
}

.search-result .search-result-sort-num{
padding-top:0;
margin-bottom:0;
}

.search-result-sort-num > span{
display:block;
font-size:12px;
}

.search-result-sort-num button{
padding:0 19px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 99% 25% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
line-height:1;
}

.search-result-sort-num > label{
padding:3px 0 0 24px;
display:table;
position:relative;
min-height:20px;
box-sizing:border-box;
}

.search-result-sort-num > label input{
position:absolute;
top:0;
left:0;
}

.search-result-sort-num > label.is-disabled{
color:rgba(34,34,34,.33);
}

/* .detail-plan > .search-result-sort-num
------------------------- */
.detail-plan .search-result-sort-num > span{
display:block;
}

/* .detail-sticky-detail > .search-result-sort-num
------------------------- */
.detail-sticky-detail .search-result-sort-num > span{
display:inline-block;
}

.detail-sticky-detail .search-result-sort-num > span + button::before{
content:' / ';
}

.detail-sticky-detail .search-result-sort-num > button + span{
display:block;
}

/* .detail-review > .search-result-sort-num
------------------------- */
.detail-review .search-result-sort-num{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.detail-review .search-result-sort-num > span{
margin-right:8px;
}

.detail-review .search-result-sort-num > span:first-child{
margin-right:4px;
}

/* .search-result-sort-btn
----------------------------------------------- */
.search-result-sort-btn{
margin:-4px 0 0 -3px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
}

.search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}

.search-result-sort-btn button{
padding:0 10px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}

.search-result-sort-btn button.is-disabled,
.search-result-sort-btn button:disabled{
opacity:.33;
}

.search-result-sort-btn .map button{
padding-left:25px;
background-image:url(/element_sp/hotel/map/images/icon-map.svg);
background-position:11px 50%;
background-size:9px auto;
}

.search-result-sort-btn .sort button{
background-image:url(/element_sp/hotel/map/images/icon-sort.svg);
}

/* .detail > .search-result-sort-btn
---------------------- */
.detail .search-result-sort-btn button{
max-width:164px;
}

/* .search-result-sort-btn-pulldown
----------------------------------------------- */
.search-result-sort-btn-pulldown{
margin-top:8px;
padding:16px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
right:50%;
max-width:230px;
transform:translateX(50%);
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

.sort[aria-expanded="true"] .search-result-sort-btn-pulldown{
display:block;
}

.search-result-sort-btn-pulldown::before{
margin-left:-6px;
content:'';
display:block;
width:12px;
height:12px;
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
background-color:#fff;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4);
}

.search-result-sort-btn-pulldown::after{
margin-left:-20px;
content:'';
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown{
right:0;
transform:none;
width:auto;
min-width:151px;
}

.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::before,
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::after{
left:68%;
}

/* Media Queries */
@media screen and (max-width:359px){
.search-result-sort-btn-pulldown{
padding:16px 8px 8px;
}
}

/* .search-result-sort-close
----------------------------------------------- */
.search-result-sort-btn .sort{
position:relative;
}

.search-result-sort-btn .sort .search-result-sort-close{
text-align:right;
position:absolute;
top:5px;
right:0;
width:100%;
}

.search-result-sort-btn .sort .search-result-sort-close-btn{
border:0;
background: url(/element_sp/hotel/map/images/icon-close-gray.svg) no-repeat center center;
background-size: 12px 12px;
display:inline-block;
width:20px;
height:20px;
text-indent: -9999px;
position: relative;
z-index:1;
}

/* .search-result-sort-btn-pulldown.is-realtime
---------------------- */
.detail .search-result-sort-btn-pulldown.is-realtime{
width:275px;
max-width:none;
right:-70px;
transform:none;
}

.detail .search-result-sort-btn-pulldown.is-realtime::before,
.detail .search-result-sort-btn-pulldown.is-realtime::after{
left:58%;
}

/* .search-result-sort-btn-pulldown-catch
----------------------------------------------- */
.search-result-sort-btn-pulldown-catch{
margin-bottom:6px;
display:block;
font-weight:bold;
font-size:14px;
}

/* .search-result-sort-btn-pulldown-list
----------------------------------------------- */
.search-result-sort-btn-pulldown-list{
margin:0;
line-height:1;
overflow:hidden;
}

.search-result-sort-btn-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
white-space:nowrap;
text-decoration: none;
}

.search-result-sort-btn-pulldown-list > li.is-active > a{
background:url(/element_sp/hotel/shared/images/icon/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}


/* .loading-container
----------------------------------------------- */
.loading-container{
min-height:550px;
}
.loading-bar-item{
display:flex;
flex-wrap:nowrap;
width:100%;
gap:8px;
align-items:center;
margin:-3px 0 7px;
}
.loading-bar-txt{
display:flex;
flex-wrap:nowrap;
font-size:12px;
line-height:1.35;
white-space:nowrap;
align-items:baseline
}
.loading-bar-item > .loading-bar-txt .num{
padding-right:2px;
display:inline-block;
box-sizing:border-box;
}
.loading-bar-item > .loading-bar-txt .list-loading-search {
padding-left:2px;
box-sizing:border-box;
letter-spacing:.05em;
}
.loading-bar-item .searching-progressbar{
flex:1;
background:#fff;
overflow:hidden;
height:4px;
border:1px solid #ddd;
}
.searching-progressbar-inner {
height:4px;
background: url(/element/hotel/shared/images/progress-bar.gif) no-repeat top right;
text-indent:-9999px;
background-size: 30px 4px;
background-color: #57A2EF;
}
.list-loading-agt{
width:5em;
text-align:center;
overflow:hidden;
}
.loading-detail-plan .loading-bar-item{
margin: 0 0 -4px;
padding-top:7px;
}

:lang(ko) .loading-bar-item > .loading-bar-txt .list-loading-site{
padding-right:0;
}
:lang(ko) .loading-bar-item > .loading-bar-txt .list-loading-agt + .list-loading-site{
padding:0 0 0 6px;
}

.loading-bar-item.is-fixed{
background:rgba(0,0,0,.8);
margin:0;
padding:8px 10px;
color:#fff;
width:100%;
box-sizing:border-box;
position:fixed;
top:0;
left:0;
z-index:10;
justify-content:space-between;
gap:8px;
}
.loading-bar-item.is-fixed .loading-bar-txt,
.loading-bar-item.is-fixed .list-loading-agt{
width:auto;
gap:0;
}
.loading-bar-item.is-fixed .searching-progressbar{
border:0;
}

.loading-detail-plan .loading-bar-item{
display:flex;
color:#fff;
margin-bottom:2px;
}

.loading-detail-plan .loading-bar-item .searching-progressbar{
border:0;
}

/* .loading-dots
----------------------------------------------- */
@keyframes loading-dots{
to{
width:16px;
}
}

.loading-dots{
margin:0 0 0 3px;
display:inline-block;
width:12px;
position:relative;
white-space:nowrap;
vertical-align:baseline;
}

.loading-dots > span{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:3px;
width:0;
height:1px;
white-space:nowrap;
overflow:hidden;
animation:loading-dots steps(4, end) 1.5s infinite;
}

.loading-dots i{
border-radius:50%;
min-width:1px;
width:1px;
height:1px;
background-color:var(--cmn-font-color-base);
}

.loading-bar-item.is-fixed .loading-dots i{
background-color:#fff;
min-width:2px;
width:2px;
height:2px;
}

.loading-detail-plan .loading-bar-item .loading-dots i{
background-color:#fff;
min-width:1px;
width:1px;
height:1px;
}

/* Progress Bar
----------------------------------------------- */
.loading-progress-item{
display:table;
width:100%;
}
.loading-progress-item > .progress-col{
display:block;
padding-left:5px;
width:50%;
box-sizing:border-box;
float:right;
}
.loading-progress-item > .progress-col:first-child{
padding:0 5px 0 0;
float:left;
}
.loading-progress-item .loading-info{
font-size:11px;
margin:5px 0 -5px;
display:flex;
overflow:hidden;
}
.progress-item {
position:relative;
height:4px;
display:block;
width:100%;
background-color:#f5f5f5;
background-clip:padding-box;
margin:0.5rem 0 1rem 0;
overflow:hidden;
}
.progress-item .determinate-item {
position:absolute;
background-color:inherit;
top:0;
bottom:0;
background:url(/element_sp/hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size:30px 4px;
background-color:#57A2EF;
overflow:hidden;
text-indent:-9999px;
}
.loading-detail-plan{
display:none;
}
.loading-detail-plan.is-active{
display:block;
}
.loading-detail-plan .loading-progress-item .loading-info{
margin-top:0;
}
.loading-detail-plan .loading-progress-item .loading-info span{
font-size:11px;
}
.loading-detail-plan .loading-progress-item .loading-info > span:first-child{
padding-right:10px;
font-size:12px;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}
.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
}
.loading-modal .cmn-loading-spinner {
margin: 5px auto;
}

/* .Google app
----------------------------------------------- */
.support-app-google .form-search-pseudo-btn-act,
.support-app-google .pseudo-btn-act-sticky-calendar .form-search-pseudo-btn-act{
padding-bottom: 100px;
}
.support-app-google .pseudo-btn-act-sticky-calendar {
padding-bottom: 210px;
}
.support-app-google .pseudo-btn-act-sticky{
padding-bottom: 150px;
}