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

/* ----------------------------------------------------------------
Base Setting
----------------------------------------------------------------- */
button,
select{
cursor:pointer;
color: #333;
}
button[disabled],
select[disabled]{
cursor:default;
}
button.is-disabled{
opacity:.33;
cursor:default !important;
}
textarea[disabled],
input[disabled] {
background: #e9e9e9;
color: #ccc;
}
.str-content input[type=text]:disabled::placeholder,
.str-content input[type=search]:disabled::placeholder{
color: #ccc;
}
select option[disabled] {
color: #ccc;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}

.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

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

::-webkit-input-placeholder,
::-moz-placeholder{
color:#949494;
}
.str-content div{
overflow-wrap: break-word;
}
.str-content a{
text-decoration: none;
}
.str-content select {
padding: 5px;
min-height: 30px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background-color: transparent;
}
.key-visual div.str-content {
min-height:auto;
width:calc(100% + 20px);
background: rgba(2,33,65,.8);
margin:0 -10px -32px;
padding-bottom: 50px;
}
.key-visual div.str-content .cmn-sns-list{
width:960px;
margin:20px auto 10px;
}
.str-lyt-external .str-header .str-header-utility a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.str-lyt-external .str-header .str-header-utility a:hover{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  .ext-ad-r / ad bnr layout
----------------------------------------------------------------- */
.ext-ad-r .str-content{
padding-left:0;
padding-right:180px;
position:relative;
min-height:1850px;
}
.ext-ad-r .str-info,
.ext-ad-r .str-topic-path,
.ext-ad-r .str-header-content,
.ext-ad-r .str-footer-content{
padding-right:190px;
}

/* ----------------------------------------------------------------
  .ext-bnr-ad-list
----------------------------------------------------------------- */
.ext-bnr-ad-list{
position:absolute;
top:0;
right:0;
min-width:160px;
margin: 0;
}
.ext-bnr-ad-list > li{
margin-bottom:30px;
}
.ext-bnr-ad-list > li > a{
display:block;
}
.ext-bnr-ad-list > li img{
vertical-align:bottom;
}
.ext-ad-both-narrow .ext-bnr-ad-list > li:last-child{
position:absolute;
top:1260px;
left:0;
}

/* ----------------------------------------------------------------
  key-visual
----------------------------------------------------------------- */

.key-visual{
margin:0 -10px -20px;
padding:0 10px 17px;
background:url(/element/hotel/index/images/bg-contents-01.jpg) 50% 0 no-repeat, url(/element/hotel/index/images/bg-contents-01-r.png) repeat-y 0 100% / 100% auto;
}
.key-visual.area-01{
background:50% 0 no-repeat #ebf5f9 url(/element/hotel/index/images/bg-contents-01.jpg);
}
.key-visual.area-02{
background:50% 0 no-repeat #ebf5f9 url(/element/hotel/index/images/bg-contents-02.jpg);
}
.key-visual.area-03{
background:50% 0 no-repeat #ebf5f9 url(/element/hotel/index/images/bg-contents-03.jpg);
}
/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:6px 20px 12px;
color:#fff;
position:relative;
background-color: #287ac4;
}
.key-visual .menu-header-container{
background-color: rgba(0, 0, 0, .5);
}

.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-note
----------------------------------------------- */
.menu-header-container .menu-header-note {
margin: 4px 0 0;
font-size: 12px;
position:relative;
padding-left:calc(1em + 4px);
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
position:absolute;
left:0;
top:0;
}
:lang(en) .menu-header-container .menu-header-note{
padding-left:calc(.5em + 4px);
}
:lang(en) .menu-header-container .menu-header-note::before{
margin-right:4px;
content:"*";
display:inline-block;
}
.key-visual .cmn-notice-list{
margin:20px auto 0;
width:960px;
color:rgba(255,255,255,0.7);
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
font-weight: normal;
}

.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: -1px 0 0 0;
line-height: 1.35;
}
.menu-header-container .menu-header-sup .menu-header-date{
font-size: 11px;
padding-left: 20px;
}

/* .panel-agt-list
----------------------------------------------- */
.panel-agt-list{
display:inline-block;
vertical-align:middle;
font-size: 0;
margin: 0;
}

.panel-agt-list-sup{
padding-left: 10px;
color: #333;
display: inline-block;
vertical-align: middle;
font-size: 12px;
}

.panel-agt-list > li{
margin-left:10px;
display:inline-block;
vertical-align:middle;
}

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

.panel-agt-list > li img{
vertical-align:middle;
}

/* .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:20px;
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: -1px 2px -2px 2px;
display: inline-block;
font-size: 14px;
vertical-align: top;
}

.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:#777;
line-height:1.25;
display:block;
font-size:11px;
}


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

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

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

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

.panel{
margin-top:24px;
padding:16px 20px 20px;
color:#fff;
border: 1px solid rgba(255,255,255,.7);
border-radius:8px;
}

/* .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;
}

/* .hotel-tab
----------------------------------------------- */
.hotel-tab {
display: flex;
width: 100%;
margin-bottom: 6px;
border-bottom:1px solid rgba(255,255,255,.7);
padding-bottom:12px;
}
.hotel-tab > li {
vertical-align: top;
padding: 0 0 0 15px;
}
.hotel-tab > li:first-child {
border-left: none;
padding-left: 0;
}
.hotel-tab > li > button,
.hotel-tab > li > a {
width: 100%;
line-height: 1.1;
border: none;
cursor: pointer;
font-size: 14px;
color:#fff;
}
.hotel-tab > li > a{
min-width:35px;
text-decoration: none;
display: table-cell;
vertical-align: middle;
text-align: center;
white-space: nowrap;
color:#fff;
}
.hotel-tab > li > button > span,
.hotel-tab > li > a > span {
display: block;
}
.hotel-tab > li > button[disabled],
.hotel-tab > li > a.disabled {
color: #fff;
cursor: default;
position: relative;
}
.hotel-tab > li > button[disabled]::after,
.hotel-tab > li > a.disabled::after{
content:'';
position:absolute;
bottom:-7px;
left:0;
height:2px;
display: block;
background:#fff;
width: 100%;
}

/* .list-col-5
----------------------------------------------- */
.list-col-5 {
margin-top: 0;
}
.list-col-5 > li {
margin-top: 7px;
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;
}
.tab-container > .tab-item.is-active {
display: block;
}
.tab-container > .tab-item {
display: none;
}
.link-line{
text-align: right;
margin-top: 5px;
}

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

.link-list-line{
overflow:hidden;
margin: 0;
}

.link-list-line > li{
margin:20px 15px 0 0;
display:inline-block;
}

.link-list-line > li a{
padding-left:12px;
font-size: 12px;
color:#666;
display:inline-block;
position:relative;
}

.link-list-line > li a:before{
content:'';
display:block;
position:absolute;
top:5px;
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-destination a {
color: #666;
position: relative;
font-size: 14px;
display: inline-block;
overflow-wrap: break-word;
line-height: 1.35;
vertical-align: top;
color:#fff;
}
.link-list-destination a > img {
position: absolute;
left: 0;
top: -4px;
width: 30px;
height: 20px;
border: 1px solid #eee;
}

.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: 5px;
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);
}

/* .hdg-sup
----------------------------------------------- */
.panel .panel-hdg .hdg-sup,
.under-link-list > .txt-list .hdg-sup {
font-size: 11px;
color: #666;
display: inline-block;
margin-left: 5px;
font-weight: normal;
}

.index-seo-area .panel .panel-hdg .hdg-sup,
.index-seo-area .under-link-list > .txt-list .hdg-sup {
color: #fff;
opacity:.6;
}

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

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

.popular-hotel .popular-hotel-tab{
display:flex;
width:100%;
margin: 0 0 11px;
border-bottom: 1px solid rgba(255,255,255,.7);
padding-bottom: 12px;
}

.popular-hotel .popular-hotel-tab > li{
vertical-align: bottom;
padding-left:20px;
}

.popular-hotel .popular-hotel-tab > li:first-child{
border-left:none;
padding-left:0;
}

.popular-hotel .popular-hotel-tab > li button,
.popular-hotel .popular-hotel-tab > li a{
padding:2px;
color:#fff;
border:none;
cursor:pointer;
font-size:14px;
line-height: 1.2;
}
.popular-hotel .popular-hotel-tab > li a{
text-decoration: none;
position:relative;
}

.popular-hotel .popular-hotel-tab > li button[disabled],
.popular-hotel .popular-hotel-tab > li a.disabled{
color:#fff;
cursor: default;
}

.popular-hotel .popular-hotel-tab > li button[disabled]::after,
.popular-hotel .popular-hotel-tab > li a.disabled::after {
content: '';
position: absolute;
bottom: -7px;
left: 0;
height: 2px;
display: block;
background: #fff;
width: 100%;
}

/* .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:5px 0 0;
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:16px;
}

.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg-sup{
text-align:right;
}

.popular-hotel .popular-hotel-hdg-container > .popular-hotel-hdg-sup .cmn-dashed{
color:#fff!important;
--cmn-dashed-color: #fff;
}

.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 > .popular-hotel-list-cell{
float:left;
width:633px;
box-sizing:border-box;
overflow:hidden;
}

.popular-hotel .popular-hotel-list > .popular-hotel-list-cell:first-child{
width:285px;
}

.popular-hotel .popular-hotel-list + .popular-hotel-hdg-container{
border-top: 1px solid rgba(255,255,255,.7);
margin-top:13px;
padding-top:16px;
}

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

.popular-hotel-list .popular-hotel-list-item{
border-top:1px solid rgba(255,255,255,.4);
padding:15px;
float:left;
width:50%;
box-sizing:border-box;
}

.popular-hotel-list .popular-hotel-list-item:first-child,
.popular-hotel-list .popular-hotel-list-item:first-child + .popular-hotel-list-item{
border-top:0;
}

.popular-hotel-list .popular-hotel-list-item > a{
margin-bottom:5px;
display:inline-block;
line-height:1.25;
font-size:14px;
padding-left: 40px;
position: relative;
color:#fff;
}

.popular-hotel-list .popular-hotel-list-item > a .cmn-dashed{
color:#fff!important;
--cmn-dashed-color: #fff!important;
}

.popular-hotel-list .popular-hotel-list-item > a .sup{
color:#fff;
display:block;
font-size:12px;
font-weight:normal;
}
.popular-hotel-list .popular-hotel-list-item > a .number{
font-size: 14px;
font-weight: bold;
width: 32px;
height: 17px;
box-sizing: border-box;
text-align: center;
background: #fff;
color: #222;
display: inline-block;
position: absolute;
left:0;
line-height: 18px;
}

.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info{
font-size:12px;
margin: 0;
}

.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li{
overflow:hidden;
font-size: 12px;
line-height: 1.45;
}
.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: #fff;
position: relative;
padding-left: 10px;
font-size: 12px;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li .list-area li a:before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
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;
display: table-cell;
padding-top: 4px;
}

.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li > .cell:first-child{
float:left;
width:5em;
}
.popular-hotel-list .popular-hotel-list-item .popular-hotel-list-info > li > .cell:last-child{
font-size: 12px;
}
.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 img{
margin:0 auto 5px;
display:block;
max-height: 142px;
border:1px solid #999;
}

.popular-hotel-list .popular-hotel-list-item .popular-hotel-image-info{
color:rgba(255,255,255,.6);
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;
}

/* ----------------------------------------------------------------
  .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-index-btn-reset
----------------------------------------------- */
.form-search-index-btn-reset{
padding:0 0 0 12px;
border:0;
color: #666;
position:absolute;
top:8px;
right:12px;
background-color:transparent;
font-size:12px;
z-index: 1;
height: 22px;
}
.form-search-index-btn-reset:before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
display: block;
overflow: hidden;
width: 8px;
height: 8px;
content: '';
background: url(/element/hotel/shared/images/icon-reset-line.svg) no-repeat 0 0;
background-size: 8px;
}
.form-search-index-btn-reset > span{
display:block;
line-height: 1.3;
color:#666!important;
}
.detail-item .form-search .form-search-index-btn-reset{
top:5px;
right:12px;
}

/* .form-search-index-exec
----------------------------------------------- */
.key-visual .form-search-index .form-search-index-exec{
padding:18px 10px 12px;
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{
position: relative;
}

.key-visual .form-search-index .form-search-index-exec:before,
.key-visual .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;
}

.key-visual .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:#333;
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: 120px;
box-shadow: 0 -3px 0 #20629d inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
font-size: 20px;
font-weight: bold;
background-color: #287ac4;
min-height: 40px;
position: absolute;
right: 20px;
bottom: 17px;
}
.key-visual .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 #20629d inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
font-size: 20px;
font-weight: bold;
background-color: #287ac4;
min-height: 40px;
position: inherit;
right: inherit;
bottom: inherit;
}
.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:#20629d;
}
.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 #20629d inset;
background-color: #287ac4;
}
.form-search-index-exec .btn-info{
font-size: 11px;
color: #333;
text-align: left;
line-height: 1.4;
position: absolute;
right:55px;
top: 18px;
}

/* .form-search-index
----------------------------------------------- */
.form-search-index{
position: relative;
margin-bottom: 20px;
}
.key-visual .form-search-index{
padding:0 20px 20px;
background-color: rgba(0, 0, 0, .5);
margin-bottom:64px;
}
.form-search-index .form-search-index-inner ul,
.form-search-index .form-search-index-inner ol,
.form-search-index .form-search-index-inner li{
margin: 0;
list-style-type: none;
}
.form-search-index .form-search-index-inner{
padding:23px 15px 15px 15px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index.city-search-form .form-search-index-inner{
padding: 0;
}
.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: 170px;
margin: 0;
}
.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: 40px;
}
.form-search-index .keyword input[type="text"],
.form-search-index .keyword input[type="search"]{
width: 606px;
}
.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:#777;
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:#333;
display:table;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
text-align: center;
border-radius: 2px 0 0 2px;
}
.form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
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-hdg .cmn-faq-hook{
position:absolute;
top:50%;
margin-top:-6px;
right:14px;
}
.form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell .cmn-faq-hook{
right: 15px;
}
.form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell{
padding-left: 12px;
width: 105px;
}
.city-search-form .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell{
width: 98px;
}
.form-search-index-item.desti .form-search-index-hdg .cmn-faq-hook {
position: absolute;
top: 50%;
margin-top: -6px;
right: 14px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}
.form-search-index-item.dates > .form-search-index-item-cell.date{
vertical-align:top;
width: 150px;
}
.form-search-index-inner .form-search-index-item.dates .form-search-index-item-cell:last-child{
width: auto;
}
.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;
}
.form-search-index-item.dates > .form-search-index-item-cell.date ol > li img{
right: 6px;
bottom: 10px;
position: absolute;
}
.form-search-index-item.dates .date-count {
float: left;
margin: 11px 0 0 10px;
font-size: 12px;
}
.form-search-index-item > .form-search-index-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search-index-item.desti > .form-search-index-item-cell:first-child{
width: 111px;
}
.form-search-index-item > .form-search-index-item-cell:first-child,
.form-search-index-item.dates > .form-search-index-item-cell:nth-child(odd){
width:111px;
}
.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;
}
.str-content select{
padding:5px;
min-height:32px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
background-color: transparent;
}
.str-content 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;
}
.form-custom-select select{
position: relative;
}
.form-search-index-item-01-cell .form-custom-select,
.str-content .form-search-index-item-01-cell .form-custom-select select{
height: 40px;
}
.sort-box .form-custom-select{
height: 32px;
}
.form-custom-select select{
padding-right: 16px;
}
.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;
}
.form-custom-select.disabled:before {
border-color: #ccc transparent transparent transparent;
}


/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display: none;
}
.cmn-ms .form-custom-select select{
padding: 4px 4px 6px 5px;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}
input:-ms-input-placeholder {
color: #949494;
}
.narrow-select .form-custom-select{
width: 100%;
min-width: inherit;
}

.form-search-index-item .form-search-label{
font-size:12px;
}
.form-search-index-item .form-search-label small{
font-size:10px;
color:#777;
}
.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:606px;
box-sizing:border-box;
border-radius: 2px;
}
.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-01-cell .is-error
----------------------------------------------- */
.form-search-index-item .form-search-keyword .form-search-index-item-01-cell .is-error,
.detail-item .form-search .form-head-box input.is-error,
.form-custom-select.is-error,
.str-content .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,
.map-filter-destination-list .map-filter-destination-input input.is-error:hover{
box-shadow: 0 0 0 1px rgba(233,57,57,.35) inset;
}
.child-box .form-custom-select.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);
}

/* .form-search-index-btn-item
----------------------------------------------- */
.form-search-index-btn-item{
display:table;
width:100%;
margin-top:8px;
}
.form-search-index-btn-item > div{
display:table-cell;
}
.form-search-index-btn-item > .keyword{
width:737px;
}
.form-search-index-btn-item .form-search-index-exec{
text-align:right;
vertical-align:bottom;
}
.form-search-index-btn-item .form-search-index-exec .form-search-index-error{
display:flex;
flex-flow:column;
justify-content:flex-end;
}
.form-search-index-btn-item .form-search-index-exec .form-search-index-error > li{
margin-left:auto;
}
.form-search-index-btn-item .form-search-index-exec .form-search-index-exec-btn{
position:static;
}
.form-search-index-btn-item .form-search-index-exec .attention-balloon{
top:auto;
bottom:-2px;
left:-35px;
right:auto;
}

/* .form-search-index-error
----------------------------------------------- */
.form-search-index .form-search-index-error{
margin:7px 0 0;
font-size:12px;
}

.form-search-index .form-search-index-error > li,
.form-search-index-error > li{
margin-top:5px;
padding-left:20px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 1px no-repeat;
background-size:14px 12px;
font-size:12px;
color: var(--color-red);
display: flex;
}

.detail-item .form-search-index-error{
clear:both;
margin:5px 0 0 100px;
font-size:12px;
}

.map-page .form-search-index-error{
margin:0 0 0 8px;
min-height:45px;
display:flex;
flex-flow:column;
justify-content:center;
}

.map-page .form-search-index-error li{
margin:2px 0;
}

.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;
}

.form-search-index .form-search-index-inner > .form-search-index-error,
.form-head-box > .form-search-index-error{
text-align:right;
}
.form-search-index .form-search-index-inner > .form-search-index-error > li{
display:inline-block;
margin: 5px 8px 50px 0;
}
.form-head-box > .form-search-index-error{
display:flex;
align-items: end;
flex-flow: column;
}
.form-head-box > .form-search-index-error > li:last-child{
margin: 5px 0 40px 0;
}
.detail-tab-container .form-head-box > .form-search-index-error > li{
margin:0;
}
.detail-tab-container .form-head-box > .form-search-index-error > li:last-child{
margin-bottom:40px;
}
.form-head-box > .form-search-index-error > li{
display:inline-block;
margin: 5px 8px 40px 0;
}
.form-search-index .form-search-index-inner > .numbers + .form-search-index-error{
padding-left:112px;
}
.form-search-index .form-search-index-inner > .numbers + .form-search-index-error > li{
display:block;
margin:5px 0 0 0;
text-align:left;
}
.form-search-index .form-search-index-inner > .form-search-index-error.error-date{
display:flex;
padding-left:112px;
margin:2px 0 -2px;
}
.form-search-index .form-search-index-inner > .form-search-index-error.error-date > li{
margin:0;
width:287px;
text-align:left;
box-sizing:border-box;
padding-right:10px;
}

/* .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:#333;
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:#333;
background-color:#bfd5ef;
}
.form-search-index-item.desti .desti-list > li.other b{
display:block;
padding:4px 10px 4px 9px;
font-size:12px;
color:#333;
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:#333;
}
.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"],
.form-search-index-item.date input[type="search"]{
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;
}
.form-search-index-item.numbers ul li.language{
line-height: 1.3;
font-size: 12px;
color: #333;
margin-left: 10px;
padding-top: 10px;
white-space: nowrap;
}
.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
----------------------------------------------- */
.child-box{
float: right;
font-size:12px;
text-align: right;
box-sizing: border-box;
width: 310px;
margin-top: 5px;
display: none;
}
.child-box.is-active{
display:inline-block;
}
.child-box .child-box-sup{
font-size: 11px;
display: block;
text-align: left;
}
.search-filter-item .child-box{
width: 195px;
margin: -32px 28px 35px 0;
}
.form-head-box .child-box ul{
width: 385px;
margin-top: 0;
}
.form-head-box .child-box{
clear: both;
float: left;
padding-left: 192px;
width: 100%;
text-align: left;
}
.form-head-box .child-box .child-box-hdg{
display: block;
font-size: 11px;
margin: 3px 0;
}
.form-head-box .child-box li{
margin-right: 25px;
}
.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;
width: 360px;
margin-right: 95px;
}
.key-visual .child-box.is-active{
width: 310px;
margin-right: 105px;
}
.child-box label{
margin:0;
font-size: 12px;
}
.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;
width:50px;
min-height: inherit;
min-width: inherit;
padding: 1px 4px;
border-radius: 2px;
}
.child-box .form-custom-select {
border: 1px solid #bebebe;
display: inline-block;
min-width: 30px;
padding: 0;
box-sizing: border-box;
background-color: #fff;
position: relative;
margin-left: 4px;
vertical-align: middle;
height: auto;
}
.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 .form-search-index-inner .form-list-line{
display: block;
margin:3px 0 5px 111px;
font-size: 13px;
}
.form-search-index .form-search-index-inner .form-list-line .cmn-faq-hook{
margin: 0 6px 0 2px;
}
.form-search-index-inner .form-list-line input[type="checkbox"]{
vertical-align: text-top;
margin-right: 4px;
margin-top: 1px;
}
.date-fix-sup{
display: inline-block;
padding-left: 0;
font-size: 11px;
color: #777;
}
.form-search-index-item.numbers select{
vertical-align:top;
min-height:32px;
min-width:50px;
}
.form-search-index-item.numbers .room select{
width: 65px;
}
.form-search-index-item.numbers label{
display:inline-table;
}
.form-search-index-item.numbers label .form-search-label{
display:table-cell;
width:78px;
height:34px;
padding:0 0 0 7px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
text-align: left;
box-sizing: border-box;
font-size: 13px;
}
.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: 100px;
}
.form-search-index-item.numbers > .form-search-index-item-cell.number{
width:120px;
}
.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"],
.form-search-index-item.flight-section .flight-section-date input[type="search"]{
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"],
.form-search-index-item.flight-section .flight-section-area .form-search-keyword input[type="search"]{
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;
}

.form-search-index-item-01 > .form-search-index-item-01-cell.required {
position: relative;
width: 95px;
padding: 0 5px 0;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #bebebe;
width: 100px;
background-color: #f6f6f6;
font-size: 12px;
line-height: 1.2;
float: left;
height: 40px;
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.required label,
.form-search-index-item-01.form-search-area > .form-search-index-item-01-cell.required label{
margin: 6px 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;
}

/* ----------------------------------------------------------------
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-l1
----------------------------------------------- */
.form-search-hdg-l1 {
margin: -12px 0 -3px 0;
color: #333;
font-size: 16px;
font-weight: bold;
padding:0 145px 0 10px;
}

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

.search-filter-container{
padding:20px 20px 14px ;
color:#555;
background-color:#ededed;
margin-bottom: 30px;
position: relative;
width: 100%;
box-sizing: border-box;
}
.search-filter-container ul,
.search-filter-container ol{
margin: 0;
list-style-type: none;
}
.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: #333;
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: 60px;
}
.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: #333;
display: block;
float: left;
width: 60px;
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;
width: 80px;
}
.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 .cmn-faq-hook{
vertical-align: middle;
margin-left: 3px;
}
#one_column .main-col select.disabled{
color: #949494;
}
.search-filter-container .search-filter-item > .search-filter-item-list .search-filter-list-number > li select.disabled{
background: #e9e9e9;
color: #949494;
}
.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:13px;
position: relative;
}
.search-filter-container h2.search-filter-hdg{
width: 100px;
}
.search-filter-container .search-filter-hdg .ic-required{
font-weight: normal;
padding: 0;
margin: 0 0 0 4px;
}
.search-filter-container .cmn-faq-hook{
vertical-align: middle;
}
.search-filter-container .search-filter-hdg .cmn-faq-hook{
position: absolute;
right:6px;
top: 50%;
margin-top: -7px;
}
.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: #287ac4;
box-shadow: 0 -3px 0 #20629d inset;
cursor:pointer;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
min-height: 40px;
}
.search-filter-container .search-filter-btn:active,
.search-filter-container .search-filter-btn:hover,
.search-filter-container .search-filter-btn:focus{
background-color:#20629d;
}
.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{
position: absolute;
right: 0;
bottom: 2px;
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: #333;
}
.form-list-line input[type="checkbox"]{
margin-right: 4px;
}
.form-search .form-search-item-cell .form-search-date{
float: none;
margin: 0;
}
.form-search-item-cell .form-list-line{
margin:10px 0 3px 0;
}
.detail-item .form-search-item-cell .form-list-line{
margin-top: 2px;
}
.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"],
.search-filter-container input[type="search"]{
font-size:12px;
box-sizing: border-box;
border: 1px solid #bebebe;
color: #333;
padding: 5px 10px;
}
.search-filter-container li select{
font-size: 12px;
color: #333;
padding: 5px 10px;
box-sizing: border-box;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
min-height: 32px;
}
.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:195px;
font-size:12px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 40px;
box-sizing: border-box;
background-color: transparent;
color: #555;
}
.search-filter-container .search-filter-list .form-custom-select{
height: 40px;
}
.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.box-st-02,
.search-filter-container .search-filter-list-simple > li > ul:not([class]) > li select.box-st-02{
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;
}
.serch-filter-box.date ol li:last-child{
padding-left: 20px;
}
.search-filter-container .search-filter-list-date > li > div{
display: inline-block;
}
.search-filter-container .search-filter-list-date > li:not(:last-child){
padding-right:5px;
position:relative;
}
.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:140px;
padding: 7px 10px;
}
.search-filter-container .search-filter-list-date > li .ui-datepicker-btn{
margin: 3px 0 0 0;
vertical-align: middle;
position: absolute;
left: 115px;
}
.search-filter-container .search-filter-list-date > li .day-number{
margin-left: 7px;
color: #333;
font-size: 12px;
}
.search-filter-container .search-filter-list-date > li{
position: relative;
}
.search-filter-container .search-filter-keyword{
font-size:11px;
margin: 0;
}

.search-filter-container .search-filter-keyword input{
width:100%;
font-size: 14px;
padding: 9px 10px;
box-sizing: border-box;
border: 1px solid #bebebe;
height: 41px;
border-radius: 2px;
}
.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,
.attention-balloon{
position: absolute;
right: 150px;
top: -58px;
color: #fff;
font-size: 12px;
padding: 5px 10px;
border-radius: 5px;
background-color: #555;
line-height: 1.35;
text-align: center;
min-width: 80px;
white-space: nowrap;
}
.form-search .attention-balloon:before,
.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{
right: 0;
bottom: -48px;
min-width: inherit;
top: auto;
z-index:6;
}
.form-search .attention-balloon:before{
top: 36px;
right: 43px;
top: -4px;
right: 43px;
}

/* .serch-filter-box
----------------------------------------------- */
.serch-filter-box{
padding-left: 100px;
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: 100px;
}
.serch-filter-box.date ol li{
position: relative;
margin-left: 80px;
}
.serch-filter-box.date ol li .search-filter-hdg{
position:absolute;
top: 7px;
left: -100px;
line-height: 1.2;
padding-left: 15px;
}
.serch-filter-box.date ol li:last-child .search-filter-hdg{
left: -90px;
width: 95px;
}
.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: 0;
}
.search-filter-container .serch-filter-box.date .search-filter-list-date > li:last-child .ui-datepicker-btn{
left: 134px;
}
.serch-filter-box.date .form-list-line{
padding-left: 100px;
margin-top: 4px;
}
.search-filter-container .serch-filter-box > .search-filter-item-list:first-child .search-filter-list-number{
margin-left: -100px;
}
.search-filter-container .serch-filter-box .search-filter-list-number li .search-filter-hdg{
width: 145px;
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: 96px;
vertical-align: middle;
padding: 0;
}
.search-filter-container .serch-filter-box .search-filter-list-number li ul{
display: inherit;
}
.serch-filter-box.hotel-name{
margin-top: -6px;
padding-left: 0;
}
.search-filter-container .hotel-name .search-filter-item > .search-filter-item-cell:first-child{
padding: 0 ;
vertical-align: top;
width: 100px;
vertical-align: middle;
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: 300px;
margin: -45px -10px 10px 440px;
float: none;
}


/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-popular
----------------------------------------------- */
.suggest-popular{
width: 685px;
border: 1px solid #bebebe;
padding: 15px 12px;
background: #fff;
z-index: 1000;
box-sizing: border-box;
display: none;
top: 39px;
left: 0px;
position: absolute;
}
.suggest-popular.is-active{
display: block;
}
.suggest-popular .popular-country-list{
font-size: 0;
}
.suggest-popular .popular-country-list > li{
width: 148px;
height: 110px;
display: inline-block;
font-size: 13px;
margin: 0 8px;
}
.suggest-popular .popular-country-list > li:nth-child(-n+4){
border-bottom: 1px dotted #ccc;
margin-bottom: 15px;
height: 120px;
}
.suggest-popular .popular-country-list > li .country-list-hdg{
font-weight: bold;
margin-bottom: 3px;
}
.suggest-popular .popular-country-list > li a{
color: #555;
text-decoration: none;
}
.suggest-popular .popular-country-list > li a:hover{
text-decoration:underline;
}

/* .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;
}
.form-search-index-item .suggest-container{
width:606px;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:39px;
left:0;
z-index:101;
width:100%;
box-sizing:border-box;
background-color:#fff;
text-align:left;
}
.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 > :first-child{
margin: 0 0 5px;
padding: 10px 10px 0;
color: #333;
font-size: 13px;
}

.suggest-container .suggest.is-active{
display:block;
}

/* .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 a,
.map-page .suggest-container .suggest-list > li a{
color:#333;
text-decoration:none;
}

.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{
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{
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: #333;
}

.suggest-container.keyword .suggest-list > li.over,
.suggest-container.keyword .suggest-list > li.select{
background-color:#f9eaba;
color: #333;
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);
background-size:12px 15px;
}

.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 11px;
opacity:.45;
}


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

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
margin-bottom: 6px;
}

/* .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;
}

.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:#333;
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-list > li.is-active {
background-color: #f9eaba;
}

/* .suggest-logo
----------------------------------------------- */
.suggest-container .suggest-logo{
margin-top:20px;
text-align:right;
line-height:1;
margin-bottom: -8px;
}

.suggest-container .suggest-logo a{
color:#666;
display:inline-block;
font-size:12px;
text-decoration:none;
}

.suggest-container .suggest-logo a > span{
color:#0b4cae;
}

.suggest-container .suggest-logo img{
margin:0 0 4px 5px;
width:123px;
vertical-align:middle;
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-btn-prev
----------------------------------------------- */
.suggest-container .suggest > .suggest-btn-prev{
margin:5px 0;
padding:0;
border:none;
color:#0b4cae;
background:none;
font-size:12px;
}

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

/* .suggest-logo
----------------------------------------------- */
.suggest-container .suggest-logo{
margin-top:10px;
text-align:right;
}
.suggest-container .suggest-logo img{
vertical-align:middle;
width:120px;
}

/* .suggest-category-list
----------------------------------------------- */
.narrow-search .suggest-container .suggest{
top: 42px;
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;
}

.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:#333;
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;
}

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

.suggest-tab [tabindex]{
outline:none;
}

.suggest-tab [tabindex]:focus-visible {
outline: 1px solid #3798e0;
}

/* .suggest-tab-list
----------------------------------------------- */
.suggest-container .suggest-tab-list{
margin:-8px -10px 0;
padding:6px 10px;
box-shadow:0 2px 3px rgba(0,0,0,.2);
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
position:relative;
z-index:1;
background-color:#fff;
}

.suggest-container .suggest-tab-list > li{
margin-right:24px;
}

.suggest-container .suggest-tab-list button{
padding:0;
border:none;
height:24px;
position:relative;
background:transparent;
font-size:12px;
outline:none;
}

.suggest-container .suggest-tab-list button:disabled{
color:#ccc;
}

.suggest-container .suggest-tab-list button[aria-selected="true"]::before{
content:'';
display:block;
width:100%;
height:2px;
overflow:hidden;
position:absolute;
bottom:-2px;
left:0;
background-color:#333;
}

/* .suggest-tab-panel
----------------------------------------------- */
.suggest-container .suggest-tab-panel{
display:none;
}

.suggest-container .suggest-tab-panel.is-active{
display:block;
padding:7px 10px 0;
outline:none;
}

/* .suggest-tab-panel-list
----------------------------------------------- */
.form-search-index .form-search-index-inner ul.suggest-tab-panel-list{
margin:-1px -10px 0;
padding-top:1px;
line-height:1.35;
position:relative;
font-size:12px;
}
.form-search-index .form-search-index-inner .suggest-tab-hdg + .suggest-tab-panel-list{
margin-top:-5px;
}
.form-search-index .form-search-index-inner .suggest-tab-hdg + .suggest-tab-panel-list::before{
display:none;
}

.suggest-container .suggest-tab-panel-list::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
top:0;
left:10px;
background-color:#ddd;
}

.suggest-container .suggest-tab-panel-list > li{
padding:6px 10px;
cursor:pointer;
position:relative;
outline:none;
}

.suggest-container .suggest-tab-panel-list > li:first-child{
padding-top:6px;
}

.suggest-container .suggest-tab-panel-list > li::before{
content:'';
display:block;
width:calc(100% - 20px);
height:1px;
overflow:hidden;
position:absolute;
bottom:0;
left:10px;
background-color:#eee;
}

.suggest-container .suggest-tab-panel-list > li:active,
.suggest-container .suggest-tab-panel-list > li:hover,
.suggest-container .suggest-tab-panel-list > li:focus{
background-color:#f5f5f5;
}

.suggest-container .suggest-tab-panel-list > li.is-selected{
background-color:#e5f3ff;
}

.suggest-container .suggest-tab-panel-list > li > label{
margin:-6px -10px;
padding:6px 10px 6px 30px;
display:block;
position:relative;
cursor:pointer;
}

.suggest-container .suggest-tab-panel-list > li > label input{
position:absolute;
top:6px;
left:10px;
}

.suggest-container .suggest-tab-panel-list > li span{
display:inline-block;
}

.suggest-container .suggest-tab-panel-list .has-child{
padding-right:20px;
outline:none;
}

.suggest-container .suggest-tab-panel-list .has-child::after{
border-right:1px solid #888;
border-bottom:1px solid #888;
content:'';
display:block;
position:absolute;
top:10px;
right:12px;
width:7px;
height:7px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/*
.suggest-container .suggest-tab-panel-list .is-selected::after{
margin-left:8px;
content:'';
display:inline-block;
width:12px;
height:9px;
overflow:hidden;
background:url(/element/hotel/shared/images/icon/icon-check.svg) no-repeat 0 0;
}
*/

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

.suggest-container .suggest-tab .suggest-btn-prev{
margin-top:5px;
}


/* .suggest-tab-hdg
----------------------------------------------- */
.suggest-tab-hdg{
border-bottom:1px solid #ddd;
font-size:12px;
font-weight:bold;
padding-bottom: 5px;
margin:5px 0 4px;
}

.suggest-tab-dest-list + .suggest-tab-hdg{
margin-top:9px;
}

/* .suggest-tab-dest-list
----------------------------------------------- */
.suggest-tab-dest-list{
display:flex;
flex-wrap: wrap;
font-size:12px;
}
.suggest-tab-dest-list > li{
padding-right:8px;
box-sizing:border-box;
}
.suggest-tab-dest-list > li a{
color:#333;
display:block;
border-radius:4px;
padding:5px 5px 1px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
box-sizing: border-box;
text-decoration:none;
}
.suggest-tab-dest-list > li a:hover{
background:#f5f5f5;
}
.suggest-tab-dest-list > li.is-selected a,
.suggest-tab-dest-list > li.is-selected a:hover{
background:#e5f3ff;
}
.suggest-tab-dest-list.col-3 > li{
margin:0 0 4px -5px;
width:33%;
}
.suggest-tab-dest-list.col-4 > li{
margin:0 0 4px -5px;
width:25%;
}
.suggest-tab-dest-list.col-5 > li{
margin:0 0 4px -5px;
padding-right:12px;
width:calc(20% + 5px);
box-sizing:border-box;
}
.suggest-tab-dest-list.col-5 > li:nth-child(5n){
padding-right:0;
}

/* .pseudo-list.pseudo-list-history > ul
----------------------------------------------- */
.suggest-container .suggest-tab-panel-list.suggest-tab-panel-list-history::before{
display:none;
}

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

/* .brt-note
----------------------------------------------- */
.form-search-index .form-search-index-inner .brt-note{
margin:5px 0 -5px;
}
.brt-note li{
font-size: 11px;
color: #777;
display: block;
text-indent: -10px;
padding-left: 10px;
}
.brt-note li::before{
content:'*';
margin-right:4px;
}
:lang(zh-cmn-Hant-TW) .brt-note li,
:lang(zh-cmn-Hant-HK) .brt-note li,
:lang(zh-cmn-Hans) .brt-note li,
:lang(ko) .brt-note li{
text-indent: -14px;
padding-left: 16px;
}
:lang(zh-cmn-Hant-TW) .brt-note li::before,
:lang(zh-cmn-Hant-HK) .brt-note li::before,
:lang(zh-cmn-Hans) .brt-note li::before,
:lang(ko) .brt-note li::before{
content:'\0203B';
margin-right:4px;
}

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

.suggestArea{
width:520px;
border:1px solid #bebebe;
padding:15px 12px;
background:#fff;
z-index: 1000;
box-sizing: border-box;
}
.suggestArea.popular p{
font-size:12px;
color:#333;
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: #333;
}

.suggestArea.popular dl dd + dt{
margin-top:7px;
padding-top: 10px;
border-top: 1px dotted #ccc;
}
.suggestArea.popular dl dd{
width: 90px;
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:#333;
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;
}

.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;
height: auto;
padding-left: 0;
margin: 0;
}

.suggestArea.search dl dt{
display: block;
background: #f1f1f1;
padding: 2px 3px;
margin-bottom: 6px;
font-weight: bold;
font-size:12px;
clear: both;
}
.suggestArea.search dl dd{
line-height: 1.7;
cursor:pointer;
padding-left: 25px;
box-sizing: border-box;
margin-left: 0;
position: relative;
}
.suggestArea.search dl dd::before{
content: '';
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 0;
background-repeat: no-repeat;
}
.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: #777;
font-weight: bold;
margin-bottom: 8px;
}
.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;
}

/* ----------------------------------------------------------------
   spot icon settings
----------------------------------------------------------------- */

.suggestArea dd.icon-list-general{
padding-left:0;
}
.icon-list-general:before {background:none;}
.suggestArea dd.icon-list-area:before,
.suggestArea dd.icon-list-attraction:before,
.suggestArea dd.icon-list-airport:before,
.suggestArea dd.icon-list-station:before,
.suggestArea dd.icon-list-hotel:before{
content:'';
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggestArea dd.over,
.suggestArea dd.select{
background-color:#f9eaba;
color: #333;
}
.suggestArea dd.over,
.suggestArea dd.select{
background-color:#f9eaba;
color: #333;
padding-left: 0;
}
.suggestArea dd.icon-list-area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:10px 14px;
}
.suggestArea dd.icon-list-attraction:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggestArea dd.icon-list-airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggestArea dd.icon-list-station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggestArea dd.icon-list-hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 11px;
opacity:.45;
}


/* ----------------------------------------------------------------
  Common Sprite Icons
----------------------------------------------------------------- */
/* review-rate
----------------------------------------------- */
.review-rate {
font-size: 11px;
vertical-align: text-bottom;
}
.review-rate .btn-qa {
font-size: 9px;
font-weight: bold;
line-height: 1;
display: inline-block;
margin: 0 4px;
padding: 0 2px;
color: #56a5f4;
border: 1px solid #98cfff;
border-radius: 2px;
text-decoration: none;
}
.review-rate .icon-qa {
margin: 0 5px;
vertical-align: middle;
cursor: pointer;
}
[class^='icon-r-'] span {
line-height: 2;
display: inline-block;
overflow: hidden;
width: 69px;
height: 0;
padding-top: 13px;
content: '';
vertical-align: text-top;
background-repeat: no-repeat;
}
span.icon-r-face span{
width: 66px;
margin-left: 2px;
margin-top: 1px;
}
[class^='icon-r-'].icon-r-shopping span,
[class^='icon-r-'].icon-r-attraction span,
[class^='icon-r-'].icon-r-restaurant span {
width: 66px;
padding-top: 10px;
}
[class^='icon-r-'].icon-r-face.rank-5 span {
background-image: url(/element/shared/images/icon/icon-review-01-5.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-45 span {
background-image: url(/element/shared/images/icon/icon-review-01-4h.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-4 span {
background-image: url(/element/shared/images/icon/icon-review-01-4.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-35 span {
background-image: url(/element/shared/images/icon/icon-review-01-3h.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-3 span {
background-image: url(/element/shared/images/icon/icon-review-01-3.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-25 span {
background-image: url(/element/shared/images/icon/icon-review-01-2h.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-2 span {
background-image: url(/element/shared/images/icon/icon-review-01-2.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-15 span {
background-image: url(/element/shared/images/icon/icon-review-01-1h.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-1 span {
background-image: url(/element/shared/images/icon/icon-review-01-1.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-05 span {
background-image: url(/element/shared/images/icon/icon-review-01-0h.svg?20211118);
}
[class^='icon-r-'].icon-r-face.rank-0 span {
background-image: url(/element/shared/images/icon/icon-review-01-0.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-5 span {
background-image: url(/element/shared/images/icon/icon-rank-01-5.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-4 span {
background-image: url(/element/shared/images/icon/icon-rank-01-4.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-3 span {
background-image: url(/element/shared/images/icon/icon-rank-01-3.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-2 span {
background-image: url(/element/shared/images/icon/icon-rank-01-2.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-1 span {
background-image: url(/element/shared/images/icon/icon-rank-01-1.svg?20211118);
}
[class^='icon-r-'].icon-r-hotel.rank-0 span {
background-image: url(/element/shared/images/icon/icon-rank-01-0.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-5 span {
background-image:url(/element/shared/images/icon/icon-review-spot-5.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-45 span {
background-image:url(/element/shared/images/icon/icon-review-spot-4h.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-4 span {
background-image:url(/element/shared/images/icon/icon-review-spot-4.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-35 span {
background-image:url(/element/shared/images/icon/icon-review-spot-3h.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-3 span {
background-image:url(/element/shared/images/icon/icon-review-spot-3.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-25 span {
background-image:url(/element/shared/images/icon/icon-review-spot-2h.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-2 span {
background-image:url(/element/shared/images/icon/icon-review-spot-2.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-15 span {
background-image:url(/element/shared/images/icon/icon-review-spot-1h.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-1 span {
background-image:url(/element/shared/images/icon/icon-review-spot-1.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-05 span {
background-image:url(/element/shared/images/icon/icon-review-spot-0h.svg?20211118);
}
[class^='icon-r-'].icon-r-attraction.rank-0 span {
background-image:url(/element/shared/images/icon/icon-review-spot-0.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-5 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-5.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-45 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-4h.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-4 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-4.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-35 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-3h.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-3 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-3.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-25 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-2h.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-2 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-2.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-15 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-1h.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-1 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-1.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-05 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-0h.svg?20211118);
}
[class^='icon-r-'].icon-r-restaurant.rank-0 span {
background-image:url(/element/shared/images/icon/icon-review-restaurant-0.svg?20211118);
}
input::-ms-clear {
visibility:hidden
}

/* ----------------------------------------------------------------
Common FAQ list
----------------------------------------------------------------- */
.cmn-faq-link-list-01{
font-size:13px;
letter-spacing:-.4em;
text-align:left;
}

.cmn-faq-link-list-01 > li{
width:50%;
display:inline-block;
vertical-align:top;
margin:3px 0;
padding:0;
letter-spacing:normal;
box-sizing:border-box;
}

.cmn-faq-link-list-01 > li:nth-child(odd){
padding-right:20px;
}

.cmn-faq-link-list-01  > li a{
padding-left:12px;
display:block;
position:relative;
color:#666;
}
.cmn-faq-link-list-01  > 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);
}

.cmn-faq-link{
text-align:right;
font-size:12px;
}

.cmn-faq-link > a{
position:relative;
padding-left:12px;
}

.cmn-faq-link > 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);
}

.cmn-faq-link > a:link,
.cmn-faq-link > a:hover,
.cmn-faq-link > a:active,
.cmn-faq-link > a:visited{
color:#666 !important;
}

.cmn-tip-container .cmn-faq-link{
margin-top:10px;
}

/* .search-result-container
----------------------------------------------- */
.main-col .search-result-container{
width: 730px;
float: right;
}

.main-col .search-result-container .cmn-notice-list{
margin:20px 0;
}

/* .search-result-list
----------------------------------------------- */
.main-col .search-result-list{
border-radius: 6px;
background-color: #777;
padding: 7px;
width: 730px;
box-sizing: border-box;
}
.main-col .search-result-list .ad-bnr{
margin-top: 15px;
}

/* .search-result
----------------------------------------------- */
.search-result{
width: 716px;
border-radius: 5px;
background-color: #fff;
box-sizing: border-box;
padding-bottom: 5px;
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 #dfe0e6;
display: table-cell;
text-align: center;
vertical-align: middle;
overflow: hidden;
}
.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;
text-decoration: none;
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{
font-size: 20px;
font-weight: bold;
line-height: 1.3;
text-decoration: none;
padding-right: 105px;
display: block;
}
.txt-name a:hover,
.review-area > .review-rate ul li a:hover,
.plan-table > .item-table .name a:hover,
a.img-agent-txt:hover,
.txt-area a:hover,
.hotel-detail-area .link-line a:hover,
.review-agt-list .review-list li a:hover,
.nav-internal > li a:hover{
text-decoration:underline;
}
.txt-name .txt-en{
display: block;
font-weight: bold;
color: #333;
font-family: arial;
margin: -2px 0;
line-height: 1.4;
}
.txt-name .txt-en > .txt-distance,
.txt-name .txt-distance{
color: #666;
font-size: 13px;
font-weight: normal;
display: block;
}
.txt-name > .txt-distance{
display: block;
}
.main-col .map-link{
font-size: 13px;
position: relative;
padding-left: 11px;
color: #666;
margin-left: 8px;
}
.main-col .map-link:hover{
text-decoration: underline;
}
.main-col .map-link::before{
content: '';
background: url(/element/hotel/shared/images/icon-pin-gray.svg) no-repeat;
width: 9px;
height: 13px;
display: block;
position: absolute;
top: 1px;
left: 0;
opacity: .5;
}
.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:-4px 0 10px;
}
.hotel-dtl-list > .dtl-list{
display: table;
}
.hotel-dtl-list > .dtl-list > div{
display: table-cell;
font-size: 13px;
width: auto;
}
.hotel-dtl-list > .dtl-list > div a{
color: #666;
}
.hotel-dtl-list > .dtl-list > div:first-child{
width: 65px;
}
.hotel-dtl-list > .dtl-list > div:last-child:before{
content: ':';
margin: 0 5px 0 0;
float: left;
color: #8e8e8e;
}
.feature-list{
margin:0 0 -2px;
}
.feature-list li{
display: inline-block;
font-size: 13px;
}
.feature-list li.disabled{
color: #ccc;
}
.feature-list li:before{
content: '/';
color: #333;
margin:0 3px 0 2px;
}
.feature-list li:first-child:before{
content: '';
display: none;
}
.feature-list li .cmn-info-hook .cmn-info-hook-icon{
margin: -5px 0 0 0;
}
.hotel-detail-area .feature-list li .cmn-info-hook .cmn-info-hook-icon{
margin: -4px 0 0 0;
}

/* .review-area
----------------------------------------------------------------- */
.review-area{
clear: both;
margin: 0 0 5px 0;
}
.review-area > .review-rate{
font-size: 12px;
color: #333;
display: block;
vertical-align: top;
margin-right: 10px;
}
.review-area > .review-rate em{
font-size: 14px;
vertical-align: middle;
padding: 0 5px;
}
.review-area > .review-rate > span:first-child{
display: inline-block;
font-size: 13px;
width: 75px;
position: relative;
margin-top: -4px;
}
.review-area > .review-rate > span:first-child .cmn-faq-hook{
position: absolute;
right: 5px;
top: 4px;
}
.review-area > .review-rate ul.review-list{
font-size: 0;
display:block;
width: 300px;
margin: 0 0 0 22px;
}
.review-area > .review-rate ul li{
display: inline-block;
margin-right: 5px;
width: 140px;
font-size: 13px;
line-height: 1.35;
}
.dtl-list .review-area > .review-rate:first-child{
display: block;
}
.review-area > .review-rate > ul.review-list{
width:auto;
margin-left: 80px;
}
.review-area > .review-rate > ul.review-list li,
.review-area > .review-rate > ul.review-list li a,
.review-area > .review-rate > ul.review-list li span{
font-size: 12px;
width: auto;
min-width: inherit;
padding-right: 8px;
}
.review-area > .review-rate small{
font-size: 11px;
padding-left: 10px;
display: inline-block;
}
.hotel-detail-area .review-area > .review-rate ul.review-list{
margin: 0 0 0 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.hotel-detail-area .review-area > .review-rate ul.review-list:empty{
margin: 0;
}
.hotel-detail-area .review-area > .review-rate ul li{
width: auto;
font-size: 12px;
margin-right: 10px;
}
.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{
font-size: 12px;
text-decoration: none;
display: inline-block;
color: #0b41a1;
}
.hotel-detail-area .review-area > .review-rate ul li a,
.hotel-detail-area .review-area > .review-rate ul li a:visited,
.hotel-detail-area .review-area > .review-rate ul li a:hover{
font-size: 12px;
min-width: auto;
padding-right: 8px;
color: #0b41a1;
}
.review-area > .review-rate ul li span{
font-size: 12px;
text-decoration: none;
display: inline-block;
}
.hotel-detail-area .review-area > .review-rate ul li span{
font-size: 12px;
min-width: auto;
padding-right: 8px;
}
.review-area > .review-rate > ul.review-list li.disabled,
.hotel-detail-area .review-area > .review-rate ul li.disabled,
.review-area > .review-rate .disabled{
color: #ccc;
}
/*
.review-area > .review-rate ul li span:after,
.review-area > .review-rate ul li a:after{
content: ':';
margin: 0 1px;
}
*/
.review-area > .review-rate .item-toggle-box{
border: 0;
padding: 0;
display: inline-block;
text-align: left;
}
.review-area > .review-rate .item-toggle-box .item-toggle-inner{
display: none;
}
.review-area > .review-rate .item-toggle-box.is-active{
padding-bottom: 36px;
position: relative;
}
.review-area > .review-rate .item-toggle-box.is-active .item-toggle-inner{
display: block;
position: absolute;
left: -82px;
}

/* .service-info
----------------------------------------------------------------- */
.service-info{
  display: block;
  font-size: 13px;
  line-height: 1.3;
}
.str-content .toggle-view-link,
.str-content .toggle-close-link{
color: #a4a4a4;
}
.toggle-view-link::before{
content: '...';
}
.toggle-view-link.is-active,
.toggle-view-link + .toggle-txt-inner{
display: none;
}
.toggle-view-link.is-active + .toggle-txt-inner{
display: inline;
}

/* .ms-translate
----------------------------------------------------------------- */
.ms-translate{
text-align: right;
font-size: 12px;
margin-bottom: 8px;
}
.ms-translate > span{
vertical-align: text-top;
}
.ms-translate > img{
margin: 0 10px;
vertical-align: middle;
}
.ms-translate button{
color: #666;
font-size: 11px;
padding: 3px 8px 2px;
line-height: 1;
border: 1px solid #b6b5b5;
border-radius: 2px;
background: #fff;
vertical-align: middle;
}

/* .nofix-date-box
----------------------------------------------------------------- */
.nofix-date-box{
text-align: right;
clear: both;
font-size: 16px;
margin:-6px 0 8px 0;
line-height: 1.4;
font-family: arial;
}
.nofix-date-box .cmn-faq-hook{
margin: 0 3px;
}
.nofix-date-box small,
.nofix-date-box .nofix-currency{
font-size: 16px;
}
.nofix-date-box .price{
font-size: 24px;
padding: 0 2px 0 6px;
font-weight: bold;
}
.nofix-date-box .nofix-sup{
display: block;
font-size: 13px;
font-weight: bold;
}
.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:10px 0 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: 1px solid #ccc;
}
.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: #333;
}
.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 13px 3px 12px;
background: #efefef;
width: 100%;
box-sizing: border-box;
line-height: 1.3;
margin: 0;
}
.tab-inner > .plan-list li{
display: table-cell;
min-height: 2em;
vertical-align: middle;
padding: 4px 2px;
font-size: 11px;
color: #333;
}
.tab-inner > .plan-list li:last-child{
padding-right: 0;
}
.tab-inner > .plan-list li.name{
width:auto;
}
.tab-inner > .plan-list li.meal{
width:90px;
text-align: center;
}
.tab-inner > .plan-list li.price{
width:180px;
text-align: center;
font-size: 11px;
color: #333;
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-faq-hook{
vertical-align: middle;
margin: -2px 2px 0 5px;
}
.tab-inner > .plan-list li.price .resort-fee-txt{
color: #555;
}
.tab-inner > .plan-list li.booking{
width:80px;
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:0 15px ;
min-height: 250px;
}
.tab-inner .photo-area{
margin: 0 15px 10px 14px;
}
.tab-inner .photo-area ul{
margin-top: 0;
}
.tab-inner .photo-area li{
float: left;
width: 168px;
height: 100px;
background: #f1f1f1;
margin: 2px 5px 3px 0;
overflow: hidden;
}
.tab-inner .photo-area li:nth-child(4n){
margin-right: 0;
}
.tab-inner > .tab-loading-box{
text-align: center;
border-top: 4px solid #777;
margin-top: 15px;
padding: 40px 10px;
}
.tab-inner > .tab-loading-box > p{
margin-top: -15px;
}


/* ----------------------------------------------------------------
.interestarea
----------------------------------------------------------------- */
.interestarea {
padding: 10px;
position: relative;
}

.interest-category {
float: left;
overflow: hidden;
margin-top: 0;
}

.interest-category li {
float: left;
margin-right: 3px;
text-align: center;
line-height: 23px;
min-width: 140px;
border: solid 1px #b6b6b6;
border-radius: 4px;
background: #fff;
font-size: 13px;
box-sizing: border-box;
}
.interest-category li a {
display: block;
width: 138px;
text-decoration: none;
color: #666;
border-radius: 4px;
background: #eee;
font-size: 13px;
box-sizing: border-box;
}
.interest-category li.selected,
.interest-category li a{
padding: 0 10px;
}

.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 0 10px;
color: #333;
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;
margin-top: 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: 150px;
}

.interest-list th.interest-list-rate .cmn-faq-hook{
margin-left: 5px;
}

.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%;
margin-top: 0;
}

.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 {
line-height: 1.35;
font-size: 13px;
width: auto;
}

.interest-list td.interest-list-rate {
width: 150px;
text-align: center;
box-sizing: border-box;
}

.interest-list .interest-list-rate span{
font-weight:normal;
}

.interest-list .interest-list-distance {
width: 140px;
text-align: center;
}

.interest-list .icon-list-airport:before {
background-image: url(/element/shared/images/icon/icon-plane.svg);
background-size: 16px 16px;
top: 3px;
}
.interest-list .icon-list-station:before {
background-image: url(/element/shared/images/icon/icon-train.svg);
background-size: 12px 15px;
top: 4px;
left: 2px;
}
.interest-list .icon-list-attraction:before {
background-image: url(/element/shared/images/icon/icon-flag.svg);
background-size: 13px 15px;
top: 4px;
left: 3px;
}
.interest-list .icon-list-hotel:before {
background-image: url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size: 15px 11px;
opacity: .45;
top: 5px;
left: 1px;
}
.detail-item-list-separate-line .interest-list .interest-list-name{
padding: 4px 0;
}
.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;
}

.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;
}


/* .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:first-child{
padding-right:10px;
white-space:nowrap;
width:auto;
text-align:left;
}

.search-item-nav .search-item-pager .search-item-num b{
font-size: 20px;
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 > a,
.search-item-nav .search-item-pager .search-item-pager-list li > b{
padding:5px 3px 4px 3px;
display:block;
min-width:25px;
background: #ececec;
box-sizing:border-box;
color: #555;
}
.search-item-nav .search-item-pager .search-item-pager-list li.first > a,
.search-item-nav .search-item-pager .search-item-pager-list li.prev > a,
.search-item-nav .search-item-pager .search-item-pager-list li.next > a,
.search-item-nav .search-item-pager .search-item-pager-list li.last > a{
font-family: monospace;
}

.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:#777;
}

.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;
font-weight:normal;
}

/* .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: #333;
}
.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: #333;
}
.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: #333;
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;
}
.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: 5px -15px 0;
}
.tab-inner .spot-area .interest-list .interest-list-frame{
max-height: 115px;
overflow: hidden;
}
.detail-item-list-separate-line .tab-inner .spot-area .interest-list .interest-list-frame{
max-height: 123px;
}
.tab-inner .spot-area .opened .interest-list .interest-list-frame{
max-height: 240px;
overflow-y: scroll;
}

/* .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;
padding-bottom: 3px;
}
.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: 13px;
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:-4px;
left: 0;
}
.detail-item .interest-box.transport .interest-list th{
color: #333;
font-size: 12px;
background: #f7f7f7;
}
.detail-item .interest-box.transport .interest-list th.interest-list-name{
padding-left: 8px;
}
.detail-item .interest-box.transport .interest-list th .cmn-faq-hook{
margin-left: 5px;
}
.detail-item .interest-list .interest-list-name a{
color: #666;
font-size: 12px;
padding-left: 35px;
vertical-align: top;
}
.detail-item .interest-list .interest-list-name a:hover{
text-decoration: underline;
}

/* .under-link-box
----------------------------------------------- */

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

/* .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;
}

/* .plan-table
----------------------------------------------------------------- */
.plan-table{
overflow-y: scroll;
max-height: 395px;
}
.plan-table.no-scroll{
max-height: inherit;
overflow-y: hidden;
}
.plan-table.no-scroll > .item-table .booking{
padding: 8px 22px 8px 14px;
}
.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;
}
.item-table .name{
width: 320px;
max-width: 333px;
padding: 10px 10px 4px 12px;
vertical-align: top;
font-size: 12px;
line-height: 1.4;
overflow: hidden;
}
.item-table .meal{
padding: 0;
text-align: center;
width: 80px;
font-size: 12px;
color: #333;
}
.item-table .meal .cmn-faq-hook{
vertical-align: middle;
}
.item-table td.price{
width: 180px;
text-align: center;
padding: 10px 10px 5px 0;
}
.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;
text-align: center;
line-height: 1.2;
}
.item-table td.price .ic-price-detail.is-hover{
background-color:#f5f5f5;
border:1px solid #cfcfcf;
color:#888;
}
.item-table .price span.cmn-faq-hook{
display: inline-block;
vertical-align: middle;
margin: 0 3px;
}
.item-table .price span.num{
display: inline-block;
padding-left: 4px;
}
.plan-table > .item-table .price span.price-sum,
.pick-item > .item-table .price span.price-sum{
font-size: 14px;
color: #333;
text-align: left;
padding-right: 63px;
font-weight: bold;
}
.plan-table > .item-table .price span.price-sum{
width: auto;
display: block;
max-width: 112px;
line-height: 1.1;
text-align: right;
}
.plan-table > .item-table .price span.price-sum-sup{
width: auto;
display: block;
max-width: 112px;
line-height: 1.1;
text-align: right;
padding-right: 63px;
font-size: 11px;
}
.plan-table > .item-table .price span.price-sum .currency{
display: inline-block;
}
.plan-table > .item-table .booking,
.pick-item > .item-table .booking{
width: 80px;
text-align: center;
padding: 8px 6px 8px 0;
}
.plan-table > .item-table .name a,
.plan-table > .item-table .name a:visited{
text-decoration: none;
}
.plan-table > .item-table .name .logo,
.pick-item > .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,
.pick-item > .item-table .name .logo img{
max-width: 60px;
max-height: 25px;
}
.plan-table > .item-table .name .plan-name,
.pick-item > .item-table .name .plan-name{
display: table-cell;
margin: 0;
padding: 0;
vertical-align: top;
padding-left: 10px;
}
.pick-item > .item-table .name .plan-name > a > .plan-date{
display: block;
}
.pick-item > .item-table .name .plan-name > a > span{
display: inline-block;
}
.plan-table > .item-table .booking button,
.pick-item > .item-table .booking button{
padding: 2px 3px;
color: #fff;
border: none;
border-radius: 4px;
background-color: #287ac4;
box-shadow: 0 -2px 0 #20629d inset;
cursor: pointer;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4);
width: 60px;
height: 32px;
box-sizing: border-box;
text-align: center;
font-size: 13px;
line-height: 1;
margin-left:8px;
}
.plan-table > .item-table .booking button:active,
.plan-table > .item-table .booking button:hover,
.plan-table > .item-table .booking button:focus,
.pick-item > .item-table .booking button:active,
.pick-item > .item-table .booking button:hover,
.pick-item > .item-table .booking button:focus{
background-color:#20629d;
}
.plan-table > .item-table .booking button > span,
.pick-item > .item-table .booking button > span{
display: block;
text-align: left;
text-indent: -9999px;
position: relative;
}
.plan-table > .item-table .booking button > span:before,
.pick-item > .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%;
}

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

/* .item-table tr.is-selected
----------------------------------------------------------------- */
.plan-table > .item-table tr.is-selected td{
background:#FFFAE8;
}

.plan-table > .item-table tr.is-selected .booking button{
background-color:#E68032;
box-shadow:0 2px 0 #CC6900;
}

.plan-table > .item-table tr.is-selected .booking button:hover{
background-color:#cc6900;
box-shadow:0 2px 0 #CC6900;
}

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

/* link-pick-box
 ----------------------------------------------------------------- */
.link-pick-box{
padding:0 15px 15px;
}
.link-pick-box > p{
font-size: 12px;
margin: 7px 0 -6px;
}
.booking > .agent-lang{
display: block;
font-size: 11px;
margin-top: 3px;
line-height: 1.1;
}
.pick-item > .item-table .price span.price-sum{
text-align: center;
padding-right: 0;
}
.pick-item > .item-table .price small{
line-height: 1.2;
display: block;
font-size: 12px;
}
.pick-item > .item-table{
border: 1px solid #bdbdbd;
}
.pick-item .item-table .name{
vertical-align: middle;
}

/* Payment-info
 ----------------------------------------------------------------- */
.payment-info{
margin:5px auto;
width: 180px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
}
.payment-info li{
border:1px solid #d9d9d9;
padding:2px 2px;
font-size:11px;
color:#333;
background:#fff;
height:32px;
box-sizing:border-box;
width:100%;
margin-top: 2px;
line-height: 1.2;
display: flex;
flex-direction: column;
justify-content: center;
}
.payment-info li span.txt-imp{
color: #e30707;
display:contents;
}
.payment-info.deposit li:last-child{
display: block;
flex-direction: inherit;
justify-content: inherit;
}
.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;
}


/* .item-toggle-box
----------------------------------------------------------------- */
.item-toggle-box{
text-align: center;
padding:6px 0;
border-top: 1px solid #dbdbdb;
box-sizing:border-box;
min-height:38px;
position:relative;
}
.item-toggle-box .link-more{
position: relative;
padding-left: 24px;
}
.item-toggle-box .link-more,
.item-toggle-box .link-more:hover,
.item-toggle-box .link-more:visited{
color: #666;
text-decoration: none;
}

.item-toggle-box .link-more:before {
display: block;
position: absolute;
top: 50%;
left: 5px;
margin-top: -2px;
width: 12px;
height: 12px;
background-image: url(/element/shared/images/icon/icon-chevron-down.svg);
background-size: 100%;
background-repeat: no-repeat;
content: "";
}
.item-toggle-box.is-active .link-more:before,
.item-toggle-box.active .link-more:before {
background-image: url(/element/shared/images/icon/icon-chevron-up.svg);
}
.item-toggle-box.loading .link-more:before,
.item-toggle-box.loading .link-more:after{
display: none;
}
.item-toggle-box.loading .link-more{
height: 20px;
background: no-repeat url(/element/shared/images/icon/icon-loading.gif);
background-size: 20px 20px;
padding: 2px 0 2px 25px;
}
.plan-table > .item-table td .cmn-loading{
margin: 20px auto;
}

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

/* ----------------------------------------------------------------
   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-repeat:no-repeat;
}
.suggestArea dd.icon-list-general{
padding-left:0;
}
.icon-rating{
position:relative;
padding-left:75px;
font-weight:bold;
font-size:14px;
}
.icon-rating:before{
content:'';
position:absolute;
display:block;
height:14px;
width:70px;
top:50%;
left:0;
margin-top:-7px;
}

/* ----------------------------------------------------------------
  Cancel Fee Tooptip
----------------------------------------------------------------- */
/* .tip-cancel-list
----------------------------------------------- */
.tip-cancel{
line-height:1.4;
}

.tip-cancel .tip-cancel-list{
margin-top:3px;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
font-size:13px;
}

.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;
}

:lang(en) .tip-cancel .tip-cancel-list > li > div:last-child{
min-width:244px;
box-sizing:border-box;
}

/* ----------------------------------------------------------------
  Tooptip Common modules
----------------------------------------------------------------- */
/* .tip-note-inline
----------------------------------------------- */
.tip-note-inline{
color:#777;
font-size:11px;
}

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

:lang(en) .tip-note-inline::before{
margin-right:4px;
content:'*';
display:inline-block;
}

.tip-note-block{
color:#777;
font-size:12px;
display: block;
}

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

:lang(en) .tip-note-block::before{
margin-right:4px;
content:'*';
display:inline-block;
}

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

:lang(en) .cmn-tip-box > p .tip-note-block{
padding-left:10px;
text-indent:-4px;
}

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

/* .search-result-item-btn-favorite
----------------------------------------------- */
.item-detail-box .search-result-item-btn-favorite{
padding:2px 2px 3px 27px;
border:1px solid #ddd;
border-radius:1px;
position:absolute;
top:10px;
right:13px;
width:105px;
height: 30px;
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: 13px;
}
.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:7px;
background-size: 16px 13px;
margin-top:-7px;
}

.item-detail-box .search-result-item-btn-favorite:before{
opacity:0.6;
background:url(/element/shared/images/icon/icon-favorite.svg) no-repeat;
}
.item-detail-box .search-result-item-btn-favorite.is-active:before{
opacity: inherit;
background:url(/element/shared/images/icon/icon-favorite-yellow.svg) no-repeat;
}

/* ----------------------------------------------------------------
under-link-list
----------------------------------------------------------------- */

.under-link-list{
border-top: 1px solid #d9d9d9;
padding: 17px 0 0 0;
clear: both;
}
.under-link-list > .txt-list{
font-weight: bold;
font-size: 14px;
margin-bottom: 9px;
color: #333;
}
.under-link-list > .under-item-list{
border-bottom: 1px solid #d9d9d9;
padding-bottom: 24px;
margin-bottom: 17px;
overflow: hidden;
}
.under-link-list > .under-item-list:last-child{
border-bottom: 0;
}
.under-link-list > .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-link-list > .under-item-list > li a:link,
.under-link-list > .under-item-list > li a:hover,
.under-link-list > .under-item-list > li a:visited{
color: #666;
}

/* .under-item-list-area
------------------------------------------------------------------- */
.under-item-list.list-area{
border:0;
padding-bottom:0;
margin-bottom:0;
}
.under-item-list-area{
position: relative;
padding-left: 200px;
margin-bottom: 20px;
font-size:12px;
}
.under-item-list-area .city-main-link > a{
position:absolute;
left: 0;
top:6px;
color:#666;
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:#666;
}

/* .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;
}

/* ----------------------------------------------------------------
error-box
----------------------------------------------------------------- */
.error-box{
font-size: 17px;
text-align: center;
font-weight: bold;
padding: 30px 0;
color: #333;
}
.error-box > .error-txt{
display: block;
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;
}

/* ----------------------------------------------------------------
  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);
}

/* ----------------------------------------------------------------
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 label{
cursor: pointer;
}
.fee-change-box > div:last-child label:last-child{
margin-left: 15px;
}
.fee-change-box input[type=radio],
.fee-change-box .cmn-faq-hook{
margin: 0 2px;
vertical-align: middle;
cursor: pointer;
}
.detail-item .fee-change-box{
margin: -30px -15px 10px;
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: 615px;
padding: 20px;
z-index: 10;
}
.cmn-tip-container.pay-info-box.resort-fee{
border: 1px solid #777;
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;
}
.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: 12px;
line-height: 1.2;
}
.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: 95px;
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: 13px;
}
.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: #e30707;
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: 7px;
}
.pay-info-box.resort-fee .fee-info,
.tip-payment-info  .fee-info{
display:inline-block;
color: #333;
padding-left: 20px;
position: relative;
font-size: 12px;
line-height: 1.45;
}
.tip-payment-info .fee-info-nic{
display:inline-block;
color: #333;
padding-left: 20px;
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-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: #e30707;
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: #e30707;
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/hotel/shared/images/ic-krw.svg) no-repeat;
display: inline-block;
height: 8px;
width: 8px;
text-indent: -9999px;
vertical-align: middle;
font-size: 0;
margin: -1px 1px 0 0;
}

/* .fee-detail-tip
-------------------------------------------------- */
.cmn-tip-container.fee-detail-tip{
width: 430px;
}
.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 {
margin-left: -5px;
content: '';
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 15px;
top: -6px;
display: block;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #a9a9a9;
background-color: #fff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.price-detail-03{
margin-bottom: 10px;
line-height: 1.4;
}
.price-detail-03 .fee-detail-tip-hdg{
margin:5px 0 -5px;
font-weight: bold;
}
.price-detail-03 .pseudo-price-tbl-hdg{
margin-top: 10px;
padding: 4px 10px;
font-size: 12px;
color: #fff;
font-weight: normal;
background-color: #999;
}
.price-detail-03 .fee-detail-table-list,
.price-detail-03 .fee-detail-table-list li:first-child {
border-color: #ddd;
}
.price-detail-03 .fee-detail-table-list.table-total,
.price-detail-03 .fee-detail-table-list.table-total li:first-child{
border-color: #999;
}
.price-detail-03 .pseudo-price-tbl-hdg + .fee-detail-table-list{
margin-top: 0;
}
.price-detail-03 .fee-detail-table-list li > div,
.price-detail-03 .fee-detail-table-list li > div{
width: 50%;
font-size: 12px;
padding: 8px 10px;
}
.price-detail-03 .fee-detail-table-list li > div:first-child{
width: 55%;
}
.price-detail-03 .fee-detail-table-list li:last-child div:first-child b{
font-size: 12px;
}
.price-detail-03 .fee-detail-table-list li div:first-child .num,
.price-detail-03 .fee-detail-table-list li > div .price-num{
font-size: 12px;
}
.price-detail-03 .fee-detail-table-list li > div:first-child .total,
.price-detail-03 .fee-detail-table-list li > div:first-child .total b,
.price-detail-03 .fee-detail-table-list li > div .price-num .num{
font-size: 12px;
}
.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: #333;
font-size: 12px;
}
.price-detail-03 .fee-info-list li div:last-child{
font-size: 12px;
white-space: nowrap;
width: 40px;
padding-left: 5px;
}
.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: 12px;
}
.price-detail-03 .fee-info-list li div:last-child .price-num .price-02{
padding-left: 5px;
}
.info-brtt-note-lst{
margin-top: 10px;
}
.info-brtt-note-lst li{
text-indent: -.6em;
padding-left: .6em;
color: #666;
font-size: 12px;
}
.info-brtt-note-lst.brtt-01 li::before{
content: '\0203B';
}
.note-in{
margin-left: 10px;
margin-right: 10px;
}
.fee-detail-total-info{
font-size: 14px;
text-align: center;
margin:20px 0;
}
.tax.extra {
margin-left: 2px;
color: #af700a;
}
.tax.include {
margin-left: 2px;
color: #2b65a0;
}
.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: 13px;
}
.fee-detail-table-list li .num-price{
font-family: arial;
font-size: 15px;
}
.fee-detail-table-list li b.num{
font-size: 15px;
}
.fee-detail-table-list li > div .fee-num-sup {
color: #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-tip-hdg{
font-size: 14px;
font-weight: bold;
margin: 3px 0 -2px;
line-height: 1.2;
}
.price-detail-container .fee-detail-box .fee-info,
.price-detail-container .fee-info-hdg .fee-info,
.price-detail-container .fee-info-txt-box .fee-info{
display: inline-block;
color: #666;
position: relative;
font-size: 12px;
margin-bottom: 3px;
padding-right: 0;
padding-top: 0;
}
.price-detail-container .fee-detail-box > ul > li > div:last-child b.num.fee-info::before{
content: '\0203B';
color: #e30707;
background: none;
font-size: 13px;
top: 2px;
margin: 0 3px 0 0;
}
.price-detail-container .fee-info-txt-box{
margin: 9px 0 0;
}

/* .price-detail-container .fee-detail-tip
-------------------------------------------------- */
.price-detail-container .fee-detail-table-list{
box-sizing: border-box;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
margin-top: 15px;
}
.price-detail-container .fee-detail-tip-hdg + .fee-detail-table-list{
margin-top: 10px;
}
.price-detail-container .fee-info-txt-box + .fee-detail-table-list{
margin: 5px 0 10px;
}
.price-detail-container .fee-detail-table-list li{
border-top: 1px solid #ddd;
display: table;
width: 100%;
box-sizing: border-box;
font-size: 12px;
}
.price-detail-container .fee-detail-table-list li .stay-sum-txt{
font-size: 12px;
display: block;
}
.price-detail-container .fee-detail-table-list li div:first-child .stay-sum-txt{
margin-bottom: -3px;
}
.price-detail-container .fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.price-detail-container .fee-detail-table-list li:last-child{
border-top: 4px double #999;
}
.price-detail-container .fee-detail-table-list li:first-child{
border-top: 1px solid #999;
}
.price-detail-container .fee-detail-table-list li > div{
display: table-cell;
width: 69%;
vertical-align: middle;
padding: 4px 10px;
}
.price-detail-container .fee-detail-table-list li.col-03 > div{
width:auto;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:first-child{
width: 88px;
text-align: left;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #ddd;
box-sizing: border-box;
line-height: 1.2;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:nth-child(2){
line-height: 1.3;
}
.price-detail-container .fee-detail-table-list li.col-03 > div:last-child{
width: 31%;
}
.price-detail-container .fee-detail-table-list li.bg-cr div{
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;
color: #666;
}
.fee-info-list li{
display: table;
width: 100%;
font-size: 11px;
box-sizing: border-box;
}
.fee-info-list li div{
display: table-cell;
}
.fee-info-list li div:first-child{
line-height: 1.35;
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: ':';
margin-left: 1px;
}
.fee-info-list li div:last-child{
font-size: 11px;
vertical-align: middle;
text-align: right;
}
.fee-info-list li div .num{
font-size: 12px;
}
.txt-imp{
color:#e93939!important;
}
.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: 95px;
padding-top: 29px;
padding-left: 10px;
font-size: 12px;
background: #efefef;
line-height: 1.2;
}
.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: 13px;
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:#e30707;
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;
}

/* ----------------------------------------------------------------
 New pseudo price detail (price and fee)
----------------------------------------------------------------- */
/* .tip-payment-dtl
-------------------------------------------------- */
.cmn-tip-container.tip-payment-dtl{
padding:15px;
width:480px;
}
.tip-payment-dtl .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-info-hook{
margin-left:4px;
}
.price-dtl-item .price-dtl-hdg .cmn-info-hook .cmn-info-hook-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:130px;
}
:lang(ko) .price-dtl-tbl .price-dtl-tbl-list .tbl-price{
width:140px;
}
.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 #777;
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:140px;
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(--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;
}

/* ----------------------------------------------------------------
  payment tooltip
----------------------------------------------------------------- */
.cmn-tip-container.tip-payment-info{
position: absolute;
top:auto;
right: 10px;
padding: 15px 20px;
width: 630px;
color: #333;
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{
margin-top:0;
}
.tip-payment-info .fee-info-hdg + .list-payment{
margin-top:10px;
padding-top:11px;
border-top:1px solid #ccc;
}
.tip-payment-info .list-payment > li{
display: table;
width: 100%;
}
.tip-payment-info .list-payment > li.payment-txt:last-child > .hdg{
text-align: right;
}
.tip-payment-info .list-payment > li > .hdg{
position: relative;
display: table-cell;
width: 6.2em;
font-size: 12px;
font-weight: normal;
vertical-align: top;
white-space: nowrap;
text-align: left;
padding-right: 15px;
}
.tip-payment-info .list-payment > li > .hdg:after{
position: absolute;
content: "\0ff1a";
right:0;
}
.tip-payment-info .list-payment > li > .box{
vertical-align: top;
display: table-cell;
white-space: nowrap;
color: #333;
font-size: 12px;
width:auto;
}
.tip-payment-info .list-payment > li > .box .sup{
display: block;
line-height: 1.3;
}
.tip-payment-info .list-payment > li > .box .sup-01{
display: block;
text-indent: -.5em;
padding-left: .5em;
line-height: 1.3;
white-space: normal;
}
.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;
white-space: normal;
}
.tip-payment-info .list-payment-01 > li:before{
position: absolute;
left: 2px;
top: 0;
margin: 0 0 0 2px;
content: "/";
}
.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: #333;
}
.tip-payment-info .list-payment-01 > li.disabled + li.disabled:before{
color: #ccc;
}
.tip-payment-info .list-credit{
display: inline-block;
vertical-align: middle;
font-size: 0;
margin-top: -4px;
}
.tip-payment-info .list-credit > li{
display: inline-block;
margin-right: 4px;
font-size: 11px;
}
.tip-payment-info .list-payment img{
vertical-align: middle;
height: 15px;
width: auto;
}
.tip-payment-info .fee-info-hdg{
font-size: 12px;
line-height: 1.3;
margin-bottom: 7px;
margin-top: 0;
}
.tip-payment-info .fee-info{
display:inline-block;
color: #333;
padding-left: 0;
position: relative;
font-size: 12px;
line-height: 1.5;
padding-left: 15px;
}
.tip-payment-info .fee-info:before{
content: '\030FB';
position: absolute;
top: 0;
left: 0;
}
.tip-payment-info .fee-info
.tip-payment-info .fee-info-nic{
display:inline-block;
color: #333;
padding-left: 15px;
position: relative;
font-size: 12px;
line-height: 1.45;
margin-top: 5px;
}
.fee-input-box .tip-radio-list input[type="radio"]{
vertical-align: middle;
margin-right: 5px;
}

/* .pay-text-box
----------------------------------------------- */
.tip-payment-info .pay-text-box {
border-top: 1px solid #ccc;
margin-top: 12px;
padding-top: 0px;
font-size: 12px;
}
.tip-payment-info .pay-text-box > p > span{
padding-right: 4px;
}

/* .secure
----------------------------------------------- */
.pay-info-box span.secure,
.tip-payment-info span.secure{
color:#333;
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:#e93939;
position:absolute;
top:0;
right:0;
font-size:12px;
font-weight:bold;
}
p.secure-info{
display:inline-block;
color:#333;
text-indent:0;
position:relative;
font-size:12px;
line-height:1.45;
margin-top:12px;
}
p.secure-info{
margin-top:8px;
padding-left:9px;
font-size:11px;
color:#666;
line-height:1.5;
}
p.secure-info > b{
margin-bottom:4px;
color:#333;
font-size:11px;
font-weight:normal;
display:block;
}
p.secure-info:before {
content:'\0203B';
color:#e93939;
position:absolute;
top:0;
left:0;
font-size:12px;
font-weight:bold;
}
:lang(en) .secure-info:before {
content:'*';
}

/* .tip-cv-btn
----------------------------------------------- */
.tip-payment-info .tip-cv-btn{
margin: 10px 0 0 auto;
padding: 8px 10px 9px;
border-radius: 4px;
border: none;
color: #fff;
display: block;
box-sizing: border-box;
width: 120px;
box-shadow: 0 -3px 0 #20629d inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
line-height: 1;
font-size: 18px;
font-weight: bold;
background-color: #287ac4;
text-decoration:none;
text-align: center;
}

.tip-payment-info .tip-cv-btn:active,
.tip-payment-info .tip-cv-btn:hover,
.tip-payment-info .tip-cv-btn:focus{
background-color: #20629d;
}


/* ----------------------------------------------------------------
plan-notice
----------------------------------------------------------------- */
/* .plan-notice
----------------------------------------------- */
.plan-notice {
margin-bottom: -4px;
font-size: 12px;
line-height: 1.2;
}

.plan-notice > li {
position: relative;
padding-left: 13px;
}

.plan-notice > li::before {
content: '\030FB';
font-weight: bold;
position: absolute;
left: 0;
top: 0;
}

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

.search-result .plan-notice {
margin: 11px 0 -7px;
}

/* ----------------------------------------------------------------
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 .cmn-loading-spinner-dot:only-child{
margin:50px auto;
}

/* .popup-map-info
----------------------------------------------- */
.popup-map-info {
width: 344px;
z-index:100;
}

.popup-map-info h2 {
font-size: 18px;
margin-bottom: 8px;
line-height: 1.2;
}

.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:0 0 5px;
}

.map-info-detail dt {
margin: 1px 0 3px;
width: 24.6%;
display: inline-block;
vertical-align: top;
line-height: 1.2;
font-size: 12px;
color: #666;
overflow-wrap: break-word;
}

.map-info-detail dd {
position: relative;
margin-bottom: 4px;
line-height: 1.2;
padding-left: .5em;
width: 72.1%;
display: inline-block;
font-size: 12px;
vertical-align: top;
overflow-wrap: break-word;
margin-left: 0;
}

.map-info-detail dd:before {
content: ':';
position: absolute;
top: 0;
left: 0;
}
.map-info-detail dd span{
position:relative;
}

.map-info-detail dd img + b {
margin-left: 5px;
font-weight: normal;
}

.map-info-detail .bestprice {
color: #e30707;
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 {
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;
margin-top: 0;
}

.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;
}

/* .resortfee-info
-------------------------------------------------- */
.resortfee-info{
margin-top: 10px;
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: '\030FB';
}
.resortfee-info .resortfee-info-list li .ic-detail{
border: 1px solid #bbb;
border-radius: 3px;
display: inline-block;
padding: 2px 4px;
margin: -2px 2px 0;
vertical-align: middle;
text-indent: 0;
line-height: 1.2;
}
.cmn-tip-container .cmn-tip-hdg {
font-size: 14px;
}

/* --------------------------------------------
.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/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: 6px 0 0 16px;
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:18px;
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: 50% 50% no-repeat url(/element/shared/images/icon/icon-loading.gif);
background-size: 20px 20px;
text-indent: -9999px;
width: 20px;
height: 20px;
}

/* narrow-search
--------------------------------------------- */
.narrow-search {
margin-bottom: 40px;
}

.narrow-search .disabled {
color: #ccc;
cursor: default;
opacity: .25;
}

.narrow-search-hdr {
position: relative;
padding: 8px 4px;
}

.narrow-search-hdr h2 {
font-size: 20px;
color: #333;
line-height: 1;
}

.narrow-search-hdr .narrow-number {
display: inline-block;
font-size: 13px;
color: #333;
}
#one_column .narrow-search-hdr .narrow-number span strong{
color: #333;
}
.narrow-search-hdr em {
font-weight: bold;
}

.narrow-search-hdr .narrow-clear-btn {
position: absolute;
top: 25px;
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;
}
.narrow-search-hdr + .narrow-collapse .narrow-list li,
.narrow-search-hdr + .narrow-item + .narrow-collapse .narrow-list li{
text-indent:0;
padding-left:0;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label,
.narrow-search-hdr + .narrow-item + .narrow-collapse .narrow-list label{
display: block;
padding: 2px 0;
margin: -2px 0;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label:hover,
.narrow-search-hdr + .narrow-item + .narrow-collapse .narrow-list label:hover{
background: #f0f0f0;
}
.narrow-search-hdr + .narrow-collapse .narrow-list label.disabled:hover,
.narrow-search-hdr + .narrow-item + .narrow-collapse .narrow-list label.disabled:hover{
background:none;
}
.narrow-list.agent-list li{
text-indent:0;
padding-left:0;
}
.narrow-list.agent-list li label span{
vertical-align:middle;
}
.narrow-list.agent-list label{
display: block;
padding: 2px 0;
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 10px 0;
}

.narrow-list li {
margin-bottom: 3px;
font-size: 13px;
color: #333;
line-height: 1.8;
}

.narrow-list.agent-list li{
margin-bottom: 6px;
}

.narrow-list label {
display:block;
}

.narrow-list label:hover{
background-color:#f0f0f0;
}

.narrow-list label.disabled:hover,
.narrow-list.disabled label:hover{
background-color:#fff;
}

.narrow-list input[type='checkbox'] {
display: inline-block;
margin: 0 4px 1px 0;
vertical-align: middle;
}

.narrow-list label span,
.narrow-line label span {
padding-left: 4px;
font-size: 13px;
color:#bbb;
}

.narrow-list label span.img-logo{
vertical-align: middle;
background-color:#fff;
}

.narrow-list label .icon-r-hotel + em + span{
vertical-align: baseline;
}
#area_check_grade.narrow-list li label{
white-space: nowrap;
}
.narrow-list.agent-list label span{
line-height: 1.2;
}
.narrow-list label span.icon-r-hotel span,
.narrow-list label span.icon-r-face span{
vertical-align: baseline;
padding-left: 2px;
}
.narrow-list label em{
font-size: 13px;
padding: 0 4px;
}
.narrow-list.agent-list label .num{
display: inline-block;
}
.narrow-list .toggle-list-02 > ol{
list-style-type: none;
}

/* narrow-btn-more
--------------------------------------------- */
.narrow-collapse.is-active > p.narrow-btn-more {
position: relative;
margin: -10px 0 15px 5px;
border: 1px solid #bebebe;
display: inline-block;
padding: 2px 10px 1px 0;
border-radius: 2px;
font-size: 11px;
color: #666;
width: 90px;
box-sizing: border-box;
}
.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 {
display: block;
position: absolute;
top: 50%;
left: 5px;
margin-top: -6px;
width: 11px;
height: 11px;
background-image: url(/element/shared/images/icon/icon-toggle-plus.svg);
background-size: 100%;
background-repeat: no-repeat;
content: "";
}

.narrow-btn-more.is-active:before {
background-image: url(/element/shared/images/icon/icon-toggle-minus.svg);
}


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

.narrow-keyword-list li .form-custom-select + span,
.narrow-keyword-list li span + .form-custom-select{
margin-left:8px;
}

/* .agent-list
--------------------------------------------- */
.link-agent{
display: block;
margin: 0 0 10px 0;
}
.link-agent li{
display: inline-block;
font-size: 12px;
line-height: 1.1;
}
.link-agent li:first-child{
margin-right: 7px;
border-right: 1px solid #d9d9d9;
padding-right: 10px;
}
.agent-list input,
.agent-list span{
vertical-align:middle;
cursor: pointer;
}
.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;
}
.img-logo img{
max-width: 58px;
max-height: 22px;
}
.agent-list .img-logo + span{
display: inline-block;
padding-left: 5px;
text-indent: 0;
width: 89px;
color:#333;
}

.agent-list .img-logo + span .num{
color:#bbb;
}

/* narrow-dept
--------------------------------------------- */
.narrow-dept-list {
margin: 0 0 10px 0;
}

.narrow-dept-list li {
margin-bottom: 5px;
overflow-wrap: break-word;
}

.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;
box-sizing: border-box;
color: #333;
}

/* narrow-range
--------------------------------------------- */
.narrow-range {
margin: 0 0 20px 0px;
}

.narrow-range select {
display: inline-block;
width: 90px;
padding: 3px 4px;
height: 28px;
box-sizing: border-box;
color: #333;
font-size: 13px;
}
.narrow-range .form-custom-select{
margin-right: 5px;
}
.narrow-range{
display: table;
}
.narrow-range li{
display: table-cell;
position: relative;
padding-right: 5px;
}
.narrow-range li:last-child{
padding-left: 5px;
padding-right: 0;
}
.narrow-range li:last-child:before{
content: '-';
position: absolute;
top: 2px;
left: -5px;
color: #333;
font-size: 16px;
}
.narrow-range span {
font-size: 12px;
}

/* narrow-line
--------------------------------------------- */
.narrow-line{
margin: 0 0 8px 0;
line-height: 1.3;
font-size: 13px;
}
.narrow-line input[type="checkbox"],
.narrow-line label{
vertical-align: middle;
cursor: pointer;
margin-right: 4px;
}
.narrow-line input[type="checkbox"]{
position: absolute;
top: 0;
left: 0;
}
.narrow-line.disabled input[type="checkbox"],
.narrow-line.disabled label{
cursor: default;;
}
.narrow-line.rcmd-plan{
margin-bottom: 20px;
background: #287ac4;
color: #fff;
border-radius: 5px;
}
.narrow-line.rcmd-plan label{
display: block;
padding: 6px 8px;
}

/* narrow-collapse
--------------------------------------------- */
.narrow-collapse {
padding: 0;
}
.narrow-collapse > p,
.narrow-collapse > ul{
display: none;
}
.narrow-collapse.is-active > p,
.narrow-collapse.is-active > ul{
display:block;
}
.narrow-collapse.is-active > p label{
display: block;
position: relative;
padding-left: 17px;
}
.narrow-collapse.is-active > p label:hover{
background-color:#f0f0f0;
}
.narrow-collapse.is-active > p label.disabled:hover{
background-color:#fff;
}
.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 .narrow-collapse-hdr {
position: relative;
font-size: 14px;
color: #555;
}
.narrow-collapse .disabled label:hover{
background-color:#fff;
}


.narrow-collapse .narrow-collapse-hdr:before {
display: block;
position: absolute;
top: 11px;
left: 0;
width: 11px;
height: 11px;
background-image: url(/element/shared/images/icon/icon-toggle-plus.svg);
background-size: 100%;
background-repeat: no-repeat;
content: "";
}
.narrow-collapse.is-active .narrow-collapse-hdr:before {
background-image: url(/element/shared/images/icon/icon-toggle-minus.svg);
}

.narrow-collapse .narrow-collapse-hdr a {
display: block;
padding: 8px 0 8px 15px;
color: #666;
font-size: 15px;
line-height: 1.2;
}
.narrow-collapse .narrow-collapse-hdr a .sup{
font-size: 12px;
}
.narrow-collapse .narrow-collapse-hdr a:hover {
text-decoration: none;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-list {
margin: 0 0 20px 20px;
}

.narrow-accordion-list li {
overflow-wrap: break-word;
overflow: hidden;
line-height: 1.35;
}

.narrow-accordion-list li ul {
margin: 0 0 10px 0;
}
.narrow-accordion-list li.narrow-accordion-item ul{
display: none;
}
.narrow-accordion-list li.narrow-accordion-item.is-active ul{
display: block;
}
.narrow-accordion-list label {
display: block;
margin: 0 0 5px 0;
font-size: 13px;
color: #333;
position: relative;
padding-left:20px;
}
.narrow-accordion-list button + label{
margin-top: -2px;
}
.narrow-accordion-list label span {
padding-left: 4px;
font-size: 13px;
color:#bbb;
}

.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'] {
margin: 0 5px 1px 0;
vertical-align: middle;
position:absolute;
left:0;
}

/* narrow-btn-clear
--------------------------------------------- */
.narrow-btn-clear{
color: #666;
font-size: 11px;
position: absolute;
margin-top: 6px;
top: 0;
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: 3px;
font-size: 16px;
vertical-align: middle;
}

/* narrow-accordion-list
--------------------------------------------- */
.narrow-accordion-list .narrow-accordion-item button {
position: relative;
display: block;
float: left;
width: 11px;
height: 11px;
background-image: url(/element/shared/images/icon/icon-toggle-plus.svg);
background-repeat: no-repeat;
border: none;
overflow: hidden;
text-indent: -9999px;
font-size: 1px;
cursor: pointer;
border-radius: 1px;
}
.narrow-accordion-list .narrow-accordion-item.is-active button {
background-image: url(/element/shared/images/icon/icon-toggle-minus.svg);
}


/* narrow-rate-list
--------------------------------------------- */
.narrow-rate-list li {
padding: 10px 0;
font-size: 13px;
line-height: 1.4;
color: #333;
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: 30px;
position: relative;
}
.narrow-list.icon-list li > a{
font-weight: bold;
font-size: 14px;
padding-left: 5px;
}
.narrow-list.icon-list li > ul a{
font-weight: normal;
font-size: 13px;
padding-left: 0;
text-indent: 0;
display: inline-block;
}
.narrow-list.icon-list li > ul li{
padding-left: 0;
}
.narrow-list.icon-list li > ul li ul li{
margin-left: 0;
}
.narrow-list.icon-list li a{
color: #666;
cursor: pointer;
}
.narrow-list.icon-list li[class^=icon-list-]:before {
position: absolute;
content: '';
width: 15px;
height: 18px;
top: 3px;
left: -2px;
background-repeat: no-repeat;
}
.narrow-list.icon-list li.transport:before{
background-image: url(/element/hotel/shared/images/icon-transportation.svg);
}
.narrow-list.icon-list li.attraction:before{
background-image: url(/element/shared/images/icon/icon-flag-gray.svg);
width: 11px;
height: 15px;
top: 5px;
left: 1px;
opacity: .5;
}

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

.col-2-right{
clear: both;
margin-top: 20px;
}
.col-2-right .main-col{
width: 730px;
float: left;
position: relative;
}
.col-2-right .sub-col{
width: 210px;
float: right;
}

.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 .hotel-name{
font-size: 20px;
font-weight: bold;
line-height: 1.3;
padding-right: 82px;
display: block;
}
.hotel-detail-area .hotel-img-box{
width: 190px;
}
.hotel-detail-area .img-box{
width: 190px;
height: 175px;
}
.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: 175px;
}
.hotel-detail-area .img-box .img-nophoto img {
max-width: 100px;
max-height: 100px;
}
.hotel-detail-txt{
color:#333;
line-height: 1.4;
margin-bottom: 12px;
}
/* .thumb-list */
.thumb-list{
margin: 10px 0 2px 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;
max-height: 44px;
}
.hotel-detail-area .link-line{
text-align: left;
margin: 0;
}
.hotel-detail-area .link-line a{
font-size: 12px;
color: #666;
}
.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: #333;
font-size: 12px;
margin-bottom: 4px;
line-height: 1.35;
}
.option-modal .detail-line{
font-size: 100%;
line-height: inherit;
}
.detail-cell{
display: table-cell;
vertical-align: top;
}
.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:after {
margin-left:0px;
}
.hotel-notice{
font-size: 12px;
color: #333;
margin-bottom: 8px;
line-height: 1.35;
}
.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;
margin-right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.review-rank-box .link-review{
padding-left: 14px;
position: relative;
}
.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: #0b41a1;
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%);
}
.notice {
margin-top: 5px;
color: #333;
text-align: right;
font-size: 12px;
}

/* ----------------------------------------------------------------
  Detail Item
----------------------------------------------------------------- */
/* .detail-item
----------------------------------------------- */
.detail-item{
margin-top:30px;
padding:20px 15px;
border:4px solid #777;
border-radius:6px;
}

.nav-internal + .detail-item{
margin-top:5px;
}

/* .detail-tab-list
----------------------------------------------- */
.detail-tab-list{
margin-top:20px;
border-bottom:1px solid #bbb;
margin-bottom: 20px;
}
.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:#333;
display:block;
min-width:180px;
height:45px;
background-color:#f8f8f8;
font-size:15px;
text-decoration:none;
cursor:pointer;
margin-bottom: -1px;
}
.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: #333;
}
.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:first-child button > span{
position: relative;
padding-left: 16px;
}
.detail-tab-list > li:last-child button > span{
position: relative;
padding-left: 20px;
}
.detail-tab-list > li button > span:before{
content: '';
}
.detail-tab-list > li:first-child button > 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:last-child button > 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 button.disabled > span:before{
opacity: .5;
}

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

.nav-internal{
margin:20px 0 10px;
}

.nav-internal > li{
margin-right:10px;
padding-right:12px;
min-width:5em;
border-right:1px solid #ccc;
text-align:center;
display:inline-block;
line-height: 1.2;
font-size: 14px;
}
.nav-internal > li:last-child{
border: 0;
}

.nav-internal > li a{
color:#666;
display:block;
}

.nav-internal.review{
margin: 20px 0;
}
.nav-internal.review li{
font-size: 12px;
line-height: 1.1;
}
.nav-internal.review li:last-child{
border: 0;
}
.nav-internal.review li,
.nav-internal.review li a{
color: #666;
}
.nav-internal.review li:hover{
text-decoration: underline;
cursor: pointer;
}
.nav-internal.review li.is-active{
color: #333;
font-weight: bold;
cursor: default;
}
.nav-internal.review li.is-active:hover{
text-decoration: none;
}

/* .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;
margin-bottom: 10px;
}
.form-search .form-head-box .date-rooms{
margin-bottom: 12px;
}
.form-search .form-head-box .search-filter-item .child-box{
width: auto;
padding: 0 0 0 275px;
margin: 5px 0 -3px 0;
float: inherit;
}
.form-search .form-head-box .search-filter-item .child-box.is-active{
display: inline-block;
padding-left: 280px;
}
.detail-item .form-search .form-head-box .search-filter-item .child-box.is-active{
padding-left: 200px;
}
.form-search .form-head-box .search-filter-item .child-box li{
margin-right: 0;
}


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

.detail-item-hdg{
margin:-20px -15px 20px;
padding:10px 14px;
color:#fff;
background-color:#777;
font-size:18px;
font-weight:bold;
}
.detail-item-hdg + p{
font-size: 13px;
color: #333;
}

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

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

.detail-item .tab-inner{
margin: 5px -15px 0;
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 #777;
z-index: 5;
position: relative;
padding: 25px 0;
}

/* .detail-item-result-num
----------------------------------------------- */
.detail-item-result-num {
white-space: nowrap;
font-size: 13px;
margin: 15px -15px 0;
background: #fff;
box-sizing: border-box;
padding:5px 15px 1px;
border-top: 4px solid #777;
color: #333;
}
.detail-item-result-num > b {
margin: 0 4px;
display: inline-block;
font-size: 18px;
}

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

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

/* .form-search
----------------------------------------------- */
.detail-item .form-head-box + .search-filter-item,
.detail-item .form-head-box + .search-filter .search-filter-item{
margin: 0;
border-top: 1px solid #ccc;
padding-top:13px;
margin-top: 13px;
}
.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: 165px;
padding: 0 10px;
}
.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;
}

.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: #333;
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 > .item-table .booking{
padding: 8px 0 8px 1px;
}
.detail-item .plan-table.no-scroll > .item-table .booking{
padding: 8px 6px 8px 10px;
}
.detail-item .plan-table.no-scroll > .item-table .booking button{
margin-right: 20px;
}
.detail-item .plan-table > .item-table .booking button{
margin-left: 0;
}
#two_column_right .detail-item strong{
color: #333;
}
.form-search .detail-line .detail-cell{
width: 100px;
font-size: 12px;
vertical-align: middle;
position: relative;
color: #555;
}
.form-search .search-filter-item .detail-line:first-child .detail-cell:first-child{
width: 100px;
}
.form-search .search-filter-item .detail-line .price-range{
margin-top: 0;
display: inline-block;
}
.detail-line .price-range-note {
display: inline-block;
vertical-align: bottom;
padding-bottom: 8px;
margin-left: 15px;
}
.detail-line .price-range-note input{
vertical-align: text-top;
}
.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: #333;
}
.form-search .detail-line .detail-cell + .detail-cell:before{
display: none;
}
.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: '-';
display: block;
position: absolute;
bottom:8px;
left:-13px;
width: 13px;
position: absolute;
}
.detail-item .form-search .agent-btn-list li{
display: inline-block;
}
.detail-item .form-search .other-list{
padding-left: 360px;
position: relative;
}
.detail-item .form-search .other-list > .form-search-btn{
position: absolute;
left: 360px;
top: 57px;
}
.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;
display: inline-block;
position: relative;
}
.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;
filter: grayscale(1) brightness(1.2);
}
.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: 5px 15px 5px 20px;
border: 1px solid #bebebe;
border-radius: 1px;
color: #666;
display: inline-block;
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: #333;
}
.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;
}
.detail-item .form-search .detail-line .form-check-line{
padding-left: 100px;
}
.detail-item .form-search .detail-line .form-check-line input[type="checkbox"]{
vertical-align: middle;
margin-right: 5px;
}
.detail-item .form-search .detail-line .form-check-line label{
display: inline-block;
padding: 6px 8px;
background: #287ac4;
color: #fff;
border-radius: 5px;
}
.detail-item .form-search .detail-line .form-check-line input[type="checkbox"],
.detail-item .form-search .detail-line .form-check-line label{
cursor: pointer;
}
.detail-item .form-search .detail-line .form-check-line input[type="checkbox"]:disabled ,
.detail-item .form-search .detail-line .form-check-line label.is-disabled{
cursor: default;
}
.form-search .form-search-item.date {
margin-bottom: 15px;
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-item > .form-search-item-cell {
position: relative;
display: table-cell;
vertical-align: top;
}
.form-search .form-search-item.number > .form-search-item-cell{
min-width: 52px;
}
.form-search .form-search-date {
margin: 0;
}
.form-search .form-search-date > li {
display: inline-block;
vertical-align: top;
padding-right: 20px;
position: relative;
}
.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{
position: absolute;
top: 2px;
margin-left: -25px;
}
.detail-item .form-search .form-search-date > li:last-child img{
left: 250px;
}
.detail-item .form-search .form-search-date > li{
padding-right: 5px;
box-sizing: border-box;
padding-left: 100px;
display: inline-block;
}
.detail-item .form-search .form-search-date > li .cmn-faq-hook{
position: absolute;
left: 82px;
top: 4px;
}
.form-search .form-search-item.room-num > .form-search-item-cell .cmn-faq-hook,
.form-search .search-filter-item .detail-line:first-child .detail-cell .cmn-faq-hook{
position: absolute;
left: 82px;
top: 9px;
}
.detail-item .form-search .form-search-date > li:last-child{
width: auto;
padding-left: 85px;
}
.detail-item .form-search .form-search-date > li:last-child .cmn-faq-hook{
position: absolute;
left: 68px;
top: 4px;
}
.detail-item .form-search .form-search-date > li .day-number{
margin-left: 8px;
color: #333;
font-size: 12px;
}
.form-search .form-search-date > li .txt-date{
font-size: 13px;
position: absolute;
left: 0;
top: 5px;
}
.form-search .form-search-date > li .day-number{
margin-left: 15px;
}
.form-search .form-search-item-col > .form-search-item {
float: left;
box-sizing: border-box;
}
.form-search .form-search-item-col > .form-search-item.number{
width: 55%;
}
.form-search .form-search-item > .form-search-item-cell {
position: relative;
display: table-cell;
vertical-align: bottom;
min-width: 100px;
}
.form-search .form-search-item > .form-search-item-cell ul{
margin-top: 0;
}
.form-search .form-search-hdg {
display: table;
width: 100%;
height: 34px;
box-sizing: border-box;
position: relative;
vertical-align: middle;
line-height: 1.25;
padding-right: 10px;
}
.form-search .form-search-hdg > h2 {
display: table-cell;
vertical-align: middle;
font-size: 13px;
}
.form-search .detail-line.agent .form-search-hdg > h2{
font-weight: normal;
color: #555;
font-size: 12px;
display: block;
}
.form-search .detail-line.agent .form-search-hdg{
display: inline-block;
height: auto;
width: 100px;
}
.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: #333;
display: block;
float: left;
width: 70px;
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;
width: 55px;
}
.form-search .form-search-num > li.adult > label > span.form-custom-select{
border-right: 0;
}
.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;
}
.detail-item .form-list-line{
padding-left: 100px;
}
.detail-item .form-list-line .cmn-faq-hook{
margin: 0 4px;
}
.btn-change-box{
display: inline-block;
position: absolute;
right: 0;
bottom: 0;
}
.btn-change-box > .btn-change{
padding: 7px 5px;
color: #fff;
border: none;
border-radius: 4px;
background-color: #287ac4;
box-shadow: 0 -3px 0 #20629d inset;
cursor: pointer;
font-size: 18px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
width: 100px;
box-sizing: border-box;
}
.btn-change-box > .btn-change:hover{
background-color:#20629d;
}
.btn-change-box > .btn-change.is-disabled:hover{
background-color: #287ac4;
}
.plan-notice-txt{
background: #fff;
margin:15px -15px 0 -15px;
border-top: 4px solid #777;
z-index: 5;
position: relative;
padding: 30px 10px 10px;
text-align: center;
font-weight: bold;
font-size: 16px;
}

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

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

.image-gallery-inner{
overflow:hidden;
}
.detail-item-hdg-container {
margin: -20px -15px 20px;
padding: 10px 15px;
color: #fff;
overflow: hidden;
background-color: #777;
}
.detail-item-hdg-container .detail-item-hdg {
margin: 0;
padding: 0;
width: 50%;
float: left;
}
.detail-item-hdg-container .detail-item-hdg-sup {
padding-top: 3px;
float: right;
width: 49%;
text-align: right;
font-size: 12px;
}

/* .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: #333;
}

.image-gallery-info-nav > ul > li{
display:inline-block;
font-size: 13px;
}

.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,
.image-gallery-info-sup a:link,
.image-gallery-info-sup a:active{
color:#666;
margin-left: 10px;
display: inline-block;
}
.image-gallery-info-sup a:hover{
text-decoration: underline;
}

/* .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;
border-bottom:1px solid #ddd;
}
.detail-item-list-separate-line > li > div{
padding:10px 0;
overflow:hidden;
display: table-cell;
font-size: 13px;
}
.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;
vertical-align: middle;
color: #333;
}
.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;
}
.Facilities .detail-item-list-separate-line > li{
display: table;
width: 100%;
}
.Facilities .detail-item-list-separate-line > li > div{
display: table-cell;
float: none;
line-height: 1.35;
}
.Facilities .detail-item-list-separate-line > li > div:first-child{
width: 100px;
position: relative;
}
.Facilities .detail-item-list-separate-line > li > div .detail-item-sup{
color: #949494;
font-size: 12px;
display: block;
text-indent: -1em;
padding-left: 1em;
}
:lang(en) .Facilities .detail-item-list-separate-line > li > div .detail-item-sup{
text-indent: -.7em;
padding-left: .7em;
}

/* .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;
padding-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{
display: inline-block;
clear: both;
margin-bottom: -10px;
width: 100%;
}
.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;
}
.detail-item-list-separate-line > li .hotel-detail-list.languages-list{
display: flex;
flex-flow: wrap;
width: 575px;
margin-bottom: -5px;
min-height: 35px;
align-items: center;
}
.hotel-other-detail-list{
display: block;
clear: both;
background: #f7f7f7;
padding:6px 10px;
margin-top:10px;
}
.hotel-other-detail-list li{
display: inline-block;
margin-right: 15px;
}

/* .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;
}

.under-link-box .contents-footer-nav-recommend ul{
margin:0;
}

/* .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{
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:238px;
min-height:245px;
border-radius:8px;
box-shadow:0 0 0 1px #dadce0 inset;
overflow:hidden;
}

.under-link-box .contents-footer-nav-recommend-list a{
color:#333;
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;
}

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

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

/* .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;
}

/* .contents-footer-nav-recommend-review
----------------------------------------------- */
.under-link-box span.contents-footer-nav-recommend-review{
margin-top:-6px;
}

.under-link-box .contents-footer-nav-recommend-review .is-hidden{
visibility:hidden;
}

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

.under-link-box span.contents-footer-nav-recommend-price span{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
}

/* .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.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;
}

/* ----------------------------------------------------------------
.ranking-area
----------------------------------------------------------------- */
.under-link-box .slider-info{
font-weight: bold;
font-size: 14px;
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;
height: 310px;
}
.ranking-area .ranking-optional .ranking-slider ul{
clear:both;
height:310px;
display:inline-block;
overflow:hidden;
/*position: absolute;
left:0;*/
}
.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 em{
font-size: 14px;
vertical-align: middle;
margin-left: 5px;
}
.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{
height: 37px;
overflow: hidden;
line-height: 1.4;
}

/* .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;
}

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

.nav-top {
margin-top: 10px;
text-align: right;
}
.nav-top a {
padding-left: 15px;
color: #666;
display: inline-block;
position: relative;
font-size: 13px;
}
.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 4px 8px 4px;
border-color: transparent transparent #666 transparent;
border-style: solid;
}

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

.detail-item.review{
margin-top: 30px;
padding:0px 15px 5px 15px;
border: 4px solid #777;
border-radius: 6px;
background: #777;
}
.detail-item.review > .search-item-nav{
margin:0;
}
.detail-item.review > .search-item-nav-info{
font-size: 12px;
color: #fff;
text-align: left;
font-weight: normal;
margin:3px 0 0;
clear: both;
}
.review-item-box{
background: #fff;
margin: 0 -15px;
padding: 15px;
margin-top: 4px;
}
.review-item-box:first-child{
margin-top: 12px;
}
.review-item-box > .review-head .update{
color: #333;
font-size: 11px;
margin-bottom:5px;
}
.review-item-box > .review-head .review-info{
font-size: 18px;
font-weight: bold;
line-height: 1.4;
margin-bottom: 3px;
}
.review-item-box > .review-head .detail-cell{
width: 50%;
font-size: 11px;
color: #333;
}
.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-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: 11px;
width: 50px;
display: inline-block;
height: 26px;
box-sizing: border-box;
text-align: center;
line-height: 1.1;
vertical-align: middle;
margin-right: 5px;
}
.review-img-text-box .txt-box .review-rate-box{
margin-bottom: 10px;
}
.review-img-text-box .txt-box .review-txt{
color: #333;
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: #333;
}
.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;
}
.detail-btn-area{
margin:25px 0 40px 0;
text-align: center;
}
.detail-btn-area .btn-plan{
padding:12px 18px;
color: #fff;
border: none;
border-radius: 4px;
background-color: #287ac4;
box-shadow: 0 -3px 0 #20629d inset;
cursor: pointer;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
min-width: 300px;
}
.detail-btn-area .btn-plan:hover,
.detail-btn-area .btn-plan:active,
.detail-btn-area .btn-plan:focus{
background-color:#20629d;
}
.review-btn-list-box{
margin: 30px 0 25px;
text-align: center;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 22px 0;
}
.review-btn-list-box > .review-name{
font-size: 14px;
font-weight: bold;
text-align: left;
margin-bottom: 20px;
}
.review-btn-list-box > .review-btn-list{
text-align: left;
display: inline-block;
margin: -5px auto;
max-width: 620px;
}
.review-btn-list-box > .review-btn-list li{
display: inline-block;
margin: 5px 5px;
}
.review-btn-list-box > .review-btn-list li button{
width: 190px;
height: 50px;
box-sizing: border-box;
border-radius: 2px;
background-color: #fff;
-webkit-box-shadow: inset 0 -3px rgba(0,0,0,.09);
-moz-box-shadow: inset 0 -3px rgba(0,0,0,.09);
box-shadow: inset 0 -3px rgba(0,0,0,.09);
box-sizing: border-box;
border: 1px solid #c5c5c5;
font-size: 10px;
text-align: center;;
position: relative;
padding: 0 5px 0 5px;
}
.review-btn-list-box > .review-btn-list li button em{
font-size: 12px;
}
.review-btn-list-box > .review-btn-list li button .agent-link,
.review-btn-list-box > .review-btn-list li button .no-review{
display: block;
}
.review-btn-list-box > .review-btn-list li button span{
color: #666;
font-size: 12px;
}
.review-btn-list-box > .review-btn-list li button .agent-link > span{
font-size: 12px;

}
.review-btn-list-box > .review-btn-list li button .no-review > span{
font-size: 12px;
color: #555;
}
.review-btn-list-box .agent-notice{
color: #333;
font-size: 11px;
margin-top:12px;
}

.detail-btn-area + .under-link-box{
margin: 60px 0 50px 0;
padding: 0 0 25px 0;
border-top: 0;
border-bottom: 1px solid #d9d9d9;
}
.new-review-box{
padding: 15px 0;
margin-bottom: -20px;
}
.new-review-box .review-hdg-1{
background: #777;
color: #fff;
font-weight: bold;
font-size: 13px;
padding: 5px 10px;
margin: 10px 0 0 0;
}
.new-review-box .revew-all-link{
text-align: right;
font-size: 12px;
}
.new-review-box .revew-all-link a{
color: #555;
display: inline-block;
position: relative;
padding-left: 15px;
text-decoration: none;
}
.new-review-box .revew-all-link 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%);
}
.form-search .new-review-box .detail-line .detail-cell + .detail-cell{
width: 50%;
float: none;
}

/* .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;
margin-left: 0;
}

.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;
margin-top: 8px;
}

/* .review-agt-list
----------------------------------------------------------------- */
.review-agt-list{
background: #F5F5F5;
padding: 10px;
margin-top: 5px;
}
.review-agt-list .review-list{
font-size: 13px;
white-space: nowrap;
margin-top: 0;
}
.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{
color: #0B4CAE;
text-decoration: none;
}
.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: #949494;
display: block;
}

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

/* .review-rating-item
----------------------------------------------- */
.review .search-item-nav .search-item-sort{
margin:0 0 10px;
}
.review-item-area{
background: #fff;
margin: 0 -15px;
padding: 0 15px;
}
.review-rating-item{
margin: 0 -15px;
padding: 10px 15px ;
border-bottom: 4px solid #777;
}
.review-rating-item + .review-item-box{
border-top: 0;
}
.detail-item.review{
margin-top: 10px;
padding:0px 15px ;
border: 4px solid #777;
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-box{
padding: 15px 0;
margin: 0;
border-top: 1px solid #777;
}
.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: #333;
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/hotel/shared/images/icon-detail-review-plus.svg) no-repeat;
}
.review-info-minus:before{
background: url(/element/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: #333;
}
.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 a img{
max-width: 62px;
}
.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: #333;
}
.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: #333;
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: #333;
}
.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: #949494;
font-size: 11px;
}

/* .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;
position: relative;
padding-left: 16px;
}
.review-toggle-item-container .toggle-btn-open:before{
margin-right: 5px;
content: '...';
color: #333;
display: inline-block;
vertical-align: bottom;
position: absolute;
top: -3px;
left: 0;
}
.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;
color: #949494;
font-size: 11px;
margin-top: 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: #333;
}
.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: #949494;
margin: 5px 0 -1px 0;
padding-bottom: 4px;
border-bottom: 1px solid #777;
}

/* .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:#333;
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;
}

/* .tip-review-list
----------------------------------------------- */
.cmn-tip-container.tip-review{
line-height: 1.4;
}
.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:7em;
}
.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;
border: 3px solid #a9a9a9;
padding: 40px 30px;
width: 800px;
box-sizing: border-box;
font-size: 13px;
text-align: center;
}
.agent-link-item-box > .agent-link-browser-note{
margin: 0 0 20px;
font-size: 16px;
}
.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-form-txt{
font-weight: bold;
margin:0 0 5px;
font-size: 12px;
}
.agent-booking-info-hdg{
font-weight: bold;
font-size: 20px;
}
.crl-stl-01{
color: #4178b0;
}
.crl-stl-02{
color: #c9871c;
}
.crl-stl-03{
color: #e30707;
}
.agent-booking-info > .txt-imp{
font-size: 14px;
font-weight: bold;
}
.agent-link-item-box .agent-move-txt{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 25px;
}
.agent-link-item-box .cmn-loading-spinner {
margin: 40px auto;
}
.agent-link-item-box .agt-link-txt {
font-size: 14px;
margin: 10px 0;
}
.agent-link-item-box .move-txt {
font-size: 12px;
color: #666;
text-align: center;
}

/* ----------------------------------------------------------------
Loading
----------------------------------------------------------------- */
/* .cmn-loading
----------------------------------------------- */
.cmn-loading{
margin:40px auto;
color:rgba(0, 0, 0, 0) !important;
display:table;
height:48px;
background:50% 50% no-repeat url(/element/shared/images/icon/icon-loading.gif);
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

/* .cmn-loading-wording-top / .cmn-loading-wording-btm
----------------------------------------------- */
.cmn-loading-wording-top,
.cmn-loading-wording-btm{
margin:40px auto;
text-align:center;
line-height:1.35;
}

.cmn-loading-wording-top::after,
.cmn-loading-wording-btm::before{
margin:8px auto 0;
content:"";
display:block;
width:48px;
height:48px;
background:50% 50% no-repeat url(/element/shared/images/icon/icon-loading.gif);
}

.cmn-loading-wording-btm::before{
margin:0 auto 8px;
}

/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */
.type-select-box{
margin-top: -5px;
}
.type-select-box + .type-select-box{
border-top: 1px solid #ccc;
margin-top: 15px;
padding-top: 5px;
}
.type-select-box > .box-hdg{
font-weight: bold;
color: #0b4cae;
font-size: 13px;
display: block;;
margin-bottom: 5px;
}
.type-select-box input{
margin: 0 5px 0 0;
vertical-align: middle;
}
.type-select-box input,
.type-select-box label{
cursor: pointer;
}
.type-select-box input[disabled],
.type-select-box li.is-disabled label{
cursor: default;
}
.form-list > li.is-disabled {
opacity: 0.5;
}
.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;
}
.form-list-logo > li.is-disabled label:hover{
background:#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;
}
.option-modal .form-list.list-col-3 > li label{
display:block;
}
.option-modal .form-list.list-col-3 > li label:hover{
background-color:#f0f0f0;
}
.option-modal .form-list.list-col-3 > li label.disabled:hover{
background-color:#fff;
}

/* hdg-modal
------------------------------------------------ */
.hdg-modal{
margin-bottom:15px;
color:#555;
font-size:20px;
font-weight:bold;
margin-top: 25px;
}

/* modal-search-items
------------------------------------------------ */
.modal-search-items{
margin-bottom:15px;
overflow:hidden;
}
.modal-search-items > span{
display:block;
float:left;
margin-right:10px;
padding:4px 7px;
background-color:#f1f1f1;
font-size:14px;
font-weight: bold;
}
.modal-search-items ul{
display:block;
overflow:hidden;
margin: 0;
line-height: 1;
}
.modal-search-items li:first-child{
display: block;
}
.modal-search-items li{
display:inline-block;
font-size:14px;
line-height:1.2;
}
.modal-search-items li span:last-child:before{
margin:0 4px;
content:"-";
display:inline-block;
vertical-align:top;
}
/* .modal-search-tbl
------------------------------------------------ */
.modal-search-tbl{
width:100%;
margin:5px 0 15px;
border-top:1px solid #bdbdbd;
table-layout:fixed;
border-collapse:collapse;
}
.modal-search-tbl th,
.modal-search-tbl td{
padding:5px 8px;
color:#555;
font-size:14px;
border-bottom:1px solid #bdbdbd;
}
.modal-search-tbl th{
width:149px;
text-align:left;
background-color:#f7f7f7;
border-right:1px solid #bdbdbd;
font-weight: bold;
}
.modal-search-tbl td{
border-bottom:1px solid #bdbdbd;
}
.modal-search-tbl td small{
font-size: 14px;
}

/* notes-01
------------------------------------------------ */
.notes-01{
font-size:13px;
color:#555;
text-align:center;
line-height: 1.4;
}
.notes-02{
margin-top: 0;
}

/* modal-booking-btn
------------------------------------------------ */
.modal-booking-btn{
padding: 6px 20px;
border: none;
border-radius: 4px;
color: #fff;
box-shadow: 0 -2px 0 rgba(0,0,0,.18) inset;
background-color: #287ac4;
min-width: 7.5em;
cursor: pointer;
font-size: 20px;
font-weight: bold;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
min-width: 150px;
height: 42px;
margin: 10px auto 0;
}
.modal-btn-box{
text-align: center;
}
/* box-modal-02
------------------------------------------------ */
.box-modal-02 {
font-size: 12px;
margin: 15px 0 0 0;
color: #666;
line-height: 1.35;
}

/* btn-modal-close
------------------------------------------------ */
.btn-modal-close{
text-align: center;
margin-top: 10px;
}
.btn-modal-close > a{
display: inline-block;
padding: 3px 8px;
}

/* simplemodal-overlay
------------------------------------------------ */
.simplemodal-overlay{
width:100%;
height:100%;
position:fixed;
left:0;
top:0;
z-index:999;
background-color:rgba(0,0,0,.5);
display:none;
}
.simplemodal-overlay + .cmn-modal{
position:inherit;
}
.simplemodal-overlay + .cmn-modal .cmn-modal-content{
z-index:1000;
}
.cmn-modal .cmn-modal-content .cmn-modal-header{
margin:-1px -21px 20px;
}

/* ----------------------------------------------------------------
modal custom
----------------------------------------------------------------- */
/* .modal-info
----------------------------------------------- */
.cmn-modal.modal-info .cmn-modal-content{
width:1008px;
}
.cmn-modal.modal-info .cmn-modal-header-hdg{
font-size:18px;
}

/* .modal-info-item
----------------------------------------------- */
.modal-info-item{
padding-bottom:12px;
}
.modal-info-item .modal-info-header{
font-size:16px;
}
.modal-info-item .modal-info-header .modal-info-hdg{
font-size:18px;
font-weight:bold;
position: relative;
padding-top:25px;
border-bottom:1px solid #ccc;
margin-top:0;
}
.modal-info-item .modal-info-header .modal-info-hdg .num{
font-size:22px;
padding:0 3px;
}

/* .modal-info-list
----------------------------------------------- */
.modal-info-list{
display:flex;
align-items: center;
}
.modal-info-list-item{
width:25%;
}
.modal-info-list-item:not(:first-child){
padding-left:20px;
}
.modal-info-list-item > div{
display:flex;
box-sizing: border-box;
line-height: 1.4;
padding-top:12px;
}
.modal-info-list-item > div .num{
display: inline-block;
margin-right: 5px;
}
.modal-info-list-item-hdg{
font-size:14px;
font-weight:bold;
height:55px;
}
.modal-info-list-item-txt{
font-size:12px;
height:80px;
padding-top:8px;
}
.modal-info-list-item-img{
height:106px;
align-items:center;
justify-content:center;
}
.about-logo-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about-logo-list li{
width: 31%;
padding: 3px 0 ;
line-height: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 24%);
border-radius: 2px;
text-align:center;
margin-left:5px;
margin-bottom:5px;
}
.about-logo-list li:nth-child(3n+1) {
margin-left:0;
}
.about-logo-list li:last-child{
text-align: right;
padding-top: 12px;
box-shadow:0 0 0 0;
}
.about-logo-list li img{
height: 20px;
margin: 0 auto;
line-height: 1;
}
.about-img{
text-align: center;
margin-top:10px;
}

.modal-info-item .index-about-info-02 > li > div{
box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 24%);
}
.modal-info-item .index-about-info-02 .index-about-info-txt-02{
font-size:12px;
}
.modal-info-item .index-about-info-02 .index-about-info-txt-02 .num{
font-size:15px;
}
.modal-info-item .modal-info-list-item .index-about-info-02 .num{
margin-right:0;
}
.modal-info-item .modal-info-list-item .index-about-info-02 > li:first-child{
width:33%;
}

/* ----------------------------------------------------------------
cmn-alert
----------------------------------------------------------------- */
/* .text-info
------------------------------------------------ */
.cmn-alert-layer + .cmn-alert{
margin: 0;
}
.cmn-alert .text-info > b{
font-size: 16px;
display: block;
text-align: center;
}
.cmn-alert .text-info .txt-notice {
color: #e30707;
}

/* ----------------------------------------------------------------
Common Agt Appeal
----------------------------------------------------------------- */
/* .cmn-agt-appeal
------------------------------------------------ */
.cmn-agt-appeal{
margin-bottom:40px;
font-size:14px;
}

/* .cmn-agt-appeal-hdg
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-hdg{
padding:13px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#d2d2d2;
line-height:1.35;
}

/* .cmn-agt-appeal-list
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-list > li{
padding:10px 0 10px 75px;
border-bottom:1px dotted #ccc;
position:relative;
font-size:12px;
}

.cmn-agt-appeal .cmn-agt-appeal-list > li:last-child{
padding-bottom:0;
border-bottom:none;
}

/* .cmn-agt-appeal-list-logo
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-list-logo{
border:1px solid #e1e1e1;
box-sizing:border-box;
display:block;
position:absolute;
top:10px;
left:0;
width:65px;
height:25px;
overflow:hidden;
}
.cmn-agt-appeal .cmn-agt-appeal-list-logo > img{
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
max-width:100%;
max-height:100%;
}

/* .cmn-agt-appeal-link-list
------------------------------------------------ */
.cmn-agt-appeal .cmn-agt-appeal-link-list{
font-size:11px;
}
.cmn-agt-appeal .cmn-agt-appeal-link-list > li{
margin-right:5px;
display:inline-block;
}
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a{
padding:1px 4px;
border:1px solid #ccc;
border-radius:2px;
color:#666;
display:block;
box-sizing:border-box;
background-color:#fff;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:active,
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:hover,
.cmn-agt-appeal .cmn-agt-appeal-link-list > li > a:focus{
background-color:#f7f7f7;
text-decoration:none;
}

/* .cmn-agt-appeal-link-list-01
------------------------------------------------ */
.cmn-agt-appeal-link-list-01{
margin-top:8px;
font-size:12px;
line-height:1.35;
}
.cmn-agt-appeal-link-list-01 > li{
margin-top:3px;
}

/* .str-lyt-external
------------------------------------------------ */
.str-lyt-external .form-search-index .form-search-index-inner{
padding: 0;
background: none;
}
.str-lyt-external .menu-header-container + .form-search-index{
margin-bottom: 20px;
}
.str-lyt-external .key-visual .form-search-index .form-search-index-inner,
.str-lyt-external .menu-header-container + .form-search-index .form-search-index-inner{
padding: 23px 15px 15px 15px;
background: #f6f6f6;
}
.str-lyt-external .form-search-index{
margin-bottom: 0;
}
.str-lyt-external .outline-txt{
width: auto;
float: none;
}
.str-lyt-external .child-box.is-active{
width: 360px;
}
.str-lyt-external .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell{
width: 98px;
}

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

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

.area-link-list{
font-size: 12px;
margin-bottom: 8px;
margin-top: 0;
}
.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;
}


/* widget
------------------------------------------------ */
.widget-container .str-content{
min-height: inherit;
}
.widget-container .form-search-index-item {
margin-top: 0;
}
.widget-container .form-search-index .form-search-index-inner{
padding: 15px 10px;
background: none;
}

.form-search-wgt{
position:relative;
width:970px;
padding:15px 10px;
font-size:14px;
color:#333;
box-sizing: border-box;
}
.form-search-wgt input[type="text"],
.form-search-wgt input[type="search"] {
padding: 5px;
border: 1px solid #bebebe;
box-sizing: border-box;
min-height: 34px;
vertical-align: text-bottom;
width: 120px;
margin: 0;
border-radius: 2px;
}
.form-search-wgt label{
cursor:pointer;
}
.form-search-wgt div[class^=input-]{
display:inline-block;
vertical-align:top;
margin-right:14px;
letter-spacing:normal;
margin-right: 7px;
}
.form-search-wgt div[class^=input-] > label{
display:inline-block;
}
.form-search-wgt select{
min-width:50px;
}
.form-search-wgt .form-custom-select{
border-radius: 2px;
}
.form-search-wgt .input-guest > label > .form-custom-select{
border-radius: 0 2px 2px 0;
}
.form-search-wgt .input-hdg{
display:block;
font-weight:bold;
font-size: 13px;
}
.form-search-wgt .input-hdg .input-change-btn{
font-size: 12px;
font-weight: normal;
}
.form-search-wgt .form-search-index-exec-btn{
padding: 5px;
border: none;
border-radius: 4px;
color: #fff;
min-width: 120px;
box-shadow: 0 -3px 0 #20629d inset;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
font-size: 20px;
font-weight: bold;
background-color: #287ac4;
min-height: 40px;
position: absolute;
right: 11px;
top: 33px;
}
.form-search-wgt .child-box.is-active{
display: block;
width:340px;
margin: 40px 0 0 -222px;
position: relative;
}
.form-search-wgt .child-box ul{
margin-top: 4px;
}
.form-search-wgt .child-box ul li{
margin: 0 8px 0 0;
float: left;
}
.form-search-wgt .child-box select{
height: 32px;
font-size: 13px;
width: 50px;
min-width: inherit;
}
.form-search-wgt .suggest-container .suggest{
width: 540px;
top: 33px;
}

/* .input-destination
----------------------------------------------- */
.input-destination{
position:relative;
}
.form-search-wgt .input-destination{
width:180px;
margin-right: 0;
}
.form-search-wgt .input-destination input[type="text"],
.form-search-wgt .input-destination input[type="search"]{
width:180px;
}
.form-search-wgt .txt-destination{
font-size:12px;
line-height:1.2;
}
.form-search-wgt .dest-area{
font-size:13px;
font-weight: normal;
display: block;
}
.form-search-wgt .input-date > label:first-child{
margin-right: 2px;
}
.form-search-wgt .input-date div > span{
position: relative;
}
.form-search-wgt .input-date img{
position: absolute;
right: 6px;
top: -14px;
}
.form-search-wgt .night{
display: inline-block;
margin-top: -20px;
vertical-align: middle;
font-size: 12px;
}
.form-search-wgt .form-search-label{
display: inline-block;
height: 34px;
border: 1px solid #bebebe;
border-right: 0;
border-radius: 2px 0 0 2px;
vertical-align: top;
box-sizing: border-box;
margin-right: -4px;
padding: 5px 9px 0 7px;
font-size: 13px;
}

/* ----------------------------------------------------------------
travelko-info-content
----------------------------------------------------------------- */
.travelko-info-content{
padding:36px 0 40px;
margin:0 -10px 0;
text-align:center;
background: rgba(0,0,0,.7);
}
.travelko-info-item{
width:960px;
margin:0 auto;
}

/* .travelko-info-header
----------------------------------------------- */
.travelko-info-header{
text-align:left;
font-size:16px;
margin-bottom:10px;
color:#fff;
}
.travelko-info-header .travelko-info-hdg{
font-size:22px;
font-weight: bold;
border-bottom: 1px solid rgba(255,255,255,.5);
padding-bottom:8px;
margin-bottom:16px;
}
.travelko-info-header .travelko-info-hdg-02{
font-size:22px;
font-weight:bold;
position: relative;
border-bottom: 1px solid rgba(255,255,255,.5);
padding-bottom:8px;
padding-top:40px;
}
.travelko-info-header .travelko-info-hdg-02 .num{
font-size:30px;
padding:0 3px;
}

/* .travelko-info-list
----------------------------------------------- */
.travelko-info-list{
display:flex;
}
.travelko-info-list-item{
width:24%;
padding:5px 0;
color:#fff;
}
.travelko-info-list-item:not(:first-child){
margin-left:25px;
}
.travelko-info-list-item:nth-child(2){
width:28%;
}
.travelko-info-list-item > div{
display:flex;
box-sizing: border-box;
text-align:left;
}
.travelko-info-list-item > div img{
max-width:inherit;
}
.travelko-info-list-item-hdg{
font-size:14px;
font-weight:bold;
height:50px;
}
.travelko-info-list-item-hdg .num{
display: inline-block;
margin-right: 5px;
}
.travelko-info-list-item-txt{
font-size:12px;
height:85px;
padding-top:5px;
}
.travelko-info-list-item-img{
height:110px;
align-items:center;
justify-content:center;
}
.travelko-info-list-item-img .about-logo-list{
display: flex;
margin-top:0;
}
.travelko-info-list-item-img .about-logo-list li{
width:32%;
margin:4px 0 0 4px;
padding:2px 0;
line-height: 1;
box-sizing: border-box;
font-size:11px;
border: 1px solid #e5e5e5;
border-radius:2px;
background-color:#fff;
text-align:center;
}
.travelko-info-list-item-img .about-logo-list li:nth-child(3n+1) {
margin-left:0;
}
.travelko-info-list-item-img .about-logo-list li:last-child{
border:0;
color:#fff;
background:none;
padding:12px 0 0 0;
font-size:12px;
}
.travelko-info-list-item-img .about-logo-list li img{
height: 20px;
margin: 0 auto;
line-height: 1;
}
.travelko-info-list-item-img .about-img{
text-align: center;
margin-top:10px;
}

/* .index-about-info-02
----------------------------------------------- */
.index-about-info-02 {
display:table;
width:100%;
margin-top:0;
}

.index-about-info-02 > li{
display:table-cell;
width:30%;
padding-left:5px;
vertical-align:top;
}

.index-about-info-02 > li:first-child{
width:40%;
padding-left:0;
}

.index-about-info-02 > li > div{
background:#fff;
border-radius:4px;
color:#012F5F;
padding:4px;
box-sizing: border-box;
height:84px;
}

.index-about-info-02 > li > div > span{
display:block;
text-align: center;
line-height:1.4;
font-size:13px;
}

.index-about-info-02 .index-about-info-hdg{
background:#0A4684;
color:#fff;
font-size:10px;
text-align:center;
border-radius:2px;
margin-bottom:10px;
}

.index-about-info-02 .index-about-info-txt-01{
font-weight:bold;
}

.index-about-info-02 .index-about-info-txt-02{
font-size:14px;
font-weight:bold;
margin-top:6px;
}

.index-about-info-02 .index-about-info-txt-02 .num{
font-size:16px;
}

.index-about-info-02 .index-about-info-txt-03{
margin:14px 0 2px 0;
font-size:12px;
}

.index-about-info-02 .index-about-info-txt-04{
margin:0 0 3px 0;
font-size:10px;
}

.index-about-info-02 .index-about-info-txt-04 .num{
font-size:12px;
}

.index-about-info-02 .index-about-info-txt-05{
font-size: 12px;
margin: 14px 0 2px 0;
}

/* .index-seo-area
----------------------------------------------- */
.index-seo-area{
width: 960px;
margin: 0 auto;
padding-top:20px;
}


/* ----------------------------------------------------------------
loading-bar
----------------------------------------------------------------- */
.searching-progressbar{
background-color: #f5f5f5;
margin: 10px auto 13px;
overflow: hidden;
}
.searching-progressbar-inner{
height: 4px;
background: url(/element/hotel/shared/images/progress-bar.gif) no-repeat top right;
background-size: 30px 4px;
background-color: #57A2EF;
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 .num{
padding-right:3px;
}
.loading-bar-item > .loading-bar-txt > span{
display:inline-block;
white-space:nowrap;
}
.loading-bar-item > .loading-bar-txt .list-loading-site{
padding-right:5px;
}
.loading-bar-item > .loading-bar-txt .list-loading-txt,
.loading-bar-item > .loading-bar-txt .list-loading-search{
padding-left:2px;
}
.loading-bar-item > .loading-bar-txt .list-loading-txt + .list-loading-search{
padding-left:0;
}
.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;
}

/* .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:260px;
}
.list-loading-item .list-loading-site .num{
padding-right:3px;
}
.list-loading-item .list-loading-agt {
padding-left: 10px;
}
.list-loading-item .list-loading-txt{
padding-left:5px;
}
.list-loading-item .list-loading-txt + .list-loading-search{
padding-left:0;
}
.list-loading-item .list-loading-search {
white-space:nowrap;
padding-left:5px;
width:1em;
text-align:left;
}

/* ----------------------------------------------------------------
.loading-container
----------------------------------------------------------------- */
.loading-container{
min-height: 400px;
}

/* ----------------------------------------------------------------
 lang en
----------------------------------------------------------------- */

.tip-payment-info .list-payment > li > .hdg:lang(en){
width:110px;
}
.tip-payment-info .list-payment.list-str-01 > li > .hdg:lang(en){
width:8.9em;
}
:lang(en) .detail-item .form-search .form-search-date > li{
padding-right: 15px;
}
:lang(en) .review-area > .review-rate > span:first-child .cmn-faq-hook{
right: 1px;
top: 5px;
}

/* ----------------------------------------------------------------
 lang ko
----------------------------------------------------------------- */
:lang(ko) .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell{
width: 97px;
}
:lang(ko) .form-search-index-item.numbers > .form-search-index-item-cell.number{
width: 100px;
}
:lang(ko) .form-search .form-search-item-col > .form-search-item.number .form-search-item-cell{
min-width: 52px;
}
:lang(ko) .detail-item .form-search .form-search-date > li:last-child .txt-date{
padding-left: 11px;
}
:lang(ko) .key-visual .child-box.is-active{
width: 420px;
margin-right: 0;
}
:lang(ko) .form-search-index-item.numbers select{
min-width:60px;
}
:lang(ko) .child-box.is-active{
width: 400px;
margin-right: 70px;
}
:lang(ko) .detail-item .form-search .form-head-box .search-filter-item .child-box.is-active{
padding-left: 190px;
}
:lang(ko) .detail-item .form-search .form-head-box .search-filter-item .child-box select{
width: 60px;
}
:lang(ko) .tip-payment-info .list-payment > li > .hdg{
width: 11.25em;
}
:lang(ko) .tip-payment-info .list-payment.list-str-01 > li > .hdg{
width: 4em;
}
:lang(ko) .form-search-index-btn-reset > span{
display:block;
line-height: 1.5;
}
:lang(ko) .suggest-container .suggest-logo img{
margin:0 0 7px 5px;
}

/* ----------------------------------------------------------------
 lang chinese
----------------------------------------------------------------- */
:lang(zh-cmn-Hant-TW) .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell,
:lang(zh-cmn-Hant-HK) .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell,
:lang(zh-cmn-Hans) .form-search-index-item.dates > .form-search-index-item-cell.date + .form-search-index-item-cell{
width: 98px;
}
:lang(zh-cmn-Hant-TW) .form-search .form-search-item-col > .form-search-item.number .form-search-item-cell,
:lang(zh-cmn-Hant-HK) .form-search .form-search-item-col > .form-search-item.number .form-search-item-cell,
:lang(zh-cmn-Hans) .form-search .form-search-item-col > .form-search-item.number .form-search-item-cell{
min-width: 35px;
}
:lang(zh-cmn-Hant-TW) .detail-item .form-search .form-search-date > li:last-child .txt-date,
:lang(zh-cmn-Hant-HK) .detail-item .form-search .form-search-date > li:last-child .txt-date,
:lang(zh-cmn-Hans) .detail-item .form-search .form-search-date > li:last-child .txt-date{
padding-left: 11px;
}
:lang(zh-cmn-Hant-TW) .key-visual .child-box.is-active,
:lang(zh-cmn-Hant-HK) .key-visual .child-box.is-active,
:lang(zh-cmn-Hans) .key-visual .child-box.is-active{
width: 420px;
margin-right: 0;
}
:lang(zh-cmn-Hant-TW) .form-search-index-item.number,
:lang(zh-cmn-Hant-HK) .form-search-index-item.number,
:lang(zh-cmn-Hans) .form-search-index-item.numbers select{
min-width:60px;
}
:lang(zh-cmn-Hant-TW) .child-box.is-active,
:lang(zh-cmn-Hant-HK) .child-box.is-active,
:lang(zh-cmn-Hans) .child-box.is-active{
width: 400px;
margin-right: 70px;
}
:lang(zh-cmn-Hant-TW) .detail-item .form-search .form-head-box .search-filter-item .child-box.is-active,
:lang(zh-cmn-Hant-HK) .detail-item .form-search .form-head-box .search-filter-item .child-box.is-active,
:lang(zh-cmn-Hans) .detail-item .form-search .form-head-box .search-filter-item .child-box.is-active{
padding-left: 190px;
}
:lang(zh-cmn-Hant-TW) .detail-item .form-search .form-head-box .search-filter-item .child-box select,
:lang(zh-cmn-Hant-HK) .detail-item .form-search .form-head-box .search-filter-item .child-box select,
:lang(zh-cmn-Hans) .detail-item .form-search .form-head-box .search-filter-item .child-box select{
width: 60px;
}
:lang(zh-cmn-Hant-TW) .tip-payment-info .list-payment > li > .hdg,
:lang(zh-cmn-Hant-HK) .tip-payment-info .list-payment > li > .hdg{
width: 10em;
}
:lang(zh-cmn-Hant-TW) .tip-payment-info .list-payment.list-str-01 > li > .hdg,
:lang(zh-cmn-Hant-HK) .tip-payment-info .list-payment.list-str-01 > li > .hdg{
width: 4em;
}
:lang(zh-cmn-Hant-TW) .form-search-btn,
:lang(zh-cmn-Hant-TW) .form-search-btn-01,
:lang(zh-cmn-Hant-HK) .form-search-btn,
:lang(zh-cmn-Hant-HK) .form-search-btn-01,
:lang(zh-cmn-Hans) .form-search-btn,
:lang(zh-cmn-Hans) .form-search-btn-01{
line-height: 1;
}
:lang(zh-cmn-Hant-TW) .suggest-container .suggest-logo img,
:lang(zh-cmn-Hant-HK) .suggest-container .suggest-logo img,
:lang(zh-cmn-Hans) .suggest-container .suggest-logo img{
margin:0 0 6px 5px;
}

/* ----------------------------------------------------------------
 lang zh-cmn-Hant-TW
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
 lang zh-cmn-Hant-HK
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
 lang zh-cmn-Hans
----------------------------------------------------------------- */
:lang(zh-cmn-Hans) .tip-payment-info .list-payment > li > .hdg{
width: 9em;
}
:lang(zh-cmn-Hans) .tip-payment-info .list-payment.list-str-01 > li > .hdg{
width: 8em;
}

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

.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,
.nav-tab:before,
.item-price-list:before,
.item-detail-box:before,
.review-area:before,
.photo-area::before,
.col-2-right:before,
.review-head-area:before,
.form-list-logo:before,
.form-search .form-head-box .search-filter-item .child-box:before,
.suggestArea:before,
.detail-item .interest-distance ul: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,
.nav-tab:after,
.item-price-list:after,
.item-detail-box:after,
.review-area:after,
.photo-area:after,
.col-2-right:after,
.review-head-area:after,
.form-list-logo:after,
.form-search .form-head-box .search-filter-item .child-box:after,
.suggestArea:after,
.detail-item .interest-distance ul: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,
.nav-tab:after,
.item-price-list:after,
.item-detail-box:after,
.review-area:after,
.photo-area:after,
.col-2-right:after,
.review-head-area:after,
.form-list-logo:after,
.form-search .form-head-box .search-filter-item .child-box:after,
.suggestArea:after,
.detail-item .interest-distance ul:after{
clear:both;
}