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

/* ----------------------------------------------------------------
Base Setting
----------------------------------------------------------------- */

#one_column strong,
#two_column_right strong,
#two_column_left strong,
.cmn-modal-select strong{
color:var(--cmn-font-color-red);
}

button,
select{
cursor:pointer;
}

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

button.is-disabled{
opacity:.33;
cursor:default !important;
}

[type=checkbox]{
margin:3px 3px 3px 4px;
}

.cmn-modal-select [type=checkbox]{
vertical-align:text-bottom;
}

[type=radio]{
margin:3px 3px 0px 5px;
}

#main_Col input[type=text]:disabled::placeholder{
color:#ccc;
}

textarea[disabled],
input[disabled]{
background:#e9e9e9;
}

select option[disabled]{
color:#ccc;
}
.disabled input[type="checkbox"],
.disabled input[type="radio"]{
opacity:.25;
}
.disabled input[type="checkbox"],
.disabled input[type="radio"]{
cursor:default;
}
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.tab-view-switch:before,
.box-bg-img-ctrl:before,
.panel-col-2:before,
.form-search-lyt:before,
.form-search-lyt-01:before,
.form-search-item-col:before,
.form-search-num:before,
.form-search-index-lyt:before,
.form-search-index-item-col:before,
.search-result-sort:before,
.search-result-item-add-plan:before,
.search-result:before,
.tab-item:before,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.tab-view-switch:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.form-search-lyt:after,
.form-search-lyt-01:after,
.form-search-item-col:after,
.form-search-num:after,
.form-search-index-lyt:after,
.form-search-index-item-col:after,
.search-result-sort:after,
.search-result-item-add-plan:after,
.search-result:after,
.tab-item:after{
content:'';
display:table;
}
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.tab-view-switch:after,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.form-search-lyt:after,
.form-search-lyt-01:after,
.form-search-item-col:after,
.form-search-num:after,
.form-search-index-lyt:after,
.form-search-index-item-col:after,
.search-result-sort:after,
.search-result-item-add-plan:after,
.search-result:after,
.tab-item:after{
clear:both;
}
.cmn-tip-btn{
margin-left:3px;
}
.ic-required{
background:#fff;
border:1px solid var(--cmn-font-color-red);;
box-sizing:border-box;
color:var(--cmn-font-color-red);
display:inline-block;
font-size:11px;
text-align:center;
width:30px;
margin-left:3px;
padding:1px 3px 0;
margin:8px 0 0 4px;
vertical-align:middle;
max-height:15px;
}
#form_Col .icon-required{
background:#fff;
border:1px solid var(--cmn-font-color-red);;
box-sizing:border-box;
color:var(--cmn-font-color-red);
display:inline-block;
height:15px;
text-align:center;
margin-left:3px;
line-height:15px;
width:30px;
padding:0 3px;
margin:-2px 0 0 0;
vertical-align:top;
font-weight:normal;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}
::-webkit-input-placeholder {
color:#949494;
}

[type="search"],
[type="text"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline-offset:-2px;
background:#fff;
}

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

[type="search"]::-webkit-search-cancel-button,
[type="text"]::-webkit-search-cancel-button{
display:none;
}
.cmn-sns-list{
min-height:28px;
}

.cmn-solid{
line-height:1.35;
}

.cmn-solid:visited,
.cmn-solid:active{
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

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

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

progress{
vertical-align:baseline;
}

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

	Common Modules

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

/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */

/* .menu-header-container
----------------------------------------------- */

.menu-header-container{
padding:10px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus {
color:#fff;
text-decoration:none;
}
.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, 0.6);
}
.box-bg-img-ctrl .box-bg-img-ctrl .menu-header-container{
margin-bottom:0;
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:260px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.menu-header-container .menu-header a{
color:#fff;
}
.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:0;
line-height:1.43;
}
.menu-header-container .menu-header-sup .menu-header-date{
font-size:11px;
padding-left:20px;
}

/* .special-info
----------------------------------------------- */
.special-info {
position:absolute;
top:16px;
left:185px;
font-size:16px;
background-color:#084385;
text-align:center;
padding:2px 8px 4px;
}
.special-info .cmn-dashed {
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.special-info a{
color:#fff;
}
.special-info a:link,
.special-info a:visited,
.special-info a:hover,
.special-info a:active{
text-decoration:none;
}

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

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

.menu-header-container .menu-header-agt-catch .menu-header-agt-sup{
padding-left:4px;
color:var(--cmn-font-color-gray);
font-weight:normal;
}

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

/*
.menu-header-container .menu-header-agt-list::after{
color:var(--cmn-font-color-base);
content:'...';
display:inline-block;
vertical-align:bottom;
font-size:16px;
-webkit-box-flex:1;
flex:1;
}
*/

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

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */

.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, 0.5);
position:absolute;
top:16px;
right:25px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255, 255, 255, 0.5);
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, 0.1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
z-index:3;
}
.menu-header-container .menu-header-utility .history-hook{
padding:0 10px;
border:none;
color:#fff;
min-height:26px;
height:100%;
background:none;
font-size:12px;
}
.menu-header-container .menu-header-utility .history-hook:active,
.menu-header-container .menu-header-utility .history-hook:hover,
.menu-header-container .menu-header-utility .history-hook:focus{
background-color:rgba(0, 0, 0, 0.1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
margin:0 5px;
display:inline-block;
font-size:16px;
}
.menu-header-container .menu-header-utility .history-item{
border:4px solid #eee;
display:none;
position:absolute;
top:100%;
right:-1px;
width:280px;
box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
background-color:#fff;
}
.menu-header-container .menu-header-utility .history-item.is-active{
display:block;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list{
padding:5px 5px 7px;
overflow:hidden;
background-color:#eee;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list button{
color:#555;
padding:0;
border:none;
background:none;
font-size:11px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear{
float:left;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button{
padding-left:16px;
position:relative;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button:before{
margin-top:-6px;
content:'';
display:block;
position:absolute;
top:50%;
left:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:before,
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:6px;
content:'';
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear button > span:after{
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close{
margin-top:-2px;
float:right;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button{
color:rgba(51, 51, 51, 0);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
position:relative;
width:20px;
height:20px;
overflow:hidden;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:before,
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:after{
margin:-1px 0 0 -9px;
position:absolute;
top:50%;
left:50%;
content:'';
display:block;
width:18px;
height:2px;
background-color:#999;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close button:after{
margin:-9px 0 0 -1px;
width:2px;
height:18px;
}
.menu-header-container .menu-header-utility .history-item-list{
height:250px;
overflow-y:scroll;
}
.menu-header-container .menu-header-utility .history-item-list > li{
border-top:1px solid #eee;
}
.menu-header-container .menu-header-utility .history-item-list > li:first-child{
border-top:none;
}
.menu-header-container .menu-header-utility .history-item-list > li a{
padding:5px 10px;
display:block;
color:#555;
}
.menu-header-container .menu-header-utility .history-item-list > li a:active,
.menu-header-container .menu-header-utility .history-item-list > li a:hover,
.menu-header-container .menu-header-utility .history-item-list > li a:focus{
background-color:#f7f7f7;
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-item-list > li .sup{
color:var(--cmn-font-color-gray);
line-height:1.25;
display:block;
font-size:11px;
}

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

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

.cmn-notice-list{
clear: both;
}

/* ----------------------------------------------------------------
  paragraph
----------------------------------------------------------------- */

/* .hoge
----------------------------------------------- */

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */

/* list-col-2 / .list-col-3 / .list-col-4
----------------------------------------------- */

/* only column layout */

.list-col-2{
margin-left:-10px;
}
.list-col-2 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:50%;
}
.list-col-2 > li:nth-child(2n+1){
clear:left;
}
.list-col-2 > li li{
padding-left:0;
width:auto;
float:none;
}
.list-col-2 > li label:hover{
background-color:#f0f0f0;
}
.list-col-2 > li.disabled label:hover,
.list-col-2 > li.is-disabled label:hover{
background-color:#fff;
}
.list-col-3{
margin-left:-10px;
}
.list-col-3 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:33.33333%;
}
.list-col-3 > li li{
padding-left:0;
width:auto;
float:none;
}
.list-col-4{
margin-left:-10px;
}
.list-col-4 > li{
padding-left:10px;
float:left;
box-sizing:border-box;
width:25%;
}
.list-col-4 > li:nth-child(4n+1){
clear:left;
}
.list-col-4 > li li{
padding-left:0;
width:auto;
float:none;
}
.cmn-modal-item .form-list.list-col-3 > li input[type=checkbox]{
float:left;
margin-left:0;
}
.cmn-modal-item .form-list.list-col-3 > li label{
display:block;
}
.cmn-modal-item .form-list.list-col-3 > li label:hover{
background-color:#f0f0f0;
}
.cmn-modal-item .form-list.list-col-3 > li label.disabled:hover{
background-color:#fff;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */

/* .link-list
----------------------------------------------- */

.link-list > li{
margin-top:5px;
}
.link-list > li a{
padding-left:12px;
color:#555;
display:inline-block;
position:relative;
}
.link-list > li a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .link-list-line
----------------------------------------------- */

.link-list-line{
overflow:hidden;
}
.link-list-line > li{
margin:20px 15px 0 0;
display:inline-block;
}
.link-list-line > li a{
padding-left:12px;
color:#666;
display:inline-block;
position:relative;
}
.link-list-line > li a:before{
content:'';
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-list-line > li:last-child{
margin-right:0;
}
.link-list-line > li.more{
float:right;
}

/* .link-list-thumb
----------------------------------------------- */

.link-list-thumb{
margin-top:-20px;
font-size:12px;
line-height:1.45;
}
.link-list-thumb > li{
margin-top:20px;
}
.link-list-thumb > li a{
padding-left:110px;
color:#555;
display:block;
position:relative;
min-height:65px;
}
.link-list-thumb > li a > b{
margin-bottom:3px;
display:block;
font-size:13px;
}
.link-list-thumb > li .thumb{
position:absolute;
top:0;
left:0;
max-width:100px;
max-height:65px;
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */

/* .pager
----------------------------------------------- */

.pager{
line-height:1;
font-size:14px;
}
.pager li{
display:inline-block;
text-align:center;
}
.pager li > a,
.pager li > b{
color:#555;
padding:6px 2px 4px 2px;
background-color:#ececec;
display:block;
min-width:24px;
box-sizing:border-box;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:#fff;
text-decoration:none;
}
.pager li > b{
color:#fff;
background-color:transparent;
}
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}
.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 8px 5px 8px;
}
.pager .prev{
margin-right:3px;
}
.pager .next{
margin-left:3px;
}
.pager .ellipsis{
margin-left:-3px;
padding-left:16px;
position:relative;
}
.pager .ellipsis:before{
content:'...';
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
speak:none;
font-weight:normal;
}

/* .tab-view-switch
----------------------------------------------- */

.tab-view-switch{
margin:-42px 0 20px;
border-bottom:1px solid #bbb;
}
.tab-view-switch > li{
margin-right:5px;
float:left;
position:relative;
z-index:1;
}
.tab-view-switch > li button{
color:#555;
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
min-width:130px;
min-height:42px;
background-color:#f8f8f8;
font-weight:bold;
font-size:13px;
}
.tab-view-switch > li button:before{
content:'';
display:inline-block;
width:15px;
height:15px;
overflow:hidden;
position:static;
}
.tab-view-switch > li button:before{
margin:-1px 5px 0 0;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-tab-list.png) 0 0 no-repeat;
}
.tab-view-switch > li button[disabled]{
position:relative;
background-color:#fff;
}
.tab-view-switch > li button[disabled]:after{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.tab-view-switch > li button[disabled]:after{
z-index:1;
background-color:#fff;
}
.tab-view-switch > li:last-child button:before{
width:10px;
background-image:url(/element/shared/images/icon/icon-tab-map.png);
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */

/* .box-bg-img-ctrl
----------------------------------------------- */

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

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

.panel{
margin-top:25px;
padding:15px 20px 20px;
border-top:1px solid #e1e1e1;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.35);
background-color:#fff;
}

/* .panel-col-2
----------------------------------------------- */

.panel-col-2 > .panel{
margin-left:2.08333%;
float:left;
width:48.95833%;
box-sizing:border-box;
min-height:405px;
}
.panel-col-2 > .panel:nth-child(2n+1){
margin-left:0;
}

/* .panel > .panel-hdg
----------------------------------------------- */

.panel .panel-hdg{
margin-bottom:10px;
font-size:18px;
}
.panel .panel-hdg.branch{
margin:0 -20px 10px;
padding:0 20px 8px;
border-bottom:1px solid #e0e0e0;
}
.panel .panel-hdg-01{
margin-top:15px;
color:#555;
font-size:13px;
}
.panel .panel-hdg + .panel-hdg-01{
margin-top:0;
}

/* .panel > .panel-hdg-container
----------------------------------------------- */

.panel .panel-hdg-container{
margin-bottom:10px;
display:table;
width:100%;
}
.panel .panel-hdg-container > .panel-hdg,
.panel .panel-hdg-container > .panel-hdg-sup{
vertical-align:middle;
display:table-cell;
}
.panel .panel-hdg-container > .panel-hdg-sup{
text-align:right;
}
.panel .panel-hdg-container > .panel-hdg-sup .link-list-line > li{
margin-top:0;
}

/* SEO TEXT .panel-hdg .hdg-sup
----------------------------------------------- */
.panel .panel-hdg .hdg-sup,
.txt-list .hdg-sup{
font-size:14px;
color:#666;
display:inline-block;
margin-left:16px;
font-weight:normal;
vertical-align:middle;
}

/* .panel .hdg-l2-container
----------------------------------------------- */
.panel .hdg-l2-container{
margin:0 0 15px;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.panel .hdg-l2-container .hdg-l2{
margin:0;
-webkit-box-flex:1;
flex:1;
font-size:18px;
}

/* .panel .hdg-l2-more
----------------------------------------------- */
.panel .hdg-l2-container .hdg-l2-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
}

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

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

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

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

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

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

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

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

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

/* .panel-attenion
----------------------------------------------- */
.panel .panel-hdg {
margin-bottom: 10px;
font-size: 18px;
}

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

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

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

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

/* ----------------------------------------------------------------
  cheapest
----------------------------------------------------------------- */
/* .cheapest-item
----------------------------------------------------------------- */
.panel:has(.cheapest-item) .panel-hdg{
display:flex;
align-items:center;
}

.panel:has(.cheapest-item) .panel-hdg > span{
display:inline-block;
margin:0 0 0 auto;
font-size:14px;
font-weight:normal;
}

/* .cheapest-sup
----------------------------------------------------------------- */
.cheapest-sup{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:16px;
font-size:14px;
margin-bottom:12px;
}

/* .cheapest-data
----------------------------------------------------------------- */
.cheapest-data{
position:relative;
}

/* .cheapest-data-nav
----------------------------------------------------------------- */
.cheapest-data-nav > li{
position:absolute;
top:36px;
right:8px;
z-index:2;
}

.cheapest-data-nav > li:last-child{
right:auto;
left:120px;
}

.cheapest-data-nav button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
text-indent:-100px;
background:url(/element/w_hotel/shared/images/icon-carousel-nav-next.svg) 50% 50% no-repeat;
}

.cheapest-data-nav > li:last-child button{
background-image:url(/element/w_hotel/shared/images/icon-carousel-nav-prev.svg);
}

/* .cheapest-data-tbl
----------------------------------------------------------------- */
.cheapest-data-tbl{
margin-top:12px;
overflow-x:auto;
box-sizing:border-box;
background-color:#fff;
scrollbar-width:none;
overflow:hidden;
}

.cheapest-data-tbl caption{
width:920px;
}

.cheapest-data-tbl::-webkit-scrollbar{
display:none;
}

/* .cheapest-data-tbl-inner
----------------------------------------------------------------- */
.cheapest-data-tbl-inner{
width:2000px;
}

/* .cheapest-data-tbl > table
----------------------------------------------------------------- */
.cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
}

.cheapest-data-tbl th,
.cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight: normal;
}

.cheapest-data-tbl thead th:first-child,
.cheapest-data-tbl tbody th:first-child{
position:sticky;
left:0;
z-index:1;
width:111px;
text-align:left;
}

.cheapest-data-tbl thead th{
width:85px;
font-size:14px;
padding-top:12px;
}

.cheapest-data-tbl tbody td{
font-size:14px;
}

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

.cheapest-data-tbl thead tr > th:nth-child(3n+1):not(:first-child) + th{
padding-left:22px;
}

.cheapest-data .cheapest-data-tbl thead tr > .is-display-none,
.cheapest-data .cheapest-data-tbl .is-display-none{
display:none;
}

.cheapest-data-tbl-inner thead tr > th:nth-child(3n+1):not(:first-child) + th{
padding-left:22px;
}

.cheapest-data-tbl-inner thead > tr:first-child th:nth-child(n+3){
padding-left:22px;
}

.cheapest-data-tbl-inner tbody tr > td:nth-child(3n+1) + td{
padding-left:22px;
}

.cheapest-data .cheapest-data-tbl thead tr > th.is-display-none + th,
.cheapest-data .cheapest-data-tbl tbody tr > td.is-display-none + td{
padding-left:0 !important;
}

.cheapest-data-tbl thead > tr:first-child th{
padding:9px 0 8px;
background-color:#f5f5f5;
font-weight:bold;
}

.cheapest-data-tbl thead > tr:first-child th:nth-child(n+3){
padding-left:22px;
}

.cheapest-data-tbl tbody th,
.cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}

.cheapest-data-tbl tbody td.unset{
text-align:center;
}

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

.under-link-content .cheapest-data-tbl thead > tr:first-child th{
background:none;
font-weight:normal;
padding-top:0;
}

.under-link-content .cheapest-data-tbl caption{
display:none;
}

.under-link-content .cheapest-data-tbl table{
width:100%;
}

.under-link-content .cheapest-data-tbl thead th:first-child,
.under-link-content .cheapest-data-tbl tbody th:first-child {
width:360px;
box-sizing:border-box;
}

.under-link-content .cheapest-data-tbl thead th{
width:auto;
}

.under-link-content .cheapest-data-tbl thead > tr:first-child th:nth-child(n+3) {
padding-left:0;
}

.under-link-content .cheapest-data-tbl thead > tr:first-child th:nth-child(n+4) {
width:160px;
}

.under-link-content .cheapest-data-tbl{
padding-bottom:8px;
border-bottom:1px solid #ddd;
margin-bottom:12px;
}

.under-link-content .card-item:has(.cheapest-tbl-toggle) .cheapest-data-tbl{
margin-bottom:8px;
padding-bottom:0;
}

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

/* .cheapest-tbl-toggle-btn
----------------------------------------------------------------- */
.cheapest-tbl-toggle-btn button{
margin:0 0 0 auto;
padding:0 0 0 15px;
border:none;
color:var(--cmn-font-color-base);
display:block;
background: url(/element/w_hotel/shared/images/icon-arrow-down.svg) 0 45% no-repeat;
background-size:9px auto;
font-size:12px;
}

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

/* .seo-card-hdg
----------------------------------------------------------------- */
.card-header:has(.seo-card-hdg){
padding:0;
}

.card-header .card-header-hdg.seo-card-hdg{
display:flex;
justify-content:space-between;
align-items:center;
width:100%;
}

.card-header .card-header-hdg.seo-card-hdg .sup-date{
font-size:14px;
font-weight:normal;
}

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

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

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

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

.seo-panel-header > .panel-notice-list > li{
margin-bottom:0;
}

.seo-cheapest-sup > .panel-notice-list > li{
margin:0;
font-size:14px;
}

/* area-tab-container
---------------------------------- */
.card-content .area-tab-container{
position:relative;
margin:0;
}

.card-content .area-tab-container.is-static .area-tab-nav-container{
display:none;
}

.card-content .area-tab-container.is-static .area-tab-content{
display:block;
}

.card-content .area-tab-container .area-tab-nav-container{
margin:0 -20px 16px;
position:relative;
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav-hdg{
font-size:14px;
white-space:nowrap;
display:flex;
min-height:25px;
align-items:start;
line-height:1;
padding-top:2px;
position:relative;
margin-left:20px;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav-hdg a{
text-decoration:none;
color:var(--cmn-font-color-base);
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav-hdg .is-active{
font-weight:bold;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav-hdg .is-active::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}

.card-content .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav{
display:flex;
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 12px;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:24px;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a b{
font-weight:bold;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a{
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;
text-align:center;
width:100%;
min-height:25px;
background:none;
border:none;
padding:0 0 10px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a b{
font-weight:normal;
}

.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:link,
.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:visited,
.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:hover,
.card-content .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li a:active{
text-decoration:none;
}

.card-content .area-tab-container .area-tab-content{
display:none;
}

.card-content .area-tab-container .area-tab-content.is-active{
display:block;
}

.card-content .area-tab-container .cheapest-data-tbl {
padding-bottom: 8px;
border-bottom: 1px solid #ddd;
margin-bottom: 12px;
}

.card-content .area-tab-container .cheapest-data-tbl table{
width:920px;
}

.card-content .area-tab-container .cheapest-data-tbl caption{
display:none;
}

.card-content .area-tab-container .cheapest-data-tbl thead > tr:first-child th {
background: none;
font-weight: normal;
padding-top: 0;
}

.card-content .area-tab-container .cheapest-sup > div:first-child{
font-weight:bold;
font-size:16px;
}

.card-content{
margin:20px 0 36px;
}


/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */

/* .form-search-suggest
----------------------------------------------- */
.form-search-suggest{
position:relative;
}
.form-search-suggest .form-search-suggest-item{
position:absolute;
margin-top:-1px;
background-color:#fff;
padding:10px;
border:1px solid #bebebe;
width:80%;
z-index:1;
}
.form-search-suggest .form-search-suggest-item div{
margin-bottom:2px;
overflow:hidden;
white-space:nowrap;
cursor:pointer;
}
.form-search-suggest .form-search-suggest-item .select{
color:#fff;
background-color:#36f;
}
.form-search-suggest .form-search-suggest-item .over{
background-color:#f9eaba;
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn{
padding:3px 10px 3px 10px;
border:1px solid #bebebe;
border-radius:1px;
color:#555;
display:inline-block;
min-width:100px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
cursor:pointer;
}

/* form-search-index-utility
---------------------------------- */
.form-search-index-utility{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:absolute;
top:8px;
right:12px;
font-size:11px;
}
.form-search-index-utility > li:not(:last-child){
margin-right:15px;
}
.form-search-index-utility span{
--cmn-dashed-font-color:#666;
display:inline-block;
}
.form-search-index-utility .form-search-index-utility-reset{
padding:0 0 0 12px;
border:none;
background:url(/element/w_hotel/shared/images/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-index-utility .form-search-index-utility-history{
padding-left:14px;
display:inline-block;
background:url(/element/w_hotel/shared/images/icon-history.svg) 0 50% no-repeat;
background-size:10px 10px;
text-decoration:none;
}

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index .form-search-index-exec{
padding:15px 10px 10px;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}
.form-search-index .form-search-index-exec:before,
.form-search-index .form-search-index-exec:after{
content:'';
display:block;
margin:0 0 0 -20px;
width:0;
height:0;
position:absolute;
top:1px;
left:50%;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0, 0, 0, 0.25) transparent transparent transparent;
border-style:solid;
}
.form-search-index .form-search-index-exec:after{
top:-1px;
margin-left:-21px;
border-width:11px 21px 0 21px;
border-top-color:#f6f6f6;
}
.form-search-index-exec .form-search-index-exec-num{
margin-right:30px;
display:inline-block;
vertical-align:middle;
}
.form-search-index-exec .form-search-index-exec-num b{
margin:0 5px;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:4em;
vertical-align:middle;
font-size:25px;
text-align:right;
}
.form-search-index-exec .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
}
.form-search-index-exec .form-search-index-exec-btn:active,
.form-search-index-exec .form-search-index-exec-btn:hover,
.form-search-index-exec .form-search-index-exec-btn:focus{
background-color:#67a700;
}
.form-search-index-exec .form-search-index-exec-btn.is-disabled:active,
.form-search-index-exec .form-search-index-exec-btn.is-disabled:hover,
.form-search-index-exec .form-search-index-exec-btn.is-disabled:focus{
box-shadow:0 -3px 0 #5b9500 inset;
background-color: #72ba00;
}
.form-search-index-exec .btn-info{
font-size:11px;
color:var(--cmn-font-color-base);
text-align:left;
line-height:1.4;
position:absolute;
right:55px;
bottom:16px;
}

/* .form-search-index
----------------------------------------------- */
.form-search-index{
padding:0 20px 20px;
color:#555;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index .form-search-index-inner{
padding:23px 15px 15px 15px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index input[type="text"],
.form-search-index input[type="search"]{
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:34px;
vertical-align:text-bottom;
width:180px;
margin:0;
border-radius:0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-search-index .form-search-index-item-01-cell input[type="text"],
.form-search-index .form-search-index-item-01-cell input[type="search"]{
height:42px;
border-radius:0 3px 3px 0;
}
.form-search-index .keyword input[type="text"],
.form-search-index .keyword input[type="search"]{
width:520px;
border-left:0;
box-sizing:border-box;
height:34px;
}
.form-search-index .form-search-index-select{
padding:5px;
vertical-align:top;
min-height:34px;
min-width:100px;
box-sizing:border-box;
border:1px solid #bebebe;
}
.form-search-index .form-search-notes{
display:inline-block;
font-size:11px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}
.form-search-index .form-search-index-item-col{
overflow:hidden;
}
.form-search-index .form-search-index-item-col .form-search-index-item{
float:left;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index-hdg{
padding:2px 5px 1px 10px;
color:#fff;
display:table;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
text-align:center;
border-radius:2px 0 0 2px;
}
.form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
padding-right:20px;
line-height:1.2;
text-align:left;
}
.form-search-index-hdg > h2 .sup{
display:block;
font-size:10px;
}
.form-search-index-item.desti .form-search-index-hdg > h2{
padding-right:40px;
}
.form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
margin-top:-6px;
right:.8em;
}
.form-search-index-item.desti .form-search-index-hdg .cmn-tip-btn {
position:absolute;
top:50%;
margin-top:-6px;
right:39px;
}
.form-search-index-hdg .icon-required{
position:absolute;
top:50%;
margin-top:-7px;
right:5px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}
.form-search-index-item.dates{
width:750px;
}
.form-search-index-item.dates > .form-search-index-item-cell.date{
vertical-align:top;
width:204px;
}
.form-search-index-inner .form-search-index-item.dates .form-search-index-item-cell:last-child{
width:345px;
}
.form-search-index-item.dates > .form-search-index-item-cell.date input[type="text"],
.form-search-index-item.numbers .form-search-index-item-cell.room select#room,
.form-search-index-item.numbers .adult label .form-search-label{
border-left:0;
}
.form-search-index-item.dates > .form-search-index-item-cell.date ol{
float:left;
}
.form-search-index-item.dates > .form-search-index-item-cell.date ol > li{
position:relative;
height:34px;
}
.form-search-index-item.dates > .form-search-index-item-cell.date ol > li img{
right:8px;
top:50%;
margin-top:-11px;
position:absolute;
}
.form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell:before{
content:"\ff5e";
display:block;
position:absolute;
top:6px;
left:-19px;
width:13px;
}
.form-search-index-item.dates .date-count {
float:left;
margin:7px 0 0 12px;
}
.form-search-index-item > .form-search-index-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search-index-item > .form-search-index-item-cell:first-child{
width:100px;
}
.form-search-index-item > .form-search-index-item-cell:first-child:before{
display:none;
}
.form-search-index-item select{
padding:5px;
vertical-align:top;
min-height:34px;
min-width:100px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
}
#one_column #main_Col select{
padding:5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
color:var(--cmn-font-color-base);
min-height:32px;
margin:0;
}
.form-search-index-item.numbers ul li select{
width:100%;
}
#one_column #main_Col select[disabled]{
color:#ccc;
}
.form-custom-select {
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
}
.search-filter-area .form-custom-select{
height:30px;
}
.sort-box .form-custom-select{
height:32px;
}
.form-custom-select select{
padding-right:16px!important;
position:relative;
}
.form-custom-select:before {
margin-top:-2px;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:5px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.child-box .form-custom-select {
border:1px solid #bebebe;
display:inline-block;
min-width:40px;
height:25px;
padding:0;
box-sizing:border-box;
background-color:#fff;
position:relative;
margin-left:4px;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px!important;
}
.cmn-ms .tour-box > div.tour-from .form-custom-select{
padding:0;
}
.narrow-select .form-custom-select{
width:100%;
min-width:inherit;
}
#one_column #main_Col .narrow-select .form-custom-select select{
min-height:auto;
}
.form-search-index-item .form-search-label{
font-size:12px;
}
.form-search-index-item .form-search-label small{
font-size:10px;
color:var(--cmn-font-color-gray);
}
.form-search-index-item .form-search-keyword{
position:relative;
display:block;
}
.form-search-index-item .form-search-keyword input[type="text"],
.form-search-index-item .form-search-keyword input[type="search"]{
padding-right:35px;
width:685px;
box-sizing:border-box;
height:42px;
}
.form-search-index-item .form-search-keyword .input-reset-btn{
position:absolute;
top:0;
right:10px;
display:block;
overflow:hidden;
width:35px;
height:34px;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
cursor:pointer;
}
.form-search-index-item .form-search-keyword .input-reset-btn span{
display:block;
position:absolute;
top:50%;
margin-top:-10px;
right:7px;
display:block;
overflow:hidden;
line-height:2;
width:20px;
height:0;
padding-top:20px;
color:rgba(51, 51, 51, 0);
border:none;
background-color:#808080;
border-radius:50%;
}
.form-search-index-item .form-search-keyword .input-reset-btn span:before{
position:absolute;
top:50%;
left:4px;
margin-top:-3px;
content:"";
display:block;
width:4px;
height:4px;
border-top:2px solid #fff;
border-right:2px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-index-item .form-search-keyword .input-reset-btn span:after{
position:absolute;
top:50%;
right:4px;
margin-top:-3px;
content:"";
display:block;
width:4px;
height:4px;
border-top:2px solid #fff;
border-left:2px solid #fff;
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-index-item.desti > .form-search-index-item-cell:first-child .form-search-index-hdg{
height:42px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item.ticket-type{
margin-top:-15px;
margin-bottom:-5px;
}
.form-search-index-item.ticket-type .form-search-index-hdg{
padding-left:0;
margin-top:0;
border:none;
background:none;
color:var(--cmn-font-color-base);
text-align:left;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell{
vertical-align:middle;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell label{
margin-left:7px;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell:before{
display:none;
}
.form-search-index-item.departure select{
width:240px;
}
.form-search-index-item.desti .form-search-keyword,
.form-search-index-item.desti .form-search-area{
display:table;
}
.form-search-index-item.desti .form-search-area{
margin-top:9px;
}
.form-search-index-item.desti .form-search-keyword .form-search-index-item-01-cell,
.form-search-index-item.desti .form-search-area .form-search-index-item-01-cell{
display:table-cell;
vertical-align:middle;
}
.form-search-index-item.desti .form-search-keyword .form-keyword-box{
width:450px;
position:relative;
display:table-cell;
padding-right:10px;
}
.form-search-index-item.desti .form-search-keyword .link-01{
font-size:12px;
display:table-cell;
}
.form-search-index-item.desti .form-search-keyword .link-01 a:link,
.form-search-index-item.desti .form-search-keyword .link-01 a:visited,
.form-search-index-item.desti .form-search-keyword .link-01 a:hover{
color:#555;
}
.form-search-index-item.desti .desti-list{
overflow:hidden;
margin-top:10px;
margin-left:-4px;
}
.form-search-index-item.desti .desti-list > li{
float:left;
width:32%;
min-height:130px;
margin-left:5px;
margin-bottom:10px;
background-color:#fff;
}
.form-search-index-item.desti .desti-list > li.other{
width:100%;
min-height:inherit;
display:block;
clear:both;
background:none;
}
.form-search-index-item.desti .desti-list > li b a{
display:block;
padding:4px 10px 4px 9px;
font-size:12px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
}
.form-search-index-item.desti .desti-list > li.other b{
display:block;
padding:4px 10px 4px 9px;
font-size:12px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li.other b,
.form-search-index-item.desti .desti-list > li.other ul{
display:table-cell;
}
.form-search-index-item.desti .desti-list > li.other ul{
margin-bottom:0;
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li.other ul li{
width:160px;
margin-left:-2px;
}
.form-search-index-item.desti .desti-list > li.other ul li select{
width:100%;
}
.form-search-index-item.desti .desti-list > li b a:link,
.form-search-index-item.desti .desti-list > li b a:visited,
.form-search-index-item.desti .desti-list > li b a:hover,
.form-search-index-item.desti .desti-list > li b a:active{
color:var(--cmn-font-color-base);
}
.form-search-index-item.desti .desti-list > li b a:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li ul{
overflow:hidden;
margin:10px;
}
.form-search-index-item.desti .desti-list > li ul li{
float:left;
width:50%;
font-size:12px;
}
.form-search-index-item.desti .desti-list > li.asia li:nth-child(2n){
width:65%;
}
.form-search-index-item.desti .desti-list > li.asia li:nth-child(2n+1){
width:35%;
}
.form-search-index-item.desti .desti-list > li.america li:nth-child(2n){
width:55%;
}
.form-search-index-item.desti .desti-list > li.america li:nth-child(2n+1){
width:45%;
}
.form-search-index-item.desti .desti-list > li.oceania li{
width:100%;
}
.form-search-index-item.desti .desti-list > li.africa li{
width:100%;
}
.form-search-index-item.date ol{
float:left;
}
.form-search-index-item.date ol > li{
display:inline-block;
vertical-align:top;
}
.form-search-index-item.date ol > li:last-child{
padding-left:26px;
position:relative;
}
.form-search-index-item.date ol > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
left:5px;
width:13px;
}
.form-search-index-item.date ol > li img{
vertical-align:top;
margin-top:4px;
}
.form-search-index-item.date ol > li .number{
vertical-align:top;
position:relative;
top:6px;
}
.form-search-index-item.date input[type="text"]{
vertical-align:top;
width:180px;
cursor:pointer;
}
.form-search-index-item.date label{
display:inline-block;
position:relative;
}
.form-search-index-item.date label .form-search-label{
display:inline-block;
position:absolute;
left:10px;
top:7px;
background:none;
border:none;
height:auto;
}
.form-search-index-item.date .link-01,
.form-search-index-item > .form-search-index-item-cell .link-01{
font-size:11px;
margin:-5px 0 10px 0;
}
.form-search-index-item > .form-search-index-item-cell .link-01 a,
.form-search-index-item > .form-search-index-item-cell .link-01 a:link,
.form-search-index-item > .form-search-index-item-cell .link-01 a:visited,
.form-search-index-item > .form-search-index-item-cell .link-01 a:hover,
.form-search-index-item > .form-search-index-item-cell .link-01 a:active{
color:#555;
}
.form-search-index-item.numbers ul{
margin-left:-5px;
}
.form-search-index-item.numbers ul li{
float:left;
margin-left:5px;
}
.form-search-index-item.numbers ul li.room .form-custom-select{
min-width:65px;
border-left:0;
}
.form-search-index-item.numbers ul li.adult{
margin-right:20px;
}
.form-search-index-item.numbers ul li.language{
line-height:1.3;
font-size:12px;
color:var(--cmn-font-color-base);
margin-left:10px;
padding-top:10px;
white-space:nowrap;
}
.form-search-index-item.numbers ul li.language label,
.form-search-index-item.numbers ul li.language input[type=checkbox]{
cursor:pointer;
}
.form-search-index-item.numbers ul li.language br{
display:none;
}
.form-search-index-item.numbers ul li.language input[type="checkbox"]{
float:left;
margin:0 4px 0 0
}
.form-search-index-item.numbers ul li.child{
position:relative;
}
.child-box{
display:none;
float:right;
width:320px;
font-size:12px;
text-align:right;
box-sizing:border-box;
}
.lyt-top .child-box{
float:left;
clear:both;
margin:10px 0 -5px 134px;
}
.search-filter-item .child-box{
width:195px;
margin:-32px 28px 35px 0;
}
.form-head-box .search-filter-item .child-box{
width:210px;
margin:5px 170px 0 0;
}
.search-filter-item .child-box > ul{
text-align:left;
}
.search-filter-container .child-box{
width:310px;
margin:4px 0 5px 160px;
}
.search-filter-container .child-box li select{
padding:2px;
}
.child-box.is-active{
display:block;
}
.child-box label{
margin:0;
}
.child-box.active{
display:block;
}
.child-box .child-txt{
margin:0 ;
}
.child-box > ul > li{
display:inline-block;
margin:0 0 0 5px;
font-size:11px;
min-height:25px;
padding:2px 0;
}
.child-box select{
line-height:1.0;
height:25px!important;
width:58px!important;
min-height:inherit!important;
min-width:inherit!important;
padding:1px 2px;
border-radius:2px;
}
.child-box.is-active .form-custom-select select {
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
}
.form-search-index-inner .form-list-line{
display:block;
margin:5px 0 -2px 100px;
}
.form-search-index-inner .form-list-line .cmn-tip-btn{
margin:-2px 0 0 0;
}
.form-search-index-inner .form-list-line input[type="checkbox"],
.search-filter-lyt .form-list-line input[type="checkbox"]{
margin:-2px 3px 0 0;
}
.date-fix-sup{
display:inline-block;
padding-left:0;
font-size:11px;
color:#666;
vertical-align:middle;
margin-top:-1px;
}
.form-search-index-item.numbers select{
vertical-align:top;
min-height:34px;
min-width:100%;
}
.form-search-index-item.numbers label{
display:inline-table;
}
.form-search-index-item.numbers label .form-search-label{
display:table-cell;
width:40px;
height:32px;
padding:0 5px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
text-align:center;
}
.form-search-index-item.numbers label .form-search-label small{
display:block;
margin-top:-4px;
}
.form-search-index-item.numbers label.adult .form-search-label{
width:52px;
}
.form-search-index-item.numbers label.child .form-search-label{
width:88px;
}
.form-search-index-item.numbers label.baby-01 .form-search-label{
width:100px;
}
.form-search-index-item.numbers label.baby-01 .form-search-label{
width:90px;
}
.form-search-index-item.seat-class{
width:439px;
vertical-align:top;
}
.form-search-index-item.seat-class select{
width:100%;
}
.form-search-index-item.numbers > .form-search-index-item-cell.room{
width:85px;
}
.form-search-index-item.numbers > .form-search-index-item-cell.number{
width:93px;
}
.form-search-index-item.numbers > .form-search-index-item-cell.number h2{
padding-right:0;
}
.form-search-index-item.genre-item{
display:block;
width:auto;
margin-left:6px;
overflow:hidden;
}
.form-search-index-item.genre-item .form-search-notes{
margin-top:5px;
}
.form-search-index-item.genre-item ul{
overflow:hidden;
}
.form-search-index-item.genre-item ul li{
float:left;
width:50%;
padding-left:7px;
box-sizing:border-box;
}
.form-search-index-item.genre-item label input[type="checkbox"]{
display:none;
}
.form-search-index-item.genre-item label input[type="checkbox"]:checked + .form-search-btn{
background-color:#a7a7a7;
color:#fff;
box-shadow:none;
border:none;
}
.form-search-index-item.genre-item .form-search-btn{
width:132px;
height:34px;
padding-top:8px;
font-size:11px;
text-align:center;
}
.form-search-index-item.flight-section ul:before,
.form-search-index-item.flight-section ul:after{
content:"";
display:table;
}
.form-search-index-item.flight-section ul:after{
clear:both;
}
.form-search-index-item.flight-section ul li{
float:left;
}
.form-search-index-item.flight-section .flight-section-btn-del{
padding:4px 10px 3px 20px;
position:absolute;
top:5px;
right:0;
background-color:transparent;
font-size:11px;
border:none;
color:#444;
}
.form-search-index-item.flight-section .flight-section-btn-del:before{
content:"";
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:0;
left:5px;
margin:auto 0;
bottom:0;
border-radius:2px;
background-color:#999;
}
.form-search-index-item.flight-section .flight-section-btn-del > span{
display:block;
}
.form-search-index-item.flight-section .flight-section-btn-del > span:before{
content:"";
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
bottom:50%;
left:7px;
background-color:#fff;
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-index-item.flight-section .flight-section-btn-del > span:after{
content:"";
position:absolute;
display:block;
overflow:hidden;
bottom:50%;
background-color:#fff;
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
width:2px;
height:8px;
left:10px;
}
.form-search-index-item.flight-section .flight-section-date{
margin-left:5px;
}
.form-search-index-item.flight-section .flight-section-date img{
vertical-align:top;
margin-top:4px;
}
.form-search-index-item.flight-section .flight-section-date input[type="text"]{
width:160px;
}
.form-search-index-item.flight-section .flight-section-area .flight-section-hdg{
float:left;
display:block;
margin-left:5px;
font-size:11px;
border:1px solid #bebebe;
min-height:34px;
padding:7px 10px;
box-sizing:border-box;
}
.form-search-index-item.flight-section .flight-section-area .form-search-keyword{
float:left;
display:block;
margin-left:-1px;
}
.form-search-index-item.flight-section .flight-section-area .form-search-keyword input[type="text"]{
width:173px;
font-size:12px;
}
.form-search-index-item.flight-section .flight-section-area .form-search-suggest-item{
min-width:200%;
}
.flight-section-btn-add{
position:relative;
padding:7px 10px 7px 15px;
background:none;
border:none;
color:#444;
font-size:11px;
text-align:left;
}
.flight-section-btn-add:before{
content:"";
display:block;
position:absolute;
left:0;
top:10px;
width:11px;
height:11px;
border-radius:2px;
background-color:#666;
}
.flight-section-btn-add > span:before{
content:"";
display:block;
position:absolute;
left:2px;
top:15px;
width:7px;
height:1px;
background-color:#fff;
}
.flight-section-btn-add > span:after{
content:"";
display:block;
position:absolute;
left:5px;
top:12px;
width:1px;
height:7px;
background-color:#fff;
}
.icon-required {
display:inline-block;
width:2em;
font-size:11px;
color:var(--cmn-font-color-red);
border:1px solid var(--cmn-font-color-red);;
background-color:#fff;
padding:1px 3px 0;
margin:8px 0 0 4px;
vertical-align:middle;
}
.form-search-index-item-01 > .form-search-index-item-01-cell:first-child {
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
width:100px;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
float:left;
height:34px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
margin-left:5px;
}
.form-search-index-item-01.form-search-keyword > .form-search-index-item-01-cell:first-child {
height:42px;
}
.form-search-index-item-01 > .form-search-index-item-01-cell.required {
position:relative;
width:90px;
}
.form-search-index-item-01.form-search-keyword > .form-search-index-item-01-cell.required label{
margin:6px 0;
display:block;
}
.form-search-index-item-01.form-search-area > .form-search-index-item-01-cell.required label{
margin:8px 0;
display:block;
}
.form-search-index-item.desti .form-search-area li{
float:left;
margin-left:-1px;
}
.form-search-index-item.desti .form-search-area li.area-1{
margin-left:0;
}
.form-search-index-item.desti .form-search-area li.area-1 select{
width:136px;
}
.form-search-index-item.desti .form-search-area li.area-2 select{
width:165px;
}
.form-search-index-item.desti .form-search-area li.area-3 select{
width:170px;
}
.form-search-index-item.desti .form-search-area li.area-4 select{
width:208px;
border-radius:0 3px 3px 0;
}

/* .form-search-index-item-01-cell .is-error
----------------------------------------------- */
.form-search-index .form-search-index-item-01-cell .is-error,
.search-filter-container .search-filter-keyword .is-error,
.detail-item .form-search .form-search-date input.is-error,
.form-custom-select.is-error,
.form-search-index .dates .is-error,
.search-filter-container .date .is-error{
border-color:rgba(233,57,57,.35);
box-shadow:0 0 0 1px rgba(233,57,57,.35) inset;
background-color:rgba(233,57,57,.1);
}
.map-filter-destination-list .map-filter-destination-input input.is-error{
box-shadow:0 0 0 2px rgba(233,57,57,.35) inset;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error,
.form-search-index-error{
margin:7px 0 0;
font-size:11px;
}
.form-search-index .form-search-index-error > li,
.serch-filter-box > .form-search-index-error > li,
.map-filter-row-top > .form-search-index-error > li,
.form-search-index-error > li,
.search-filter-btn-box > .form-search-index-error > li{
margin:5px 0;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px 12px;
font-size:12px;
color:var(--cmn-font-color-red);
display:flex;
}
.map-filter-row-top > .form-search-index-error > li{
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
background-size:14px 12px;
margin:2px;
}
.serch-filter-box > .form-search-index-error{
margin-left:100px;
}
.map-filter-row-top > .form-search-index-error{
margin:0 0 0 8px;
min-height:45px;
display:flex;
flex-flow:column;
justify-content:center;
}
.form-search-index-exec .form-search-index-error{
margin:0 0 10px;
text-align:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-size:12px;
}
.numbers + .form-search-index-error{
padding-left:102px;
}
.room + .form-search-index-error {
padding-left:93px;
}
.form-head-box > .search-filter-item .form-search-index-error{
clear: both;
padding: 8px 0 0 65px;
}
.form-search-index-error.error-date{
display:flex;
}

/* .hotel-tab
----------------------------------------------- */
.hotel-tab {
display:table;
width:100%;
margin-bottom:6px;
}
.hotel-tab > li {
display:table-cell;
min-width:72px;
vertical-align:top;
border-left:2px solid #fff;
}
.hotel-tab > li:first-child {
border-left:none;
}
.hotel-tab > li > button,
.hotel-tab > li > a {
width:100%;
height:40px;
line-height:1.25;
border:none;
background-color:#dfe3e8;
cursor:pointer;
font-size:13px;
}
.hotel-tab > li > a{
width:74px;
text-decoration:none;
display:table-cell;
vertical-align:middle;
text-align:center;
color:#666;
}
.hotel-tab > li > button > span,
.hotel-tab > li > a > span {
display:block;
}
.hotel-tab > li > button[disabled],
.hotel-tab > li > a.disabled {
color:#fff;
font-weight:bold;
background-color:#0d3f78;
cursor:default;
}
.list-col-5 {
margin-top:0;
}
.list-col-5 > li {
margin-top:10px;
margin-left:2.5%;
float:left;
box-sizing:border-box;
width:18%;
}
.list-col-5 > li:first-child {
margin-left:0;
}
.list-col-5 > li:nth-child(5n+1) {
margin-left:0;
clear:left;
}
.list-col-5 > li li {
margin-left:0;
width:auto;
float:none;
}
.link-list-destination a {
color:#666;
position:relative;
padding-left:40px;
display:inline-block;
}
.link-list-destination a > img {
position:absolute;
left:0;
top:-1px;
width:30px;
height:20px;
border:1px solid #eee;
}
.link-list-destination a > img {
position:absolute;
left:0;
top:-1px;
width:30px;
height:20px;
border:1px solid #eee;
}
.tab-container > .tab-item.is-active {
display:block;
}
.tab-container > .tab-item {
display:none;
}
.link-line{
text-align:right;
margin-top:5px;
}
.link-line a{
padding-left:12px;
color:#666;
display:inline-block;
position:relative;
font-size:12px;
}
.link-line a:before {
content:'';
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  .popular-hotel
----------------------------------------------------------------- */

/* .popular-hotel-tab
----------------------------------------------- */

.popular-hotel .popular-hotel-tab{
margin-bottom:20px;
display:table;
width:100%;
table-layout:fixed;
}
.popular-hotel .popular-hotel-tab > li{
border-left:2px solid #fff;
display:table-cell;
}
.popular-hotel .popular-hotel-tab > li:first-child{
border-left:none;
}
.popular-hotel .popular-hotel-tab > li button,
.popular-hotel .popular-hotel-tab > li a{
padding:2px;
color:#666;
border:none;
width:100%;
height:40px;
cursor:pointer;
background-color:#dfe3e8;
font-size:13px;
}
.popular-hotel .popular-hotel-tab > li a{
display:table-cell;
width:131px;
text-align:center;
vertical-align:middle;
text-decoration:none;
}
.popular-hotel .popular-hotel-tab > li button[disabled],
.popular-hotel .popular-hotel-tab > li a.disabled{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
cursor:default;
}

/* .popular-hotel-item
----------------------------------------------- */

.popular-hotel .popular-hotel-item{
display:none;
}
.popular-hotel .popular-hotel-item.is-active{
display:block;
}

/* .popular-hotel-more
----------------------------------------------- */

.popular-hotel .popular-hotel-more{
margin-bottom:10px;
text-align:right;
}
.popular-hotel .popular-hotel-more a{
padding-left:12px;
display:inline-block;
position:relative;
color:#555;
}
.popular-hotel .popular-hotel-more a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .popular-hotel-hdg-container
----------------------------------------------- */

.popular-hotel .popular-hotel-hdg-container{
padding:15px 0;
border-top:3px solid #0d3f78;
display:table;
width:100%;
}
.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg,
.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg-sup{
display:table-cell;
vertical-align:middle;
}
.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg{
font-size:18px;
}
.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg-sup{
text-align:right;
}
.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg-sup .link-list-line > li{
margin-top:0;
}

/* .popular-hotel-list
----------------------------------------------- */

.popular-hotel .popular-hotel-list{
overflow:hidden;
position:relative;
}
.popular-hotel .popular-hotel-list:before,
.popular-hotel .popular-hotel-list:after{
content:'';
display:block;
width:1px;
height:100%;
background-color:#c9c9c9;
position:absolute;
top:0;
left:286.66667px;
}
.popular-hotel .popular-hotel-list:after{
left:603.33333px;
}
.popular-hotel .popular-hotel-list > .popular-hotel-list-cell{
float:left;
width:633.33333px;
box-sizing:border-box;
overflow:hidden;
}
.popular-hotel .popular-hotel-list > .popular-hotel-list-cell:first-child{
width:286.66667px;
}

/* .popular-hotel-list > .popular-hotel-list-item
----------------------------------------------- */

.popular-hotel-list .popular-hotel-list-item{
border-top:1px solid #c9c9c9;
padding:15px;
float:left;
width:50%;
box-sizing:border-box;
}
.popular-hotel-list .popular-hotel-list-item > a{
margin-bottom:5px;
display:inline-block;
line-height:1.25;
font-weight:bold;
font-size:14px;
padding-left:46px;
position:relative;
}
.popular-hotel-list .popular-hotel-list-item > a .sup{
color:#555;
display:block;
font-size:12px;
font-weight:normal;
}
.popular-hotel-list .popular-hotel-list-item > a .number{
font-size:12px;
font-weight:bold;
width:39px;
height:17px;
box-sizing:border-box;
text-align:center;
background:#9f9f9f;
color:#fff;
display:inline-block;
position:absolute;
left:0;
line-height:17px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info{
font-size:12px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li{
margin-top:3px;
overflow:hidden;
font-size:11px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li{
display:inline-block;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li a{
color:#666;
position:relative;
padding-left:10px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li a:before {
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li:first-child a{
padding-left:0;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li:first-child a:before{
display:none;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li > .cell{
overflow:hidden;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li > .cell:first-child{
float:left;
width:7em;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .review-sup{
display:block;
font-size:11px;
color:#555;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-image{
margin-bottom:10px;
color:#666;
font-size:10px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-image a{
cursor:pointer;
color:#666;
font-size:11px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-image a .img-nophoto img{
border: 1px solid #e5e5e5;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-image img{
margin:0 auto 5px;
display:block;
max-height:142px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-image-info{
color:#666;
display:block;
font-size:11px;
}
.popular-hotel-list > .popular-hotel-list-cell > .popular-hotel-list-item:nth-child(2n+1){
clear:both;
}
.popular-hotel-list > .popular-hotel-list-cell:first-child .popular-hotel-list-item{
padding-left:0;
float:none;
width:auto;
}

/* ----------------------------------------------------------------
headings
----------------------------------------------------------------- */

/* .hdg-l2
----------------------------------------------- */

#main_Col > .hdg-l2 {
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}
.hdg-l2-container{
margin:30px 0 10px;
padding-left:15px;
position:relative;
}
.hdg-l2-container .hdg-l2{
margin:0;
padding:0;
display:inline-block;
position:static;
}
.hdg-l2-container .hdg-l2-sup{
margin-left:5px;
display:inline-block;
font-size:11px;
}

/* .hdg-l2-01
----------------------------------------------- */

.hdg-l2-01{
margin:30px 0 10px;
padding:8px 10px 4px 25px;
border-bottom:1px solid #fff;
box-shadow:0 1px 0 rgba(0, 0, 0, 0.15);
position:relative;
background-color:#f7f7f7;
font-size:15px;
}
.hdg-l2-01:before{
content:'';
position:absolute;
display:block;
width:4px;
height:50%;
overflow:hidden;
top:25%;
left:10px;
}
.hdg-l2-01:before{
border:1px solid #555;
background-image:-webkit-linear-gradient(#777 50%, #323232 50%);
background-image:linear-gradient(#777 50%, #323232 50%);
background-color:#323232;
}

/* .form-search-hdg-col
----------------------------------------------- */
.search-filter-container .form-search-hdg-col{
display:flex;
color:var(--cmn-font-color-base);
padding-right:145px;
gap:8px;
margin:-2px 0 -3px 0;
align-items:center;
}

.search-filter-container .form-search-hdg-col .form-search-hdg-l1{
padding-right:0;
margin:0;
}

.search-filter-container .form-search-hdg-col .form-search-hdg-cheapest-txt{
font-size:12px;
font-weight:normal;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.search-filter-container .form-search-hdg-l1 {
margin:-2px 0 -3px 0;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
padding-right:145px;
}

/* .search-filter-container
----------------------------------------------- */

.search-filter-container{
padding:10px 20px 14px ;
color:#555;
background-color:#ededed;
margin-bottom:30px;
position:relative;
width:100%;
box-sizing:border-box;
}
.search-filter-container .search-filter-item{
margin-top:9px;
display:table;
width:920px;
}
.search-filter-container .search-filter-item > .search-filter-item-cell,
.search-filter-container .search-filter-item > .search-filter-item-list{
box-sizing:border-box;
display:table-cell;
position:relative;
vertical-align:top;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label.disabled > span,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label.disabled > span{
background:#e9e9e9;
color:#949494;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child{
margin-left:5px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li{
display:inline-block;
position:relative;
}
.search-filter-container .search-filter-item > .search-filter-item-list .txt-airbnb{
text-indent:-1em;
padding-left:1em;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.2;
display:none;
clear:both;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li:first-child{
margin-right:15px;
vertical-align:top;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li:first-child .form-custom-select{
min-width:60px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li:first-child select{
margin:0;
border-radius:0;
width:70px;
height:32px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li .search-filter-hdg + select{
width:80px;
padding:5px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult select,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child select{
padding:5px;
border-radius:0 2px 2px 0;
height:32px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label > span,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span{
padding:6px 0 6px 8px;
border-width:1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:59px;
height:34px;
box-sizing:border-box;
background-color:#fff;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label > span:first-child,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span:first-child{
border-right:0;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label > span.form-custom-select,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span.form-custom-select{
padding:0;
overflow:hidden;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label > span.form-custom-select select,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span.form-custom-select select{
width:59px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span{
width:60px;
}
#one_column #main_Col select.disabled,
#main_Col select:disabled{
color:#ccc;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li select.disabled{
color:#ccc;
}
.search-filter-container .search-filter-item > .search-filter-item-cell:first-child{
padding:0 5px;
vertical-align:top;
width:95px;
vertical-align:middle;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
background-color:#f6f6f6;
min-height:32px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
margin-right:-1px;
top:inherit;
}
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell{
box-sizing:border-box;
}
.search-filter-container .search-filter-lyt > .search-filter-lyt-cell > :first-child{
margin-top:0;
}
.search-filter-container .search-filter-hdg{
font-size:11px;
}
.search-filter-container .search-filter-hdg .ic-required{
font-weight:normal;
padding:2px 0 ;
margin:1px 0 0 4px;
vertical-align:middle;
line-height:1;
}
.search-filter-container .cmn-tip-btn{
vertical-align:middle;
}
.search-filter-container h3.search-filter-hdg{
font-weight:normal;
line-height:1.3;
}
.search-filter-container .search-filter-btn{
padding:4px 15px;
color:#fff;
border:none;
border-radius:4px;
min-width:110px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
cursor:pointer;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
.search-filter-container .search-filter-btn:active,
.search-filter-container .search-filter-btn:hover,
.search-filter-container .search-filter-btn:focus{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#72ba00;
}
.search-filter-container .search-filter-btn.is-disabled:active,
.search-filter-container .search-filter-btn.is-disabled:hover,
.search-filter-container .search-filter-btn.is-disabled:focus{
background:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
}
.search-filter-container .search-filter-btn > span{
padding:2px 5px 2px 20px;
display:block;
}
.search-filter-container .search-filter-btn-arrow{
margin-top:5px;
padding:2px 10px 2px 14px;
border:1px solid #999;
border-radius:3px;
color:#0b41a1;
display:block;
position:relative;
cursor:pointer;
background-image:-webkit-linear-gradient(#fcfcfc, #efefef);
background-image:linear-gradient(#fcfcfc, #efefef);
background-color:#fcfcfc;
font-size:12px;
}
.search-filter-btn-box{
text-align:right;
}
.lyt-flexible .search-filter-btn-box{
right:0;
bottom:0;
}
.form-list-line{
margin-top:3px;
vertical-align:middle;
clear:both;
}
.form-list-line input[type="checkbox"],
.form-list-line label{
cursor:pointer;
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.form-search .form-search-item-cell .form-search-date{
float:none;
}
.form-search-item-cell .form-list-line{
margin:10px 0 3px 0;

}
.search-filter-container .search-filter-list > li > ul:not([class]) > li,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li{
display:inline-block;
margin-right:-1px;
float:left;
}
.search-filter-container input[type="text"]{
font-size:12px;
box-sizing:border-box;
border:1px solid #bebebe;
color:var(--cmn-font-color-base);
padding:5px 10px;
}
.search-filter-container li select{
font-size:12px;
color:var(--cmn-font-color-base);
padding:5px 10px;
box-sizing:border-box;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-color:transparent;
min-height:32px;
margin:0;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li select,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select{
width:204px;
font-size:12px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
height:34px;
box-sizing:border-box;
background-color:transparent;
color:#555;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li select.disabled,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select.disabled{
color:#949494;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li:last-child select{
border-radius:0 2px 2px 0;
}
.search-filter-container .search-filter-list > li > ul:not([class]) > li select.wide,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select.wide{
width:175px;
}
.search-filter-container .search-filter-list > li.simple select,
.search-filter-container .search-filter-list-simple > li.simple select{
width:100%;
}
.search-filter-container .search-filter-list-date > li{
display:inline-block;
vertical-align:top;
}
.search-filter-container .search-filter-list-date > li > div{
display:inline-block;
vertical-align:top;
}
.search-filter-container .search-filter-list-date > li:not(:last-child){
padding-right:19px;
position:relative;
}
.search-filter-container .search-filter-list-date > li:not(:last-child):after{
content:'\ff5e';
display:block;
position:absolute;
bottom:5px;
right:1px;
width:13px;
color:var(--cmn-font-color-base);
}
.lyt-flexible .search-filter-container .search-filter-list-date > li:not(:last-child):after{
right:3px;
}
.search-filter-container .search-filter-list-date > li input{
width:180px;
padding:7px 10px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-filter-container .search-filter-list-date > li .ui-datepicker-btn{
margin:0;
vertical-align:middle;
position:absolute;
left:153px;
top:23px;
}
.search-filter-container .search-filter-list-date > li .day-number{
margin-left:7px;
color:var(--cmn-font-color-base);
}
.search-filter-container .search-filter-list-date > li{
position:relative;
}
.search-filter-container .search-filter-keyword{
font-size:11px;
}
.search-filter-container .search-filter-keyword input{
width:100%;
font-size:14px;
padding:9px 10px;
box-sizing:border-box;
border-radius:0 2px 2px 0;
border:1px solid #bebebe;
height:41px;
}
.search-filter-container .search-filter-keyword input.hotel-keyword{
width:520px;
}
.search-filter-container .search-filter-keyword-list{
margin-top:10px;
}
.form-search .attention-balloon,
.search-filter-container .attention-balloon{
position:absolute;
right: 120px;
bottom: -8px;
color:#fff;
font-size:12px;
padding:5px 10px;
border-radius:5px;
background-color:#555;
}
.form-search .attention-balloon:before,
.search-filter-container .attention-balloon::before{
content:'';
display:block;
width:10px;
height:10px;
position:absolute;
top:18px;
right:-5px;
display:block;
background-color:#555;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
.form-search .attention-balloon{
height: 35px;
right: -10px;
bottom: -52px;
white-space: nowrap;
width: 133px;
z-index:6;
}
.form-search .attention-balloon:before{
top:-5px;
right:37px;
}

/* .serch-filter-box
----------------------------------------------- */
.serch-filter-box{
padding-left:90px;
position:relative;
}
.serch-filter-box > .search-filter-hdg{
position:absolute;
left:0;
top:10px;
}
.search-filter-container .serch-filter-box .search-filter-item,
.search-filter-container .search-filter-item.serch-filter-box,
.search-filter-container .serch-filter-box > .search-filter-item-list:first-child{
width:100%;
box-sizing:border-box;
}
.serch-filter-box.date{
padding-left:0;
margin-top:9px;
}
.serch-filter-box.date ol li:first-child{
margin-left:90px;
}
.serch-filter-box.date ol li{
position:relative;
margin-left:80px;
}
.serch-filter-box.date ol li .search-filter-hdg{
position:absolute;
top:5px;
left:-90px;
line-height:1.2;
padding-left:15px;
}
.serch-filter-box.date ol li:last-child .search-filter-hdg .cmn-tip-btn,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child .cmn-tip-btn{
margin-left:0;
}
.serch-filter-box.date ol li:first-child .search-filter-hdg{
padding-left:0;
}
.search-filter-container .serch-filter-box.date .search-filter-list-date > li .ui-datepicker-btn{
top:50%;
margin-top:-11px;
}
.serch-filter-box.date .form-list-line{
padding-left:90px;
}
.search-filter-container .serch-filter-box.date .form-list-line .cmn-tip-btn{
margin:-2px 0 0 2px;
}
.search-filter-container .serch-filter-box > .search-filter-item-list:first-child .search-filter-list-number{
margin-left:-90px;
}
.search-filter-container .serch-filter-box .search-filter-list-number li .search-filter-hdg{
width:105px;
display:inline-block;
vertical-align:top;
padding:8px 0 0 0;
}
.search-filter-container .serch-filter-box .search-filter-list-number li:first-child .search-filter-hdg{
width:90px;
vertical-align:middle;
padding:0;
}
.search-filter-container .serch-filter-box .search-filter-list-number li ul{
display:inherit;
}
.serch-filter-box.hotel-name{
padding-left:0;
display:table;
width:100%;
margin-top:4px;
}
.serch-filter-box.hotel-name > div{
display:table-cell;
vertical-align:bottom;
text-align:right;
}
.serch-filter-box.hotel-name > .search-filter-item{
width:630px;
vertical-align:top;
text-align:left;
}
.serch-filter-box.hotel-name > div .form-search-index-error{
display:flex;
flex-flow:column;
justify-content:flex-end;
margin-top:0;
}
.serch-filter-box.hotel-name > div .form-search-index-error > li{
margin-left:auto;
}
.serch-filter-box.hotel-name > div .form-search-index-error > li:first-child{
margin-top:0;
}
.search-filter-container .hotel-name .search-filter-item > .search-filter-item-cell:first-child{
padding:0 5px 0 0;
vertical-align:top;
width:90px;
border:0;
background:none;
min-height:32px;
box-sizing:border-box;
margin-right:-1px;
top:inherit;
font-weight:bold;
}
.search-filter-container .serch-filter-box.room .child-box{
width:310px;
margin:-40px 60px 10px 0px;
}
.str-lyt-externa .search-filter-container .serch-filter-box.room .child-box{
margin:-40px 70px 60px 0px;
}
.str-lyt-externa .search-filter-container .child-box{
width:310px;
margin:0 0 55px 0;
}

/* .form-sort-del-list
----------------------------------------------- */
.form-sort-del-list{
margin-bottom:15px;
padding-left:5px;
}
.form-sort-del-list > li{
margin:0 5px 0 0;
display:inline-block;
}
.form-sort-del-list button{
padding:0 0 0 14px;
border:none;
color:#555;
position:relative;
background:none;
font-size:11px;
text-align:left;
}
.form-sort-del-list button .logo{
border:1px solid #dae1e5;
display:block;
position:relative;
width:50px;
height:24px;
box-sizing:border-box;
background-color:#fff;
}
.form-sort-del-list button .logo img{
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:80%;
max-height:80%;
vertical-align:bottom;
}
.form-sort-del-list button .del{
margin-top:-6px;
color:rgba(51, 51, 51, 0);
border-radius:2px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
position:absolute;
top:50%;
left:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
}
.form-sort-del-list button .del:before,.form-sort-del-list button .del:after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:50%;
content:'';
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-sort-del-list button .del:after{
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}

/* .form-search-btn-del
----------------------------------------------- */
.form-search-btn-del{
margin:5px 0 0 5px;
padding-left:16px;
color:#555;
border:none;
position:relative;
background:none;
font-size:12px;
}
.form-search-btn-del:before{
content:'';
display:block;
width:12px;
height:12px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
.form-search-btn-del:before{
margin:auto 0;
bottom:0;
border-radius:2px;
background-color:#999;
}
.form-search-btn-del > span{
display:block;
}
.form-search-btn-del > span:before,.form-search-btn-del > span:after{
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
bottom:50%;
left:2px;
background-color:#fff;
-webkit-transform:translateY(50%) rotate(45deg);
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-btn-del > span:after{
width:2px;
height:8px;
left:5px;
}
.form-search-btn-del[disabled]{
opacity:0.5;
}

/* .tab-content
----------------------------------------------- */

.list-tab-content{
border-bottom:2px solid #bbbbbb;
margin:20px 0;
vertical-align:bottom;
position:relative;
height:45px;
}
.list-tab-content li{
bottom:1px;
border:1px solid #bbb;
display:inline-block;
margin-bottom:-2px;
vertical-align:bottom;
position:absolute;
left:0;
}
.list-tab-content li.btn-airbnb{
position:absolute;
right:0;
left:inherit;
}
.tab-content{
margin-top:20px;
border-bottom:1px solid #c1c1c1;
margin-bottom:20px;
}
.list-tab-content li button,
.list-tab-content li a{
border:0;
background:#f8f8f8;
font-weight:bold;
font-size:15px;
color:#555;
box-sizing:border-box;
height:43px;
width:295px;
}
.list-tab-content li a{
display:table-cell;
vertical-align:middle;
text-align:center;
text-decoration:none;
}
.list-tab-content li.active{
bottom:0;
border:2px solid #bbb;
border-bottom:2px solid #fff;
}
.list-tab-content li.active button,
.list-tab-content li.active a{
background:#fff;
cursor:default;
}
.list-tab-content li button span,
.list-tab-content li a span{
font-size:17px;
}
.list-tab-content li.btn-airbnb button,
.list-tab-content li.btn-airbnb a{
font-size:12px;
height:34px;
width:150px;
white-space:nowrap;
}
.list-tab-content li.btn-airbnb button .logo,
.list-tab-content li.btn-airbnb a .logo{
display:inline-block;
vertical-align:middle;
margin:5px 5px 0 0;
}
.list-tab-content> li button.loading > span,
.list-tab-content> li a.loading > span{
padding-left:0;
}
.list-tab-content > li button.loading > span,
.list-tab-content > li a.loading > span{
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
text-indent:-9999px;
background-size:20px 20px;
padding:7px 15px;
display:block;
}
.list-tab-content > li.btn-airbnb button.loading > span,
.list-tab-content > li.btn-airbnb a.loading > span{
padding:0 15px;
}
.tab-content > li{
margin-right:5px;
display:inline-block;
vertical-align:bottom;
float:left;
position:relative;
z-index:1;
}
.tab-content > li button,
.tab-content > li a{
padding:0;
border-width:1px 1px 1px;
border-color:#bbb;
border-style:solid;
color:#555;
display:block;
min-width:130px;
height:40px;
background-color:#f8f8f8;
font-size:13px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
margin-bottom:-1px;
}
.tab-content > li button[disabled],
.tab-content > li a[disabled]{
border-bottom:1px solid #fff;
}
.tab-content > li button > span,
.tab-content > li a > span{
display:inline-block;
position:relative;
padding-left:22px;
}
.tab-content > li button.loading > span,
.tab-content > li a.loading > span{
padding-left:0;
}
.tab-content > li button.loading > span,
.tab-content > li a.loading > span{
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
text-indent:-9999px;
background-size:20px 20px;
padding:10px 15px;
}
.tab-content > li button.btn-list > span:before,
.tab-content > li button.btn-map > span:before,
.tab-content > li a.btn-list > span:before,
.tab-content > li a.btn-map > span:before{
content:'';
display:block;
position:absolute;
width:20px ;
height:16px ;
background:url(/element/w_hotel/shared/images/sprite-maplist.png) no-repeat;
position:absolute;
left:0;
top:3px;
}
.tab-content > li button.btn-list > span:before,
.tab-content > li a.btn-list > span:before{
background-position:0 0;
}
.tab-content > li button.btn-map > span:before,
.tab-content > li a.btn-map > span:before{
background-position:0 -63px;
margin-top:-1px;
}
.tab-content > li button:active,
.tab-content > li button:hover,
.tab-content > li button:focus,
.tab-content > li button[disabled],
.tab-content > li button.active,
.tab-content > li a:active,
.tab-content > li a:hover,
.tab-content > li a:focus,
.tab-content > li a[disabled],
.tab-content > li a.active{
height:40px;
background-color:#fff;
border-bottom:1px solid #fff;
}
.tab-content > li button.loading:hover,
.tab-content > li a.loading:hover{
padding:0;
border-width:1px 1px 1px;
border-color:#bbb;
border-style:solid;
color:#555;
display:block;
min-width:130px;
height:40px;
background-color:#f8f8f8;
font-size:13px;
font-weight:bold;
text-decoration:none;
cursor:pointer;
margin-bottom:-1px;
cursor:default;
}
.tab-content > li button.active,
.tab-content > li a.active{
cursor:default;
}

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

	03. Modules

----------------------------------------------------------------- */
/* --------------------------------------------
.search-result-list
--------------------------------------------- */
#main_Col .search-result-list{
float:right;
width:710px;
padding-left:30px;
margin-bottom:20px;
}

/* --------------------------------------------
.search-filter-area
--------------------------------------------- */
#main_Col .search-filter-area{
float:left;
width:200px;
}
#main_Col .search-filter-area .cmn-tip-btn{
vertical-align:middle;
}
.map-btn-area{
background:url(/element/w_hotel/shared/images/btn-map-01.png) no-repeat;
width:200px;
height:90px;
display:block;
position:relative;
margin:0 0 10px;
}
.map-btn-area a,
.map-btn-area a:hover,
.map-btn-area a:visited{
color:#666;
text-decoration:none;
display:block;
width:200px;
height:90px;
}
.map-btn-area .link-box{
position:absolute;
top:50%;
left:50%;
display:inline-block;
margin: -18px 0 0 -57px;
padding: 8px 0 0 10px;
width: 115px;
height: 36px;
box-sizing: border-box;
text-align: center;
background-color:#fff;
}
.map-btn-area .link-box:hover{
background-color:#f0f0f0;
}
.map-btn-area .link-box:before {
content:'';
display:block;
position:absolute;
bottom:50%;
left:22px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.map-btn-area .loading-mapbtn-box{
position:absolute;
top:50%;
left:50%;
display:inline-block;
margin:-9px 0 0 -10px;
height:20px;
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
background-size:20px 20px;
text-indent:-9999px;
width:20px;
height:20px;
}
.btn-airbnb-right{
text-align:right;
margin:15px 0 -55px 0;
}
.btn-airbnb-right > .btn-list{
width:260px;
height:40px;
background-color:#fff;
border:solid 1px #c0c0c0;
background-image:-webkit-linear-gradient(bottom, #e5e5e5, #fff 6%);
background-image:-moz-linear-gradient(bottom, #e5e5e5, #fff 6%);
background-image:linear-gradient(to top, #e5e5e5, #fff 6%);
box-sizing:border-box;
position:relative;
padding:0 10px;
text-align:center;
font-size:14px;
color:#555;
cursor:pointer;
margin-bottom:10px;
}
.btn-airbnb-right > .btn-list:after{
content:'';
display:block;
position:absolute;
bottom:50%;
right:15px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.btn-airbnb-right > .btn-list span{
font-weight:bold;
font-size:16px;
}
.btn-airbnb-right > .btn-list span img{
vertical-align:middle;
margin-right:5px;
}

/* narrow-search
--------------------------------------------- */
.narrow-search {
margin-bottom:40px;
}
.narrow-search .disabled {
opacity:.25;
cursor:default;
}
.narrow-search .disabled input[type="checkbox"]{
opacity:1;
}
.narrow-search-hdr {
position:relative;
padding:8px 4px;
}
.narrow-search-hdr h2 {
font-size:15px;
color:var(--cmn-font-color-base);
}
.narrow-search-hdr .narrow-number {
display:inline-block;
font-size:13px;
line-height:2;
color:var(--cmn-font-color-base);
}
#one_column .narrow-search-hdr .narrow-number span strong{
color:var(--cmn-font-color-base);
}
.narrow-search-hdr em {
font-weight:bold;
}
.narrow-search-hdr .narrow-clear-btn {
position:absolute;
top:33px;
right:0;
}
.narrow-clear-btn a {
font-size:11px;
line-height:1;
display:inline-block;
padding:3px 4px 2px;
color:#666;
border:1px solid #aeaeae;
border-radius:3px;
background:#fff;
}
.narrow-clear-btn a:link,
.narrow-clear-btn a:hover,
.narrow-clear-btn a:visited,
.narrow-clear-btn a:focus{
color:#666;
text-decoration:none;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label{
display: block;
padding: 2px 0 2px 15px;
margin: -2px 0;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label:hover{
background: #f0f0f0;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label.disabled:hover{
background:none;
}
.narrow-list.agent-list label{
display: block;
padding: 2px 0 2px 22px;
margin: -2px 0;
}
.narrow-list.agent-list label:hover{
background: #f0f0f0;
}
.narrow-list.agent-list label.disabled:hover{
background:none;
}

/* narrow-item
--------------------------------------------- */
.narrow-item {
position:relative;
padding:20px 0 0;
border-top:1px solid #d2d2d2;
}
.narrow-item .narrow-hdr {
margin-bottom:15px;
font-size:15px;
color:#555;
}
.narrow-item .narrow-btn {
margin:-37px 7px 15px 0;
text-align:right;
}
.narrow-item .narrow-btn li {
display:inline-block;
font-size:11px;
}
.narrow-item .narrow-btn li:first-child:after {
content:'\007c';
display:inline;
padding-left:5px;
}

/* narrow-list
--------------------------------------------- */
.narrow-list {
margin:0 0 20px 5px;
}
.narrow-list li {
margin-bottom:5px;
word-break:break-all;
}
.narrow-list label {
display:block;
position: relative;
padding-left:20px;
}
.narrow-list label:hover{
background-color:#f0f0f0;
}
.narrow-list label.disabled:hover{
background-color:#fff;
}
.narrow-list input[type='checkbox'] {
position: absolute;
left: 0;
margin-left:0;
}
.narrow-list label span {
padding-left:4px;
font-size:11px;
}
.narrow-list label span.icon-r-hotel span,
.narrow-list label span.icon-r-face span{
vertical-align:baseline;
padding-left:2px;
}


/* narrow-btn-more
--------------------------------------------- */
.narrow-collapse.active > p.narrow-btn-more {
position:relative;
margin:-10px 0 15px 5px;
border:1px solid #bebebe;
display:inline-block;
padding:3px 10px 2px 0;
border-radius:2px;
font-size:11px;
color:#666;
}
.narrow-collapse.active > p.narrow-btn-more.line,
.narrow-collapse.active > p.narrow-btn-more.line a {
display:block;
}
.narrow-collapse.active > p label{
display: block;
position: relative;
padding-left: 20px;
}
.narrow-collapse.active > p label:hover{
background-color:#f0f0f0;
}
.narrow-btn-more a {
display:inline-block;
padding-left:20px;
color:#666;
}
.narrow-btn-more a:hover {
text-decoration:none;
}
.narrow-btn-more a:link,
.narrow-btn-more a:hover,
.narrow-btn-more a:visited,
.narrow-btn-more a:focus{
color:#666;
}
.narrow-btn-more:before {
position:absolute;
top:50%;
left:5px;
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
background:#666;
border-radius:1px;
}
.narrow-btn-more a:before {
position:absolute;
content:'';
display:block;
background:#fff;
top:50%;
left:7px;
margin-top:-1px;
width:7px;
height:1px;
z-index:2;
}
.narrow-btn-more a:after {
position:absolute;
content:'';
display:block;
background:#fff;
top:50%;
left:10px;
margin-top:-4px;
width:1px;
height:7px;
z-index:2;
}
.narrow-btn-more.active a:after {
content:' ';
display:none;
}

/* .narrow-keyword-list
--------------------------------------------- */
.narrow-keyword-list li{
display:block;
position:relative;
margin-bottom:8px;
}
.narrow-keyword-list li:last-child select{
padding:3px 4px;
font-size:12px;
border-radius:3px;
box-sizing:border-box;
border:1px solid #bebebe;
color:var(--cmn-font-color-base);
width:100%;
}
.narrow-keyword-list li:last-child .form-custom-select{
width:85px;
}
.narrow-keyword-list input[type="text"],
.narrow-keyword-list input[type="search"]{
width:100%;
box-sizing:border-box;
font-size:12px;
padding:5px;
padding-right:23px;
border:1px solid #bebebe;
border-radius:2px;
}
.narrow-keyword-list li .delete{
width:11px;
height:11px;
background:url(/element/w_hotel/shared/images/icon_del03.svg) no-repeat;
display:block;
position:absolute;
border:0;
color:#fff;
top:10px;
right:6px;
cursor:pointer;
font-size:1px;
text-indent:-9999px;
}
.narrow-keyword-list input + span{
display:block;
font-size:11px;
color:var(--cmn-font-color-base);
margin-top:1px;
margin-bottom:15px;
}
.narrow-keyword-list input::-ms-clear{
display:none;
}

/* .agent-list
--------------------------------------------- */
.link-agent{
display:block;
margin:0 0 10px 25px;
}
.link-agent li{
display:inline-block;
font-size:11px;
}
.link-agent li:nth-child(3){
display:block;
}
.link-agent li:first-child{
margin-right:8px;
}
.link-agent li:first-child:after{
content:'|';
margin-left:7px;
color:#d9d9d9;
}
.link-agent li a{
color:#0b4cae;
}
.agent-list input,
.agent-list span{
vertical-align:middle;
cursor:pointer;
}
.agent-list input{
top:50%;
margin-top:-8px;
}
.agent-list .disabled input,
.agent-list .disabled span{
cursor:default;
}
.img-logo{
display:inline-block;
min-width:66px;
height:31px;
border:1px solid #ccc;
padding:3px;
box-sizing:border-box;
text-indent:0;
text-align:center;
background-color:#fff;
}
.img-logo img{
max-width:58px;
max-height:22px;
}
.agent-list .img-logo + span{
display:inline-block;
padding-left:5px;
width:95px;
}
.agent-list .img-logo + span .num{
display:inline-block;
}

/* narrow-dept
--------------------------------------------- */
.narrow-dept-list {
margin:0 0 10px 0;
}
.narrow-dept-list li {
margin-bottom:5px;
word-break:break-all;
}
.narrow-dept-list label {
display:inline-block;
margin-left:20px;
text-indent:-20px;
font-size:15px;
font-weight:bold;
color:#000;
}
.narrow-dept-list label span {
padding-left:4px;
font-size:10px;
}
.narrow-dept-list .disabled label {
color:#d5d5d5;
}

/* narrow-select
--------------------------------------------- */
.narrow-select{
margin:0 0 15px 0;
}
.narrow-select select {
display:inline-block;
width:100%;
height:28px;
padding:3px 4px;
font-size:12px;
border-radius:3px;
box-sizing:border-box;
border:1px solid #bebebe;
color:var(--cmn-font-color-base);
}

/* narrow-range
--------------------------------------------- */
.narrow-collapse.active > .narrow-range {
margin:0 0 20px 0px;
display:table;
width:100%;
box-sizing:border-box;
}
.narrow-range > li{
display:table-cell;
width:50%;
}
#one_column #main_Col .narrow-range > li select {
padding:3px 4px;
font-size:12px;
width:100%;
height:28px;
min-height:auto;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.narrow-range .form-custom-select{
margin-right:5px;
width:100%;
}
.narrow-range li{
position:relative;
padding-right:10px;
}
.narrow-range li:last-child{
padding:0 0 0 10px;
}
.narrow-range li:last-child:before{
content:'\0301C';
display:block;
position:absolute;
top:50%;
left:-6px;
color:var(--cmn-font-color-base);
margin-top:-10px;
}
.narrow-range span {
font-size:12px;
}

/* narrow-line
--------------------------------------------- */
.narrow-line{
margin:0 0 8px 0;
}
.narrow-line input[type="checkbox"],
.narrow-line label{
vertical-align:middle;
cursor:pointer;
}
.narrow-line input[type="checkbox"]{
position:absolute;
left:0;
}
.narrow-line.disabled input[type="checkbox"],
.narrow-line.disabled label{
cursor:default;;
}


/* narrow-collapse
--------------------------------------------- */
.narrow-collapse {
padding:0;
}
.narrow-collapse > p,
.narrow-collapse > ul{
display:none;
}
.narrow-collapse.active > p,
.narrow-collapse.active > ul{
display:block;
}
.narrow-collapse label,
.narrow-collapse input[type="radio"],
.narrow-collapse input[type="ckeckbox"],
.narrow-collapse select{
cursor:pointer;
}
.narrow-collapse .disabled label,
.narrow-collapse .disabled input[type="radio"],
.narrow-collapse .disabled input[type="ckeckbox"],
.narrow-collapse .disabled select{
cursor:default;
}
.narrow-collapse .disabled label:hover{
background:#fff;
}
.narrow-collapse .narrow-collapse-hdr {
position:relative;
font-size:14px;
color:#555;
}
.narrow-collapse .narrow-collapse-hdr:before {
position:absolute;
top:12px;
left:5px;
content:'';
display:block;
width:11px;
height:11px;
background:#666;
border-radius:1px;
}
.narrow-collapse .narrow-collapse-hdr a {
display:block;
padding:8px 10px 8px 20px;
color:#666;
}
.narrow-collapse .narrow-collapse-hdr a:hover {
text-decoration:none;
}
.narrow-collapse .narrow-collapse-hdr a:before {
position:absolute;
content:'';
display:block;
background:#fff;
top:17px;
left:7px;
width:7px;
height:1px;
z-index:2;
}
.narrow-collapse .narrow-collapse-hdr a:after {
position:absolute;
content:'';
display:block;
background:#fff;
top:14px;
left:10px;
width:1px;
height:7px;
z-index:2;
}
.narrow-collapse.active .narrow-collapse-hdr a:after {
content:' ';
display:none;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-list {
margin:0 0 20px 5px;
}
.narrow-accordion-list li {
word-break:break-all;
overflow:hidden;
}
.narrow-accordion-list li ul {
margin:0 0 10px 0;
}
.narrow-accordion-list label {
display:block;
margin:0 0 5px 17px;
position: relative;
padding-left: 20px;
}
.narrow-accordion-list button + label{
padding-left: 0;
}
.narrow-accordion-list label span {
padding-left:4px;
font-size:11px;
}
.narrow-accordion-list li li label {
display:block;
}
.narrow-accordion-list li li label:hover {
background-color:#f0f0f0;
}
.narrow-accordion-list li li label.disabled:hover {
background-color:#fff;
}
.narrow-accordion-list input[type='checkbox'] {
position: absolute;
left: 0;
}

/* narrow-btn-clear
--------------------------------------------- */
.narrow-btn-clear{
color:#666;
font-size:11px;
position:absolute;
top:10px;
right:0;
}
.narrow-btn-clear a:link,
.narrow-btn-clear a:hover,
.narrow-btn-clear a:visited,
.narrow-btn-clear a:focus{
color:#666;
}
.narrow-btn-clear a:hover{
text-decoration:none;
}
.narrow-btn-clear a:before{
content:'\000D7';
margin-right:2px;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-list .narrow-accordion-item button {
position:relative;
display:block;
float:left;
width:11px;
height:0;
margin:2px 0 0 0;
padding:12px 0 0 0;
background:#666;
border-radius:1px;
border:none;
overflow:hidden;
cursor:pointer;
}
.narrow-accordion-list .narrow-accordion-item >button:before {
position:absolute;
content:'';
display:block;
background:#fff;
top:50%;
left:2px;
margin-top:-1px;
width:7px;
height:1px;
z-index:2;
}
.narrow-accordion-list .narrow-accordion-item >button:after {
position:absolute;
content:'';
display:block;
background:#fff;
top:50%;
left:5px;
margin-top:-4px;
width:1px;
height:7px;
z-index:2;
}
.narrow-accordion-list .narrow-accordion-item.active >button:after {
content:' ';
display:none;
}

/* narrow-rate-list
--------------------------------------------- */
.narrow-rate-list li {
padding:10px 0;
font-size:13px;
line-height:1.4;
color:var(--cmn-font-color-base);
border-top:1px solid #d2d2d2;
}
.narrow-rate-list li:first-child {
border-top:none;
}
.narrow-rate-list li span {
display:block;
}

/* icon-list
--------------------------------------------- */

.narrow-list.icon-list li{
padding-left:20px;
position:relative;
}
.narrow-list.icon-list li > ul li{
padding-left:0;
}
.narrow-list.icon-list li > ul li:first-child{
margin-top:5px;
}
.narrow-list.icon-list li a{
color:#666;
cursor:pointer;
}
.narrow-list.icon-list li[class^=icon-list-]:before {
position:absolute;
content:'';
width:20px;
height:20px;
top:0;
left:0;
background-image:url(/element/w_hotel/shared/images/sprite-list-02.png);
background-repeat:no-repeat;
}
.narrow-list.icon-list li.transport:before{
background-position:-2px -242px;
}
.narrow-list.icon-list li.attraction:before{
background-position:-2px -120px;
}
.narrow-list.icon-list li.restaurant:before{
background-position:-2px -160px;
}

/* .search-item-nav
---------------------------------------------- */

.search-item-nav{
margin:0 9px 10px 9px;
color:#fff;
}
.search-item-nav .search-item-sort{
line-height:1.25;
border-bottom:1px solid #999;
margin-bottom:16px;
}
.search-item-nav .search-item-sort > li{
display:inline-block;
vertical-align:middle;
}
.search-item-nav .search-item-sort > li:not(:first-child) button:before{
content:'';
width:1px;
height:12px;
position:absolute;
background:#ccc;
left:0;
top:50%;
margin-top:-6px;
}
.search-item-nav .search-item-sort button,
.search-item-nav .search-item-sort a{
padding:8px;
border:none;
color:#fff;
background:none;
cursor:pointer;
font-size:12px;
position:relative;
}
.search-item-nav .search-item-sort a{
display:table-cell;
text-decoration:none;
}
.search-item-nav .search-item-sort button[disabled],
.search-item-nav .search-item-sort a.disabled{
cursor:default;
color:#fff;
font-weight:bold;
position:relative;
}
.search-item-nav .search-item-sort button[disabled]:after,
.search-item-nav .search-item-sort a.disabled:after{
content:'';
width:100%;
height:3px;
background:#fff;
position:absolute;
bottom:0px;
left:0;
}
.search-item-nav .search-item-pager{
margin-top:10px;
display:table;
width:100%;
line-height:1;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:right;
font-size:12px;
}
.search-item-nav .search-item-pager > .search-item-pager-inner .search-item-pager-list > li:not(.pager-cnt){
font-size:12px;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
padding-right:15px;
white-space:nowrap;
width:auto;
text-align:left;
font-family:Arial,"\30e1\30a4\30ea\30aa", Meiryo, "\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3", "Hiragino Kaku Gothic ProN", "\ff2d\ff33 \ff30\30b4\30b7\30c3\30af", sans-serif;
}
.search-item-nav .search-item-pager .search-item-num b{
font-size:18px;
font-family:arial;
font-weight:normal;
margin:0 3px;
}
.search-item-nav .search-item-pager .search-item-pager-list li{
display:inline-block;
text-align:center;
}
.search-item-nav .search-item-pager .search-item-pager-list > li:not(.page-num){
font-size:14px;
line-height:1.2;
font-family:Arial;
}
.search-item-nav .search-item-pager .search-item-pager-num-list{
font-size:14px;
font-family:Arial;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a,
.search-item-nav .search-item-pager .search-item-pager-list li > b{
padding:5px 4px 5px 4px;
display:block;
min-width:24px;
background:#555;
box-sizing:border-box;
color:#fff;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b,
.search-item-nav .search-item-pager .search-item-pager-list li > a:hover{
background:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a:active,
.search-item-nav .search-item-pager .search-item-pager-list li > a:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > a:focus,
.search-item-nav .search-item-pager .search-item-pager-list li > b:active,
.search-item-nav .search-item-pager .search-item-pager-list li > b:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > b:focus{
text-decoration:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b{
color:#fff;
background-color:var(--cmn-font-color-gray);
}
.search-item-nav .search-item-pager .search-item-pager-list .prev{
margin-right:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .next{
margin-left:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis{
margin-left:-3px;
padding-left:14px;
position:relative;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis:before{
content:'...';
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
speak:none;
font-weight:normal;
}

/* .search-result-container
----------------------------------------------- */
#main_Col .search-result-container{
width:730px;
float:right;
}
/* .search-result-list
----------------------------------------------- */
#main_Col .search-result-list{
border-radius:6px;
background-color:var(--cmn-font-color-gray);
padding:7px;
width:730px;
box-sizing:border-box;
}

/* .search-result
----------------------------------------------- */
.search-result{
width:716px;
border-radius:5px;
background-color:#fff;
box-sizing:border-box;
margin-top:15px;
}
.search-result:last-child{
margin-bottom:0;
}

/* .item-detail-box
---------------------------------------------- */
.item-detail-box{
padding:18px 15px 0 15px;
}
.hotel-img-box{
width:200px;
float:left;
}
.img-box {
width:200px;
height:150px;
box-sizing:border-box;
border:1px solid #e5e5e5;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.img-box img{
max-width:198px;
max-height:148px;
vertical-align:middle;
}
.img-box .img-nophoto img{
max-width:100px;
max-height:100px;
}
.img-agent-txt,
a.img-agent-txt,
a.img-agent-txt:link,
a.img-agent-txt:visited,
a.img-agent-txt:hover{
font-size:11px;
color:#666;
display:inline-block;
margin-top:3px;
}
.hotel-info-box{
width:465px;
float:right;;
text-align:left;
}
.txt-name{
display:block;
}
.txt-name a,
.txt-name a:visited,
.txt-name a:hover{
color:#0b4cae;
font-size:20px;
font-weight:bold;
line-height:1.3;
padding-right:82px;
display:block;
word-break:break-all;
word-wrap:break-word;
}
.txt-name .txt-en{
display:block;
font-weight:bold;
color:var(--cmn-font-color-base);
font-family:arial;
margin-top:2px;
font-size:13px;
word-break:break-all;
word-wrap:break-word;
}
.txt-area{
font-size:12px;
color:var(--cmn-font-color-base);
margin-bottom:6px;
}
.txt-area a,
.txt-area a:visited{
color:#666;
}
.hotel-info-txt{
font-size:12px;
line-height:1.4;
margin-bottom:8px;
}
.hotel-dtl-list{
margin-bottom:10px;
}
.hotel-dtl-list > .dtl-list{
display:table;
}
.hotel-dtl-list > .dtl-list > div{
display:table-cell;
font-size:12px;
width:auto;
}
.hotel-dtl-list > .dtl-list > div:first-child{
width:122px;
}
.hotel-dtl-list > .dtl-list > div:last-child:before{
content:':';
margin:0 3px;
float:left;
font-weight:bold;
color:#8e8e8e;
}
.feature-list{
margin-bottom:8px;
}
.feature-list li{
display:inline-block;
font-size:13px;
}
.feature-list li.disabled{
color:#ccc;
}
.feature-list li:before{
content:'\0FF0F';
color:var(--cmn-font-color-base);
margin-left:-5px;
}
.search-result-inner .feature-list li:before{
margin-left:0;
}
.feature-list li:first-child:before{
content:'';
display:none;
}
.feature-list .cmn-tip-info-btn .cmn-tip-info-btn-icon{
margin:-2px 3px 0;
}

/* .hotel-info-header-sup
----------------------------------------------- */
.hotel-info-header-sup{
margin:0 0 10px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:0 4px;
font-weight:normal;
font-size:13px;
}

.form-search-hdg-col > .hotel-info-header-sup{
margin-bottom:0;
}

/* .hotel-info-header-sup-hdg
----------------------------------------------- */
.hotel-info-header-sup-hdg{
font-weight:normal;
}

/* .review-area
----------------------------------------------------------------- */
.review-area{
margin-bottom:10px;
}
.review-area > .review-rate{
font-size:12px;
color:var(--cmn-font-color-base);
}
.review-area > .review-rate > em{
padding:0 5px;
}
.review-area > .review-rate > span:first-child{
display:inline-block;
width:8em;
}
.review-area > .review-rate ul{
margin-left:97px;
font-size:12px;
margin-top:2px;
}
.review-area > .review-rate ul li{
display:inline-block;
margin-right:5px;
}
.review-area > .review-rate ul li.disabled{
color:#ccc;
}
.search-result-list .review-area > .review-rate ul li:last-child{
display:inline-block;
margin-right:0;
margin-left:0;
}
.review-area > .review-rate ul li a,
.review-area > .review-rate ul li a:visited,
.review-area > .review-rate ul li a:hover{
color:#0b4cae;
font-size:11px;
}
.review-area > .review-rate ul li span{
font-size:11px;
}
.review-area > .review-rate ul li span:after,
.review-area > .review-rate ul li a:after{
content:':';
margin:0 1px;
display:inline-block;
}
.review-area .link-review{
font-size:11px;
color:#666;
text-decoration:underline;
}
.hotel-detail-area .review-area > .review-rate > em{
font-size:14px;
font-family:Arial;
}
.hotel-detail-area .review-area > .review-rate > em + span{
font-size:13px;
}

/* .review-agt-list
----------------------------------------------------------------- */
.review-agt-list{
background:#F5F5F5;
padding:10px;
margin-top:5px;
}
.review-agt-list .review-list{
font-size:13px;
white-space:nowrap;
}
.review-agt-list .review-list li{
display:inline-block;
margin-right:10px;
}
.review-agt-list .review-list li.disabled{
color:#ccc;
}
.review-agt-list .review-list li a,
.review-agt-list .review-list li a:visited,
.review-agt-list .review-list li a:hover{
color:#0b4cae;
}
.review-agt-list .review-list li span:after,
.review-agt-list .review-list li a:after{
content:'\0FF1A';
margin:0 1px;
display:inline-block;
}
.review-agt-list .review-agt-list-sup{
font-size:11px;
color:#666;
display:block;
}

/* .review-error
----------------------------------------------------------------- */
.review-error{
border:1px solid #ccc;
font-size:13px;
text-align:center;
padding:30px;
margin:15px 0;
}
.review-error-hdg{
display:block;
font-weight:bold;
font-size:16px;
margin-bottom:3px;
}

/* .review-summary-sup-toggle
----------------------------------------------------------------- */
.review-summary-sup-toggle .review-summary-sup-toggle-detail,
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-more{
display:none;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-detail{
display:block;
}
.review-summary-sup-toggle-more-text{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
cursor:pointer;
border:0;
padding:0;
background:none;
}
.review-summary-sup-toggle-more-text:before {
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom;
}
.review-summary-sup-toggle-detail-close{
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
color:#666;
position:relative;
line-height:1;
display:table;
background:0 0;
}
.review-summary-sup-toggle-detail-close:before {
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .nofix-date-box
----------------------------------------------------------------- */
.nofix-date-box{
text-align:right;
clear:both;
font-size:16px;
margin:-6px 0 8px 0;
color:#555;
line-height:1.4;
}
.nofix-date-box .nofix-hdg{
font-size:13px;
font-weight:bold;
}
.nofix-date-box .price{
color:var(--cmn-font-color-base);
font-size:24px;
padding:0 2px
}
.nofix-date-box .nofix-sup{
display:block;
font-size:11px;
font-weight:bold;
color:#666;
}
.nofix-date-box .nofix-link a{
padding-left:12px;
color:#555;
display:inline-block;
position:relative;
font-size:12px;
}
.nofix-date-box .nofix-link a:before {
content:'';
display:block;
position:absolute;
top:5px;
left:2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .item-price-list
----------------------------------------------------------------- */

.google-map{
margin-bottom:15px;
}
.item-price-list{
position:relative;
width:100%;
box-sizing:border-box;
}
.nav-tab{
text-align:right;
padding:0 15px 0 0;
margin-bottom:4px;
letter-spacing:-0.5em;
}
.nav-tab li {
width:115px;
display:inline-block;
height:25px;
text-align:center;
overflow:hidden;
margin:0;
letter-spacing:normal;
margin-left:-1px;
font-size:12px;
padding-bottom:1px;
}
.nav-tab li:first-child{
margin-left:0;
}
.nav-tab li span {
background:#f7f7f7;
width:114px;
height:20px;
display:block;
padding-top:4px;
color:#ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-top:1px solid #f7f7f7;
}
.nav-tab li:first-child span{
border-left:0;
}
.nav-tab li:last-child span{
border-right:0;
}
.nav-tab li em {
background:#fff;
width:113px;
height:20px;
display:block;
padding-top:4px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #fff;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
}
.nav-tab li a {
background:#f7f7f7;
width:113px;
height:20px;
display:block;
padding-top:4px;
color:#666;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
text-decoration:none;
}
.nav-tab li a:hover {
background:#fff;
border-bottom:1px solid #fff;
}
.tab-inner.plan{
border-top:1px solid #ccc;
}
.tab-inner > .plan-list{
display:table;
padding:3px 20px 3px 12px;
background:#efefef;
width:100%;
box-sizing:border-box;
line-height:1.3;
}
.tab-inner > .plan-list li{
display:table-cell;
min-height:2em;
vertical-align:middle;
padding:4px 2px;
font-size:11px;
color:var(--cmn-font-color-base);
}
.tab-inner > .plan-list li:last-child{
padding-right:0;
}
.tab-inner > .plan-list li.name{
width:49%;
}
.tab-inner > .plan-list li.meal{
width:8.2%;
text-align:center;
}
.tab-inner > .plan-list li.price{
width:35%;
text-align:center;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.2;
white-space:nowrap;
}
.tab-inner > .plan-list li.price .include{
padding:0 3px;
color:#4178b0;
}
.tab-inner > .plan-list li.price .without-fee{
padding:0 3px;
color:#c9871c;
}
.tab-inner > .plan-list li.price .num{
font-size:11px;
font-family:arial;
}
.tab-inner > .plan-list li.price .cmn-tip-btn{
vertical-align:middle;
}
.tab-inner > .plan-list li.price .resort-fee-txt{
color:#555;
}
.tab-inner > .plan-list li.booking{
width:12%;
text-align:center;
padding-right:10px;
white-space:nowrap;
}
.tab-inner > .plan-list li.name b{
font-size:12px;
font-weight:bold;
}
.tab-inner > .plan-list li.name span{
float:right;
}
.tab-inner .map-area{
margin:10px 15px;
min-height:250px;
}
.tab-inner .photo-area{
margin:10px 15px;
min-height:100px;
}
.tab-inner .photo-area li{
float:left;
width:166px;
height:100px;
background:#f1f1f1;
margin:2px 3px 3px 2px;
overflow:hidden;
}
.tab-inner .photo-area li div {
display:table-cell;
text-align:center;
vertical-align:middle;
width:166px;
height:100px;
}
.tab-inner .photo-area li img{
max-width:166px;
max-height:100px;
}
.tab-inner .spot-area .interestarea{
padding:0 15px;
}
.tab-inner .spot-area .interest-list .interest-list-frame{
max-height:inherit;
}
.tab-inner .spot-area .interestarea .item-toggle-box{
margin:0 -15px;
}
.tab-inner .spot-area .interest-list .interest-list-frame{
max-height:150px;
overflow:hidden;
}
.tab-inner .spot-area .opened .interest-list .interest-list-frame{
max-height:240px;
overflow-y:scroll;
}


/* .plan-table
----------------------------------------------------------------- */
.plan-table{
overflow-y:scroll;
max-height:275px;
}
.plan-table.no-scroll{
max-height:inherit;
overflow-y:hidden;
}
.plan-table.no-scroll > .item-table .booking{
padding:8px 23px 8px 16px;
}
.plan-table.no-scroll > .item-table .booking button{
margin-left:0;
}
.plan-table.opened{
max-height:inherit;
}
.plan-table > .item-table{
width:100%;
box-sizing:border-box;
border-collapse:collapse;
margin-top:-1px;
}
.plan-table > .item-table td{
box-sizing:border-box;
border-top:1px solid #dedede;
}
.plan-table > .item-table .name{
width:47%;
padding:6px 10px 4px 12px;
vertical-align:top;
font-size:12px;
line-height:1.4;
}
.plan-table > .item-table .meal{
padding:0;
text-align:center;
width:10%;
font-size:11px;
color:var(--cmn-font-color-base);
}
.plan-table > .item-table .meal .cmn-tip-btn{
vertical-align:middle;
}
.plan-table > .item-table td.price{
width:30%;
text-align:center;
padding:6px 10px 4px 0;
}
.plan-table > .item-table td.price .ic-price-detail{
display:inline-block;
border:1px solid #aeaeae;
border-radius:2px;
background:#fafafa;
color:#666;
font-size:11px;
padding:2px 3px 1px;
cursor:pointer;
float:right;
margin-top:-19px;
}
.plan-table > .item-table td.price .ic-price-detail.is-hover{
background-color:#f5f5f5;
border:1px solid #cfcfcf;
color:#888;
}
.plan-table > .item-table .price span{
display:block;
text-align:center;
line-height:1.2;
font-size:11px;
color:var(--cmn-font-color-base);
}
.plan-table > .item-table .price span.txt-imp{
color:var(--cmn-font-color-red);
display:inline;
}
.plan-table > .item-table .price span.cmn-tip-btn{
display:inline-block;
vertical-align:middle;
margin:0 2px;
}
.plan-table > .item-table .price span.num{
display:inline;
font-size:12px;
}
.plan-table > .item-table .price span.price-sum{
font-size:12px;
color:var(--cmn-font-color-base);
}
.plan-table > .item-table .price span.price-sum > b{
font-size:18px;
font-family:arial;
position:relative;
}
.plan-table > .item-table .price span.cupon-price{
text-decoration:line-through;
font-size:12px;
}
.plan-table > .item-table .price span.cupon-price b{
font-family:arial;
font-size:15px;
font-weight:normal;
padding-right:1px;
}
.plan-table > .item-table td.price .cupon span.price-sum{
padding-right:56px;
white-space:nowrap;
}
.plan-table > .item-table .price span.price-sum > b .ic-cupon {
width:53px;
height:19px;
display:inline-block;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#fae38c;
background-image:-webkit-linear-gradient(bottom, #d5c177, #fae38c 16%);
background-image:-moz-linear-gradient(bottom, #d5c177, #fae38c 16%);
background-image:linear-gradient(to top, #d5c177, #fae38c 16%);
font-size:10px;
text-align:center;
line-height:19px;
margin-right:3px;
}
.plan-table > .item-table .booking{
width:10%;
text-align:center;
padding:8px ;
}
.plan-table > .item-table .name a,
.plan-table > .item-table .name a:visited,
.plan-table > .item-table .name a:hover{
color:#0b4cae;
}
.plan-table > .item-table .name .logo{
display:table-cell;;
width:60px;
text-align:center;
}
.plan-table > .item-table .name .logo .agent-info-other{
text-align:left;
display:block;
color:#555;
font-size:10px;
margin-top:2px;
line-height:1.2;
}
.plan-table > .item-table .name .logo img{
max-width:60px;
max-height:25px;
}
.plan-table > .item-table .name .logo .lang-info{
color:var(--cmn-font-color-gray);
display:block;
text-align:center;
font-size:10px;
line-height:1.1;
background:#efefef;
padding:1px 0;
margin-top:4px;
}
.plan-table > .item-table .name .plan-name{
display:table-cell;
margin:0;
padding:0;
vertical-align:top;
padding-left:10px;
}
.plan-table > .item-table .booking button{
padding:4px 15px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -2px rgba(0,0,0,.2);
box-shadow:inset 0 -2px rgba(0,0,0,.2);
cursor:pointer;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
width:48px;
height:32px;
box-sizing:border-box;
text-align:center;
margin-left:8px;
}
.plan-table > .item-table .booking button:active,
.plan-table > .item-table .booking button:hover,
.plan-table > .item-table .booking button:focus{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#72ba00;
}
.plan-table > .item-table .booking button span{
display:inline-block;
text-indent:-9999px;
width:15px;
height:23px;
position:relative;
}
.plan-table > .item-table .booking button span:before {
border:3px solid #fff;
border-radius:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
right:50%;
bottom:50%;
}
.payment-info.mail li {
line-height:1.2;
}

.plan-table .cmn-loading-spinner{
margin:127px auto;
}

/* .plan-name-agt-data-sup
----------------------------------------------------------------- */
.plan-name-agt-data-sup{
display:block;
font-size:11px;
margin-top:3px;
}

/* .item-toggle-box
----------------------------------------------------------------- */
.item-toggle-box {
text-align: center;
padding: 10px 0;
border-top: 1px solid #dbdbdb;
box-sizing:border-box;
min-height:41px;
position:relative;
}

.item-toggle-box .cmn-loading-spinner{
margin:-2px auto;
}

.item-toggle-box .link-more {
padding-left: 17px;
}

.item-toggle-box .link-more,
.item-toggle-box .link-more:hover,
.item-toggle-box .link-more:visited {
color: var(--cmn-font-color-base);
text-decoration: none;
}

.item-toggle-box .link-more {
background: url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 50%;
background-size: 12px 12px;
}

.item-toggle-box.active .link-more {
background: url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size: 12px 12px;
}

.detail-item-list-separate-line .item-toggle-box .link-more,
.spot-area .item-toggle-box .link-more{
background: url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size: 12px 12px;
}

.detail-item-list-separate-line .item-toggle-box.active .link-more,
.spot-area .item-toggle-box.active .link-more{
background: url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 50%;
background-size: 12px 12px;
}

.item-toggle-box .link-more b{
font-size:15px;
padding-left:2px;
}

/* .list-loading-item
------------------------------------------------------------------- */
.list-loading-item {
color: #999;
font-size: 12px;
display: flex;
width: 100%;
padding: 0 10px;
justify-content: flex-end;
box-sizing: border-box;
position:absolute;
right:0;
top:10px;
max-width:320px;
}

.list-loading-item .list-loading-agt {
padding-left: 10px;
}

.list-loading-item .list-loading-search {
white-space:nowrap;
padding-left:5px;
width:4.3em;
text-align:left;
}

/* .tour-box
------------------------------------------------------------------- */
.item-toggle-box + .tour-box{
border-top:1px solid #dbdbdb;
}
.tour-box {
display:table;
margin:13px 0 5px 10px;
box-sizing:border-box;
}
.tour-box > div.tour-from .form-custom-select{
border-radius:1px;
height:30px;
width:90px;
}
#one_column #main_Col .tour-box > div.tour-from select {
color:var(--cmn-font-color-base);
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:26px;
box-sizing:border-box;
background-color:transparent;
padding:1px 5px;
min-height:30px;
}
.tour-box > div.tour-detail{
line-height:1.3;
color:var(--cmn-font-color-base);
font-size:12px;
}
.tour-box > div.tour-detail .num{
font-size:13px;
font-family:arial;
}
.detail-item .tour-box > div.tour-detail strong.num{
font-size: 16px;
color:var(--cmn-font-color-base);
padding-left: 8px;
}
.tour-box > div.tour-detail small{
font-size:11px;
}
#one_column .tour-box > div strong,
#two_column_right .tour-box > div strong {
font-size:16px;
color:var(--cmn-font-color-base);
font-family:arial;
padding-left:8px;
}
.tour-box > div.tour-list > a.active span{
color:#fff;
}
.tour-box > div.tour-list a:link,
.tour-box > div.tour-list a:hover,
.tour-box > div.tour-list a:visited{
color:#666;
text-decoration:none;
}
.tour-box > div.tour-list > a{
font-size:11px;
position:relative;
padding-left:15px;
margin-right:10px;
}
.tour-box > div.tour-list > a:before{
content:'';
display:block;
position:absolute;
bottom:50%;
left:2px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
margin-bottom:-1px;
}
.tour-box > div.tour-list > a.active{
padding-left:0;
}
.tour-box > div.tour-list > a.active:before{
display:none;
}
.under-link-list{
clear:both;
}
.txt-list{
font-weight:bold;
font-size:16px;
margin-bottom:9px;
color:var(--cmn-font-color-base);
padding-top:17px;
border-top:1px solid #d9d9d9;
}
.under-item-list{
overflow:hidden;
}
.under-item-list:last-child{
border-bottom:0;
}
.under-item-list > li{
border-right:1px solid #d9d9d9;
line-height:1.1;
padding:0 8px 0 0;
display:inline-block;
margin:6px 8px 6px 0;
font-size:12px;
}
.under-item-list > li a:link,
.under-item-list > li a:hover,
.under-item-list > li a:visited{
color:var(--cmn-font-color-base);
}

/* .under-item-list-area
------------------------------------------------------------------- */
.under-item-list-area{
position: relative;
padding-left: 200px;
margin-top: 16px;
font-size:12px;
}
.under-item-list-area .city-main-link > a{
position:absolute;
left: 0;
top:6px;
color:var(--cmn-font-color-base);
text-decoration: none;
display:inline-block;
max-width:180px;
text-indent:-10px;
padding-left:10px;
}
.under-item-list-area .city-main-link > a:hover span{
text-decoration:underline;
}
.under-item-list-area .city-main-link > a::before{
content:'>';
margin-right:4px;
}
.under-item-list-area .city-main-link > a:hover::before{
}
.under-item-list-area .under-item-list > li{
border-right:1px solid #d9d9d9;
line-height:1.1;
padding:0 8px 0 0;
display:inline-block;
margin:6px 8px 6px 0;
font-size:12px;
}
.under-item-list-area .under-item-list > li a:link,
.under-item-list-area .under-item-list > li a:hover,
.under-item-list-area .under-item-list > li a:visited{
color:var(--cmn-font-color-base);
}


/* ----------------------------------------------------------------
loading-box
----------------------------------------------------------------- */
.loading-box {
height:120px;
background:#fff;
text-indent:-9999px;
margin:10px 0 10px 0;
}
.search-result-container .loading-box {
text-indent:-9999px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat center center!important;
background-size: 50px 50px!important;
height:50px;
background:#fff;
margin:10px 0 10px 0;
}
.detail .loading-box {
text-indent:-9999px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) no-repeat center center!important;
background-size: 50px 50px!important;
height:50px;
background:#fff;
margin:45px 0 ;
}
.search-result-container .loading-box.col-1{
height:120px;
}
.search-result-container .loading-container{
min-height:250px;
}
.search-result-container .loading-bar-item + .loading-container{
margin:50px 0;
}

/* ----------------------------------------------------------------
Airbnb
----------------------------------------------------------------- */

.bnr-airbnb{
width:160px;
height:600px;
background-color:#ff5a5f;
display:block;
position:relative;
}
.bnr-airbnb:after{
content:'';
display:block;;
width:45px;
height:41px;
background:url(/element/w_hotel/shared/images/ic-airbnb-bnr.png) no-repeat;
position:absolute;
bottom:0;
left:4px;
}
.bnr-airbnb a{
width:160px;
height:600px;
display:block;
box-sizing:border-box;
padding:3px;
text-align:center;
text-decoration:none;
}
.bnr-airbnb .txt-top,
.bnr-airbnb .txt-info,
.bnr-airbnb .city,
.bnr-airbnb .under-txt{
color:#fff;
display:block;
}
.bnr-airbnb .txt-top{
font-size:18px;
font-weight:bold;
margin:12px 0 1px 0;
}
.bnr-airbnb .txt-info{
font-size:11px;
padding:0 12px;
text-align:left;
margin:5px 0 10px;
letter-spacing:0.17em;
font-weight:700;
line-height:1.5;
}
.bnr-airbnb .detail-area{
display:block;
background:#fff;
padding:1px;
}
.bnr-airbnb .top-img-area{
position:relative;
display:block;
}
.bnr-airbnb .city{
background-color:rgba(0,0,0,0.4);
width:100%;
padding:4px 5px;
text-align:center;
font-size:18px;
font-weight:bold;
box-sizing:border-box;
position:absolute;
top:0;
}
.bnr-airbnb .img-txt{
font-size:12px;
color:#555;
margin:6px 0;
display:block;
}
.bnr-airbnb .item-pic{
width:142px;
height:95px;
background-color:#fff;
-webkit-box-shadow:0 2px 3px rgba(0,0,0,.2), inset 0 0 0 3px #fff;
-moz-box-shadow:0 2px 3px rgba(0,0,0,.2), inset 0 0 0 3px #fff;
box-shadow:0 2px 3px rgba(0,0,0,.2), inset 0 0 0 3px #fff;
box-sizing:border-box;
display:block;
padding:2px;
border:1px solid #d0d0d0;
margin:0 auto;
margin-bottom:7px;
}
.bnr-airbnb .bnr-list{
display:table;
border-bottom:1px solid #ddd;
padding-bottom:1px;
width:144px;
box-sizing:border-box;
margin:0 auto;
text-align:left;
color:#555;
}
.bnr-airbnb .bnr-list > span{
display:table-cell;
font-size:11px;
vertical-align:bottom;
}
.bnr-airbnb .bnr-list > span.date{
font-family:arial;
position:relative;
padding-right:15px;
}
.bnr-airbnb .bnr-list > span.date:before{
position:absolute;
display:block;
width:0;
height:0;
border-style:solid;
border-width:4px 0 4px 5px;
border-color:transparent transparent transparent #777777;
content:'';
right:3px;
bottom:4px;
}
.bnr-airbnb .bnr-list > span.date:after{
content:'';
width:9px;
height:2px;
display:block;
background:#777;
position:absolute;
right:7px;
bottom:7px;
}
.bnr-airbnb .bnr-list > span.date + .date:before,
.bnr-airbnb .bnr-list > span.date + .date:after{
display:none;
}
.bnr-airbnb .bnr-list > span.number{
font-size:12px;
}
.bnr-airbnb .bnr-list > span b{
font-size:15px;
font-weight:bold;
}
.bnr-airbnb .bnr-list + .bnr-list{
font-size:12px;
margin-top:2px;
}
.bnr-airbnb .price-airbnb{
color:#ff5a5f;
font-size:16px;
font-weight:bold;
margin:3px 0;
display:block;
}
.bnr-airbnb .price-airbnb b{
font-family:arial;
font-size:27px;
}
.bnr-airbnb .under-txt{
z-index:3;
position:absolute;
bottom:7px;
width:100%;
font-size:12px;
line-height:1.5;
text-shadow:0 0 0 rgba(206,49,54,.15);
}
.cont-airbnb .narrow-search-hdr .narrow-clear-btn{
top:9px;
right:0px;
}
.cont-airbnb .review-area{
padding-right:180px;
}
.cont-airbnb .feature-list{
margin:8px 0 0px 0;
}
.transrate-box{
text-align:right;
z-index:1;
margin-top:-20px;
}
.cont-airbnb .item-detail-box{
min-height:190px;
}
.transrate-box > .btn-transrate{
border:1px solid #cacaca;
border-radius:1px;
background:#fff;
width:90px;
height:23px;
box-sizing:border-box;
font-size:11px;
color:#555;
cursor:pointer;
}
.transrate-box > span{
color:var(--cmn-font-color-gray);
font-size:10px;
}
.transrate-box > .btn-transrate > span{
position:relative;
padding-left:8px;
}
.transrate-box > .btn-transrate > span:before{
content:'';
display:block;
position:absolute;
bottom:49%;
left:-3px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.cont-airbnb .review-area{
margin:8px 0 0 0;
}
.cont-airbnb .review-area > .review-rate{
font-size:11px;
vertical-align:bottom;
}
.cont-airbnb .review-area > .review-rate > span:first-child{
width:10em;
}
.price-item-box{
position:relative;
box-sizing:border-box;
padding-right:265px;
margin-top:5px;
margin-bottom:14px;
min-height:38px;
}
.price-item-box .price-box{
display:table;
}
.price-item-box .price-box > span{
display:table-cell;
}
.price-item-box .price-box > .sum{
font-size:12px;
font-weight:bold;
color:#555;
padding-right:8px;
}
.price-item-box .price-box > .price{
padding-right:6px;
}
.price-item-box .price-box > .price b{
font-family:arial;
font-size:24px;
padding-right:3px;
}
.price-item-box .price-box > .btn-detail{
border:1px solid #aeaeae;
border-radius:1px;
background:#fafafa;
width:34px;
height:18px;
box-sizing:border-box;
font-size:10px;
color:#555;
cursor:pointer;
}
.exchange-txt{
display:block;
font-size:10px;
color:var(--cmn-font-color-gray);
clear:both;
width:100%;
}
.price-item-box .btn-box {
position:absolute;
right:0;
top:0;
}
.price-item-box .btn-box button{
border:1px solid #bebebe;
border-radius:4px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:100px;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
background:#fff;
height:40px;
text-align:center;
font-size:14px;
cursor:pointer;
display:table;
width:245px;
}
.price-item-box .btn-box button .txt-head-book{
display:table-cell;
border-right:1px solid #ccc;
font-size:12px;
padding:0 5px 0 0;
vertical-align:middle;
max-width:80px;
text-align:left;
line-height:1.2;
text-align:left;
white-space:nowrap;
}
.price-item-box .btn-box button .txt-head-book-2{
display:table-cell;
border-right:1px solid #ccc;
font-size:12px;
padding:0 10px;
vertical-align:middle;
width:70px;
text-align:left;
line-height:1.2;
box-sizing:border-box;
white-space:nowrap;
}
.price-item-box .btn-box button .txt-detail{
font-weight:bold;
display:table-cell;
vertical-align:middle;
padding:0 0 0 5px;
font-size:15px;
white-space:nowrap;
}
.cont-airbnb .nav-tab li,
.cont-airbnb .nav-tab li span,
.cont-airbnb .nav-tab li em,
.cont-airbnb .nav-tab li a{
width:155px;
}
.info-table{
margin:10px 15px;
border:1px solid #ddd;
}
.info-table > .product-list >li{
border-bottom:1px solid #ddd;
box-sizing:border-box;
padding:10px;
display:table;
width:100%;
font-size:11px;
}
.info-table > .product-list >li > ul,
.info-table > .product-list >li > .list-head{
display:table-cell;
}
.info-table > .product-list >li > .list-head{
width:130px;
font-weight:bold;
color:#555;
}
.info-table > .product-list >li > ul li{
display:inline-block;
box-sizing:border-box;
width:95px;
padding-right:8px;
margin-bottom:5px;
line-height:1.3;
vertical-align:top;
}
.info-table > .product-list >li > ul li.line{
display:block;
width:auto;
}
.info-table > .product-list >li > ul li.list-1{
width:125px;
}
.info-table > .product-list >li > ul li.list-1 span{
display:inline-block;
width:8em;
}
.info-table > .product-list >li > ul li.list-1 span:after,
.info-table > .product-list >li > ul li.list-2 span:after{
content:'\0FF1A';
float:right;
}
.info-table > .product-list >li > ul li.list-2{
width:350px;
}
.info-table > .product-list >li > ul li.list-2 span{
display:inline-block;
width:9em;
}
.info-table > .product-list >li:last-child{
border-bottom:0;
}
.cont-airbnb .feature-list li:after {
content:'?';
color:var(--cmn-font-color-base);
margin-left:0px;
}
.tooltip-detai-price{
max-width:210px;
max-height:80px;
box-sizing:border-box;
border:1px solid #c9c9c9;
background:#fff;
border-radius:4px;
padding:5px 10px;
position:absolute;
z-index:2;
font-size:11px;
}
.tooltip-detai-price td{
text-align:right;
}
.tooltip-detai-price td:after{
content:'\0FF1A';
}
.tooltip-detai-price td + td:after{
display:none;
}
.cont-airbnb .top-btn-area{
margin-top:15px;
}
.cont-airbnb .btn-list{
width:200px;
height:40px;
background-color:#fff;
border:solid 1px #c0c0c0;
background-image:-webkit-linear-gradient(bottom, #e5e5e5, #fff 6%);
background-image:-moz-linear-gradient(bottom, #e5e5e5, #fff 6%);
background-image:linear-gradient(to top, #e5e5e5, #fff 6%);
box-sizing:border-box;
position:relative;
padding:0 10px 0 25px;
text-align:left;
font-size:14px;
color:#555;
cursor:pointer;
margin-bottom:10px;
}
.cont-airbnb .btn-list:before {
content:'';
display:block;
position:absolute;
top:50%;
left:15px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(135deg) translateY(50%);
-ms-transform:rotate(135deg) translateY(50%);
transform:rotate(135deg) translateY(50%);
}
.airbnb-info-box{
margin-bottom:20px;
}
.airbnb-info-box .narrow-collapse{
background-color:#fff;
border:solid 1px #c0c0c0;
box-shadow:0 -1px 0 #bebebe inset;
background:#fff;
min-height:40px;
padding:0 10px;
cursor:pointer;
box-sizing:border-box;
}
.airbnb-info-box .narrow-collapse .narrow-collapse-hdr{
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.adult label > span.disabled,
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.child label > span.disabled{
background:#e9e9e9;
color:#949494;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.airbnb-form{
display:block;
margin-top:5px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.airbnb-form .form-search-num span{
padding:6px 0 6px 8px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:75px;
height:32px;
box-sizing:border-box;
background-color:#fff;
margin-right:-1px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.airbnb-form .form-search-num span.form-custom-select{
padding:0;
border-width:1px 1px 1px 1px;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number li.airbnb-form .form-search-num select{
width:70px;
height:32px;
}
.airbnb-detail-table table{
width:100%;
text-align:center;
border-collapse:collapse;
font-size:11px;
line-height:1.2;
}
.airbnb-detail-table table th{
width:20%;
box-sizing:border-box;
border:2px solid #fff;
background:#efeff0;
font-weight:normal;
padding:4px 0
}
.airbnb-detail-table table td{
padding:2px 0;
}
.info-table > .product-list >li > ul li.disabled{
opacity:.5;
}
.cont-airbnb .btn-list span{
font-weight:bold;
font-size:16px;
padding-right:4px;
}
.narrow-item.narrow-collapse .airbnb-info-inner{
display:none;
}
.narrow-item.narrow-collapse.active .airbnb-info-inner{
display:block;
cursor:default;
}
.narrow-item.narrow-collapse .airbnb-info-inner{
margin:-5px 0 10px 0;
font-size:12px;
}
.airbnb-info-inner .info-head{
background:#efeff0;
padding:6px 12px;
margin-bottom:10px;
}
.airbnb-info-inner .notice-table{
display:table;
width:100%;
}
.airbnb-info-inner .notice-table .inner-cell{
display:table-cell;
width:33%;
border-left:1px solid #ccc;
position:relative;
box-sizing:border-box;
padding:5px 10px 5px 25px;
}
.airbnb-info-inner .notice-table .inner-cell .in{
margin-left:5px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-info.in-2{
margin-left:10px;
}
.airbnb-info-inner .notice-table .inner-cell:first-child{
border:0;
padding-left:10px;
}
.airbnb-info-inner .notice-table .inner-cell:before{
content:'';
width:0;
height:0;
border-style:solid;
border-width:24.5px 0 24.5px 16px;
border-color:transparent transparent transparent #ccc;
position:absolute;
top:150px;
left:-1px;
}
.airbnb-info-inner .notice-table .inner-cell:after{
content:'';
width:0;
height:0;
border-style:solid;
border-width:23.5px 0 23.5px 15px;
border-color:transparent transparent transparent #fff;
position:absolute;
top:151px;
left:-1px;
}
.airbnb-info-inner .notice-table .inner-cell:first-child:before,
.airbnb-info-inner .notice-table .inner-cell:first-child:after{
display:none;
}
.airbnb-info-inner .notice-table .inner-cell b.txt-head{
font-size:15px;
color:#555;
display:block;
font-weight:bold;
margin-bottom:3px;
}
.airbnb-info-inner .notice-table .inner-cell b.txt-head-2{
font-size:14px;
color:var(--cmn-font-color-base);
display:block;
font-weight:normal;
margin-bottom:3px;
}
.airbnb-info-inner .notice-table .inner-cell b{
display:block;
font-weight:normal;
font-size:14px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-info b{
font-size:12px;
margin-bottom:3px;
font-weight:bold;
}
.airbnb-info-inner .notice-table .inner-cell img{
margin:10px 0;
}
.airbnb-info-inner .notice-table .inner-cell .booking-info{
background:#efeff0;
padding:8px;
margin:8px 0 8px 5px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-info p + p b{
margin-top:10px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list li{
text-indent:-1em;
padding-left:1em;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list li .cmn-tip-btn{
text-indent:0;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list{
margin-bottom:8px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list li:before{
content:'\30FB';
}
.airbnb-info-inner .notice-table .inner-cell .booking-list-b li{
text-indent:-1em;
padding-left:1em;
font-weight:bold;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list-b{
margin-bottom:8px;
}
.airbnb-info-inner .notice-table .inner-cell .booking-list-b li:before{
content:'\30FB';
}
.airbnb-info-inner .notice-table .inner-cell .link-booking{
color:#555;
padding-left:10px;
position:relative;
margin-top:10px;
display:inline-block;
}
.airbnb-info-inner .notice-table .inner-cell .link-booking:before{
content:'';
display:block;
position:absolute;
bottom:49%;
left:-3px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.airbnb-info-inner .notice-table .inner-cell .other-link-box{
border-top:1px solid #ccc;
padding-top:2px;
margin-top:10px;
}
.airbnb-info-inner .before-book{
margin:-10px 0 10px;
}
.airbnb-info-inner .before-book > ul > li{
display:inline-block;
width:48%;
vertical-align:top;
padding-left:15px;
box-sizing:border-box;
}
.airbnb-detail-table{
margin-bottom:25px;
}


/* .tour-box
------------------------------------------- */

.tour-box{
display:table;
margin:0 0 5px 0;
padding-top:13px;
width:100%;
}
.detail-item .tour-box{
margin:0 0 -8px 0;
}
.tour-box > div{
display:table-cell;
font-size:12px;
vertical-align:middle;
}
.tour-box > div strong{
font-size:13px;
color:var(--cmn-font-color-red);
}
.tour-box > div.tour-info{
font-weight:normal;
width:190px;
box-sizing:border-box;
padding-left:15px;
font-size:11px;
color:var(--cmn-font-color-base);
}
.tour-box > div.tour-from {
width:105px;
}
.tour-box > div.tour-from select{
padding:1px 5px;
border-radius:3px;
color:var(--cmn-font-color-base);
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:30px;
box-sizing:border-box;
background-color:transparent;
}
.tour-box > div.tour-detail{
width:auto;
min-width:295px;
padding-right:8px;
box-sizing:border-box;
}
.tour-box > div.tour-detail .loading-info{
min-height:30px;
display:inline-block;
padding-left:35px;
padding-top:8px;
box-sizing:border-box;
position:relative;
}
.tour-box > div.tour-detail .loading-info::before{
content:'';
display: block;
width: 24px;
height: 24px;
overflow: hidden;
background: url(/element/shared/images/icon/icon-loading-spinner.svg) no-repeat 50% 50%;
background-size: 100% 100%;
animation: cmn-loading-spinner-rotate 2s linear infinite;
position:absolute;
left:0;
top:0;
}
.tour-box > div.tour-list{
position:relative;
}
.tour-box > div.tour-list > a.active{
background:#888;
width:110px;
height:25px;
box-sizing:border-box;
text-align:center;
color:#fff;
display:block;
line-height:25px;
position:relative;
z-index:2;
}
.tour-box > div.tour-list > a.active span{
padding-left:18px;
background:url(/element/w_hotel/list/images/icon-close.gif) no-repeat left center;
}
.tour-box > div.tour-list .tour-select{
display:none;
width:453px;
box-sizing:border-box;
border:4px solid #888;
background-color:#fff;
-webkit-box-shadow:0 1px 8px rgba(0,0,0,.6);
-moz-box-shadow:0 1px 8px rgba(0,0,0,.6);
box-shadow:0 1px 8px rgba(0,0,0,.6);
position:absolute;
z-index:2;
right:0;
padding:15px;
}
.tour-box > div.tour-list > a.active + .tour-select{
display:block;
}
.tour-box > div.tour-list .tour-select > p{
text-align:center;
font-size:14px;
width:auto;
}
.tour-box > div.tour-list .tour-select li{
display:inline-block;
margin-top:6px;
vertical-align:top;
}
.tour-box > div.tour-list .tour-select li:first-child{
margin-right:10px;
}
.tour-box > div.tour-list .tour-select li > a{
width:200px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:inset 0 -4px rgba(6,0,1,.1);
-moz-box-shadow:inset 0 -4px rgba(6,0,1,.1);
box-shadow:inset 0 -4px rgba(6,0,1,.1);
display:block;
box-sizing:border-box;
border:1px solid #c4c4c4;
padding:10px 8px;
color:var(--cmn-font-color-base);
text-decoration:none;
line-height:1.2;
}
.tour-box > div.tour-list .tour-select li > a:hover{
background:#f5f5f5;
}
.tour-box > div.tour-list .tour-select li > a span,
.tour-box > div.tour-list .tour-select li > a b{
display:block;
text-align:center;
}
.tour-box > div.tour-list .tour-select li > a b{
font-size:13px;
color:#666;
}
.tour-box > div.tour-list .tour-select li > a strong{
font-size:14px;
color:var(--cmn-font-color-red);
}
.tour-box > div.tour-list .tour-select li > a .detail{
line-height:1.4;
}
.tour-box > div.tour-list .tour-select li > a .num{
font-size:11px;
display:block;
margin-top:3px;
}
.tour-box > div.tour-list .tour-select li > a .info{
font-size:11px;
text-align:left;
margin-top:10px;
}
.clr-stl-01{
color:#2b65a0;
padding:0 1px;
}
.clr-stl-02{
color:#af700a;
padding:0 1px;
}
.clr-stl-03{
color:var(--cmn-font-color-red);
}

/* ----------------------------------------------------------------
.interestarea
----------------------------------------------------------------- */
.interestarea {
padding:10px;
position:relative;
}
.interest-category {
float:left;
overflow:hidden;
}
.interest-category li {
float:left;
margin-right:3px;
text-align:center;
line-height:22px;
width:104px;
border:solid 1px #b6b6b6;
border-radius:4px;
background:#fff;
}
.interest-category li a {
display:block;
width:104px;
text-decoration:none;
color:var(--cmn-font-color-base);
border-radius:4px;
background:#eee;
}
.interest-category li a:hover {
background:#fff;
}
.interest-distance {
float:right;
margin:5px 0 4px;
font-size:14px;
}
.interest-distance ul {
display:inline;
}
.interest-distance li {
display:inline;
padding:0 6px;
color:var(--cmn-font-color-base);
border-left:solid 1px #666;
float:left;
line-height:1;
}
.interest-distance li:first-child {
border:none;
}
.interest-distance li a {
font-weight:normal;
text-decoration:none;
color:#666;
}
.interest-box {
clear:both;
padding-top:5px;
}
.interest-list {
width:100%;
border-spacing:0;
}
.interest-list th,
.interest-list td{
border:none;
}
.interest-list th {
font-weight:normal;
color:#888;
white-space:nowrap;
}
.interest-list th.interest-list-rate{
width:160px;
}
.interest-list th.interest-list-name {
text-align:left;
}
.interest-list th img {
margin-left:3px;
}
.interest-list .interest-list-frame {
width:100%;
max-height:128px;
overflow:hidden;
}
.interest-box.opened .interest-list-frame {
max-height:250px;
overflow-y:scroll;
}
.interest-list .interest-list-frame table {
width:100%;
}
.interest-list .interest-list-name {
padding:2px 0;
}
.interest-list .interest-list-name a{
padding-left:25px;
}
.interest-box.transport .interest-list .interest-list-name {
width:532px;
}
.interest-list td.interest-list-rate {
width:150px;
text-align:center;
}
.interest-list .interest-list-rate span{
font-weight:normal;
}
.interest-list .interest-list-distance {
width:140px;
text-align:center;
}
.hotelData_Box  .btn-list {
text-align:center;
padding:8px 0 0 0;
width:738px;
margin-bottom:0;
font-size:93.75%;
border-top:1px solid #dbdbdb;
margin-left:-10px;
}
#list_Col .hotelData_Box p.btn-list a.closed span{
margin-left:15px;
background:url(/element/w_hotel/list/images/icon_list01_003.gif) no-repeat left center;
padding-left:15px;
font-weight:bold;
}
.btn-list a {
display:block;
}
.btn-list .icon {
position:relative;
padding-left:12px;
}
.btn-list .icon:before {
position:absolute;
top:50%;
left:0;
display:block;
overflow:hidden;
width:10px;
height:10px;
content:'';
margin-top:-5px;
border-radius:3px;
background-color:#0b41a1;
}
.btn-list .icon span:before {
position:absolute;
top:50%;
left:2px;
margin-top:-1px;
display:block;
overflow:hidden;
width:6px;
height:2px;
content:'';
background-color:#fff;
}
.btn-list .icon span:after {
position:absolute;
top:50%;
left:4px;
margin-top:-3px;
display:block;
overflow:hidden;
width:2px;
height:6px;
content:'';
background-color:#fff;
}
.interest-box.opened .btn-list .icon span:after {
display:none;
}

/* ----------------------------------------------------------------
spot icon settings
----------------------------------------------------------------- */
/* icons for suggest list */
[class^=icon-list-] {
position:relative;
/*padding-left:22px !important;*/
}
[class^=icon-list-]:before{
position:absolute;
content:'';
width:20px;
height:20px;
top:0;
left:0;
background-image:url(/element/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
}
.icon-list-general:before { background:none;}
.icon-list-airport:before {background-position:-142px -7px;}
.icon-list-station:before {background-position:-176px -7px;}
.icon-list-attraction:before {background-position:-40px -7px;}
.icon-list-restaurant:before {background-position:-74px -7px;}
.icon-list-hotel:before {
content: '';
display: block;
width: 16px;
height: 16px;
top: 3px;
left: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/element/shared/images/icon/icon-hotel.svg);
background-size: 15px 11px;
}
.interest-list .icon-list-airport:before {background-position:-142px -7px;}
.interest-list .icon-list-station:before {background-position:-176px -7px;}
.interest-list .icon-list-attraction:before {background-position:-40px -7px;}
.interest-list .icon-list-restaurant:before {background-position:-74px -7px;}
.interest-list .icon-list-hotel:before {
content: '';
display: block;
width: 16px;
height: 16px;
top: 3px;
left: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/element/shared/images/icon/icon-hotel.svg);
background-size: 15px 11px;
}
.suggestArea.search .suggest-area {
font-size:12px;
color:#999;
line-height:1.0;
padding-bottom:4px;
}
.error-text p{
text-align:left;
font-size:14px;
padding:10px 0;
width:100%;
}

/* ranking review */
#list_Col .reviewArea dl dd span.icon-rating{
background:none;
margin:inherit;
padding-left:75px;
}
.icon-rating{
position:relative;
padding-left:75px;
font-weight:bold;
font-size:14px;
}
.icon-rating:before{
content:'';
background:url(/element/shared/images/sprite/sprite-rate-01.png) no-repeat;
position:absolute;
display:block;
height:14px;
width:70px;
top:50%;
left:0;
margin-top:-7px;
}
.icon-rating.rank-00:before{
background-position:-69px 0;
}
.icon-rating.rank-05:before{
background-position:-55px -14px;
}
.icon-rating.rank-10:before{
background-position:-55px 0;
}
.icon-rating.rank-15:before{
background-position:-41px -14px;
}
.icon-rating.rank-20:before{
background-position:-41px 0;
}
.icon-rating.rank-25:before{
background-position:-27px -14px;
}
.icon-rating.rank-30:before{
background-position:-27px 0;
}
.icon-rating.rank-35:before{
background-position:-13px -14px;
}
.icon-rating.rank-40:before{
background-position:-13px 0;
}
.icon-rating.rank-45:before{
background-position:1px -14px;
}
.icon-rating.rank-50:before{
background-position:1px 0;
}
.icon-rating.review-00:before{
background-position:-69px -27px;
}
.icon-rating.review-05:before{
background-position:-55px -42px;
}
.icon-rating.review-10:before{
background-position:-55px -27px;
}
.icon-rating.review-15:before{
background-position:-41px -42px;
}
.icon-rating.review-20:before{
background-position:-41px -27px;
}
.icon-rating.review-25:before{
background-position:-27px -42px;
}
.icon-rating.review-30:before{
background-position:-27px -27px;
}
.icon-rating.review-35:before{
background-position:-13px -42px;
}
.icon-rating.review-40:before{
background-position:-13px -27px;
}
.icon-rating.review-45:before{
background-position:1px -42px;
}
.icon-rating.review-50:before{
background-position:1px -27px;
}
.icon-rating.rate-00:before{
background-position:-69px -56px;
}
.icon-rating.rate-05:before{
background-position:-55px -70px;
}
.icon-rating.rate-10:before{
background-position:-55px -56px;
}
.icon-rating.rate-15:before{
background-position:-41px -70px;
}
.icon-rating.rate-20:before{
background-position:-41px -56px;
}
.icon-rating.rate-25:before{
background-position:-27px -70px;
}
.icon-rating.rate-30:before{
background-position:-27px -56px;
}
.icon-rating.rate-35:before{
background-position:-13px -70px;
}
.icon-rating.rate-40:before{
background-position:-13px -56px;
}
.icon-rating.rate-45:before{
background-position:1px -70px;
}
.icon-rating.rate-50:before{
background-position:1px -56px;
}

/* Payment-info
 ----------------------------------------------------------------- */
.payment-info{
margin:5px 0;
display:table;
width:100%;
border-collapse:separate;
}
.payment-info li{
border:1px solid #d9d9d9;
padding:2px 2px;
text-align:center;
font-size:11px;
color:#666;
font-weight:normal;
display:table-cell;
background:#fff;
height:18px;
box-sizing:border-box;
vertical-align:middle;
width:49.5%;
}
.payment-info li:first-child{
margin-right:1%;
}
.payment-info.mail li{
height:30px;
}
.planData_Area .detailArea .planArea ul.headerList li.planPrice,
.planList_Box .planPrice{
width:190px;
}
.planData_Area .detailArea .planArea ul.headerList li.vendorName{
width:440px;
}
.planList_Box .available {
padding:0 7px 0 0;
}

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

/* detail
----------------------------------------------------------------- */

.detail .menu-header-container{
margin-bottom:22px;
}

/* .hotel-detail-area
----------------------------------------------------------------- */
.hotel-detail-area{
padding:16px 16px 8px 16px;
border:3px solid #c9c9c9;
box-sizing:border-box;
}
.hotel-detail-area .item-detail-box{
padding:0;
}
.txt-name b,
.txt-name h1{
font-size:20px;
font-weight:bold;
line-height:1.3;
padding-right:82px;
display:block;
word-break:break-all;
word-wrap:break-word;
}
.cmn-agt-appeal .cmn-agt-appeal-hdg{
word-break:break-all;
word-wrap:break-word;
}
.hotel-detail-area .hotel-img-box{
width:192px;
min-height:261px;
}
.hotel-detail-area .img-box{
width:190px;
height:156px;
}
.hotel-detail-area .img-box a{
width:190px;
box-sizing:border-box;
padding:0!important;
margin-left:0!important;
}
.hotel-detail-area .img-box img {
max-width:190px;
max-height:156px;
}
.hotel-detail-area .img-box .img-nophoto img {
max-width: 100px;
max-height: 100px;
}
.hotel-detail-txt{
color:var(--cmn-font-color-base);
line-height:1.4;
margin-bottom:12px;
font-size:13px;
}
/* .thumb-list */
.thumb-list{
margin:10px 0 6px 1px;
height:48px;
}
.thumb-list li{
float:left;
width:45px;
height:44px;
margin-right:3px;
}
.thumb-list li:last-child{
margin:0;
}
.thumb-list li .thumb{
border:2px solid #fff;
background:#ededed;
display:table-cell;
width:45px;
height:44px;
vertical-align:middle;
text-align:center;
}
.thumb-list li .thumb.active{
border:2px solid #1772c7;
}
.thumb-list li .thumb img{
vertical-align:middle;
text-align:center;
max-width:41px;
}
.thumb-list li .thumb .img-nophoto{
background: #fff;
border: 1px solid #e5e5e5;
display: block;
}
.hotel-detail-area .link-line{
text-align:left;
margin:0;
}
.hotel-detail-area .link-line a{
font-size:11px;
}
.hotel-detail-area .link-line a:before {
content:'';
display:block;
position:absolute;
top:5px;
left:2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.hotel-detail-area .hotel-info-box{
width:485px;
}
.detail-line{
display:table;
width:100%;
color:var(--cmn-font-color-base);
font-size:12px;
margin-bottom:4px;
}
.detail-cell{
display:table-cell;
vertical-align:top;
}
.link-map{
font-size:12px;
color:#555;
display:inline-block;
position:relative;
padding-left:14px;
margin-left:5px;
}
.link-map:link,
.link-map:visited,
.link-map:hover{
color:#666;
}
.link-map:before{
content:'';
position:relative;
display:block;
background-image:url(/element/w_hotel/shared/images/sprite-list-02.png);
background-repeat:no-repeat;
background-size:18px 240px;
background-position:-1px -1px;
width:18px;
height:18px;
position:absolute;
left:0;
top:50%;
margin-top:-9px;
}
.detail-cell:nth-child(1),
.detail-cell:nth-child(3){
width:85px;
}
.detail-cell:nth-child(2),
.detail-cell:nth-child(4){
min-width:140px;
}
.detail-cell:nth-child(2):before,
.detail-cell:nth-child(4):before{
content:'\0FF1A';
}
.hotel-detail-area .feature-list{
display:inline-block;
max-width:380px;
vertical-align:top;
}
.hotel-detail-area .feature-list li{
font-size:12px;
letter-spacing:-0.1px;
}
.hotel-detail-area .feature-list li .cmn-tip-btn{
margin-top:-2px;
}
.hotel-detail-area .feature-list li:after {
margin-left:0px;
}
.hotel-notice{
font-size:11px;
color:var(--cmn-font-color-base);
margin-bottom:8px;
}
.btn-link-dp{
height:38px;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.09);
-moz-box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-sizing:border-box;
border:1px solid #c5c5c5;
font-size:12px;
text-align:left;
position:relative;
padding:0 5px 0 48px;
color:#666;
}
.btn-link-dp.disabled{
background:#f1f1f1;
box-shadow:0 0 0;
opacity:.6;
}
.btn-link-dp:before{
content:'';
background:url(/element/w_hotel/detail/images/icon-dp.png) no-repeat;
width:34px;
height:15px;
display:block;
position:absolute;
left:10px;
top:50%;
margin-top:-8px;
}
.review-rank-box{
border-top:1px dotted #b2b2b2;
margin-top:10px;
padding-top:8px;
font-size:12px;
position:relative;
}
.review-rank-box .review-area{
margin-bottom:0;
}
.review-rank-box .review-area > .review-rate{
font-size:12px;
}
.review-rank-box .link-review{
padding-left:14px;
position:relative;
text-decoration:none;
}
.review-area > .review-rate ul li a.link-review,
.review-area > .review-rate ul li a.link-review:visited,
.review-area > .review-rate ul li a.link-review:hover{
color:#666;
font-size:11px;
}
.review-rank-box .link-review:before {
content:'';
display:block;
position:absolute;
bottom:50%;
left:2px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.review-rank-box .link-review:after{
display:none;
}
.review-rank-box-btn{
position:absolute;
right:0;
bottom:0;
}
.btn-link-review{
width:173px;
height:38px;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.09);
-moz-box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-sizing:border-box;
border:1px solid #c5c5c5;
font-size:12px;
text-align:left;
position:relative;
color:#666;
font-size:11px;
padding-left:18px;
line-height:1.3;
}
.btn-link-review:before{
content:'';
display:block;
position:absolute;
bottom:50%;
left:5px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.hotel-detail-area .review-area{
padding-right:180px;
box-sizing:border-box;
}
.hotel-detail-area .review-area > .review-rate ul {
margin-left:101px;
}
.notice {
margin-top:5px;
color:#666;
text-align:right;
font-size:11px;
}
.notice::before{
content:'\0203B';
}

/* .detail-tab
----------------------------------------------- */
.detail-tab{
margin-top:20px;
border-bottom:1px solid #bbb;
margin-bottom:20px;
display:-webkit-box;
display:flex;
-webkit-box-align:start;
align-items:flex-start;
width:730px;
}

/* .detail-tab-list
----------------------------------------------- */
.detail-tab-list{
-webkit-box-flex:1;
flex:1;
}

.detail-tab-list > li{
margin-right:1px;
display:inline-block;
vertical-align:bottom;
}
.detail-tab-list > li button{
padding:0;
border-width:1px 1px 1px;
border-color:#bbb;
border-style:solid;
color:#666;
display:block;
min-width:148px;
height:45px;
background-color:#f8f8f8;
font-size:15px;
text-decoration:none;
cursor:pointer;
margin-bottom:-1px;
font-size:13px;
}
.detail-tab-list > li button > span{
display:inline-block;
position:relative;
}
.detail-tab-list > li button:active,
.detail-tab-list > li button:hover,
.detail-tab-list > li button:focus,
.detail-tab-list > li button[disabled],
.detail-tab-list > li button.active{
margin-bottom:-1px;
height:45px;
background-color:#fff;
border-bottom:1px solid #fff;
}
.detail-tab-list > li button.active{
cursor:default;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.detail-tab-list > li button.disabled{
cursor:default;
background-color:#f8f8f8;
border-color:#e9e9e9;
border-bottom:1px solid #bbb;
color:#ccc;
}
.detail-tab-list > li button.disabled:hover{
border-bottom:1px solid #bbb;
}
.detail-tab-list > li .btn-list > span{
position:relative;
padding-left:16px;
}
.detail-tab-list > li .btn-map > span{
position:relative;
padding-left:20px;
}
.detail-tab-list > li .btn-dp > span{
position:relative;
padding-left:40px;
}
.detail-tab-list > li button > span:before{
content:'';
}
.detail-tab-list > li .btn-list > span:before{
background:url(/element/shared/images/icon/icon-tab-hotel.svg) no-repeat;
background-size:11px 16px;
width:11px;
height:16px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-8px;
}
.detail-tab-list > li .btn-map > span:before{
background:url(/element/shared/images/icon/icon-tab-review.svg) no-repeat;
background-size:15px 14px;
width:15px;
height:14px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.detail-tab-list > li .btn-dp > span:before{
background:url(/element/w_hotel/shared/images/icon-dp.svg) no-repeat;
background-size:34px 14px;
width:34px;
height:14px;
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-7px;
}
.detail-tab-list > li button.disabled > span:before{
opacity:.5;
}

/* .detail-tab-history-back
----------------------------------------------- */
.detail-tab .detail-tab-history-back{
padding:5px 12px;
border:1px solid #bebebe;
border-radius:4px;
color:var(--cmn-font-color);
box-shadow:0 -1px 0 #bebebe inset;
background-color:#fff;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

/* .nav-internal
----------------------------------------------- */

.nav-internal{
margin:20px 0 10px;
}
.nav-internal > li{
margin-right:10px;
padding-right:15px;
min-width:5em;
border-right:1px solid #ccc;
text-align:center;
display:inline-block;
color:#ccc;
}
.nav-internal > li a{
color:#666;
display:block;
}
.nav-internal > li b{
color:var(--cmn-font-color-base);
}
.nav-internal.review{
margin:20px 0 10px;
}
.nav-internal.review li{
font-size:12px;
line-height:1.1;
}
.nav-internal.review li:last-child{
border:0;
}
/*
.nav-internal.review li{
color:#ccc;
}
*/
.nav-internal.review li a{
color:#666;
text-decoration:underline;
}
.nav-internal.review li a:hover{
text-decoration:underline;
cursor:pointer;
}
.nav-internal.review li.is-active,
.nav-internal.review li b{
color:var(--cmn-font-color-base);
font-weight:bold;
cursor:default;
}
.nav-internal.review li.is-active:hover{
text-decoration:none;
}

/* .detail-item-hdg
----------------------------------------------- */

.detail-item-hdg{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:var(--cmn-font-color-gray);
font-size:18px;
font-weight:bold;
}
.detail-item-hdg + p{
font-size:11px;
color:var(--cmn-font-color-base);
}
.detail-contents-link:hover{
text-decoration:none;
}

/* .detail-contents-link
----------------------------------------------- */
.detail-item > p > a.detail-contents-link:hover{
text-decoration: underline;
}

/* .detail-item-list
----------------------------------------------- */

.detail-item .tab-inner{
margin:5px -20px 0 -20px;
border:0;
background:#fff;
}
.detail-item .tab-inner.no-plan{
margin-top:0;
}

#Area_SearchUndecided > .detail-line.error-box{
background:#fff;
margin-top:-16px;
margin-bottom:-20px;
border-top:4px solid var(--color-gray);
z-index:5;
position:relative;
padding:25px 0;
}

/* .detail-item-result-num
----------------------------------------------- */
.detail-item-result-num {
white-space:nowrap;
font-size:12px;
margin:15px -20px 0 -20px;
background:#fff;
box-sizing:border-box;
padding:5px 12px;
border-top:4px solid var(--color-gray);
color:var(--cmn-font-color-base);
}
.detail-item-result-num > b {
margin:0 2px;
display:inline-block;
font-size:18px;
font-family:Arial;
}

/* .form-search
----------------------------------------------- */
.detail-item .search-filter-item{
margin:5px -8px;
border-bottom:1px solid #ccc;
padding-bottom:15px;
margin-bottom:15px;
}
.detail-item .form-search .search-filter-item .search-filter-item-list{
display:table-cell;
}
.detail-item .form-search .search-filter-item .search-filter-item-list .search-filter-list-date li:first-child{
position:relative;
}
.detail-item .form-search .search-filter-item .search-filter-item-list .search-filter-list-date li:first-child:after{
content:'\ff5e';
display:block;
position:absolute;
bottom:2px;
right:5px;
width:13px;
position:absolute;
font-size:14px;
}
.detail-item .form-search .search-filter-list-date li,
.detail-item .form-search .search-filter-list-number li{
display:table-cell;
vertical-align:middle;
font-size:11px;
position:relative;
}
.detail-item .form-search .search-filter-list-date li:first-child{
width:187px;
}
.detail-item .form-search .search-filter-list-date li:last-child{
width:220px;
}
.detail-item .form-search .search-filter-list-date li .day-number{
font-size:12px;
}
.detail-item .form-search .search-filter-list-date li img{
vertical-align:middle;
}
.detail-item .form-search input[type='text'] {
padding:3px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:28px;
font-size:12px;
width:176px;
padding:7px 10px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.detail-item .form-search .search-filter-list-number li select{
padding:0 2px;
min-height:28px;
font-size:12px;
margin-right:15px;
}
.detail-item .form-search .form-search-select{
width:70px;
margin:0;
color:var(--cmn-font-color-base);
}
.detail-item .form-search-num > li.adult > label > span,
.detail-item .form-search-num > li.child > label > span {
padding:6px 0 6px 8px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:40px;
height:28px;
box-sizing:border-box;
background-color:#fff;
}
.detail-item .form-search-num > li.child > label > span{
width:50px;
}
.detail-item .form-search-num > li.adult > label > select{
margin-right:5px;
}
.detail-item .form-search-num > li.child > label > select{
margin-right:0;
}
.detail-item .plan-table{
border-bottom:1px solid #ddd;
height:420px;
max-height:inherit;
}
.detail-item .plan-table.no-scroll{
overflow-y:inherit;
height:inherit;
min-height:inherit;
}
.detail-item .plan-table.no-scroll > .item-table .booking{
padding:8px 12px;
}
.detail-item .plan-table.no-scroll > .item-table .booking button{
margin-right:16px;
}
.detail-item .plan-table > .item-table .booking button{
margin-left:0;
}
#two_column_right .detail-item strong{
color:var(--cmn-font-color-base);
}
.form-search .detail-line .detail-cell{
width:86px;
font-size:11px;
vertical-align:middle;
}
.form-search .detail-line .detail-cell.agent{
vertical-align:top;
}
.form-search .detail-line .detail-cell + .detail-cell{
width:590px;
float:left;
}
.form-search .detail-line .detail-cell + .detail-cell .other-list input[type="checkbox"]{
vertical-align:middle;
}
.form-search .detail-line .detail-cell + .detail-cell .other-list label{
margin-bottom:27px;
display:inline-block;
font-size:12px;
color:var(--cmn-font-color-base);
}
.form-search .detail-line .detail-cell + .detail-cell:before{
display:none;
}
.detail-item .form-search .price-range,
.detail-item .form-search .price-range li{
display:inline-block;
}
.detail-item .form-search .price-range li:last-child{
margin-left:18px;
position:relative;
}
.detail-item .form-search .price-range li:last-child:before{
content:'\ff5e';
display:block;
position:absolute;
bottom:7px;
left:-16px;
width:13px;
position:absolute;
}
.detail-line .price-range-note{
display:inline-block;
vertical-align:bottom;
padding-bottom:8px;
margin-left:18px;
font-size:12px;
}
.detail-line .price-range-note input{
vertical-align:top;
margin-top:2px;
}
.detail-item .form-search .agent-btn-list li{
display:inline-block;
}
.detail-item .form-search .price-range .form-search-select{
width:90px;
border-radius:2px;
font-size:12px;
min-height:32px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
}
.detail-item .form-search .agent-btn-list{
width:360px;
height:75px;
float:left;
}
.detail-item .form-search .agent-btn-list.branch{
width:229px;
}
.detail-item .form-search .agent-btn-list li{
float:left;
margin:0 5px 4px 0;
}
.detail-item .form-search .agent-btn-list button{
width:65px;
height:35px;
border-radius:2px;
background-color:#fff;
box-shadow:inset 0 -2px rgba(0,0,0,.15);
border:1px solid #c4c4c4;
box-sizing:border-box;
padding:5px;
vertical-align:middle;
background:#fff;
position:relative;
}
.detail-item .form-search .agent-btn-list button .kuru{
position:absolute;
top:6px;
left:20px;
z-index:1;
}
.detail-item .form-search .agent-btn-list button img{
vertical-align:middle;
max-width:50px;
max-height:20px;
}
.detail-item .form-search .agent-btn-list li.is-active button {
border:none;
color:#fff;
box-shadow:none;
background-color:#888;
}
.detail-item .form-search .agent-btn-list li button[disabled],
.form-search-btn.disabled,
.form-search-btn-01.disabled {
opacity:0.33;
}
.form-search-del-list{
display:block;
clear:both;
padding:5px 0 3px 0;
}
.form-search-del-list .form-search-list-line li{
display:inline-block;
margin-right:12px;
}
.form-search-del-list .form-search-list-line li button{
position:relative;
border:none;
color:#555;
padding:0 16px 0 0;
background-color:transparent;
font-size:11px;
}
.form-search-del-list button .del {
margin-top:-7px;
color:rgba(51, 51, 51, 0);
border-radius:2px;
display:block;
position:absolute;
top:50%;
right:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
.form-search-del-list button .del:before, .form-search-del-list button .del:after {
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:50%;
content:'';
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-del-list button .del:before, .form-search-del-list button .del:after {
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:50%;
content:'';
display:block;
width:8px;
height:2px;
background-color:#fff;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.form-search-del-list button .del:after {
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}
.form-search-btn, .form-search-btn-01 {
padding:3px 10px 3px 20px;
border:1px solid #bebebe;
border-radius:1px;
color:#666;
display:inline-block;
min-width:100px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
}
.form-search-btn:before, .form-search-btn-01:before {
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:'';
display:block;
position:absolute;
top:50%;
left:10px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-checkbox input[type='checkbox'] {
margin:auto 0;
position:absolute;
top:0;
left:0;
bottom:0;
}
.detail-item .form-search .lang-check{
margin-bottom:0;
}
.detail-item .form-search .lang-check input{
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.detail-item .form-search .lang-check label,
.detail-item .form-search .lang-check input{
cursor:pointer;
}
.detail-item .form-search .detail-line{
margin-bottom:9px;
}
.form-search .form-search-item.date {
margin-bottom:10px;
max-width:548px;
display:table;
}
.form-search .form-search-item.date > .form-search-item-cell:first-child {
width:55px;
vertical-align:top;
padding-top:15px;
}
.form-search .form-search-hdg {
display:table;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
}
.form-search .form-search-hdg > h2 {
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.form-search .form-search-item > .form-search-item-cell {
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search .form-search-date {
float:left;
}
.form-search .form-search-date > li {
display:inline-block;
vertical-align:top;
padding-right:20px;
position:relative;
}
.form-search .form-search-date > li:first-child:after {
content:'\ff5e';
display:block;
position:absolute;
top:25px;
right:4px;
width:13px;
position:absolute;
font-size:14px;
color:var(--cmn-font-color-base);
}
.form-search .form-search-date > li .form-search-select {
width:205px;
}
.form-search .form-search-date > li img {
margin:0 0 -6px -31px;
}
.detail-item .form-search .form-search-date > li img{
margin-left:-27px;
}
.detail-item .form-search .form-search-date > li{
padding-right:24px;
width:200px;
box-sizing:border-box;
}
.detail-item .form-search .form-search-date > li:last-child{
width:auto;
}
.detail-item .form-search .form-search-date > li .day-number{
margin-left:20px;
color:var(--cmn-font-color-base);
}
.form-search .form-search-date > li .txt-date{
font-size:11px;
}
.form-search .form-search-date > li .day-number{
margin-left:15px;
}
.form-search .form-search-item-col > .form-search-item {
float:left;
width:23.3%;
box-sizing:border-box;
}
.form-search .form-search-item-col > .form-search-item.number{
width:50%;
}
.form-search .form-search-item > .form-search-item-cell {
position:relative;
display:table-cell;
vertical-align:bottom;
min-width:55px;
}
.form-search .form-search-hdg {
display:table;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
}
.form-search .form-search-item-col > .form-search-item.number .form-search-hdg{
width:96px;
}
.form-search .form-search-hdg > h2 {
display:table-cell;
vertical-align:middle;
font-size:11px;
}
.form-search .form-search-num > li {
float:left;
}
.form-search .form-search-num > li.adult > label,
.form-search .form-search-num > li.child > label {
display:block;
overflow:hidden;
}
.form-search .form-search-num > li.adult > label > span,
.form-search .form-search-num > li.child > label > span {
padding:6px 0 6px 10px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
color:var(--cmn-font-color-base);
display:block;
float:left;
width:45px;
height:35px;
box-sizing:border-box;
background-color:#fff;
}
.form-search .form-search-num > li.adult > label > span.form-custom-select,
.form-search .form-search-num > li.child > label > span.form-custom-select{
padding:0;
border-right:1px solid #bebebe;
}
.form-search .form-search-num > li.adult > label > span.form-custom-select{
border-right:0;
width:60px;
}
.form-search .form-search-num > li.child > label > span {
width:60px;
}
.form-search .form-search-num > li.child > label > span.form-custom-select {
width:60px;
}
.form-search .form-search-num > li.adult > label .form-search-select,
.form-search .form-search-num > li.child > label .form-search-select {
float:left;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
background-color:transparent;
}
.btn-change-box{
display:inline-block;
position:absolute;
right:0;
bottom:16px;
text-align:right;
}
.btn-change-box .form-search-index-error{
max-width:156px;
text-align:left;
}
.btn-change-box > .btn-change{
padding:4px 20px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
cursor:pointer;
font-size:18px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
width:85px;
box-sizing:border-box;
}
.btn-change-box > .btn-change:hover{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#72ba00;
}
.btn-change-box > .btn-change.is-disabled:hover{
background:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
}


/* ----------------------------------------------------------------
  Detail Item
----------------------------------------------------------------- */

/* .detail-item
----------------------------------------------- */

.detail-item{
margin-top:30px;
padding:20px;
border:4px solid var(--color-gray);
border-radius:6px;
}
.nav-internal + .detail-item{
margin-top:5px;
}

/* ----------------------------------------------------------------
  .detail-item > .form-search
----------------------------------------------------------------- */

#container .detail-item .form-search{
margin:-20px -20px 0;
padding:20px 20px 0 20px;
position:relative;
}

/* .form-search
----------------------------------------------- */

.form-search{
margin-bottom:72px;
padding:40px 25px 30px;
color:#555;
background-color:#ededed;
}
.form-search input[type='text']{
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:34px;
}
.form-search .form-search-select{
padding:5px;
vertical-align:top;
min-height:32px;
width:100%;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
box-sizing:border-box;
background-color:transparent;

}
.menu-header-container + .form-search{
margin-top:-20px;
}
.form-search .form-head-box{
position:relative;
}


/* .detail-item-hdg-container
----------------------------------------------- */

.detail-item-hdg-container{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
overflow:hidden;
background-color:var(--cmn-font-color-gray);
}
.detail-item-hdg-container .detail-item-hdg{
margin:0;
padding:0;
width:70%;
float:left;
}
.detail-item-hdg-container .detail-item-hdg-sup{
padding-top:3px;
float:right;
width:30%;
text-align:right;
font-size:12px;
}

/* ----------------------------------------------------------------
nav-top
----------------------------------------------------------------- */

.nav-top {
margin-top:10px;
text-align:right;
font-size:12px;
}
.nav-top a {
padding-left:15px;
color:#666;
display:inline-block;
position:relative;
font-size:11px;
}
.nav-top a:before {
top:0.5em;
left:0;
}
.nav-top a:before {
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 5px 5px 5px;
border-color:transparent transparent #555 transparent;
border-style:solid;
}

/* ----------------------------------------------------------------
  Image Gallery
----------------------------------------------------------------- */

/* .image-gallery-inner
----------------------------------------------- */

.image-gallery-inner{
overflow:hidden;
}

/* .image-gallery-view
----------------------------------------------- */

.image-gallery-view{
float:left;
width:370px;
overflow:hidden;
height:405px;
display:inline-table;
vertical-align:middle;
background:#eee;
}
.image-gallery-view > a{
color:#555;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.image-gallery-view > a:active,
.image-gallery-view > a:hover,
.image-gallery-view > a:focus{
text-decoration:none;
}
.image-gallery-view > a img{
max-width:370px;
max-height:405px;
vertical-align:middle;
}
.image-gallery-view .image-gallery-view-caption{
margin-top:5px;
display:block;
text-align:left;
font-size:11px;
}

/* .image-gallery-list-thumb
----------------------------------------------- */

.image-gallery-list-thumb{
float:right;
width:295px;
overflow-y:scroll;
height:405px;
}
.image-gallery-list-thumb.no-scroll{
overflow-y:inherit;
}


.image-gallery-list-thumb > ul{
overflow:hidden;
}
.image-gallery-list-thumb > ul > li{
margin:0 0 10px 10px;
float:left;
}
.image-gallery-list-thumb > ul > li:nth-child(4n+1){
margin-left:0;
clear:both;
}
.image-gallery-list-thumb > ul > li a{
display:block;
position:relative;
width:60px;
height:55px;
overflow:hidden;
background-color:#ededed;
}
.image-gallery-list-thumb > ul > li a:before{
content:'';
display:block;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
.image-gallery-list-thumb > ul > li a:before{
border:2px solid #287ac4;
display:none;
box-sizing:border-box;
z-index:1;
}
.image-gallery-list-humb > ul > li a:active:before,
.image-gallery-list-thumb > ul > li a:hover:before,
.image-gallery-list-thumb > ul > li a:focus:before{
display:block;
}
.image-gallery-list-thumb > ul > li a img{
position:absolute;
right:50%;
bottom:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:100%;
max-height:100%;
}
.image-gallery-list-thumb > ul > li.is-active a:before{
display:block;
}

/* .image-gallery-info
----------------------------------------------- */

.image-gallery-info{
margin-top:10px;
display:table;
width:100%;
}
.image-gallery-info > .image-gallery-info-nav,
.image-gallery-info > .image-gallery-info-sup{
display:table-cell;
vertical-align:middle;
font-size:11px;
color:#555;
}

/* .image-gallery-info-nav
----------------------------------------------- */

.image-gallery-info-nav{
padding-right:20px;
width:370px;
}
.image-gallery-info-nav > ul{
margin:0 auto;
padding:0 40px;
width:100px;
position:relative;
text-align:center;
color:var(--cmn-font-color-base);
}
.image-gallery-info-nav > ul > li{
display:inline-block;
}
.image-gallery-info-nav > ul > li.prev,
.image-gallery-info-nav > ul > li.next{
position:absolute;
}
.image-gallery-info-nav > ul > li.prev button,
.image-gallery-info-nav > ul > li.next button{
padding:0;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border:none;
background:none;
width:30px;
height:100%;
overflow:hidden;
}
.image-gallery-info-nav > ul > li.prev button:before,
.image-gallery-info-nav > ul > li.next button:before{
content:'';
display:block;
position:absolute;
border-right:2px solid #555;
border-bottom:2px solid #555;
width:12px;
height:12px;
}
.image-gallery-info-nav > ul > li.prev{
left:0;
}
.image-gallery-info-nav > ul > li.prev button:before{
top:3px;
left:8px;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg);
}
.image-gallery-info-nav > ul > li.next{
right:0;
}
.image-gallery-info-nav > ul > li.next button:before{
top:3px;
right:8px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .image-gallery-info-sup
----------------------------------------------- */

.image-gallery-info-sup a{
color:#666;
}

/* .detail-item-list-separate-line
----------------------------------------------- */

.detail-item-list-separate-line{
margin-top:10px;
border-top:1px solid #ddd;
}
.detail-item-list-separate-line > li{
overflow:hidden;
}
.detail-item-list-separate-line > li:not(:last-child){
border-bottom:1px solid #ddd;
}
.detail-item-list-separate-line > li > div{
padding:10px 0;
overflow:hidden;
display:table-cell;
}
.detail-item-list-separate-line > li > div:first-child{
padding-right:10px;
box-sizing:border-box;
float:left;
min-width:9em;
overflow:visible;
font-weight:bold;
font-size:12px;
vertical-align:middle;
color:var(--cmn-font-color-base);
}
.detail-item-list-separate-line > li.col-4 > div:nth-child(1),
.detail-item-list-separate-line > li.col-4 > div:nth-child(3){
width:105px;
min-width:inherit;
font-weight:bold;
box-sizing:border-box;
padding-right:10px;
}
.detail-item-list-separate-line > li.col-4 > div:nth-child(2),
.detail-item-list-separate-line > li.col-4 > div:nth-child(4){
width:240px;
box-sizing:border-box;
padding-right:10px;
}
.detail-item-list-separate-line > li .tel{
font-size:16px;
}
.detail-item-list-separate-line > li > div .text-transfer{
font-size:12px;
}
.detail-item-list-separate-line > li > div .detail-item-sup{
display:block;
font-size:12px;
color:#666;
text-indent:-1em;
padding-left:1em;
}
#facilities .detail-item-list-separate-line > li > div{
font-size:13px;
}
.hotel-other-detail-list + .detail-item-sup{
margin:12px 0 -12px;
}

/* .detail-item-list-facility
----------------------------------------------- */

.detail-item-list-facility{
margin-top:-10px;
}
.detail-item-list-facility > li{
margin-top:10px;
overflow:hidden;
}
.detail-item-list-facility > li > span{
display:block;
float:left;
}
.detail-item-list-facility > li > span:first-child{
padding-right:5px;
box-sizing:border-box;
min-width:6.5em;
max-width:calc(100% - 20px);
}
.detail-item-list-facility > li > span:last-child{
width:20px;
text-align:center;
font-size:16px;
}

/* .detail-item-route
----------------------------------------------- */

.detail-item-route{
margin-top:10px;
}

/* .detail-item-route-map
----------------------------------------------- */

.detail-item-route-map{
height:390px;
position:relative;
}

/* .detail-item-route-search
----------------------------------------------- */

.detail-item-route-search{
padding:10px 15px;
border:1px solid #ddd;
background-color:#f7f7f7;
}

/* .detail-item-route-search-inner
----------------------------------------------- */

.detail-item-route-search-inner{
margin-top:5px;
paadding-right:95px;
position:relative;
}

/* .detail-item-route-search-list
----------------------------------------------- */

.detail-item-route-search-list > li{
display:inline-block;
vertical-align:middle;
}
.detail-item-route-search-list > li:first-child{
margin-right:20px;
}
.detail-item-route-search-list > li input[type='text']{
padding:5px;
width:280px;
box-sizing:border-box;
}

/* .detail-item-route-search-list-01
----------------------------------------------- */

.detail-item-route-search-list-01{
display:inline-block;
}
.detail-item-route-search-list-01 > li{
margin-right:5px;
display:inline-block;
vertical-align:top;
}
.detail-item-route-search-list-01 > li label{
padding-left:20px;
display:block;
position:relative;
cursor:pointer;
}
.detail-item-route-search-list-01 > li input[type='radio']{
position:absolute;
top:0;
left:0;
}

/* .detail-item-route-search-btn
----------------------------------------------- */

.detail-item-route-search-btn{
padding:3px;
border-radius:3px;
color:#fff;
border:none;
position:absolute;
top:-2px;
right:0;
min-width:90px;
background-color:#717171;
box-shadow:0 -2px 0 rgba(0, 0, 0, 0.4) inset;
font-weight:bold;
font-size:15px;
}
.detail-item-list-separate-line > li .hotel-detail-list li{
width:33.3%;
float:left;
font-size:13px;
margin-bottom:5px;
}
.detail-item-list-separate-line > li .hotel-detail-list li.disabled{
color:#ccc;
}
.hotel-other-detail-list{
display:block;
clear:both;
background:#f7f7f7;
padding:6px 10px;
margin-top:5px;
}
.hotel-other-detail-list b:after{
content:'\0FF1A';
}
.hotel-other-detail-list li{
display:inline-block;
margin-right:15px;
}

/* .detail-item .nav-tab
----------------------------------------------- */

.detail-item .detail-item-list-separate-line .nav-tab{
margin-bottom:0;
text-align:left;
height:25px;
}
.detail-item .detail-item-list-separate-line .tab-inner {
margin:0;
padding:0 10px;
z-index:-1;
border:1px solid #ccc;
}
.detail-item .detail-item-list-separate-line .tab-inner .spot-area .interestarea{
padding:0;
}
.detail-item .interest-distance{
width:100%;
}
.detail-item .interest-distance ul{
text-align:left;
display:block;
margin-top:10px;
width:100%;
box-sizing:border-box;
border-bottom:1px solid #e5e5e5;
}
.detail-item .interest-distance li{
font-size:12px;
line-height:1;
position:relative;
padding-bottom:3px;
border-left:0;
}
.detail-item .interest-distance li:first-child{
padding-left:0;
border-left:0;
}
.detail-item .interest-distance li a{
font-size:12px;
color:#666;
}
.detail-item .interest-distance li:not(:first-child):before{
content:'';
width:1px;
height:12px;
background:#c1c1c1;
position:absolute;
left:0;
top:50%;
margin-top:-6px;
}
.detail-item .interest-distance li.selected:after{
content:'';
width:100%;
height:3px;
background:#d3d3d3;
position:absolute;
bottom:0;
left:0;
}
.detail-item .interest-box.transport .interest-list th{
background:#f7f7f7;
color:var(--cmn-font-color-base);
font-size:11px;
}
.detail-item .interest-box.transport .interest-list th.interest-list-name{
padding-left:8px;
}
.detail-item .interest-list .interest-list-name a{
color:#666;
font-size:12px;
padding-left:35px;
vertical-align:top;
}

/* .under-link-box
----------------------------------------------- */
.under-link-box{
border-top:1px solid #d9d9d9;
padding:21px 0 30px;
margin-top:60px;
}
.under-link-box + .under-link-box{
margin-top:0px;
}
.detail-tab-container + .under-link-box{
margin-top:30px;
}
.detail-tab-container > .under-link-box{
padding-bottom:0;
}
.list_Col .detail-tab-container.hotel-dtl-tab,
.list_Col .detail-tab-container.hotel-review-tab{
width:730px;
}

/* .area-link-list
----------------------------------------------- */

.area-link-list{
font-size:12px;
margin-bottom:8px;
}
.area-link-list li{
position:relative;
display:inline-block;
}
.area-link-list li:before{
margin:0 5px;
content:"\ff1e";
display:inline-block;
font-size:10px;
}
.area-link-list li:first-child{
padding-left:0;
}
.area-link-list li:first-child:before{
display:none;
}
.area-link-list li a{
color:#666;
}

/* .hotel-link-list
----------------------------------------------- */

.hotel-link-list{
color:#666;
font-size:12px;
}
.hotel-link-list li,
.hotel-link-list li > ul{
display:inline-block;
}
.hotel-link-list li a{
color:#666;
}
.hotel-link-list li > ul li{
border-left:1px solid #ccc;
line-height:1;
display:inline-block;
margin-left:8px;
padding-left:8px;
}

/* .slider-info
----------------------------------------------- */
.under-link-box .slider-info{
font-weight:bold;
font-size:14px;
margin-bottom:15px;
}
.slider-info-sup{
display: inline-block;
font-size: 12px;
font-weight: normal;
margin-left: 15px;
}
.slider-info-note{
color: #666;
display: inline-block;
font-size: 12px;
font-weight: normal;
margin-left: 15px;
}
.slider-info-sup + .slider-info-note{
margin-left: 5px;
}
.slider-info-note .icon-note{
display: inline;
padding-right: 4px;
}

/* .contents-footer-nav-recommend
----------------------------------------------- */
.under-link-box .contents-footer-nav-recommend{
position:relative;
font-size:12px;
}

/* .contents-footer-nav-recommend-btn
----------------------------------------------- */
.under-link-box .contents-footer-nav-recommend-btn > li{
position:absolute;
bottom:50%;
transform:translateY(50%);
z-index:2;
}

.under-link-box .contents-footer-nav-recommend-btn > .next{
right:-16px;
}

.under-link-box .contents-footer-nav-recommend-btn > .prev{
left:-16px;
}

.under-link-box .contents-footer-nav-recommend-btn button{
border:1px solid #bbb;
border-radius:16px;
color:rgba(0,0,0,0);
width:32px;
height:32px;
overflow:hidden;
position:relative;
background-color:#fff;
}

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

.under-link-box .contents-footer-nav-recommend-btn .next button::before{
transform:translate(50%, 50%) rotate(175deg);
}

.under-link-box .contents-footer-nav-recommend-btn button:disabled{
display:none;
}

/* .contents-footer-nav-recommend-list
----------------------------------------------- */
.under-link-box .contents-footer-nav-recommend-list{
margin: -4px;
padding: 4px;
overflow: hidden;
}

.under-link-box .contents-footer-nav-recommend-list ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:2000px;
padding-bottom:1px;
}

.under-link-box .contents-footer-nav-recommend-list li{
width:234px;
min-height:245px;
border-radius:8px;
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
overflow:hidden;
position:relative;
background-color:#fff;
}

.under-link-box .ranking .contents-footer-nav-recommend-list li{
min-height:310px;
}

.under-link-box .contents-footer-nav-recommend-list a{
color:var(--cmn-font-color-base);
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
text-decoration:none;
}

/* .recommend-matome
----------------------------------------------- */
.under-link-box .contents-footer-nav-recommend-detail.recommend-matome{
padding:10px;
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;
}

.under-link-box .contents-footer-nav-recommend-detail.recommend-matome > span{
margin-bottom:10px;
}

.under-link-box .contents-footer-nav-recommend-detail.recommend-matome > span:first-child{
min-height:6em;
display:block;
}

.under-link-box .contents-footer-nav-recommend-detail.recommend-matome > .contents-footer-nav-recommend-date{
margin-bottom:0;
font-size: 12px;
display: block;
color: var(--cmn-font-color-gray);
}

/* .contents-footer-nav-recommend-detail
----------------------------------------------- */
.contents-footer-nav-recommend-detail{
padding:10px;
box-sizing:border-box;
-webkit-box-flex: 1;
flex: 1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}

.contents-footer-nav-recommend-detail > span,
.contents-footer-nav-recommend-detail > h4{
margin-bottom:8px;
}

.contents-footer-nav-recommend-detail > span:first-child,
.contents-footer-nav-recommend-detail > h4{
min-height:3em;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-detail > span:first-child,
.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-detail > h4{
font-size:14px;
font-weight:normal;
}

/* .contents-footer-nav-recommend-sup
----------------------------------------------- */
.contents-footer-nav-recommend-sup{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .contents-footer-nav-recommend-review
----------------------------------------------- */
.contents-footer-nav-recommend-review .is-hidden{
visibility:hidden;
}

.contents-footer-nav-recommend-review > span + span{
margin-left:12px;
}

.contents-footer-nav-recommend-review .review-num{
margin-left:4px;
display:inline-block;
vertical-align:middle;
font-family:Arial;
font-size:12px;
}

/* .contents-footer-nav-recommend-price
----------------------------------------------- */
.under-link-box span.contents-footer-nav-recommend-price{
margin:auto 0 0;
text-align:right;
font-size:14px;
white-space:nowrap;
}

.contents-footer-nav-recommend:not(.ranking) span.contents-footer-nav-recommend-price span{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
}

.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-price .price-txt span{
font-size:12px;
}

.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-price .price-txt b{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
font-weight:normal;
}

/* .contents-footer-nav-recommend-thumb
----------------------------------------------- */
.under-link-box .contents-footer-nav-recommend-thumb{
height:125px;
overflow:hidden;
position:relative;
box-sizing:border-box;
}

.under-link-box .contents-footer-nav-recommend-thumb::before{
content:'';
display:block;
width:100%;
height:3em;
overflow:hidden;
position:absolute;
left:0;
bottom:0;
z-index:1;
background:linear-gradient(transparent 5%, rgba(0,0,0,.1) 25%, rgba(0,0,0,.5) 80%, rgba(0,0,0,.6) 100%);
}

.under-link-box .contents-footer-nav-recommend-thumb img{
position:absolute;
bottom:50%;
left:0;
transform:translateY(50%);
width:100%;
}

.under-link-box .contents-footer-nav-recommend-thumb > span{
color:#fff;
display:block;
box-sizing:border-box;
position:absolute;
bottom:6px;
left:12px;
z-index:1;
line-height:1;
font-size:11px;
}

.under-link-box .contents-footer-nav-recommend-thumb > .img-nophoto{
position:static;
}

.under-link-box .contents-footer-nav-recommend-thumb.no-photo{
border-bottom:1px solid #dadce0;
}

.under-link-box .contents-footer-nav-recommend-thumb.no-photo::before{
display:none;
}

.under-link-box .contents-footer-nav-recommend-thumb.no-photo img{
margin:auto;
top:0;
bottom:0;
right:0;
width:auto;
height:100px;
transform:none;
backface-visibility:hidden;
}

/* .contents-footer-nav-recommend-icon-rank
----------------------------------------------- */
[class^="contents-footer-nav-recommend-icon-rank"]{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
width:27px;
height:32px;
overflow:hidden;
position:absolute;
top:0;
left:12px;
z-index:1;
line-height:1;
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
transform:translateZ(0);
background:url(/element/w_hotel/shared/images/icon-ranking.svg) 0 0 no-repeat;
font-size:16px;
font-family:Arial;
}

[class^="contents-footer-nav-recommend-icon-rank"] > span{
overflow:hidden;
position:absolute;
height:0;
}

/* ----------------------------------------------------------------
.ranking-area
----------------------------------------------------------------- */
.under-link-box .slider-info{
font-weight:bold;
font-size:16px;
margin-bottom:12px;
}
.ranking-area .ranking-optional{
width:auto;
height:310px;
margin:0;
padding:13px 47px;
overflow:hidden;
position:relative;
}
.ranking-area .ranking-optional .arrow-prev a,
.ranking-area .ranking-optional .arrow-next a{
width:28px;
height:77px;
position:absolute;
top:50%;
background-repeat:no-repeat;
overflow:hidden;
text-indent:-9999px;
transition-timing-function:ease-out;
margin-top:-38px;
background:#888;
}
.ranking-area .ranking-optional .arrow-prev a{
left:0;
}
.ranking-area .ranking-optional .arrow-next a{
right:0;
}
.ranking-area .ranking-optional .arrow-prev a:before{
content:'';
display:block;
position:absolute;
top:50%;
right:0;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
width:10px;
height:10px;
-webkit-transform:rotate(135deg) translateY(50%);
-ms-transform:rotate(135deg) translateY(50%);
transform:rotate(135deg) translateY(50%);
}
.ranking-area .ranking-optional .arrow-next a:before{
content:'';
display:block;
position:absolute;
bottom:50%;
left:0;
border-right:3px solid #fff;
border-bottom:3px solid #fff;
width:10px;
height:10px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.ranking-area .ranking-optional .arrow-prev a:hover,
.ranking-area .ranking-optional .arrow-next a:hover{
background-position:0 -87px;
}
.ranking-area .ranking-optional .arrow-prev.disabled a,
.ranking-area .ranking-optional .arrow-next.disabled a{
width:28px;
height:77px;
position:absolute;
top:50%;
background-repeat:no-repeat;
background-position:0 -174px;
overflow:hidden;
text-indent:-9999px;
margin-top:-38px;
cursor:default;
background:#dcdcdc;
}
.ranking-area .ranking-optional .arrow-prev.disabled a{
left:0;
cursor:default;
}
.ranking-area .ranking-optional .arrow-next.disabled a{
right:0;
}
.ranking-area .ranking-optional .ranking-slider{
overflow:hidden;
position:absolute;
text-align:left;
width:100%;
width:650px;
}
.ranking-area .ranking-optional .ranking-slider ul{
clear:both;
display:inline-block;
overflow:hidden;
}
.ranking-area .ranking-optional .ranking-slider ul:after{
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.ranking-area .ranking-optional .ranking-slider li{
width:200px;
padding-right:15px;
float:left;
}
.ranking-area .ranking-optional .ranking-slider li .images{
height:140px;
padding-bottom:10px;
display:block;
}
.ranking-area .ranking-optional .ranking-slider li .txt{
height:55px;
line-height:1.4;
display:block;
}

/* .rank-def
----------------------------------------------- */
.rank-def{
overflow:hidden;
font-size:11px;
}
.rank-def dt{
margin-top:2px;
padding-right:10px;
float:left;
overflow:hidden;
width:6em;
min-height:17px;
line-height:1.2;
}
.rank-def dd{
margin-top:2px;
overflow:hidden;
min-height:17px;
line-height:1.2;
}
.rank-def dd a:link,
.rank-def dd a:hover,
.rank-def dd a:visited,
.rank-def dd a:focus{
color:#666;
}
.rank-item .rank-item-hbg{
line-height:1.4;
min-height:34px;
}

/* .rank-thumb
----------------------------------------------- */
.rank-thumb {
margin-bottom:5px;
display:table-cell;
width:200px;
height:136px;
vertical-align:middle;
text-align:center;
background-color:#f1f1f1;
}
.rank-thumb .caption{
display:block;
font-size:10px;
text-align:left;
background-color:#fff;
padding:4px 0 8px;
}
.rank-thumb .caption .informer{
color:#666;
margin-bottom:8px;
font-size:11px;
}
.rank-thumb > a{
display:table-cell;
width:200px;
height:133px;
vertical-align:middle;
text-align:center;
background-color:#f1f1f1;
}
.rank-thumb > a.no-img{
cursor:default;
}
.rank-thumb a img{
max-width:200px;
max-height:133px;
}

/* .under-link-content
----------------------------------------------- */
.under-link-content{
margin: 36px 0 -50px;
padding: 40px 0;
border-image: linear-gradient(#eee, #eee) fill 0 / / 0 100vw 0 100vw;
background-color: #eee;
font-size: 12px;
}

.under-link-content.detail{
padding: 40px 0;
}

.under-link-content .under-link-box {
padding:20px 0 0;
margin-top:36px;
border-top: 1px solid #d9d9d9;
}

.under-link-content .under-link-box:first-child {
margin-top:0;
}

.under-link-content > .txt-list{
padding:20px 0 0;
margin-top:36px;
border-top: 1px solid #d9d9d9;
}

/* .under-link-content-hdg
----------------------------------------------- */
.under-link-content-hdg{
margin:0 0 8px;
line-height:1.35;
font-weight: normal;
font-size:16px;
font-weight:bold;
}

.tab-containerb.detail .under-link-content{
padding-top:1px;
}

.tab-containerb.detail .under-link-content .under-link-content-hdg:first-child{
margin:28px 0 4px;
}

.under-link-content-hdg-sup{
font-size:12px;
display:block;
margin-bottom:8px;
}

/* .card-content
----------------------------------------------------- */
.under-link-content .card-content{
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}

.under-link-content .card-content:not(:first-child){
margin-top:36px;
}

.under-link-content .card-content.card-spot-ranking + .card-content{
margin-top:4px;
}

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

.under-link-content .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}

.under-link-content .card-content.card-faq .card-item{
margin-top:0;
}

.under-link-content .card-content.card-seo-list .card-item{
padding-top:9px;
padding-bottom:9px;
overflow:hidden;
}

.under-link-content .card-content.card-seo-list .card-item > .link-list-toggle > li:first-child{
border-top:none;
}

.under-link-content .card-content.card-matome .card-item{
margin-top:0;
}

.under-link-content >:first-child{
margin-top:0;
}

/* .card-header
----------------------------------------------------- */
.card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:0 26px 0 0;
margin-bottom:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.card-header .notice-list{
vertical-align: middle;
margin: 0 0 0 6px;
font-size:12px;
}

.card-header .card-header-hdg{
font-size:16px;
font-weight:bold;
line-height:calc(22.5 / 16);
}

.card-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

/* .info-note-inline
----------------------------------------------- */
.info-note-inline{
color:var(--cmn-font-color-gray);
text-indent:0;
}
.info-note-inline::before {
margin-right: 4px;
content:'\203b';
display:inline-block;
}
.info-note-inline .cmn-tip-btn{
margin-left:4px;
}
.under-link-content-hdg-sup .info-note-inline,
.under-link-content-hdg .info-note-inline{
font-size:12px;
font-weight:normal;
margin-left:8px;
}

/* .contents-footer-nav-more
----------------------------------------------- */
.under-link-content .contents-footer-nav-more{
margin:8px 0 0 auto;
display:block;
width:fit-content;
font-size:12px;
}

.under-link-content .contents-footer-nav-more.branch{
margin-top:20px;
}

/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */

.type-select-box + .type-select-box{
border-top:1px solid #ccc;
margin-top:15px;
padding-top:15px;
}
.type-select-box > .box-hdg{
font-weight:bold;
font-size:13px;
display:block;;
margin-bottom:5px;
}
.form-list > li.is-disabled {
opacity:0.25;
}
.form-list-logo li{
vertical-align:middle;
padding-left:14px;
box-sizing:border-box;
margin:5px 0;
min-height:30px;
}
.form-list-logo li input[type="checkbox"] {
margin:0;
position:absolute;
top:9px;
left:0;
}
.form-list-logo > li .num {
display:inline-block;
}
.form-list-logo > li label{
display:block;
padding:6px 0 6px 105px;
position:relative;
cursor:pointer;
font-size:12px;
}
.form-list-logo > li label:hover{
background-color:#f0f0f0;
}
.form-list-logo > li label.disabled:hover{
background-color:fff;
}
.form-list-logo .logo-box{
display:block;
border:1px solid #dae1e5;
display:block;
position:absolute;
top:0;
left:20px;
width:80px;
height:30px;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
text-align:center;
}
.form-list-logo > li .logo-box img {
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
-ms-transform:translate(50%, 50%);
transform:translate(50%, 50%);
max-width:80%;
max-height:80%;
vertical-align:bottom;
}
.form-list-logo > li.is-disabled {
opacity:0.5;
}
.form-list-logo > li.is-disabled label {
cursor:default;
}

/* ----------------------------------------------------------------
  Modal Exec
----------------------------------------------------------------- */

/* .modal-exec
----------------------------------------------- */

.modal-exec{
font-size:15px;
}
.modal-exec > b{
margin:0 5px;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:4em;
vertical-align:middle;
font-size:25px;
text-align:right;
}
.modai-hdg{
text-align:left;
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
display:block;
box-sizing:border-box;
width:100%;
margin:5px 0;
}
.modai-hdg.dp{
padding-left:115px;
}
.modai-hdg.dp:before{
content:'';
display:block;
width:95px;
height:38px;
background:url(/element/w_hotel/shared/images/ic-dp.png) no-repeat;
position:absolute;
left:10px;
top:50%;
margin-top:-19px;
}
.modai-hdg.air{
padding-left:60px;
}
.modai-hdg.air:before{
content:'';
display:block;
width:39px;
height:39px;
background:url(/element/w_hotel/shared/images/ic-air.png) no-repeat;
position:absolute;
left:10px;
top:50%;
margin-top:-19px;
}
.modai-hdg b{
color:#015eaa;
font-size:22px;
}
.modai-hdg strong{
font-size:22px;
}
.cmn-modal-item .detail-line{
padding:0 15px;
box-sizing:border-box;
}
.cmn-modal-item .detail-line > div{
font-size:14px;
color:var(--cmn-font-color-base);
}
.cmn-modal-item .detail-line > div:last-child{
font-weight:bold;
font-size:18px;
text-indent:-1em;
padding-left:1em;
}
.modal-btn-list{
margin:10px 0;
text-align:center;
}
.modal-btn-list li{
display:inline-block;
margin:0 2px;
}
.modal-btn-list li button{
padding:4px 12px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
cursor:pointer;
font-size:18px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
}
.modal-btn-list li button:active,
.modal-btn-list li button:hover,
.modal-btn-list li button:focus{
background-image:-webkit-linear-gradient(#4f9d02, #4e8901);
background-image:linear-gradient(#4f9d02, #4e8901);
background-color:#72ba00;
}
.modal-other-city{
text-align:right;
font-size:12px;
}
.modal-other-city a{
color:#555;
position:relative;
padding-left:15px;
}
.modal-other-city a:before {
content:'';
display:block;
position:absolute;
bottom:50%;
left:2px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.modal-air-txt{
text-align:center;
font-size:14px;
margin:25px 0;
}
.modal-air-txt > .date{
font-size:20px;
font-weight:bold;
}
.modal-air-txt > .city{
font-size:24px;
font-weight:bold;
}
.cmn-modal-box.modal-attention{
width:490px;
z-index:0;
}
.modal-attention .list-info{
text-align:center;
font-size:14px;
margin-bottom:30px;
}
.modal-attention .list-info.list-info-left{
text-align:left;
}
.modal-attention .list-info li{
padding-left:1em;
word-break:break-all;
}
.modal-attention.cmn-modal-box .cmn-info-btn,
.modal-attention.cmn-modal-box .cmn-cancel-btn{
padding:5px 20px;
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;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
box-sizing:border-box;
font-size:17px;
font-weight:bold;
}
/*
.modal-attention .list-info li:before{
content:"\30FB";
display:inline-block;
}
*/
.txt-notice {
color:#e93939 !important;
}
.cmn-modal-box .modal-btn-box .cmn-info-btn:hover,
.cmn-modal-box .modal-btn-box .cmn-cancel-btn:hover{
text-decoration:none;
}

/* ..modal-gallery
----------------------------------------------- */
.modal-gallery-hdg {
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px dotted #d9d9d9;
font-size:16px;
font-weight:400;
color:var(--cmn-font-color-gray);
}
.modal-gallery-hdg .ruby {
display:block;
font-weight:400;
font-size:12px;
}
.modal-gallery-hdg-01 {
line-height:1.25;
font-size:16px;
font-weight:700;
}
.modal-gallery-sup {
margin:0 0 10px;
line-height:1.25;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.modal-gallery-sup>li {
margin-top:5px;
display:table;
width:100%;
}
.modal-gallery-sup>li>span {
display:table-cell;
}
.modal-gallery-sup>li>span:last-child a{
color:#555;
position:relative;
padding-left:12px;
}
.modal-gallery-sup>li>span:last-child a:before {
content:'';
display:block;
position:absolute;
bottom:50%;
left:0;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.modal-gallery-sup>li>span:first-child {
white-space:nowrap;
}
.modal-gallery-sup>li>span:last-child {
width:100%;
}
.modal-gallery-sup .modal-gallery-sup-link {
margin-left:30px;
padding-left:10px;
color:#555;
display:inline-block;
position:relative;
text-decoration:none;
}
.modal .modal-gallery-sup .modal-gallery-sup-link:before {
content:'';
display:block;
position:absolute;
top:4px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.modal-gallery-sup>li>span:first-child:after {
content:'\ff1a';
}

/* .carousel
----------------------------------------------- */
.carousel {
margin-bottom:30px;
}
.carousel .carousel-list {
margin-top:0;
}
.carousel .carousel-list>li {
display:none;
}
.carousel .carousel-list>li.is-active {
display:block;
}
.carousel .carousel-list>li .image {
padding-top:75%;
display:block;
height:0;
position:relative;
background-color:#f5f5f5;
}
.carousel .carousel-list>li .caption {
margin-top:8px;
color:#555;
display:block;
text-align:center;
}
.carousel .carousel-list>li .image img {
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-height:100%;
max-width:610px;
max-height:465px;
}
.carousel .carousel-num {
margin-top:12px;
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:center;
}
.carousel .carousel-nav {
margin:15px auto;
padding:0 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
}
.carousel .carousel-nav>li.next button, .carousel .carousel-nav>li.prev button {
padding:0;
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
background:#fff;
cursor:pointer;
}
.carousel .carousel-nav>li.next button:before, .carousel .carousel-nav>li.prev button:before {
margin-top:-8px;
content:'';
display:block;
position:absolute;
top:50%;
right:4px;
border-right:2px solid #b5b5b5;
border-bottom:2px solid #b5b5b5;
width:15px;
height:15px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.carousel .carousel-nav>li.carousel-nav-thumb {
overflow:hidden;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul {
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li {
min-width:85px;
max-width:85px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:.5;
background-color:#fff;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
background-color:#f5f5f5;
overflow:hidden;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li a{
cursor:pointer;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li:not(:first-child) {
margin-left:10px;
}
.modal .carousel-nav>li.carousel-nav-thumb>ul>li {
min-width:90.4px;
max-width:90.4px;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active {
opacity:1;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a{
cursor:default;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li a {
display:block;
height:0;
padding-top:68%;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a {
position:relative;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li.is-active a:before {
content:'';
border:2px solid #444;
display:block;
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:1;
}
.carousel .carousel-nav>li.carousel-nav-thumb>ul>li a img {
position:absolute;
bottom:50%;
right:50%;
max-height:100%;
z-index:0;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
min-width:85px;
max-width:85px;
}
.carousel .carousel-nav>li.next button, .carousel .carousel-nav>li.prev button {
padding:0;
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
background:#fff;
}
.carousel .carousel-nav>li.prev button {
right:auto;
left:0;
}
.carousel .carousel-nav>li.next button[disabled], .carousel .carousel-nav>li.prev button[disabled] {
opacity:.4;
}
.carousel .carousel-nav>li.next button:before, .carousel .carousel-nav>li.prev button:before {
margin-top:-8px;
content:'';
display:block;
position:absolute;
top:50%;
right:4px;
border-right:2px solid #b5b5b5;
border-bottom:2px solid #b5b5b5;
width:15px;
height:15px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.carousel .carousel-nav>li.prev button:before {
right:auto;
left:4px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.carousel .carousel-nav>li.carousel-nav-thumb {
max-width:465px;
}

/* ----------------------------------------------------------------
.research-box
----------------------------------------------------------------- */

.research-box{}
.research-box .research-hdg{
font-weight:bold;
margin-bottom:5px;
}
.result-box{
background-color:#ededed;
padding:10px 15px;
margin-bottom:20px;
font-size:12px;
display:table;
width:100%;
box-sizing:border-box;
}
.result-box .cell{
display:table-cell;
}
.result-box .cell:first-child{
padding-right:50px;
width:145px;
box-sizing:border-box;
}
.result-box .cell:last-child{
position:relative;
}
.result-box .cell:last-child:before{
content:'';
width:12px;
height:4px;
background:#888;
position:absolute;
left:-40px;
top:7px;
}
.result-box .cell:last-child:after {
position:absolute;
top:3px;
left:-28px;
content:"";
display:block;
border-left:6px solid #888;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
}
.result-box .cell .num{
font-family:arial;
font-size:14px;
padding:0 2px;
}
.research-box .research-detail-box > p{
font-size:12px;
margin:0 0 5px 0;
}
.research-form-area.form-search{
padding:0;
background:none;
margin-bottom:15px;
}
.research-form-area.form-search .search-filter-list-number{
display:block;
box-sizing:border-box;
padding-left:20px;
}
.research-form-area.form-search .search-filter-list-number li{
display:table;
margin-bottom:8px;
}
.research-form-area.form-search .search-filter-list-number li > h2,
.research-form-area.form-search .search-filter-list-number li > span,
.research-form-area.form-search .search-filter-list-number li > ol{
display:table-cell;
vertical-align:middle;
}
.research-form-area.form-search .search-filter-list-number li > h2{
width:110px;
padding-right:20px;
box-sizing:border-box;
font-size:12px;
}
.research-form-area.form-search .child-box.is-active{
text-align:initial;
margin-top:-8px;
}
.research-btn-box{
text-align:center;
margin:20px 0 5px 0;
}
.research-btn-box .search-filter-btn{
padding:4px 15px;
color:#fff;
border:none;
border-radius:4px;
width:175px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px rgba(0,0,0,.2);
-moz-box-shadow:inset 0 -3px rgba(0,0,0,.2);
box-shadow:inset 0 -3px rgba(0,0,0,.2);
cursor:pointer;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
box-sizing:border-box;
display:block;
margin:0 auto;
}

/* ----------------------------------------------------------------
img-hotel-hover
----------------------------------------------------------------- */
.spot-hdg{
font-size:14px;
font-weight:bold;
}
.form-spot-list{
display:block;
}
.form-spot-list li{
display:inline-block;
font-size:12px;
}
.form-spot-list li:before{
content:'\0FF0F';
margin-right:2px;
}
.form-spot-list li:first-child:before{
display:none;
}

/* ----------------------------------------------------------------
suggestArea
----------------------------------------------------------------- */

.suggestArea{
width:685px;
border:1px solid #bebebe;
padding:15px 12px;
background:#fff;
z-index:1000;
box-sizing:border-box;
position:relative;
}
.suggestArea.popular p{
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:bold;
margin-bottom:8px;
}
.suggestArea.popular dl{
width:200px;
float:left;
padding-right:7px;
margin-right:7px;
overflow:hidden;
box-sizing:border-box;
}
.suggestArea.popular dl.area3{
width:195px;
float:left;
padding-right:0;
margin-right:0;
border:0;
}
.suggestArea.popular dl.area3 dt{
width:187px;
}
.suggestArea.popular dl.area3 dd{
width:90px;
cursor:pointer;
}
.suggestArea.popular dl dt{
display:block;
margin-bottom:6px;
font-weight:bold;
font-size:12px;
clear:both;
padding-left:10px;
color:var(--cmn-font-color-base);
}
.suggestArea.popular dl dd + dt{
margin-top:7px;
padding-top:10px;
border-top:1px dotted #ccc;
}
.suggestArea.popular dl dd{
display:inline-block;
line-height:1.4;
letter-spacing:-.1px;
vertical-align:top;
font-size:12px;
box-sizing:border-box;
white-space:nowrap;
padding-left:8px;
}
.suggestArea.popular dl dd.block{
display:block;
width:190px;
}
.suggestArea.popular dl dd.block:last-child{
margin-top:3px;
}
.suggestArea.popular dl dd span{
font-size:11px;
}
.suggestArea.popular dl dd a{
padding-left:3px;
display:inline-block;
color:#555;
}
.suggestArea.suggest{
width:615px;
border-radius:3px;
border:1px solid #999;
padding:0 0 10px 0;
background:#fff;
z-index:1000;
box-shadow:rgb(150, 150, 150) 3px 4px 6px -1px;
}
.suggestArea.suggest dl dt{
display:block;
background:#f1f1f1;
font-size:80%;
padding:3px 15px;
margin-bottom:8px;
margin-top:5px;
}
.suggestArea.suggest dl dt:first-child{
margin-top:0;
}
.suggestArea.suggest dl dd{
display:block;
padding:0 5px;
margin-bottom:0;
line-height:1.1;
}
.suggestArea.suggest dl dd a{
padding:2px 13px;
display:block;
}
.suggestArea .info{
text-align:right;
padding:2px 0 0 0px;
cursor:default;
font-size:12px;
background:none;
text-indent:0;
color:var(--cmn-font-color-base);
font-size:12px;
width:inherit;
position:inherit;
}
.suggestArea .info:hover,
.suggestArea .tailInfo:hover{
background:inherit;
}
.suggestArea .tailInfo{
text-align:left;
padding:5px 7px 0 7px;
margin-top:12px;
margin-bottom:-4px;
cursor:default;
font-size:12px;
border-top:1px solid #dcdcdc;
color:#666;
}
.suggestArea.search dl dt{
margin-top:8px;
}
.suggestArea.search dl dt span {
font-size:11px;
font-weight:normal;
padding-left:5px;
}

/* suggestArea
=========================================================================================== */

#two_column_right #main_Col{
position:relative;
}

#suggestArea.search{
position:absolute;
top:40px;
left:0px;
}
.suggestArea strong,
#suggestArea strong{
color:#333!important;
}
.suggestArea.search dl{
width:100%;
float:left;
padding-right:7px;
margin-right:7px;
height:auto;
}
.suggestArea.search dl dt{
display:block;
background:#f1f1f1;
padding:2px 3px;
margin-bottom:6px;
font-weight:bold;
font-size:110%;
clear:both;
}
.suggestArea.search dl dd{
line-height:1.7;
letter-spacing:-0.1px;
cursor:pointer;
padding-left:25px;
box-sizing:border-box;
}
.suggestArea.search dl dd.info{
cursor:default;
display:block;
}
.suggestArea.search dl dd.tailInfo{
cursor:default;
margin-bottom:-10px;
padding-left:0;
}
.select{
color:#fff;
background-color:#3366ff;
}
.over{
background-color:#f9eaba;
}
#suggestAreaDefault{
display:none;
}
.suggestArea p.destination{
font-size:110%;
color:var(--cmn-font-color-gray);
font-weight:bold;
margin-bottom:8px;
}
.area1 dd,
.area2 dd,
.area3 dd{
width:98px;
margin-right:3px;
display:inline-block;
line-height:1.6;
letter-spacing:-0.1px;
}
.suggestArea dt.areatitle{
margin-top:25px;
}
.suggestArea dl.area1,
.suggestArea dl.area2{
width:220px;
float:left;
padding-right:7px;
margin-right:7px;
height:auto;
}
.suggestArea dl.area1 .block{
display:block;
width:190px;
}
.suggestArea dl.area3{
width:190px;
float:left;
padding-right:0;
margin-right:0;
border:0;
}
.area3 dd{
width:90px;
}
.suggestArea dl.area1 dd:hover,
.suggestArea dl.area2 dd:hover,
.suggestArea dl.area3 dd:hover{
background:none;
}

/*__________________ [nn] Suggest Area ______________________*/
.suggestArea dd:hover{
background-color:#f9eaba;
}
.suggestArea dd:focus{
background-color:#f9eaba;
}
#suggestArea,
#suggestAreaDefault{
position:absolute;
top:170px;
left:60px;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}
.keyword-list .suggest-container,
.suggest-container.keyword{
display:inline-block;
}
.check-filter .suggest-container b{
font-size:12px;
display:inline;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:40px;
left:0;
z-index:101;
width:100%;
box-sizing:border-box;
background-color:#fff;
text-align:left;
color:var(--cmn-font-color-base);
box-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}
.keyword-list .suggest-container .suggest{
top:33px;
}
.check-filter .suggest-container .suggest{
top:25px;
width:250px;
}
.suggest-container.map-suggest .suggest{
top:33px;
}
.find-detail-box .suggest-container ul.suggest-list{
margin:0;
width:auto;
padding-left:0;
}
.suggest-container .suggest.is-active{
display:block;
}

/* .suggest-sup
----------------------------------------------- */
.suggest-container .suggest-sup{
margin:10px 0;
}

/* .suggest-btn-prev
----------------------------------------------- */
.suggest-container .suggest-btn-prev{
margin:5px 0;
padding:0;
border:none;
color:#0b4cae;
background:none;
font-size:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
}
.suggest-container .suggest-list > li{
margin-top:2px;
padding:3px 0;
cursor:pointer;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li[class]{
position:relative;
}
.suggest-container .suggest-list > li.area,
.suggest-container .suggest-list > li.spot,
.suggest-container .suggest-list > li.airport,
.suggest-container .suggest-list > li.station,
.suggest-container .suggest-list > li.hotel,
.suggest-container .suggest-list > li.restaurant{
padding-left:25px;
}
.suggest-container .suggest-list > li.area:before,
.suggest-container .suggest-list > li.spot:before,
.suggest-container .suggest-list > li.airport:before,
.suggest-container .suggest-list > li.station:before,
.suggest-container .suggest-list > li.hotel:before,
.suggest-container .suggest-list > li.restaurant:before{
content:'';
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.over,
.suggest-container .suggest-list > li.select{
background-color:#f9eaba;
color:var(--cmn-font-color-base);
}
.suggest-container.keyword .suggest-list > li.over,
.suggest-container.keyword .suggest-list > li.select{
background-color:#f9eaba;
color:var(--cmn-font-color-base);
padding-left:0;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:13px 14px;
}
.suggest-container .suggest-list > li.spot:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
}
.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel.svg);
background-size:15px 12px;
}
.suggest-container .suggest-list > li.restaurant:before{
background-image:url(/element/shared/images/icon/icon-restaurant.svg);
background-size:12px 15px;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
}

/* .suggest-category-list
----------------------------------------------- */
.suggest-container .suggest-category-list{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.suggest-container .suggest-category-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.suggest-container .suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a{
padding:19px 0 0;
color:#666;
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.suggest-container .suggest-category-list > li > a::before{
content:'';
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.45;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
}
.suggest-container .suggest-category-list > li.is-active > a::before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a{
color:#ccc;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a::before{
opacity:.25;
}
.suggest-container .suggest-category-list > li.all > a::before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:14px 10px;
}
.suggest-container .suggest-category-list > li.area > a::before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:15px 16px;
}
.suggest-container .suggest-category-list > li.station > a::before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:15px 15px;
}
.suggest-container .suggest-category-list > li.airport > a::before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:16px 16px;
}
.suggest-container .suggest-category-list > li.spot > a::before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:11px 13px;
}
.suggest-container .suggest-category-list > li.hotel > a::before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 12px;
}
.suggest-container .suggest-category-list > li.restaurant > a::before{
background-image:url(/element/shared/images/icon/icon-restaurant-gray.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.is-active {
background-color:#f9eaba;
}

/* .suggest-logo
----------------------------------------------- */
.suggest-container .suggest-logo{
margin-top:10px;
text-align:right;
line-height:1;
}
.suggest-container .suggest-logo a{
color:#666;
display:inline-block;
font-size:11px;
text-decoration:none;
}
.suggest-container .suggest-logo a > span{
color:#0b4cae;
}
.suggest-container .suggest-logo img{
margin:0 0 1px 5px;
width:123px;
vertical-align:text-bottom;
backface-visibility:hidden;
}

/* .suggest-notice
----------------------------------------------- */
.suggest-container .suggest-notice{
font-size:11px;
}
.suggest-container .suggest-notice > li{
margin-top:3px;
padding-left:1.25em;
position:relative;
text-align:left;
margin-bottom:0;
}
.suggest-container .suggest-notice > li:before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .suggest-box
----------------------------------------------- */
.suggest-container .suggest-box{
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
font-size:11px;
}

/* .suggest-category-list
----------------------------------------------- */
.narrow-search .suggest-container .suggest{
top:28px;
width:520px;
}
.narrow-search .suggest-container .suggest-category-list{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.narrow-search .suggest-container .suggest-category-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:0;
margin:0;
}
.narrow-search .suggest-container .suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.narrow-search .suggest-container .suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.narrow-search .suggest-container .suggest-category-list > li.is-active > a:before{
opacity:1;
}
.narrow-search .suggest-container .suggest-category-list > li.is-disabled > a{
color:#949494;
cursor:default;
}

/*--------------------------------------------------
qtip
---------------------------------------------------*/

.qtipHelp_Area{width:302px;
border:solid 7px #C1E0FF;
text-align:left;
background-color:#ffffff;
}
.qtipHelp_Area .qtip-title    {
padding:7px 4px 7px 8px;
width:290px;
line-height:1.1;
border-bottom:solid 1px #7abdff;
background-color:#e1f0ff;
}
.qtipHelp_Area .qtip-title em {
color:#333333;
font-weight:bold;
font-style:normal;
}
.qtipHelp_Area .qtip-content       {
padding:7px 6px 7px 6px;
width:290px;
border-color:#3399ff;
line-height:1.2;
background-color:#ffffff;
}
.qtipHelp_Area .qtip-content table,
.qtipHelp_Area .qtip-content th,
.qtipHelp_Area .qtip-content td    {
border-style:solid;
border-color:#C1E0FF;
}
.qtipHelp_Area .qtip-content table {
border-collapse:collapse;
border-width:1px 1px 0 0;
width:100%;
}
.qtipHelp_Area .qtip-content th    {
border-width:0 0 1px 1px;
padding:3px;
width:20%;
vertical-align:top;
background-color:#E1F0FF;
font-weight:normal;
}
.qtipHelp_Area .qtip-content td    {
border-width:0 0 1px 1px;
padding:3px;
width:80%;
vertical-align:top;
background-color:#FFFFFF;
}
.qtipHelp_Area .qtip-content hr    {
margin-top:5px;
height:1px;
color:#D6D6D6;
}
.qtipHelp_Area .qtip-content table.explain_Table    {
border-width:0;
}
.qtipHelp_Area .qtip-content table.explain_Table th,
.qtipHelp_Area .qtip-content table.explain_Table td {
border-style:dotted;
padding:7px 3px 3px 3px;
border-width:1px 0 0 0;
border-color:#bdbdbd;
}
.qtipHelp_Area .qtip-content table.explain_Table th {
background-color:#ffffff;
}
.qtipHelp_Area .qtip-content table.explain_Table td {
color:#666666;
}
.qtipHelp_Area .qtip-content table.explain_Table .first_row th,
.qtipHelp_Area .qtip-content table.explain_Table .first_row td {
padding:3px;
border-width:0;
}
/*--------------------------------------------------
pay-info-box
---------------------------------------------------*/
.cmn-tip-container.pay-info-box{
padding:15px 20px;
font-size:12px;
width:640px;
box-sizing:border-box;
position:absolute;
background:#fff;
z-index:1;
text-align:left;
top:48px;
left:0;
min-height:78px;
}
.pay-info-box.wide{
width:650px;
}
.pay-info-box dl dt{
float:left;
margin-bottom:0px;
font-weight:normal;
}
.pay-info-box dd{
margin-left:120px;
margin-bottom:1px;
}
.pay-info-box .confirm-agent dd{
margin-left:52px;
}
.pay-info-box dt > .pay-info{
padding-left:4em;
}
.pay-info-box dd:last-child{
margin-bottom:0;
}
.pay-info-box dd span{
color:#ccc;
}
.pay-info-box dd .cmn-tip-btn{
vertical-align:middle;
margin-top:-2px;
}
.pay-info-box span.cmn-tip-caution-btn,
.pay-info-box span.secure,
.tip-payment-info span.secure{
color:var(--cmn-font-color-base);
position:relative;
padding-right:14px;
}
.pay-info-box span.secure:after,
.tip-payment-info span.secure::after{
margin:0 0 0 8px;
content:'\0203B';
color:var(--cmn-font-color-red);
position:absolute;
top:0;
right:0;
font-size:12px;
font-weight:bold;
}
p.secure-info{
display:inline-block;
color:var(--cmn-font-color-base);
text-indent:0;
position:relative;
font-size:12px;
line-height:1.45;
margin-top:12px;
}
p.secure-info{
margin-top:8px;
padding-left:15px;
font-size:11px;
color:#666;
line-height:1.5;
}
.pay-under-info-txt,
.tip-payment-info .pay-text-box .pay-under-info-txt{
color:#666;
}
p.secure-info > b{
margin-bottom:4px;
color:var(--cmn-font-color-base);
font-size:11px;
font-weight:normal;
}
p.secure-info:before {
content:'\0203B';
color:var(--cmn-font-color-red);
position:absolute;
top:-2px;
left:0;
font-size:12px;
font-weight:bold;
}
.pay-info-box dd img{
margin:-5px 0 -3px 0px;
height:15px;
}
.pay-text-box{
border-top:1px solid #ccc;
margin-top:6px;
padding-top:0;
font-size:12px;
}
.pay-text-box p{
font-size:11px;
}
.pay-text-box p > span{
padding-right:4px;
}
.pay-text-box b{
font-size:13px;
display:block;
margin-bottom:4px;
}
.pay-text-box span{
display:inline-block;
margin-top:7px;
text-indent:0;
}
.opt-price{
position:relative;
margin-right:150px;
}
.hotel-commission-box strong{
color:var(--cmn-font-color-red);
}
.hotel-commission-box .head-info{
font-weight:bold;
font-size:14px;
}
.price-detail-box{
background:#f3f3f3;
padding:12px 10px 12px 12px;
display:block;
border-radius:4px;
margin:10px 0 0 0;
}
.price-detail-box li{
display:inline-block;
width:190px;
vertical-align:top;
}
.price-detail-box li:first-child{
padding-top:4px;
}
.price-detail-box li:first-child > span{
display:inline-block;
background:#888;
border-radius:3px;
color:#fff;
font-size:11px;
font-weight:bold;
padding:0px 3px;
margin-right:5px;
}
.wide .price-detail-box li:last-child{
width:350px;
}
.price-detail-box li:last-child{
width:280px;
margin-left:10px;
font-size:13px;
vertical-align:middle;
}
.price-detail-box li:last-child > span{
display:inline-block;
margin-right:5px;
width:26px;
vertical-align:middle;
}
.price-detail-box li:last-child strong{
font-size:18px;
display:inline-block;
width:116px;
text-align:right;
vertical-align:middle;
}
.price-detail-box li:last-child strong + span{
width:125px;
font-size:11px;
margin:0 0 0 7px;
line-height:1.2;
letter-spacing:-0.5px;
}
.wide .price-detail-box li:last-child strong + span{
width:190px;
}
.arrow-box {
position:relative;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
}
.arrow-box:after, .arrow-box:before {
bottom:100%;
left:70px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.resort-fee-01 .arrow-box:after,.resort-fee-01 .arrow-box:before{
left:75%;
}
.arrow-box:after {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:20px;
margin-left:-20px;
}
.arrow-box:before {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#ccc;
border-width:21px;
margin-left:-21px;
}
.agent-info-box{
border-bottom:1px solid #ccc;
margin-bottom:15px;
padding-bottom:20px;
}
.agent-info-box li{
display:inline-block;
max-width:160px;
position:relative;
height:155px;
vertical-align:top;
padding-top:20px;
}
.agent-info-box li:first-child > div{
border:1px solid #ccc;
border-radius:4px;
}
.agent-info-box li div{
height:155px;
padding:10px 5px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
}
.agent-info-box li:first-child{
padding-left:54px;
}
.agent-info-box li:first-child:before{
content:'';
display:block;
width:39px;
height:51px;
background:url(/element/w_hotel/shared/images/icon-commition-01.gif) no-repeat;
position:absolute;
top:0;
left:15px;
}
.agent-info-box li + li{
padding-left:28px;
position:relative;
}
.agent-info-box li + li:before{
content:'';
display:block;
width:28px;
height:24px;
background:url(/element/w_hotel/shared/images/icon-commition-02.gif) no-repeat;
position:absolute;
top:27px;
left:0;
}
.agent-info-box .head-text{
font-size:12px;
padding-bottom:6px;
margin-bottom:10px;
border-bottom:1px solid #e2e2e2;
text-align:center;
}
.agent-info-box .price-info{
text-align:center;
font-size:15px;
}
.agent-info-box .price {
font-size:12px;
color:var(--cmn-font-color-gray);
}
.agent-info-box .price b{
font-size:15px;
color:var(--cmn-font-color-base);
}
.agent-info-box .cap{
display:block;
font-size:10px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}
.agent-info-box .price-text{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.agent-info-box .price-text b{
line-height:1.3;
display:block;
margin-top:12px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.pay-info-box.wide .agent-info-box li div.arrow-box,
.pay-info-box .agent-info-box li.resort-fee-01 .arrow-box{
width:360px;
}
.pay-info-box .agent-info-box li .arrow-box div{
display:inline-block;
width:160px;
}
.pay-info-box .agent-info-box li .arrow-box div.agent-move{
padding-top:0;
}
.pay-info-box .agent-info-box li .arrow-box div + div{
position:relative;
margin-left:20px;
}
.pay-info-box .agent-info-box li .arrow-box div + div:before{
display:block;
content:'';
width:18px;
height:4px;
background:#777;
position:absolute;
left:-22px;
top:43px;
}
.pay-info-box .agent-info-box li .arrow-box div + div:after{
display:block;
content:'';
width:4px;
height:18px;
background:#777;
position:absolute;
left:-15px;
top:36px;
}
.text-agent-info{
font-size:11px;
color:#666;
margin:15px 0 -10px 0;
letter-spacing:-0.5px;
}
#one_column #main_Col .agent-link-item-box{
line-height:1.5;
}

/* ----------------------------------------------------------------
  payment tooltip
----------------------------------------------------------------- */
.tip-payment-info{
position:absolute;
top:auto;
right:10px;
padding:15px 20px;
width:615px;
color:var(--cmn-font-color-base);
font-size:13px;
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
box-shadow:1px 1px 3px 0 rgba(153,153,153,.75);
box-sizing:border-box;
z-index:101;
}
.tip-payment-info .list-payment > li{
display:table;
width:100%;
}
.tip-payment-info .list-payment > li > .hdg{
position:relative;
display:table-cell;
width:6em;
font-weight:normal;
color:#555;
vertical-align:top;
white-space:nowrap;
}
.tip-payment-info .list-payment > li > .hdg:after{
position:absolute;
content:"\ff1a";
right:0;
}
.tip-payment-info .list-payment > li > .box{
vertical-align:top;
display:table-cell;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment-01{
display:inline-block;
letter-spacing:-.4em;
}
.tip-payment-info .list-payment-01 > li{
position:relative;
padding-left:1em;
display:inline-block;
letter-spacing:normal;
}
.tip-payment-info .list-payment-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\ff0f";
}
.tip-payment-info .list-payment-01 > li:first-child{
padding-left:0;
}
.tip-payment-info .list-payment-01 > li:first-child:before{
display:none;
}
.tip-payment-info .list-payment-01 > li.disabled{
color:#ccc;
}
.tip-payment-info .list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment-01 > li.disabled + li.disabled:before{
color:#ccc;
}
.tip-payment-info .list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment-info .list-credit > li{
display:inline-block;
}
.tip-payment-info .list-payment img{
vertical-align:middle;
height:15px;
width:auto;
}
.tip-payment-info .pay-text-box{
border-top:1px solid #ccc;
margin-top:8px;
padding-top:0px;
font-size:12px;
}
.tip-payment-info .pay-text-box p{
font-size:11px;
padding-left:1em;
text-indent:-1em;
color:#666;
}
.tip-payment-info .pay-text-box p.secure-info{
padding-left:15px;
text-indent:0;
line-height:1.5;
}
.tip-payment-info .pay-text-box p.secure-info b{
font-weight:normal;
font-size:11px;
}

/* .tip-cv-btn-item
----------------------------------------------- */
.tip-cv-btn-item{
text-align:right;
margin-top:10px;
}
.tip-cv-btn-item .tip-cv-btn{
padding:0 5px;
border:none;
border-radius:4px;
box-sizing:border-box;
color:#fff;
min-width:116px;
height:37px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:18px;
font-weight:bold;
background-color:#72ba00;
white-space:nowrap;
}

/* .list-pament-info
----------------------------------------------- */
.list-pament-info{
display:table;
table-layout:fixed;
width:186px;
border-collapse:separate;
border-spacing:3px;
margin:-4px 0 0 -4px;
}
.list-pament-info li{
display:table-cell;
width:50%;
padding:2px 1px;
border:1px solid #d9d9d9;
vertical-align:middle;
text-align:center;
font-size:10px;
color:#666;
}

/* .cupon
----------------------------------------------- */

.breakDetail_Box {
position:absolute;
width:260px;
padding:10px;
background:#fff;
border:1px solid #a3a3a3;
border-radius:5px;
}
.breakDetail_one_column {
position:relative;
background-position:-540px bottom;
background-repeat:no-repeat;
}
.breakDetail_one_column:before {
content:'';
position:absolute;
top:21px;
left:-33px;
display:block;
width:0;
height:0;
border:10px solid transparent;
border-right:13px solid #a3a3a3;
}
.breakDetail_one_column:after {
content:'';
position:absolute;
top:22px;
left:-30px;
display:block;
width:0;
height:0;
border:9px solid transparent;
border-right:12px solid #fff
}
.breakDetail_Box p {
font-size:10px;
color:#666666;
}
.breakDetail_Box p em {
font-weight:bold;
}
.breakDetail_Box table {
width:100%;
margin:4px 0 5px;
border-collapse:collapse;
}
.breakDetail_Box th,
.breakDetail_Box td {
padding:3px 5px;
font-size:10px;
font-weight:normal;
line-height:1.3;
text-align:left;
color:#4a4a4a;
}
.breakDetail_Box th {
width:55px;
background:#f0f0f0;
}
.breakDetail_Box .terms,
.breakDetail_Box .data {
border-top:1px dotted #cdcdcd;
}
.breakDetail_Box .coupon,
.breakDetail_Box .discount {
border-top:solid 1px #ccc;
}
.breakDetail_Box .discount span {
background:#ffd7d7;
padding:1px 3px;
}
.breakDetail_Box .total {
padding:14px 3px 0;
background:#fff;
border-top:solid 1px #ccc;
font-size:12px;
font-weight:bold;
letter-spacing:-.02em;
}
.breakDetail_Box .terms.total{
text-align:center;
}
.breakDetail_Box .data em {
color:var(--cmn-font-color-red);
}
.breakDetail_Box .breakDetail_Point {
margin-bottom:4px;
padding:3px 4px;
background:#efefef;
}
.breakDetail_Box ul {
overflow:hidden;
}
.breakDetail_Box li {
margin-top:-1px;
padding:4px 4px;
border-top:1px dotted #cdcdcd;
overflow:hidden;
}
.breakDetail_Box li p {
display:inline-block;
width:170px;
font-size:11px;
vertical-align:middle;
}
.breakDetail_Box li span {
display:inline-block;
width:60px;
text-align:right;
vertical-align:middle;
}

/* .vendorDtl_Area
----------------------------------------------- */

#overlayAgentInfo {
width:212px;
height:158px;
display:none;
position:absolute;
z-index:10;
zoom:1;
}
#overlayAgentInfo .vendorDtl_Box {
position:absolute;
top:-3px;
left:3px;
text-align:left;
}
#overlayAgentInfo .vendorDtlLogo {
position:relative;
margin-bottom:-1px;
padding:7px 4px 2px;
width:82px;
border:1px solid #b5b5b5;
border-bottom:0 none;
border-radius:5px 5px 0 0;
background-color:#fff;
box-shadow:0 -.5px 4px rgba(170,170,170,1);
}
#overlayAgentInfo .vendorDtlLogo:after {
position:absolute;
bottom:-12px;
left:0;
content:'';
display:block;
width:90px;
height:13px;
background:#fff;
box-shadow:none;
}
#overlayAgentInfo .vendorDtl_Box .vendorDtlLogo a {
display:inline-block;
width:80px;
height:31px;
margin:0 auto 3px;
background:#ffffff;
border:solid 1px #c4c4c4;
text-align:center;
vertical-align:middle;
}
* html #overlayAgentInfo .vendorDtl_Box .vendorDtlLogo a {
display:inline;
zoom:1;
}
*:first-child+html #overlayAgentInfo .vendorDtl_Box .vendorDtlLogo a {
display:inline;
zoom:1;
}
#overlayAgentInfo .vendorDtl {
width:200px;
padding:10px 8px 10px 8px;
border:1px solid #b5b5b5;
background-color:#fff;
box-shadow:0 0 4px rgba(170,170,170,1);
}
#overlayAgentInfo .contact {
position:relative;
margin-bottom:7px;
padding-right:6.5em;
font-size:90%;
word-break:break-all;
}
#overlayAgentInfo .contact a {
position:absolute;
top:0px;
right:0px;
padding-left:14px;
}
#overlayAgentInfo .contact a:before{
content:'';
display:block;
position:absolute;
bottom:50%;
left:2px;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
#overlayAgentInfo table {
width:100%;
border-top:1px solid #cdcdcd;
border-collapse:collapse;
}
#overlayAgentInfo table th,
#overlayAgentInfo table td {
text-align:center;
word-break:break-all;
border-right:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
}
#overlayAgentInfo table tr:hover {
background:#fff;
}
#overlayAgentInfo table th {
width:33%;
padding:0.4em 0;
border-style:solid;
border-width:1px 0;
border-color:#BDBDBD;
line-height:1.0;
font-size:80%;
font-weight:normal;
background:#f0f0f0;
color:#555;
}
#overlayAgentInfo table td {
border-style:dotted;
border-width:1px 0 0 0;
border-color:#bdbdbd;
line-height:1.2;
background:transparent;
text-align:center;
word-break:break-all;
border-bottom:1px solid #cdcdcd;
padding:5px;
color:var(--cmn-font-color-base);
border-right:0 none;
text-align:left;
}


/* ----------------------------------------------------------------
   spot icon settings
----------------------------------------------------------------- */
/* icons for suggest list */
[class^=icon-list-] {
position:relative;
}
[class^=icon-list-]:before{
position:absolute;
content:'';
width:20px;
height:20px;
top:0;
left:0;
background-image:url(/element/shared/images/sprite/sprite-icon-symbol.png);
background-repeat:no-repeat;
}
.suggestArea dd.icon-list-general{
padding-left:0;
}
.icon-list-general:before {background-position:0 0; background:none;}
.icon-list-airport:before {background-position:-142px -7px;}
.icon-list-station:before {background-position:-176px -7px;}
.icon-list-attraction:before {background-position:-40px -7px;}
.icon-list-restaurant:before {background-position:-74px -7px;}
.icon-list-hotel:before {
content: '';
display: block;
width: 16px;
height: 16px;
top: 3px;
left: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/element/shared/images/icon/icon-hotel.svg);
background-size: 15px 11px;
}
.interest-list .icon-list-airport:before {background-position:-142px -7px;}
.interest-list .icon-list-station:before {background-position:-176px -7px;}
.interest-list .icon-list-attraction:before {background-position:-40px -7px;}
.interest-list .icon-list-restaurant:before {background-position:-74px -7px;}
.interest-list .icon-list-hotel:before {
content: '';
display: block;
width: 16px;
height: 16px;
top: 3px;
left: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(/element/shared/images/icon/icon-hotel.svg);
background-size: 15px 11px;
}


/* ----------------------------------------------------------------
popup
----------------------------------------------------------------- */
.popup-review-info,
.popup-map-info {
position:absolute;
top:0;
left:0;
width:344px;
padding:10px;
background:#fff;
border:1px solid #b5b5b5;
box-sizing:border-box;
line-height:1.4;
box-shadow:rgba(88, 88, 88, 0.3) 1px 1px 2px 0;
z-index:100;
}
/* .popup-map-info
----------------------------------------------- */
.popup-map-info {
width:344px;
z-index:100;
}
.popup-map-info h2 {
font-size:19px;
margin-bottom:10px;
}
.popup-map-info img {
vertical-align:top;
}
.map-info-outline {
margin-bottom:10px;
overflow:hidden;
}
.outline-txt {
float:left;
width:320px;
line-height:1.3;
}
.outline-img {
float:right;
width:104px;
height:80px;
overflow:hidden;
}
.outline-img img {
max-width:104px;
max-height:80px;
height:auto;
width:auto;
}
.map-info-detail {
margin-bottom:5px;
}
.map-info-detail dt {
margin:1px 0 3px;
width:24.6%;
display:inline-block;
/display:block;
/zoom:1;
vertical-align:top;
line-height:1.2;
font-size:10px;
color:#666;
}
.map-info-detail dd {
position:relative;
margin-bottom:0;
padding-left:.5em;
/padding-left:0;
width:72.1%;
display:inline-block;
/display:block;
/zoom:1;
font-size:12px;
vertical-align:top;
word-break:break-all;
word-wrap:break-word;
}
.map-info-detail dd:before {
content:':';
position:absolute;
top:0;
left:0;
}
.map-info-detail dd span{
position:relative;
}
.map-info-detail dd span:before{
}
.map-info-detail dd img + b {
margin-left:5px;
font-weight:normal;
}
.map-info-detail .bestprice {
color:var(--cmn-font-color-red);
line-height:1.0;
font-weight:bold;
}
.map-info-detail .bestprice b {
font-size:16px;
}
.map-info-detail .review-booksite {
overflow:hidden;
background:#f5f5f5;
padding:5px;
margin:3px 0;
}
.map-info-detail .review-booksite li {
float:left;
width:50%;
font-size:11px;
}
.map-info-distance{
display:table;
width:100%;
padding-bottom:5px;
}
.map-info-distance .interest-distance-detail{
display:table-cell;
vertical-align:middle;
}
.popup-map-info .interest-distance-detail {/* for not with [link-route-search] */
margin-bottom:5px;
}
.map-info-distance .link-route-search{
display:table-cell;
vertical-align:middle;
white-space:nowrap;
text-align:right;
}
.link-route-search a{
position:relative;
padding-left:15px;
}
.link-route-search a:before{
position:absolute;
content:'';
width:11px;
height:11px;
top:1px;
left:0;
background:url(/element/hotel/universal/shared/images/sprite-list-01.png) no-repeat 0 -280px;
}
.map-info-sup {
border-top:dotted 1px #ccc;
padding-top:10px;
}
.map-info-sup + .map-info-sup{
margin-top:10px;
}
.map-info-sup .sup-area {
display:block;
color:#666;
}
.popup-map-info .interest-distance {
float:none;
margin:0;
}
.list-othersite {
margin-top:10px;
border-top:solid 1px #dcdcdc;
}
.list-othersite li{
display:inline-block;
padding-top:5px;
}

#Act_SearchMethodRewriteArea div.relatedProduct_Area {
width:758px;
margin-top:-20px;
}
#Act_SearchMethodRewriteArea div.relatedProduct_Area a:hover{
text-decoration:none;
}

/* ----------------------------------------------------------------
Review
----------------------------------------------------------------- */

.detail-item.review{
margin-top:10px;
padding:0px 15px ;
border:4px solid var(--color-gray);
border-radius:6px;
background:#777;
}
.detail-item.review > .search-item-nav{
margin:0;
}
.detail-item.review > .search-item-nav-info{
font-size:10px;
color:#fff;
text-align:left;
font-weight:normal;
margin:3px 0 0;
clear:both;
}
.review-item-area{
background:#fff;
margin:0 -15px;
padding:0 15px;
}
.review-item-box{
padding:15px 0;
border-top:1px solid var(--color-gray);
margin-top:-1px;
}
.review-item-box:first-child{
margin-top:12px;
}
.review-item-box > .review-head .update,
.review-item-box > .review-head .name,
.review-item-box > .review-head .review-rating{
color:var(--cmn-font-color-base);
font-size:11px;
margin-bottom:5px;
}
.review-item-box > .review-head .review-rating{
margin-top:-8px;
}
.review-item-box > .review-head .review-rating .icon-r-face{
margin-left:10px;
}
.review-info-plus,
.review-info-minus{
position:relative;
font-size:13px;
padding-left:23px;
}
.review-info-minus{
margin-top:10px;
}
.review-info-plus:before,
.review-info-minus:before{
content:'';
width:17px;
height:17px;
display:block;
position:absolute;
left:0;
top:0;
}
.review-info-plus:before{
background:url(/element/w_hotel/shared/images/icon-detail-review-plus.svg) no-repeat;
}
.review-info-minus:before{
background:url(/element/w_hotel/shared/images/icon-detail-review-minus.svg) no-repeat;
}
.review-item-box > .review-head .review-rating .item-rating{
display:inline-block;
vertical-align:middle;
height:32px;
width:32px;
background:#003580;
font-size:16px;
color:#fff;
text-align:center;
line-height:32px;
border-radius:5px 5px 5px 0;
margin-left:8px;
}
.review-item-box > .review-head .review-info{
font-size:16px;
font-weight:bold;
line-height:1.4;
margin-bottom:3px;
}
.review-item-box > .review-head .detail-cell{
width:50%;
font-size:11px;
color:var(--cmn-font-color-base);
}
.review-item-box > .review-head .detail-cell a{
color:#0b4cae;
display:inline-block;
vertical-align:middle;
margin-left:5px;
}
.review-item-box > .review-head .detail-cell:last-child{
text-align:right;
}
.review-item-box > .review-head .detail-cell:last-child::before{
display:none;
}
.review-item-box > .review-head > .detail-line{
min-height:26px;
}
.review-item-box .review-info-list {
display:block;
clear:both;
background:#f3f3f3;
box-sizing:border-box;
margin-top:15px;
font-size:11px;
padding:10px;
color:var(--cmn-font-color-base);
}
.review-item-box .review-info-list li:first-child {
margin-left:0;
padding-left:0;
}
.review-item-box .review-info-list li {
display:inline-block;
margin-left:10px;
}
.review-img-text-box .txt-box{
margin-bottom:20px;
}
.review-item-box .no-img-box.review-img-text-box .txt-box{
float:none;
width:100%;
}
.review-img-text-box .txt-box .ic-rate{
border:1px solid #ccc;
background:#fff;
font-size:10px;
width:40px;
display:inline-block;
height:16px;
box-sizing:border-box;
text-align:center;
}
.review-img-text-box .txt-box .review-rate-box{
margin-bottom:10px;
}
.review-img-text-box .txt-box .review-rate-box em{
font-weight:bold;
}
.review-img-text-box .txt-box .review-txt{
color:var(--cmn-font-color-base);
font-size:13px;
line-height:1.7;
}
.review-img-text-box .hotel-img-box{
float:right;
width:190px;
margin-bottom:20px;
padding-top:34px;
display:none;
}
.review-img-text-box .hotel-img-box img{
max-width:190px;
}
.review-img-text-box .review-info-list{
display:block;
clear:both;
background:#f3f3f3;
box-sizing:border-box;
margin-top:15px;
font-size:11px;
padding:10px;
color:var(--cmn-font-color-base);
}
.review-img-text-box .review-info-list li{
display:inline-block;
margin-left:10px;
}
.review-img-text-box .review-info-list li:before{
content:'|';
padding-right:10px;
color:#d9d9d9;
}
.review-img-text-box .review-info-list li:first-child{
margin-left:0;
padding-left:0;
}
.review-img-text-box .review-info-list li:first-child:before{
display:none;
}
.review-btn-container{
text-align:center;
padding:25px 0;
}
.review-btn-container .btn-review{
height:40px;
box-sizing:border-box;
border-radius:2px;
background-color:#fff;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.09);
-moz-box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-shadow:inset 0 -2px rgba(0,0,0,.09);
box-sizing:border-box;
border:1px solid #c5c5c5;
font-size:14px;
text-align:center;;
padding:0 35px;
font-weight:bold;
color:#555;
margin-bottom:10px;
}
.review-btn-container .agent-notice{
color:#666;
font-size:11px;
}

/* .review
----------------------------------------------- */
.review .search-item-nav .search-item-sort{
margin-bottom:10px;
}

/* .review-rating-item
----------------------------------------------- */
.review-rating-item{
margin:0 -15px;
padding:10px 15px;
border-bottom:4px solid var(--color-gray);
}
.review-rating-item + .review-item-box{
border-top:0;
}

/* .review-toggle-item-container
----------------------------------------------- */
.review-toggle-item-container .toggle-txt-box{
display:inline;
}
.review-toggle-item-container .item-toggle-txt{
display:inline;
}
.review-toggle-item-container .toggle-btn-close-box{
display:block;
}
.review-toggle-item-container .toggle-btn-close{
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
color:#666;
position:relative;
line-height:1;
display:table;
background:0 0;
}
.review-toggle-item-container .toggle-btn-close:before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}
.review-toggle-item-container .toggle-btn-open{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
cursor:pointer;
border:0;
padding:0;
background:none;
}
.review-toggle-item-container .toggle-btn-open:before{
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom;
}
.review-toggle-item-container .review-info-plus + .toggle-txt-box{
display:none;
}
.review-toggle-item-container .review-info-plus + .toggle-txt-box{
display:block;
}
.review-rating-item .detail-review-content-rating-header-note{
display:inline-block;
margin-left:15px;
padding-left:1em;
color:#666;
position:relative;
font-size:11px;
}
.review-rating-item .detail-review-content-rating-header-note::before {
content:"\0203b";
position:absolute;
top:0;
left:0;
}
.review-rating-item .detail-review-content-rating-header-note a {
color:#666;
text-decoration:underline;
}

/* .item-reiview-toggle-box
----------------------------------------------- */
.item-reiview-toggle-box .toggle-hdg{
font-size:12px;
position:relative;
padding:0 0 0 15px;
color:var(--cmn-font-color-base);
}
.item-reiview-toggle-box .toggle-hdg:hover{
text-decoration:none;
}
.item-reiview-toggle-box .toggle-hdg:before{
margin:auto 0;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
bottom:0;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 0 no-repeat;
}
.item-reiview-toggle-box.is-active .toggle-hdg:before{
background:url(/element/shared/images/icon/icon-toggle-minus.svg) 0 0 no-repeat;
}
.item-reiview-toggle-box .toggle-container{
display:none;
}
.item-reiview-toggle-box.is-active .toggle-container{
display:block;
}

/* .review-rating-list
----------------------------------------------- */
.review-rating-list{
margin-top:5px;
font-size:13px;
}
.review-rating-list li{
line-height:1.8;
}
.review-rating-list input{
vertical-align:middle;
margin-right:5px;
margin-left:0;
}
.review-rating-list label{
display:inline-block;
font-size:12px;
width:95px;
cursor:pointer;
}
.review-rating-list input[type=checkbox]{
cursor:pointer;
}
.review-rating-list .disabled{
color:#ccc;
}
.review-rating-list .disabled label,
.review-rating-list .disabled label input[type=checkbox]{
cursor:default;
}
.review-rating-list .rating-line{
display:inline-block;
height:14px;
width:200px;
background:#eee;
margin-right:18px;
vertical-align:middle;
}
.review-rating-list .rating-line > span{
display:inline-block;
height:14px;
background:#287ac4;
text-indent:-9999px;
}
.review-rating-list .num{
padding-right:4px;
}

/* .review-item-info
----------------------------------------------- */
.review-ext-info{
font-size:11px;
color:#666;
margin:5px 0 -1px 0;
padding-bottom:4px;
border-bottom:1px solid var(--color-gray);
}

/* .review-summary-sup-toggle
----------------------------------------------- */
.review-summary-sup-toggle{
margin:15px 0 10px;
}

/* .review-summary-sup-toggle-more
----------------------------------------------- */
.review-summary-sup-toggle-more{
margin-top:6px;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-more{
display:none;
}

/* .earch-result-sup-toggle-more-text
----------------------------------------------- */
.review-summary-sup-toggle-more-text,
.review-summary-sup-toggle-more-text:active{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
cursor:pointer;
}
.review-summary-sup-toggle-more-text::before{
margin-right:5px;
content:'...';
color:#a4a4a4;
display:inline-block;
vertical-align:bottom
}

/* .review-summary-sup-toggle-detail
----------------------------------------------- */
.review-summary-sup-toggle-detail{
display:none;
}
.review-summary-sup-toggle.is-active .review-summary-sup-toggle-detail{
display:block;
}

/* .review-summary-sup-toggle-detail-close
----------------------------------------------- */
.review-summary-sup-toggle-detail-close{
margin:10px 0 0 auto;
padding:0 0 0 15px;
border:none;
color:#666;
position:relative;
line-height:1;
display:table;
background:0 0;
}
.review-summary-sup-toggle-detail-close::before{
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:0;
left:0;
background:url(/element_sp/shared/images/icon/icon-toggle-minus.svg) 0 center no-repeat;
}

/* .detail-review-content-more
----------------------------------------------- */
.detail-review-content-more{
padding:5px 0 10px;
}
.detail-review-content-more .loading-box{
margin:10px 0 0;
height:48px;
color:transparent;
position:relative;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
text-align:center;
font-weight:bold;
}

/* .detail-review-content-more-btn
----------------------------------------------- */
.detail-review-content-more-btn{
margin:5px auto 0;
padding:5px 5px 5px 16px;
color:var(--cmn-font-color-base);
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}
.detail-review-content-more-btn::before{
margin-top:-6px;
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
}

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

/* .detail-review-overall-rating-list
----------------------------------------------- */
.detail-review-overall-rating-list{
font-size:14px;
font-weight:bold;
}
.detail-review-overall-rating-list dt,
.detail-review-overall-rating-list dd{
display:inline-block;
vertical-align:middle;
}
.detail-review-overall-rating-list dt > span{
font-weight:normal;
font-size:11px;
}
.detail-review-overall-rating-list dt > .cmn-tip-btn{
width:15px;
height:15px;
background-size:15px 15px;
}
.detail-review-overall-rating-list dd > b{
margin-left:5px;
display:inline-block;
vertical-align:middle;
font-family:Arial;
font-size:20px;
}

/* .detail-review-detail-review-overall-rating-num
----------------------------------------------- */
.detail-review-overall-rating-num > span{
padding-top:15px;
width:90px;
}

/* .detail-review-overall-rating-sup
----------------------------------------------- */
.detail-review-overall-rating-sup{
margin-left:15px;
font-size:11px;
}

/* ----------------------------------------------------------------
  Review Tooltip
----------------------------------------------------------------- */
/* .tip-review-list
----------------------------------------------- */
.tip-review .tip-review-list{
font-size:12px;
}
.tip-review .tip-review-list > li{
margin-top:3px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.tip-review .tip-review-list > li > div:first-child{
width:9em;
}
.tip-review .tip-review-list > li > div:last-child::before{
margin-right:3px;
content:"\003a";
display:inline-block;
}

/* ----------------------------------------------------------------
Agent-link
----------------------------------------------------------------- */
.agent-link-item-box{
margin:30px auto 0 auto;
border:3px solid #a9a9a9;
width:800px;
box-sizing:border-box;
padding:35px 15px;
text-align:center;
}
.agent-link-item-box > .agent-logo{
text-align:center;
margin-bottom:15px;
}
.agent-link-item-box > .agent-logo img{
width:auto;
max-height:120px;
}
.agent-link-item-box .agent-move-txt{
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:25px;
}
.agent-link-item-box .agent-move-txt .agent-name{
color:var(--cmn-font-color-red);
padding:0 4px;
}
.agent-link-item-box .agent-booking-info{
font-size:12px;
color:#555;
text-align:center;
margin:30px 0 8px 0;
}
.agent-link-item-box .move-txt{
font-size:12px;
color:#666;
text-align:center;
}
.pay-info-box {
width:510px;
margin:0 auto;
}
.txt-hc-info{
font-weight:bold;
}
.agent-link-item-box .vendorInfo_Area {
width:640px;
margin:0 auto 20px;
}
.agent-link-item-box .vendorInfo_Area table {
width:100%;
border-top:1px solid #cdcdcd;
border-bottom:1px solid #cdcdcd;
border-collapse:collapse;
}
.agent-link-item-box .vendorInfo_Area  table th,
.agent-link-item-box .vendorInfo_Area  table td {
padding:5px 10px;
text-align:left;
line-height:1.2;
word-break:break-all;
}
.agent-link-item-box .vendorInfo_Area  table th {
width:35%;
border-style:solid;
border-width:1px 0;
border-color:#bdbdbd;
font-size:12px;
font-weight:normal;
background:#f0f0f0;
color:#555;
}
.agent-link-item-box .vendorInfo_Area  table td {
border-bottom:1px dotted #bdbdbd;
background:transparent;
color:var(--cmn-font-color-base);
text-align:left;
word-break:break-all;
}
.agent-link-item-box .off {
color:#ccc;
}
.agent-link-item-box .vendorInfo_Att {
margin-bottom:10px;
padding:10px 15px 10px;
border-radius:3px;
background:#ffedee;
color:var(--cmn-font-color-red);
font-size:14px;
font-weight:bold;
text-align:left;
line-height:1.5;
}
.agt-link-txt {
font-size:13px;
margin:15px 0;
}
.agent-link-item-box .cmn-loading-spinner{
margin:40px auto;
}

/* 7net */

.nanako-info-box{
padding:30px 35px;
box-sizing:border-box;
}
.agent-link-item-box .nanako-info-box p{
font-size:13px;
text-align:left;
margin-bottom:10px;
}
.agent-link-item-box .nanako-info-box .nanako-hdg{
background:#f2f2f2;
font-size:15px;
padding:8px;
font-weight:bold;
text-align:center;
}
.agent-link-item-box .nanako-info-box .nanako-info{
background:url(/element/w_hotel/agt_link/images/icon-nanako.png) left top no-repeat;
font-weight:bold;
font-size:14px;
text-align:left;
padding:15px 0 5px 65px;
line-height:1.4;
min-height:50px;
}
.agent-link-item-box .nanako-info span{
color:var(--cmn-font-color-red);
}
.nanako-btn{
margin:25px 0 0 0;
}
.nanako-btn button{
border:0;
background:none;
background:#e9971e;
color:#fff;
font-size:20px;
padding:12px 80px;
border-radius:5px;
font-size:18px;
font-weight:bold;
cursor:pointer;
margin-bottom:15px;
}


/* cupon
------------------------------------------------------------- */

.cpn-info-area .cpn-code{
font-size:20px;
font-weight:bold;
margin:0;
}
.cpn-info-area .cpn-code > .code:before{
content:':';
margin:0 5px;
}
.cpn-code-txt-list{
display:inline-block;
margin:15px auto;
text-align:left;
}
.cpn-code-txt-list li{
font-size:12px;
color:#555;
text-indent:-1em;
padding-left:1em;
margin-bottom:4px;
}
.cpn-code-txt-list li span{
color:var(--cmn-font-color-red);
}
.agent-link-item-box .pay-info-box{
margin:0 auto;
text-align:left;
border-top:1px solid #e6e6e6;
margin-top:25px;
padding-top:25px;
}
.agent-link-item-box .pay-info-box .agent-info-box{
border-bottom:0;
}
.agent-link-item-box .agent-btn-box{
text-align:center;
clear:both;
margin-bottom:30px;
}
.agent-link-item-box .agent-btn-box .btn-booking{
padding:5px 30px;
border:none;
border-radius:4px;
color:#fff;
min-width:9em;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
text-decoration:none;
display:inline-block;
margin:0 auto;
}
.agent-link-item-box .agent-btn-box .btn-booking:hover,
.agent-link-item-box .agent-btn-box .btn-booking:active,
.agent-link-item-box .agent-btn-box .btn-booking:focus{
text-decoration:none;
background-color:#67a700;
}
.cpn-step-area{
text-align:left;
margin-top:45px;
padding:0 30px;
box-sizing:border-box;
}
.cpn-step-area .cupon-hdg{
background:#e8e8e8;
font-size:18px;
font-weight:bold;
padding:6px 10px;
margin-bottom:20px;
box-sizing:border-box;
}
.cpn-step-area .cpn-step{
padding:0 12px;
font-size:16px;
font-weight:bold;
line-height:1.3;
}
.cpn-step-area .cpn-step li{
margin-bottom:10px;
}
.cpn-step-area .cpn-img-box{
padding:0 12px;
margin:20px 0 0 0;
}
.cpn-notice{
font-size:15px;
font-weight:bold;
margin:30px 0 10px 0;
}
.cpn-notice-list > li{
font-size:12px;
text-indent:-1em;
padding-left:1em;
margin-bottom:2px;
line-height:1.6;

}
.cpn-notice-list > li > ul{
padding-left:12px;
}

/* cpnAmount
-----------------------------------------------*/

.agent-link-item-box .pay-info-box.resort-fee{
border:0;
margin:-5px auto -25px auto;
text-align:center;
}
.agent-link-item-box .pay-info-box.resort-fee .fee-info-hdg .fee-info{
text-align:left;
margin-bottom:15px;
display:inline-block;
line-height:1.4;
font-size:13px;
}
.agent-link-item-box .pay-info-box.resort-fee .fee-info-hdg .fee-info:before{
display:inline-block;
top:2px;
}

/* cpnAmount
-----------------------------------------------*/
.agent-link-item-box .cpnAmount {
margin-bottom:15px;
padding:7px 30px 7px;
background:#f4f4f4;
margin:0 auto 15px auto;
box-sizing:border-box;
width:540px;
}
.agent-link-item-box .cpnAmount table {
width:100%;
border-collapse:separate;
border-spacing:0 1px;
border-width:0;
}
.agent-link-item-box .cpnAmount th {
width:60%;
text-align:left;
}
.agent-link-item-box .cpnAmount td {
text-align:right;
}
.agent-link-item-box .cpnAmount th,
.agent-link-item-box .cpnAmount td {
padding:0 5px;
line-height:1.2;
}
.agent-link-item-box .cpnAmount thead th {
font-size:14px;
font-weight:normal;
}
.agent-link-item-box .cpnAmount thead td {
font-size:17px;
}
.agent-link-item-box .cpnAmount tbody th {
font-size:17px;
}
.agent-link-item-box .cpnAmount tbody td {
font-size:21px;
font-weight:bold;
}
.agent-link-item-box .cpnAmount tbody th,
.agent-link-item-box .cpnAmount tbody td {
padding-bottom:3px;
border-bottom:1px solid #bfbfbf;
}
.agent-link-item-box .cpnAmount tfoot th,
.agent-link-item-box .cpnAmount tfoot td {
padding-top:5px;
border-top:1px solid #bfbfbf;
}
.agent-link-item-box .cpnAmount tfoot th {
font-size:15px;
font-weight:bold;
}
.agent-link-item-box .cpnAmount tfoot td {
font-size:21px;
font-weight:bold;
color:var(--cmn-font-color-red);
}

/* cpn-info-item
-----------------------------------------------*/
.cpn-info-item{
margin:15px 0 25px;
text-align:center;
}
.cpn-info{
text-align:left;
margin-bottom:15px;
display:inline-block;
line-height:1.4;
font-size:13px;
position:relative;
padding-left:20px;
}
.cpn-info-item > .cpn-info:before {
margin:0 5px 0 0;
content:'';
display:block;
width:16px;
height:14px;
position:absolute;
top:1px;
left:0;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.agent-link-item-box .cpn-info-area + .agent-btn-box{
margin-bottom:-10px;
}
.cpn-img-item{
text-align:center;
}
.cpn-img-item > p{
margin:25px 0 20px;
font-size:14px;
line-height:1.6;
}


/* vendorInfoAtt_Area
---------------------------------------------------------- */
.agent-link-item-box .couponAtt_Box {
margin-bottom:30px;
box-sizing:border-box;
width:540px;
margin:0 auto;
}
.agent-link-item-box .couponAtt_Box p {
margin-bottom:7px;
color:var(--cmn-font-color-red);
font-size:18px;
font-weight:bold;
text-align:center;
}
.agent-link-item-box .couponAtt_Box table {
width:100%;
margin:0 auto;
}
.agent-link-item-box .couponAtt_Box td em {
font-weight:bold;
}
.agent-link-item-box .couponAtt_Box td em span {
display:inline-block;
margin-left:2px;
padding:2px 2px 1px;
height:15px;
background:#434343;
color:#fff;
line-height:1;
}
.agent-link-item-box .couponAtt_Box th,
.agent-link-item-box .couponAtt_Box td {
text-align:left;
line-height:1.4;
font-size:16px;
font-weight:bold;
vertical-align:top;
}
.agent-link-item-box .couponAtt_Box th {
position:relative;
width:29%;
}
.agent-link-item-box .couponAtt_Box th:after {
position:absolute;
top:2px;
right:7px;
content:':';
}
.agent-link-item-box .couponAtt_Box .cpn-price span{
display:inline-block;
margin-left:5px;
font-size:12px;
font-weight:normal;
}
.agent-link-item-box .vendor-info {
width:520px;
margin:0 auto 25px;
padding:10px;
border-top:1px solid #d2d2d2;
border-bottom:1px solid #d2d2d2;
text-align:left;
}
.agent-link-item-box .vendor-info > li{
font-size:12px;
line-height:1.6;
}
.agent-link-item-box .vendor-info > li:before{
content:"?";
display:inline-block;
}
.agent-link-item-box .vendor-info dl,
.agent-link-item-box .vendor-info dt,
.agent-link-item-box .vendor-info dd,
.agent-link-item-box .vendor-info dl li{
display:inline-block;
vertical-align:middle;
}

/* ----------------------------------------------------------------
article
----------------------------------------------------------------- */
.article-area{
border-top:1px solid var(--color-gray);
}
.article-box{
border-bottom:1px solid var(--color-gray);
padding:20px 0;
}
.article-container{
display:none;
}
.article-container.is-active{
display:block;
}
.article-box .txt-box{
width:575px;
float:left;
}
.review-hdg{
font-size:16px;
display:block;
font-weight:bold;
}
.article-list{
font-size:11px;
color:var(--cmn-font-color-base);
margin:5px 0 10px;
}
.article-list a,
.article-list a:visited{
color:#555;
position:relative;
padding-left:12px;
}
.article-list a:before{
content:'';
display:block;
position:absolute;
bottom:50%;
left:0;
border-right:1px solid #888;
border-bottom:1px solid #888;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(50%);
-ms-transform:rotate(-45deg) translateY(50%);
transform:rotate(-45deg) translateY(50%);
}
.article-box a.more-link,
.article-box a.more-link:visited{
color:#999;
cursor:pointer;
}
.article-box a.more-link::before{
content:'...';
margin:0 2px 0 4px;
color:#999;
}
.article-list span:last-child::before{
content:':';
margin:0 3px;
}
.article-box .img-box{
width:140px;
float:right;
padding:0;
border:0;
height:inherit;
font-size:11px;
color:var(--cmn-font-color-gray);
display:block;
}
.article-box .img-box .img{
border:1px solid #e1e1e1;
width:138px;
height:110px;
box-sizing:border-box;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.article-box .img-box img{
max-width:138px;
max-height:110px;
vertical-align:middle;
cursor:pointer;
}
.article-box .img-box .sup{
display:block;
clear:both;
width:140px;
margin-top:5px;
}
.article-box .img-box .sup .num::before{
content:':';
margin:0 3px
}
.article-box .img-list{
margin-bottom:40px;
}
.article-box .img-list li{
width:205px;
margin-right:22px;
text-align:center;
display:inline-block;
padding-bottom:8px;
vertical-align:top;
}
.article-box .img-list li a{
display:inline-block;
cursor:pointer;
}
.article-box .img-list li .img{
width:205px;
height:146px;
display:table-cell;
text-align:center;
vertical-align:middle;
}
.article-box .img-list li img{
max-width:205px;
max-height:146px;
vertical-align:middle;
}
.article-box .img-list li .sup{
font-size:12px;
color:#555;
display:block;
margin-top:4px;
line-height:1.3;
}
.txt-detail p{
margin:20px 0 0;
font-size:14px;
line-height:1.6;
}
.spot-article-item-content-date {
margin-top:10px;
text-align:right;
}
.article-area + .under-link-box{
border-top:0;
padding-top:0;
margin-top:25px;
}

/* ----------------------------------------------------------------
Tax
----------------------------------------------------------------- */

.num{
font-family:arial;
}
.fee-change-box{
display:table;
width:698px;
background:#fff;
font-size:11px;
color:#555;
padding:4px 8px 3px;
box-sizing:border-box;
margin:5px 9px;
}
.fee-change-box > div{
display:table-cell;
}
.fee-change-box > div:last-child{
text-align:right;
}
.fee-change-box > div:last-child label:last-child{
margin-left:15px;
}
.fee-change-box input[type=radio],
.fee-change-box .cmn-tip-btn{
margin:0 2px;
vertical-align:middle;
cursor:pointer;
}
.detail-item .fee-change-box{
margin:-30px -20px 10px -20px;
background:#777;
width:723px;
padding:5px 12px 20px;
}
.detail-item .fee-change-box > div{
background:#fff;
padding:3px 7px;
}
.pay-info-box.resort-fee{
width:640px;
padding:20px;
z-index:10;
}
.cmn-tip-container.pay-info-box.resort-fee{
border:1px solid var(--color-gray);
box-shadow:0px 0px 8px 2px #888;
}
.pay-info-box.resort-fee .num{
font-family:arial;
}
.pay-info-box.resort-fee > ul,
.fee-detail-tip ul.resort-fee-detail{
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top:1px solid #ccc;
margin-bottom:10px;
}
.fee-detail-tip ul.resort-fee-detail{
margin:10px 0;
}
.pay-info-box.resort-fee > ul.fee-ditail-cap-list,
.pay-info-box.resort-fee > ul.fee-ditail-cap-list li{
border:0;
color:#666;
}
.pay-info-box.resort-fee > ol.fee-ditail-cap-list li{
color:#666;
}
.pay-info-box.resort-fee > ul > li,
.fee-detail-tip ul.resort-fee-detail > li{
border-bottom:1px solid #ccc;
display:table;
width:100%;
box-sizing:border-box;
}
.pay-info-box.resort-fee > ul > li.col-2 div{
background:#ccc;
font-size:10px;
text-align:center;
padding:2px 6px;
border-right:1px solid #fff;
box-sizing:border-box;
}
.pay-info-box.resort-fee > ul > li.col-2 div:last-child{
text-align:center;
border-right:0;
font-size:10px;
width:auto;
max-width:100%;
}
.pay-info-box.resort-fee > ul > li.col-3 div:first-child{
background:#efefef;
border-right:1px solid #ccc;
font-size:11px;
}
.fee-detail-tip ul.resort-fee-detail > li.col-3 div:first-child{
background:#fff;
border-right:1px solid #ccc;
font-size:11px;
}
.pay-info-box.resort-fee > ul > li.col-2 div:first-child,
.pay-info-box.resort-fee > ul > li.col-3 div:first-child,
.fee-detail-tip ul.resort-fee-detail > li.col-3 div:first-child{
width:88px;
text-align:center;
border-left:0;
}
.pay-info-box.resort-fee > ul > li.col-3 div:nth-child(2){
width:auto;
text-align:left;
}
.fee-detail-tip ul.resort-fee-detail > li.col-3 div:nth-child(2){
font-size:12px;
}
.fee-detail-tip ul.resort-fee-detail > li div,
.fee-detail-tip ul.resort-fee-detail > li.col-3 div:first-child{
text-align:left;
}
.pay-info-box.resort-fee > ul > li,
.fee-detail-tip ul.resort-fee-detail > li{
position:relative;
}
.pay-info-box.resort-fee > ul > li > div,
.fee-detail-tip ul.resort-fee-detail > li div{
display:table-cell;
vertical-align:middle;
padding:5px 10px;
line-height:1.35;
box-sizing:border-box;
}
.fee-detail-tip ul.resort-fee-detail > li div{
font-size:12px;
}
.fee-detail-tip ul.resort-fee-detail > li.stl-bg div,
.fee-detail-table-list li.stl-bg:last-child div,
.fee-detail-table-list li.stl-bg.col-3:last-child div,
.fee-detail-table-list li.stl-bg.col-3:last-child div:first-child{
background:#efefef;
}
.pay-info-box.resort-fee > ul > li > div:last-child,
.fee-detail-tip ul.resort-fee-detail > li > div:last-child{
border-left:1px solid #ccc;
width:160px;
text-align:right;
font-size:12px;
}
.fee-detail-tip ul.resort-fee-detail > li > div:last-child .fee-currency{
display:block;
}
.fee-detail-tip ul.resort-fee-detail > li > div:last-child{
width:120px;
}
.fee-detail-tip ul.resort-fee-detail > li > div:last-child b{
font-size:18px;
}
.fee-detail-tip ul.resort-fee-detail > li > div:last-child b.txt{
font-size:14px;
}
.pay-info-box.resort-fee .txt-notice-travelko{
color:var(--cmn-font-color-red);
display:inline-block;
font-size:10px;
text-align:center;
float:left;
}
.pay-info-box.resort-fee .stay-detail-list{
text-align:right;
font-size:12px;
}
.pay-info-box.resort-fee .stay-detail-list .room{
min-height:3em;
}
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list{
display:inline-block;
}
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list .num{
font-size:14px;
}
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list .txt-num .num{
font-size:12px;
}
.pay-info-box.resort-fee .stay-detail-list li{
position:relative;
margin-bottom:8px;
}
.pay-info-box.resort-fee .stay-detail-list li:last-child{
margin-bottom:0;
}
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list li.room:before,
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list li.number:before{
content:'\000D7';
position:absolute;
left:-1.1em;
}
.pay-info-box.resort-fee > ul > li > div:last-child .stay-detail-list li.fee:before{
content:'\0FF0B';
position:absolute;
left:-1.2em;
}
.pay-info-box.resort-fee .fee-info-hdg,
.tip-payment-info .fee-info-hdg{
font-size:12px;
line-height:1.3;
margin-bottom:6px;
}
.tip-payment-info .fee-info-hdg + .list-payment,
.pay-info-box.resort-fee .fee-info-hdg + dl{
border-top:1px solid #ccc;
padding-top:11px;
}
.pay-info-box.resort-fee .fee-info-hdg:empty + dl{
border-top:0;
padding-top:0;
}
.tip-payment-info .fee-info-hdg + .list-payment{
border-top:1px solid #ccc;
padding-top:11px;
}
.pay-info-box.resort-fee .fee-info,
.tip-payment-info  .fee-info{
display:inline-block;
color:var(--cmn-font-color-base);
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.45;
}
.tip-payment-info .fee-info-nic{
display:inline-block;
color:var(--cmn-font-color-base);
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.45;
margin-top:5px;
}
.tip-payment-info .fee-info-nic:before{
display:none;
}
.tip-payment-info .fee-info + .fee-info{
margin-top:5px;
}
.pay-info-box.resort-fee li div .fee-info:before,
.tip-payment-info  li div .fee-info:before{
top:5px;
}
.pay-info-box.resort-fee .fee-num-sup{
color:#666;
font-size:10px;
display:block;
}
.pay-info-box.resort-fee .fee-currency{
font-size:11px;
display:block;
}
.pay-info-box.resort-fee .fee-price{
font-size:12px;
display:inline-block;
min-width:54px;
position:relative;
}
.pay-info-box.resort-fee .fee-price:before {
content:'\0FF0B';
position:absolute;
left:-1.2em;
}
.pay-info-box.resort-fee .fee-price .num{
font-size:14px;
padding-right:2px;
}
.pay-info-box.resort-fee .fee-info:before,
.tip-payment-info .fee-info:before{
content:'\030FB';
position:absolute;
top:1px;
left:0;
}
.pay-info-box.resort-fee .fee-info-hdg + .fee-info-hdg .fee-info:before{
display:none;
}
.pay-info-box.resort-fee .fee-info-sup{
font-size:11px;
color:#555;
display:block;
margin:3px 0 0 4px;
}
.pay-info-box.resort-fee > ul > li > div:last-child b.num{
font-size:18px;
padding-right:2px;
}
.pay-info-box.resort-fee > ul > li > div:last-child b.num.fee-info::before{
margin:0 5px 0 0;
content:'';
display:block;
width:16px;
height:14px;
position:absolute;
top:4px;
left:0;
vertical-align:middle;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
}
.pay-info-box.resort-fee > ul > li > div:last-child b.num.fee-info::before{
content:'\0203B';
color:var(--cmn-font-color-red);
background:none;
font-size:13px;
top:4px;
margin:0 3px 0 0;
}
.pay-info-box.resort-fee > ul > li > div:last-child b.num.fee-info.info-01::before{
content:'\0203B 1 ';
color:var(--cmn-font-color-red);
background:none;
font-size:13px;
top:6px;
left:-5px;
margin:0 5px 0 0;
display:inline-block;
}
.pay-info-box.resort-fee .fee-info-under{
font-size:11px;
color:#666;
margin-bottom:8px;
text-indent:-1em;
padding-left:1em;
}
.cmn-tip-container.resort-fee-tip{
width:420px;
font-size:12px;
}
.cmn-tip-container.resort-fee-tip .fee-input-box{
border-top:1px solid #dbdbdb;
margin-top:10px;
padding-top:10px;
color:#555;
}
.cmn-tip-container.resort-fee-tip .fee-input-box > span{
display:block;
font-size:11px;
}
.cmn-tip-container.resort-fee-tip .fee-input-box .tip-radio-list{
font-size:11px;
}
.cmn-tip-container.resort-fee-tip .fee-input-box .tip-radio-list li{
display:inline-block;
line-height:1;
}
.cmn-tip-container.resort-fee-tip .fee-input-box .tip-radio-list li:last-child{
margin-left:25px;
}
.cmn-tip-container.resort-fee-tip .fee-input-box .tip-radio-list li label,
.cmn-tip-container.resort-fee-tip .fee-input-box .tip-radio-list li input{
cursor:pointer;
vertical-align:middle;
margin:0;
}
.pay-info-box.resort-fee > ul.curpon-item {
border-left:0;
border-right:0;
}
.pay-info-box.resort-fee > ul.curpon-item > li.col-3 {
margin-top:10px;
border-top:4px double #ccc;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}
.pay-info-box.resort-fee > ul.curpon-item > li.col-3 div{
background:#efefef;
}
.pay-info-box.resort-fee > ul.curpon-item > li.col-3 > div:last-child{
width:210px;
min-height:3.5em;
position:relative;
padding-left:105px;
text-align:right;
vertical-align:middle;
}
.pay-info-box.resort-fee ul.curpon-item .txt-notice-travelko{
position:absolute;
left:10px;
top:50%;
margin-top:-11px;
line-height:1.1;
}
.ic-krw{
background:url(/element_sp/w_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;
}

/* .resortfee-info
-------------------------------------------------- */
.resortfee-info{
font-size:12px;
}
.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-bottom:3px;
}
.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:'\025A0';
}
.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;
line-height:1.2;
}

/* .fee-detail-tip
-------------------------------------------------- */
.cmn-tip-container.fee-detail-tip{
width:430px;
}
.cmn-tip-container.fee-detail-tip:before,
.cmn-tip-container.fee-detail-tip:after {
position:absolute;
right:15px;
border:10px solid #aaa;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
content:"";
}
.cmn-tip-container.fee-detail-tip.simple-tip:before,
.cmn-tip-container.fee-detail-tip.simple-tip:after {
display:none;
}
.cmn-tip-container.fee-detail-tip:before {
top:-10px;
}
.cmn-tip-container.fee-detail-tip:after {
top:-9px;
border-bottom-color:#fff;
}
.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:11px;
color:#fff;
font-weight:normal;
background-color:#888;
}
.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:#888;
}
.price-detail-03 .pseudo-price-tbl-hdg + .fee-detail-table-list{
margin-top:0;3
}
.price-detail-03 .fee-detail-table-list li > div,
.price-detail-03 .fee-detail-table-list li > div{
width:50%;
font-size:11px;
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:11px;
}
.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:11px;
}
.price-detail-03 .fee-detail-table-list li > div .price-num .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{
font-size:11px;
}
.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:18px;
}
.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);
}
.price-detail-03 .fee-info-list li div:last-child{
font-size:11px;
white-space:nowrap;
padding-left:5px;
}
.price-detail-03 .fee-info-list li div:last-child .num{
font-size:12px;
}
.price-detail-03 .fee-info-list li div:last-child .price-num .num {
font-size:16px;
font-weight:normal;
}
.price-detail-03 .fee-info-list li div:last-child .price-num {
font-size:11px;
}
.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:-1em;
padding-left:1em;
color:#666;
font-size:11px;
}
.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;
}
.txt-ilb{
display:inline-block;
}

/* .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;
}
.fee-detail-table-list li:first-child div{
padding:8px 10px;
}
.fee-detail-tip-hdg + .pseudo-price-tbl-hdg + .fee-detail-table-list li:first-child div{
padding:8px 10px;
}
.pseudo-price-tbl-hdg + .fee-detail-table-list li:first-child div{
padding:6px 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:12px;
}
.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:#666;
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;
}

/* .price-detail-container
-------------------------------------------------- */
.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(--cmn-font-color-base);
padding-left:1em;
position:relative;
font-size:11px;
margin-bottom:3px;
padding-right:0;
padding-top:0;
}
.price-detail-container .fee-detail-box .fee-info:before,
.price-detail-container .fee-info-hdg .fee-info:before,
.price-detail-container .fee-info-txt-box .fee-info:before{
font-size:11px;
top:0;
left:0;
margin:0 ;
content:'\0203B';
position:absolute;
}
.price-detail-container .fee-detail-box > ul > li > div:last-child b.num.fee-info::before{
content:'\0203B';
color:var(--cmn-font-color-red);
background:none;
font-size:13px;
top:2px;
margin:0 3px 0 0;
}
.price-detail-container .fee-info-txt-box{
margin:9px 0 0;
}
.cmn-tip-container.fee-detail-tip .fee-info{
text-indent:-1em;
color:#666;
}
.cmn-tip-container.fee-detail-tip .fee-info:before{
display:none;
}

/* .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:0;
}
.price-detail-container .fee-info-txt-box + .fee-detail-table-list{
margin-top:18px;
}
.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: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:6px 5px;
}
.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:11px;
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:last-child{
width:31%;
}
.price-detail-container .fee-detail-table-list li.bg-cr div{
background:#f5f5f5;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child b.txt{
font-size:14px;
}

/* .price-detail-container fee-info-list
------------------------------ */
.fee-info-list{
margin-top:5px;
padding-right:0;
}
.fee-info-list li{
display:table;
width:100%;
padding-left:.9em;
font-size:11px;
box-sizing:border-box;
text-align:right;
}
.fee-info-list li .stay-sum-txt{
display:block;
}
.fee-info-list li div{
display:inline-block;
}
.fee-info-list li div:first-child{
line-height:1.35;
text-align:right;
vertical-align:middle;
}
.fee-info-list li div:first-child b{
font-weight:normal;
}
.fee-info-list li div:first-child b::after{
content:'\0FF1A';
}
.fee-info-list li div:first-child b{
font-weight:normal;
}
.fee-info-list li div:first-child b::after{
content:'\0FF1A';
margin-right:5px;
}
.fee-info-list li div:last-child{
font-size:13px;
vertical-align:middle;
text-align:right;
}
.fee-info-list li div .num{
font-size:15px;
}
.txt-imp{
color:#e93939!important;
}
.ic-krw{
background:url(/element_sp/w_hotel/shared/images/ic-krw.svg) no-repeat;
display:inline-block;
height:10px;
width:10px;
text-indent:-9999px;
vertical-align:top;
font-size:0;
margin-top:4px;
}
.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;
}

/* .table-rowspan
-------------------------------- */

.fee-detail-table-list > li{
position:relative;
}
.fee-detail-table-list > li.col-3.table-rowspan .row {
display:table-row;
padding:0;
width:100%;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div{
display:table-cell;
box-sizing:border-box;
padding:5px;
vertical-align:middle;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:first-child{
width:88px;
padding-top:29px;
padding-left:10px;
font-size:10px;
background:#efefef;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:nth-child(2){
width:auto;
font-size:12px;
text-align:left;
padding:12px 10px;
background:#fff;
min-width:118px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:last-child{
width:120px;
right:0;
text-align:right;
padding-right:10px;
background:#fff;
font-size:12px;
border-left:1px solid #ccc;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div:last-child b{
font-size:18px;
padding-right:2px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row:first-child div{
border-bottom:1px solid #ccc;
}
.fee-detail-table-list > li.col-3.table-rowspan .row:first-child div:first-child{
border:0;
border-right:1px solid #ccc;
}
.fee-detail-table-list > li.col-3.table-rowspan .td-row {
position:absolute;
top:0;
bottom:0;
width:100px;
vertical-align:middle;
}
.fee-detail-table-list > li.col-3.table-rowspan .td-empty {
border:none;
width:100px;
}
.fee-detail-table-list > li.col-3.table-rowspan .row div.td-empty{
border-left:0;
border-bottom:0;
}
.fee-detail-table-list > li.col-3.table-rowspan > div{
padding:10px;
}
.fee-sum-detail strong{
color:var(--cmn-font-color-red);
font-size:11px;
font-weight:normal;
display:inline-block;
margin-top:5px;
}
.pay-info-box.resort-fee > ul.fee-sum-detail,
.fee-sum-detail{
border-top:4px double #ccc;
position:relative;
}
.fee-sum-detail li{
background:#efefef;
}

/* .map fee
-------------------------------- */
.map-balloon-def .price-box li{
display:table;
box-sizing:border-box;
min-width:250px;
}
.map-balloon-def .price-box li > div{
display:table-cell;
font-size:12px;
}
.map-balloon-def .price-box li.per-night > div{
font-size:11px;
}
.map-balloon-def .price-box li > div:last-child{
padding-left:10px;
text-align:right;
font-size:12px;
}
.map-balloon-def .price-box li .num{
font-family:arial;
font-size:13px;
vertical-align:middle;
}
.map-balloon-def .price-box li > div:last-child b.num{
font-size:18px;
}
.map-balloon-def .price-box li.resort-fee-info{
font-size:11px;
color:#666;
margin-top:4px;
}
.map-balloon-def .price-box li.resort-fee-info .cmn-tip-btn{
margin:0 4px 0 2px;
vertical-align:middle;
}

/* ----------------------------------------------------------------
 New pseudo price detail (price and fee)
----------------------------------------------------------------- */
/* .tip-payment-info
-------------------------------------------------- */
.cmn-tip-container{
z-index:10000 !important;
}
.cmn-tip-container.tip-payment-info{
padding:15px;
width:480px;
}
.tip-price-detail-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:6px;
}
.tip-price-detail-txt{
font-size:12px;
}

/* .price-dtl-item
-------------------------------------------------- */
.price-dtl-item{
margin:10px 0 0;
font-size:12px;
}
.price-dtl-item .price-dtl-hdg-note{
font-size:12px;
margin-bottom:6px;
}
.price-dtl-item .price-dtl-hdg{
font-size:12px;
background:#777;
padding:4px 12px;
color:#fff;
}
.price-dtl-item .price-dtl-hdg .cmn-tip-info-btn{
margin-left:4px;
}
.price-dtl-item .price-dtl-hdg .cmn-tip-info-btn .cmn-tip-info-btn-icon{
margin-top:-2px;
}
.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 12px;
border-right:1px solid #ddd;
box-sizing:border-box;
vertical-align:middle;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-dtl{
width:auto;
border-left:1px solid #ddd;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-method{
width:80px;
white-space:nowrap;
text-align:center;
}
.price-dtl-tbl .price-dtl-tbl-list .tbl-price{
text-align:right;
white-space:nowrap;
width:110px;
}
.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-bottom:1px solid #ddd;
width:100%;
}
.price-dtl-tbl .price-dtl-tbl-list-sum > div{
display:table-cell;
vertical-align:middle;
box-sizing:border-box;
padding:6px 12px;
border-left:1px solid #ddd;
}
.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;
border-left:0;
border-right:1px solid #ddd;
font-size:14px;
}
.price-dtl-tbl .price-dtl-tbl-list-sum .tbl-price .num{
font-size:18px;
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 var(--color-gray);
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;
font-size:14px;
}
.price-dtl-tbl-all .price-dtl-tbl-list-sum .tbl-price .num{
font-size:18px;
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;
}

/* .price-dtl-notice-list
----------------------------------------------- */
.price-dtl-notice-list{
margin:0;
}
.price-dtl-notice-list > li{
font-size: 12px;
margin:4px 0;
padding-left:16px;
color: var(--cmn-font-color-gray);
position: relative;
line-height:1.35;
}
.price-dtl-notice-list > li::before {
margin-right: 4px;
content: '\203b';
position: absolute;
left:0;
top:0;
}

/* ----------------------------------------------------------------
  Cancel Fee Tooptip
----------------------------------------------------------------- */
/* .tip-cancel-list
----------------------------------------------- */
.tip-cancel .tip-cancel-list{
margin-top:3px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}

.tip-cancel .tip-cancel-list > 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;
}

.tip-cancel .tip-cancel-list > li > div{
padding:3px 8px;
}

.tip-cancel .tip-cancel-list > li > div:first-child{
width:52%;
position:relative;
background-color:#f1f1f1;
}

.tip-cancel .tip-cancel-list > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* ----------------------------------------------------------------
  Tooptip Common modules
----------------------------------------------------------------- */
/* .tip-note-inline
----------------------------------------------- */
.tip-note-inline{
color:var(--cmn-font-color-gray);
font-size:11px;
}

.tip-note-inline::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

.tip-note-block{
color:var(--cmn-font-color-gray);
font-size:11px;
display: block;
}

.tip-note-block::before{
margin-right:4px;
content:'\203b';
display:inline-block;
}

.cmn-tip-box > p .tip-note-block{
margin-top:4px;
text-indent:-7px;
padding-left:15px;
}

/* ----------------------------------------------------------------
favorite----------------------------------------------------- */
.item-detail-box{
position:relative;
}

/* .search-result-item-btn-favorite
----------------------------------------------- */
.item-detail-box .search-result-item-btn-favorite{
padding:2px 3px 3px 22px;
border:1px solid #ddd;
border-radius:1px;
position:absolute;
top:10px;
right:13px;
width:82px;
box-sizing:border-box;
box-shadow:0 -1px 0 rgba(0, 0, 0, 0.1) inset;
background-color:#fff;
font-size:10px;
text-align:left;
line-height:1.35;
color:#666;
font-size:11px;
}
.hotel-detail-area .item-detail-box .search-result-item-btn-favorite{
right:0;
top:0;
}
.item-detail-box .search-result-item-btn-favorite:before{
content:'';
display:block;
width:16px;
height:13px;
overflow:hidden;
position:absolute;
top:50%;
left:3px;
}
.item-detail-box .search-result-item-btn-favorite:before{
margin-top:-6px;
opacity:0.6;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) -269px -46px no-repeat;
}
.item-detail-box .search-result-item-btn-favorite.is-active:before{
opacity:1;
background-position:-269px -10px;
}


/* ----------------------------------------------------------------
error-box
----------------------------------------------------------------- */
.error-box{
font-size:17px;
text-align:center;
font-weight:bold;
padding:50px 0 100px 0;
color:var(--cmn-font-color-base);
}

/* ----------------------------------------------------------------
  Notfound
----------------------------------------------------------------- */
/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:18px;
}
.error-desc {
padding-bottom:120px;
}
.error-desc p:not([class]){
font-size:14px;
}
.error-btn {
margin-top:32px;
font-size:14px;
}
.error-btn>a {
padding:9px 20px;
border:1px solid #c5c5c5;
border-radius: 3px;
color:#666;
display:inline-block;
background-color:#fff;
text-decoration:none;
min-width:202px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 14px;
}

/* ----------------------------------------------------------------
 .notfound-container
----------------------------------------------------------------- */
.error-txt{
font-size:17px;
font-weight:bold;
margin-bottom:30px;
}
.error-box > .error-link{
display:inline-block;
padding:8px 25px 9px;
color:#666;
font-size:14px;
border-radius:3px;
border:1px solid #c5c5c5;
box-shadow:0 -2px 0 #ccc inset;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
font-weight:normal;
}

/* ----------------------------------------------------------------
 .error-hint
----------------------------------------------------------------- */
.error-box .error-hint{
margin:45px auto 30px;
max-width:90%;
text-align:left;
}
.error-box .error-hint-catch{
font-size:16px;
font-weight:bold;
}
.error-box .error-hint-list{
margin-top:10px;
font-weight:normal;
}
.error-box .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
overflow:hidden;
font-weight:normal;
font-size:13px;
}
.error-box .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}
.error-box .error-hint-list > li:last-child{
padding-bottom:0;
}
.error-box .error-hint-list > li > div{
position:relative;
box-sizing:border-box;
}
.error-box .error-hint-list > li > div:first-child{
padding:0 10px 0 20px;
}
.error-box .error-hint-list > li > div:first-child::before{
content:'';
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
}
.error-box .error-hint-list > li > div:first-child::before{
background-color:#287ac4;
}
.error-box .error-hint-list > li > div:first-child::after{
content:'';
display:block;
position:absolute;
top:4px;
left:4px;
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
width:3px;
height:6px;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
  Notfound
----------------------------------------------------------------- */
/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:18px;
}
.error-desc {
padding-bottom:120px;
}
.error-desc p:not([class]){
font-size:14px;
}
.error-btn {
margin-top:32px;
font-size:14px;
}
.error-btn>a {
padding:9px 20px;
border:1px solid #c5c5c5;
border-radius: 3px;
color:#666;
display:inline-block;
background-color:#fff;
text-decoration:none;
min-width:202px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 14px;
}

/* ----------------------------------------------------------------
loading-box
----------------------------------------------------------------- */
.loading-box-l {
height:48px;
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
background-size:48px 48px;
text-indent:-9999px;
margin:10px 0 10px 0;
}
.loading-box {
height:120px;
background:#fff;
background-size:30px 30px;
text-indent:-9999px;
margin:10px 0 10px 0;
}
.popup-map-info .loading-box{
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
text-indent:-9999px;
background-size:24px 24px;
padding:15px 0;
}
.tab-inner .loading-box{
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
text-indent:-9999px;
background-size:24px 24px;
padding:15px 0;
}
.tab-inner .item-toggle-box .loading-box{
padding:12px 0;
margin:0;
}

#Area_SearchWaiting{
text-align:center;
padding:15px 0 5px 0;
background:#fff;
margin-top:-16px;
margin-bottom:-20px;
border-top:4px solid var(--color-gray);
z-index:5;
position:relative;
padding:25px 0;
}
#Area_SearchWaiting .modal_Paragraph{
font-size:16px;
}
.service-info{
line-height:1.5;
display:block;
font-size:11px;
color:#555;
}
.narrow-item .service-info{
margin:0 0 10px 0;
}
.hotel-info-box .service-info{
margin:-8px 0 8px 0;
padding-left:101px;
}

/* iPad OS */
@media screen and (max-width:1185px) and (min-aspect-ratio:3/4){
.form-search-index-hdg .icon-required{
white-space:nowrap;
width:auto;
}
.form-search-index-exec .btn-info {
right:30px;
}
.popular-hotel .popular-hotel-tab > li{
vertical-align:bottom;
}
.form-search .attention-balloon, .search-filter-container .attention-balloon{
width:152px;
height:46px;
box-sizing:border-box;
}
}
.search-item-nav .search-item-sort {
white-space:nowrap;
}
.search-item-nav .search-item-sort a{
padding:8px 6px;
}

/* ----------------------------------------------------------------
loading-bar
----------------------------------------------------------------- */
.searching-progressbar{
background-color:#f5f5f5;
margin:10px auto 13px;
overflow:hidden;
}
.searching-progressbar-inner{
height:4px;
border-radius:0;
background: url(/element/w_hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size: 30px 4px;
background-color: #57A2EF;
overflow: hidden;
text-indent:-9999px;
}
.loading-bar-item {
margin-bottom:8px;
}
.loading-bar-item > .loading-bar-txt{
display:block;
font-size:12px;
margin-bottom:-4px;
}
.loading-bar-item > .loading-bar-txt > span{
display:inline-block;
white-space:nowrap;
}
.loading-bar-item > .loading-bar-txt .list-loading-site{
width:68px;
}
.loading-bar-item > .loading-bar-txt .list-loading-search{
padding-left:2px;
}
.loading-bar-item .searching-progressbar{
width:100%;
}
.loading-bar-item > .loading-bar-info{
font-size:13px;
display:block;
margin-top:18px;
}
.detail-item-result-num .loading-bar-item{
margin:5px 0;
}
.loading-bar-item + .loading-box{
margin:40px 0;
}
.loading-bar-item + div:not([class]){
min-height:250px;
}

/* alert
----------------------------------------------- */
.cmn-alert-wording .text-info-note{
display:block;
font-size:11px;
color:#666;
margin-top:12px;
}

/* ----------------------------------------------------------------
ext
----------------------------------------------------------------- */
.stl-ext-ttravel #two_column_right #main_Col{
width:755px;
}
.stl-ext-ttravel #two_column_right #sub_Col{
width:200px;
}
.stl-ext-ttravel .form-search-index-item .form-search-keyword input[type="text"]{
width:485px;
}
.stl-ext-ttravel.lyt-top .child-box{
margin:10px 0 -5px 87px;
}
.stl-ext-ttravel .form-search-index-exec .btn-info{
right:18px;
}
.stl-ext-ttravel .form-search-index-item.numbers ul li.adult{
margin-right:8px;
}
.stl-ext-ttravel .form-search-index-item.numbers ul li.language{
margin-left:4px;
}
.stl-ext-ttravel #two_column_right{
margin-bottom:30px;
}
.stl-ext-ttravel .suggestArea.popular dl.area3 dd{
width:90px!important;
}
.stl-ext-ttravel .suggestArea.popular dl.area3{
width:195px!important;
}
.stl-ext-ttravel .suggestArea dl.area1,.stl-ext-ttravel  .suggestArea dl.area2 {
width:220px !important;
}
.stl-ext-ttravel .suggestArea.popular dl dd {
width:98px !important;
}
.str-lyt-external .search-filter-container .child-box{
margin:4px 0 55px 160px;
}
.str-lyt-external .search-filter-container .serch-filter-box.room .child-box {
width:310px;
margin:-40px 65px 63px 0;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */

.article-box .img-list:after,
.article-box .img-list:before,
.list-tab-content:after,
.list-tab-content:before,
.article-box:before,
.article-box:after,
.tab-content:after,
.tab-content:before,
.suggestArea:after,
.suggestArea:before,
.review-img-text-box:after,
.review-img-text-box:before,
.review-head-area:after,
.review-head-area:before,
.interest-distance ul:before,
.interest-distance ul:after,
.search-filter-item:after,
.search-filter-item:before,
.hotel-detail-list:after,
.hotel-detail-list:before,
.search-result-list:after,
.search-result-list:before,
.under-link-list:before,
.hotel-detail-area:before,
.under-link-list:after,
.item-detail-box:before,
.item-detail-box:after,
.search-result-area:before,
.search-result-area:after,
.hotel-detail-area:after{
content:"";
display:table;
}
.article-box .img-list:after,
.article-box:after,
.list-tab-content:after,
.tab-content:after,
.suggestArea:after,
.review-img-text-box:after,
.review-head-area:after,
.search-filter-item:after,
.hotel-detail-list:after,
.under-link-list:after,
.search-result-list:after,
.item-detail-box:after,
.search-result-area:after,
.hotel-detail-area:after,
.interest-distance ul:after{
clear:both;
}

/* .info-clr
-------------------------------- */
.info-clr{
color:#666;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
margin:0 0 20px;
}
.special-info-nav a{
display:block;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 18px 11px no-repeat #fff;
background-size:14px 12px;
padding:8px 18px 8px 40px;
border:1px solid #bbb;
border-radius:4px;
height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.special-info-nav a:link,
.special-info-nav a:visited,
.special-info-nav a:hover,
.special-info-nav a:active{
text-decoration:none;
}
.special-info-nav a::after{
content:"";
display:block;
margin-top:-5px;
position:absolute;
top:50%;
right:18px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:9px;
height:9px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* special-info-nav
---------------------------------- */
.special-info-nav-link{
margin:0 0 20px;
}
.special-info-nav-link a{
display:block;
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 5px no-repeat #fff;
background-size:14px 12px;
padding:0 0 0 22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.special-info-nav-link a:link,
.special-info-nav-link a:visited,
.special-info-nav-link a:hover,
.special-info-nav-link a:active{
text-decoration:none;
}
/* .modal-travel-info
---------------------------------- */
.modal-travel-info .special-info-point{
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-sup{
font-size:14px;
margin:0;
}
.modal-travel-info .special-info-desc{
margin-top:8px;
}
.modal-travel-info .special-info-desc p{
margin-top:4px;
font-size:14px;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-desc p:first-child{
margin-top:0;
}
.modal-travel-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.modal-travel-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
display:inline-block;
vertical-align:bottom;
}
.modal-travel-info .special-info-hdg-sup{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
vertical-align:bottom;
margin-bottom:3px;
margin-left:5px;
font-size:12px;
color:#666;
}
.modal-travel-info .special-info-hdg-sup >span{
margin-right:4px;
}
.modal-travel-info .special-info-tabs{
margin:8px -20px 16px;
padding:0 12px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
overflow:hidden;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
-ms-overflow-style:none;
scrollbar-width:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:#222;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button{
position:relative;
background:none;
border:none;
margin:0;
display:block;
padding:11px 12px 10px;
color:#222;
font-size:14px;
}
.modal-travel-info .special-info-tabs .special-info-tabs-list >li button::after{
position:relative;
top:5px;
content:"";
display:block;
width:100%;
height:2px;
background-color:transparent;
}
.modal-travel-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.modal-travel-info .special-info-status{
margin-top:16px;
}
.modal-travel-info .special-info-status.branch{
margin-top:12px;
}
.modal-travel-info .special-info-status .special-info-status-list{
font-size:0;
}
.modal-travel-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.modal-travel-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.modal-travel-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.modal-travel-info .special-info-tbl a{
color:var(--cmn-font-color-base);
}
.modal-travel-info .special-info-tbl a:link,
.modal-travel-info .special-info-tbl a:visited,
.modal-travel-info .special-info-tbl a:hover,
.modal-travel-info .special-info-tbl a:active{
text-decoration:none;
}
.modal-travel-info .special-info-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:#666;
}
.modal-travel-info .special-info-note-list li a{
color:#666;
}
.modal-travel-info .special-info-note-list li a:link,
.modal-travel-info .special-info-note-list li a:visited,
.modal-travel-info .special-info-note-list li a:hover,
.modal-travel-info .special-info-note-list li a:active{
text-decoration:none;
}
.modal-travel-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-note-list li > span{
margin-right:4px;
}
.modal-travel-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info a:hover{
text-decoration:none;
}
.modal-travel-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:#666;
}
.modal-travel-info .special-info-link:link,
.modal-travel-info .special-info-link:visited,
.modal-travel-info .special-info-link:hover,
.modal-travel-info .special-info-link:active{
text-decoration:none;
}
.modal-travel-info .special-info-link a{
color:#666;
}
.modal-travel-info .special-info-link a:link,
.modal-travel-info .special-info-link a:visited,
.modal-travel-info .special-info-link a:hover,
.modal-travel-info .special-info-link a:active{
text-decoration:none;
}
.modal-travel-info .special-info-link.right{
text-align:right;
}
.modal-travel-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-dtl-tgl .special-info-dtl-tgl-hook{
margin:0;
padding:8px 20px 8px 0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px 7px;
font-weight:normal;
cursor:pointer;
font-size:14px;
border-bottom:1px solid #e5e5e5;
line-height:calc(21 / 14);
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.modal-travel-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
border-bottom:none;
}
.modal-travel-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.modal-travel-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
width:132px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
table-layout:fixed;
}
.modal-travel-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#eee;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:12px;
width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-travel-info .special-info-tbl td{
padding:12px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.modal-travel-info .special-info-tbl td >:first-child{
margin-top:0;
}
.modal-travel-info .special-info-tbl-list{
margin:4px 0 0;
}
.modal-travel-info .special-info-tbl-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.modal-travel-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-list a{
color:var(--cmn-font-color-base);
}
.modal-travel-info .special-info-tbl-list a:link,
.modal-travel-info .special-info-tbl-list a:visited,
.modal-travel-info .special-info-tbl-list a:hover,
.modal-travel-info .special-info-tbl-list a:active{
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.modal-travel-info .special-info-tbl-note-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.modal-travel-info .special-info-tbl-note-list li a:link,
.modal-travel-info .special-info-tbl-note-list li a:visited,
.modal-travel-info .special-info-tbl-note-list li a:hover,
.modal-travel-info .special-info-tbl-note-list li a:active{
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* tip-special-info > special-info-guide
---------------------------------- */
.tip-special-info .special-info-guide{
margin-top:4px;
}
.tip-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.tip-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.tip-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:25px;
}
.tip-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:0;
right:8px;
content:":";
display:block;
}
.tip-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:#666;
}
.tip-special-info .special-info-link:link,
.tip-special-info .special-info-link:visited,
.tip-special-info .special-info-link:hover,
.tip-special-info .special-info-link:active{
text-decoration:none;
}
.tip-special-info .special-info-link a{
color:#666;
}
.tip-special-info .special-info-link a:link,
.tip-special-info .special-info-link a:visited,
.tip-special-info .special-info-link a:hover,
.tip-special-info .special-info-link a:active{
text-decoration:none;
}
.tip-special-info .special-info-link.right{
text-align:right;
}
.tip-special-info .special-info-icon-blank{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:4px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}