@charset "UTF-8";

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

/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */

input::-ms-clear, input::-ms-reveal {
visibility:hidden
}
button,
select{
cursor:pointer;
}
button[disabled],
select[disabled]{
cursor:default;
color:#ccc;
}
select option[disabled]{
color:#ccc;
}
input[type="search"],
input[type="text"]{
-webkit-appearance:none;
outline-offset:-2px;
border-radius:0;
background-color:#fff;
}
input[type="search"]::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration{
-webkit-appearance:none;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="text"]::-webkit-search-cancel-button{
display:none;
}
[type=checkbox]{
margin:3px 3px 3px 4px;
}
.sortPop_Area [type=checkbox]{
vertical-align:bottom;
}
[type=radio]{
margin:3px 3px 0px 5px;
}

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

#main_Col ::placeholder{
color:#949494;
}
textarea[disabled], input[disabled] {
background:#e9e9e9;
}
#main_Col input[type=text]:disabled::placeholder,
#main_Col input[type=search]:disabled::placeholder{
color:#ccc;
}
#main_Col ::-webkit-input-placeholder{
color:#949494;
}
#main_Col ::-moz-placeholder{
color:#949494;
}
#main_Col :-ms-input-placeholder{
color:#949494;
}
input[disabled]{
background:#e9e9e9;
}

/* .menu-header-container
----------------------------------------------- */
.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}
.menu-header-container{
padding:11px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.menu-header-container .menu-header {
padding-right:260px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.35);
}
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:focus {
color:#fff;
text-decoration:none;
font-size:30px;
}
.menu-header-container .menu-header-agt-sup {
position:absolute;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
left:30px;
bottom:16px;
}
.menu-header-container .menu-header-agt {
padding:0 15px 0 205px;
background-color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:30px;
box-sizing:border-box;
gap: 0 8px;
}
.menu-header-container .menu-header-agt:after {
color: var(--cmn-font-color-base);
content: "...";
font-size: 16px;
}

/* .menu-header-info
----------------------------------------------- */
.menu-header-info{
display:inline-block;
background:rgba(0, 72, 148, .35);
border:1px solid rgba(255, 255, 255, 0.35);
border-radius:4px;
margin:0 0 8px;
padding:4px 12px;
box-sizing:border-box;
font-size:12px;
}

/* .menu-header-info-list
----------------------------------------------- */
.menu-header-info-list{
display:flex;
gap:12px;
font-size:14px;
line-height:1.1;
margin:4px 0 0;
align-items:center;
}

.menu-header-info-list li:not(:first-child){
border-left:1px solid #e5e5e5;
padding-left:12px;
}
----------------------------------------------- */
.special-info {
position:absolute;
top:16px;
left:365px;
font-size:16px;
background-color:#084385;
text-align:center;
padding:2px 8px 4px;
}
.special-info .cmn-dashed{
--cmn-dashed-font-color:#fff;
--cmn-dashed-color:#fff;
}
.special-info a{
color:#fff;
}
.special-info a:link,
.special-info a:visited,
.special-info a:hover,
.special-info a:active{
text-decoration:none;
}

/* .menu-header-container > .menu-header-utility
  ----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:300px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin-bottom:8px;
}
.box-bg-img-ctrl .menu-header-container .menu-header-link{
right:136px;
}
.menu-header-container .menu-header-link{
position:absolute;
right:20px;
top:21px;
font-size:12px;
}
.menu-header-container .menu-header-link a,
.menu-header-container .menu-header-link:link,
.menu-header-container .menu-header-link:visited,
.menu-header-container .menu-header-link:hover,
.menu-header-container .menu-header-link:active{
color:#fff;
}
.menu-header-container .menu-header-link a:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #fff;
border-right:1px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.menu-header-container .menu-header-agt > li{
display:inline-block;
vertical-align:middle;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:middle;
}
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:16px;
right:20px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.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, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
}
.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, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
margin:0 5px;
display:inline-block;
font-size:16px;
}
.menu-header-container .menu-header-utility .history-item{
border:4px solid #eee;
display:none;
position:absolute;
top:100%;
right:-1px;
width:280px;
box-shadow:0 1px 3px rgba(0, 0, 0, .5);
background-color:#fff;
z-index:10;
}
.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{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:6px;
content:"";
display:block;
width:8px;
height:2px;
background-color:#fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.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;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
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{
margin:-1px 0 0 -9px;
position:absolute;
top:50%;
left:50%;
content:"";
display:block;
width:18px;
height:2px;
background-color:#999;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.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;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
margin:-9px 0 0 -1px;
width:2px;
height:18px;
}
.menu-header-container .menu-header-utility .history-item-list{
height:250px;
overflow-y:scroll;
}
.menu-header-container .menu-header-utility .history-item-list > li{
border-top:1px solid #eee;
}
.menu-header-container .menu-header-utility .history-item-list > li:first-child{
border-top:none;
}
.menu-header-container .menu-header-utility .history-item-list > li a{
padding:5px 10px;
display:block;
color:#555;
}
.menu-header-container .menu-header-utility .history-item-list > li a:active,
.menu-header-container .menu-header-utility .history-item-list > li a:hover,
.menu-header-container .menu-header-utility .history-item-list > li a:focus{
background-color:#f7f7f7;
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-item-list > li .sup{
color:var(--cmn-font-color-gray);
line-height:1.25;
display:block;
font-size:11px;
}
.menu-header-container .menu-header-utility .history-item-list > li .name-city{
display:block;
margin-top:4px;
line-height:1.2;
}
.menu-header-container .menu-header-utility .history-item-list > li .name-city > span{
display:block;
}
.hdg-l2{
margin-bottom:15px;
color:var(--cmn-font-color-base);
font-size:17px;
font-weight:bold;
}
#main_Col > .hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}
.panel .hdg-l2 .hdg-sup {
font-size:11px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
font-weight:normal;
}
.hdg-l3{
margin-bottom:10px;
color:var(--cmn-font-color-base);
font-size:14px;
font-weight:bold;
}
.hdg-l3 a,
.hdg-l3 a:link,
.hdg-l3 a:visited,
.hdg-l3 a:hover,
.hdg-l3 a:active{
color:var(--cmn-font-color-base);
}
.link-01{
position:relative;
display:inline-block;
padding-left:.9em;
text-indent:-.9em;
color:var(--cmn-font-color-gray);
line-height:1.4;
}
.link-01:link,
.link-01:visited,
.link-01:hover,
.link-01:active{
color:var(--cmn-font-color-gray);
}
.link-01:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:5px;
border-top:1px solid #666;
border-right:1px solid #666;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
div.link-01:before{
margin-right:1px;
}

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

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

/* .icon-required
------------------------------------------------------------------*/
.icon-required{
display:inline-block;
width:2em;
font-size:11px;
color:var(--cmn-font-color-red);
border:1px solid #e93939;
background-color:#fff;
padding:1px 3px 0;
margin:8px 0 0 4px;
vertical-align:middle;
}

/* .box-bg-img-ctrl
----------------------------------------------- */
.box-bg-img-ctrl{
margin:0 -10px -50px;
padding:0 10px 50px;
background:#80C8EE url(/element/w_dp/index/images/bg-contents.png) 50% 0 no-repeat;
background-size:100% auto;
}
.box-bg-img-ctrl:before,
.box-bg-img-ctrl:after{
content:"";
display:table;
}
.box-bg-img-ctrl:after{
clear:both;
}

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

/* modal_content
------------------------------------------------------------------------*/
.cmn-modal.simplemodal-data{
position:absolute;
}

#simplemodal-overlay{
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
background-color:#000;
opacity:.5;
cursor:pointer;
}
.modal_content{
position:absolute;
display:none;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.modal_content .text-info{
font-size:16px;
text-align:center;
}
.modal_content .modal-btn-box{
margin:20px 0 10px;
text-align:center;
}
.modal_content .modal-btn-box li{
display:inline-block;
}

/* agentModal_Block
-----------------------------------------------------*/
.modal-search .cmn-modal-select{
width:858px;
}
.modal-search .innerLoading_Box{
margin-top:15px;
margin-bottom:30px;
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-gray);
text-align:center;
}
.modal-search .innerLoading_Box span{
display:block;
}
.modal-search .innerLoading_Box .vendor_progressbar{
width:50%;
margin:15px auto 0;
height:22px;
border-radius:3px;
background-color:#eaeaea;
box-shadow:inset 0 1px 2px rgba(12, 3, 6, .06);
box-sizing:border-box;
margin-bottom:15px;
overflow:hidden;
padding:1px;
position:relative;
}
.modal-search .innerLoading_Box .vendor_progressbar div > div{
background:url(/element/w_dp/shared/images/img-loadingbar.gif) repeat-x;
text-indent:-9999px;
border-radius:3px 0 0 3px;
height:22px;
}
.modal-search .innerLoading_Box .progress{
display:none;
}
.modal-search .agentModal_Block{
overflow:hidden;
margin-left:-10px;
}
.modal-search .agentModal_Block .agentModal_Box{
float:left;
margin-left:10px;
margin-bottom:10px;
}
.modal-search .agentModal_Block .agentModal_Box .logo{
display:table-cell;
width:80px;
height:24px;
text-align:center;
vertical-align:middle;
border:1px solid #ccc;
}
.modal-search .agentModal_Block .agentModal_Box .logo img{
max-width:80px;
max-height:24px;
vertical-align:middle;
}
.modal-search .agentModal_Block .agentModal_Box .status{
text-align:center;
border:1px solid #ccc;
border-top:none;
font-size:10px;
font-weight:bold;
color:#1c74f8;
}
.modal-search .agentModal_Block .agentModal_Box.loaded .status{
color:#fb910f;
}
.modal-map .cmn-modal-select{
width:750px;
}
.modal-map .modal-map-box .map-box{
width:435px;
height:314px;
float:left;
}
.modal-map .modal-map-box .aiport-box{
text-align:left;
float:right;
width:260px;
font-size:14px;
}
.modal-map .modal-map-box .aiport-box .airport{
width:220px;
vertical-align:middle;
position:relative;
padding:10px 0 10px 40px;
}
.modal-map .modal-map-box .aiport-box .airport:before{
content:"";
background:url(/element/w_dp/shared/images/sprite-airport.png) no-repeat;
display:block;
width:30px;
height:35px;
position:absolute;
top:0;
left:0;
background-position:0 0;
}
.modal-map .modal-map-box .aiport-box .airport span{
font-size:13px;
}
.modal-map .modal-map-box .aiport-box .airport a{
color:var(--cmn-font-color-link);
margin-right:5px;
display:inline-block;
}
.modal-map .modal-map-box .aiport-box .hdg-list{
font-size:12px;
background:#eee;
padding:2px 5px;
margin-top:30px;
margin-bottom:12px;
}
.modal-map .modal-map-box .aiport-box li{
width:260px;
vertical-align:middle;
position:relative;
padding:10px 0 15px 40px;
border-bottom:1px dotted #c9c9c9;
box-sizing:border-box;
margin-bottom:8px;
}
.modal-map .modal-map-box .aiport-box li a{
color:var(--cmn-font-color-link);
margin-right:5px;
display:inline-block;
}
.modal-map .modal-map-box .aiport-box li:before{
content:"";
background:url(/element/w_dp/shared/images/sprite-airport.png) no-repeat;
display:block;
width:30px;
height:35px;
position:absolute;
top:0;
left:0;
}
.modal-map .modal-map-box .aiport-box li.airport-02:before{
background-position:0 -40px;
}
.modal-map .modal-map-box .aiport-box li.airport-03:before{
background-position:0 -80px;
}
.modal-map .modal-map-box .aiport-box li.airport-04:before{
background-position:0 -120px;
}
.modal-map .modal-map-box .aiport-box li.airport-05:before{
background-position:0 -160px;
}
.modal-sns .cmn-modal-select{
width:400px;
}
.modal-sns .hdg-modal{
padding:3px 5px;
font-weight:bold;
font-size:15px;
background:#f1f1f1;
}
.modal-sns .sns-list{
display:table;
width:100%;
margin:40px 0 20px;
}
.modal-sns .sns-list li{
display:table-cell;
}
.modal-sns .sns-list a{
display:block;
color:var(--cmn-font-color-base);
text-align:center;
padding-top:60px;
}
.modal-sns .sns-list a:before{
content:"";
width:51px;
height:50px;
display:block;
background:url(/element/shared/images/sprite/sprite-sns.svg) no-repeat;
margin:-60px auto 0 auto;
}
.modal-sns .sns-list a.twitter:before{
background-position:0 -100px;
}
.modal-sns .sns-list a.facebook:before{
background-position:0 0;
}
.modal-sns .sns-list a.googleplus:before{
background-position:0 -150px;
}
.modal-whotel .cmn-modal-select{
width:540px;
}
.modal-whotel .cmn-modal-select .cmn-modal-item{
padding:0;
}
.modal-whotel .welcomeback_Area{
color:var(--cmn-font-color-base);
}
.modal-whotel .welcomeback_Area .wbHeader{
height:104px;
background:url(/element/w_dp/shared/images/bg_modalhotel.jpg) no-repeat 0 0;
line-height:1.0;
position:relative;
}
.modal-whotel .welcomeback_Area .wbHeader .ttl{
padding:20px 0 0 15px;
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.modal-whotel .welcomeback_Area .wbHeader .ttl .chara{
padding-bottom:3px;
color:#414040;
font-size:19px;
display:block;
letter-spacing:-.01em;
}
.modal-whotel .welcomeback_Area .wbHeader .ttl .blue{
color:#3879cc;
font-size:22px;
}
.modal-whotel .welcomeback_Area .wbHeader .ttl .pop{
font-size:30px;
}
.modal-whotel .welcomeback_Area .wbHeader .ttl .num{
color:#3879cc;
font-size:30px;
}
.modal-whotel .welcomeback_Area .wbHeader .ttl .exa{
color:var(--cmn-font-color-gray);
font-size:11px;
font-weight:normal;
}
.modal-whotel .welcomeback_Area .wbHeader a.modalClose{
display:none;
}
.modal-whotel .welcomeback_Area .wbContents{
padding:17px 15px 15px;
}
.modal-whotel .welcomeback_Area .wbContents img{
vertical-align:text-bottom;
}
.modal-whotel .welcomeback_Area .wbContents .mainTxt{
margin-bottom:15px;
font-size:10px;
line-height:1.2;
}
.modal-whotel .welcomeback_Area .wbContents .mainTxt span{
color:#3d3d3d;
font-size:20px;
font-weight:bold;
}
.modal-whotel .welcomeback_Area .wbContents .mainTxt sup{
padding-left:2px;
font-size:12px;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea{
margin-bottom:15px;
border-top:#dcdcdc solid 1px;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no1,
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no2{
width:auto;
padding:6px 0;
border-bottom:#a0a0a0 dotted 1px;
clear:both;
zoom:1;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no3{
width:auto;
padding:6px 0;
border-bottom:#a0a0a0 dotted 1px;
clear:both;
zoom:1;
border-bottom:#dcdcdc solid 1px;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no1:after,
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no2:after,
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no3:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dt{
width:120px;
margin:0;
padding:0 10px 0 48px;
float:left;
background-repeat:no-repeat;
background-position:3px center;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no1 dt{
background-image:url(/element/w_dp/shared/images/icon_no1.gif);
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no2 dt{
background-image:url(/element/w_dp/shared/images/icon_no2.gif);
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea .no3 dt{
background-image:url(/element/w_dp/shared/images/icon_no3.gif);
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd{
width:330px;
margin:0;
padding:0 0 0 178px;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd .rankTtl{
font-size:13px;
font-weight:bold;
line-height:1.3;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd .rankEn{
margin-bottom:2px;
font-size:12px;
color:#555;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd .wb_List th,
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd .wb_List td{
padding:4px 4px 3px;
font-weight:normal;
font-size:10px;
}
.modal-whotel .welcomeback_Area .wbContents .rankingArea dd .rankOffer{
margin-top:13px;
font-size:10px;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td{
vertical-align:middle;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.txtCont{
width:245px;
padding:0 5px;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.txtCont .txt{
font-size:22px;
font-weight:bold;
line-height:1.3;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.txtCont .note{
font-size:12px;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.buttonCont{
width:246px;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.buttonCont .button{
background:url(/element/w_dp/shared/images/btn_cont.jpg) no-repeat 0 bottom;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.buttonCont .button p{
background:url(/element/w_dp/shared/images/btn_top.jpg) no-repeat 0 0;
}
.modal-whotel .welcomeback_Area .wbContents .submitArea td.buttonCont .button p a{
padding:7px 7px 7px 40px;
background:url(/element/w_dp/shared/images/icon_search.png) no-repeat 10px center;
color:#fff;
font-weight:bold;
font-size:18px;
text-align:center;
line-height:1.1;
display:block;
}
.modal-attention .cmn-modal-select{
width:490px;
}
.modal-attention .cmn-modal-select .text-info{
margin:45px 0 30px;
text-align:center;
white-space:nowrap;
}

/* modal-flt-dtl
------------------------------------------------ */
.modal-flt-dtl{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:20px 25px 20px;
width:422px;
}
.modal-flt-dtl .sch-dtl-container{
margin:0 -25px;
}

/* loading-box
------------------------------------------------------ */
.loading-box{
margin-top:15px;
height:22px;
border-radius:3px;
background-color:#eaeaea;
box-shadow:inset 0 1px 2px rgba(12, 3, 6, .06);
box-sizing:border-box;
margin-bottom:15px;
overflow:hidden;
padding:1px;
position:relative;
}
.loading-box p{
background:url(/element/w_dp/shared/images/img-loadingbar.gif) repeat-x;
text-indent:-9999px;
border-radius:3px 0 0 3px;
}
.loading-box span{
position:absolute;
top:3px;
right:10px;
font-size:12px;
}

/* btn-mail
------------------------------------------------------ */
.btn-mail,
.btn-sns,
.btn-pa{
font-size:9px;
box-shadow:inset 0 -1px rgba(0, 0, 0, .08);
border:1px solid #b0b0b0;
border-radius:2px;
background:#fff;
cursor:pointer;
width:20px;
height:20px;
box-sizing:border-box;
padding:1px 0 1px 11px;
float:left;
margin-bottom:4px;
position:relative;
text-indent:-9999px;
margin-left:3px;
}
.btn-mail:after{
content:"";
position:absolute;
width:10px;
height:8px;
display:block;
top:50%;
margin-top:-4px;
left:4px;
background:url(/element/shared/images/icon/ico-mail.svg) no-repeat;
background-size:10px 8px;
}
.btn-sns:after{
content:"";
position:absolute;
width:10px;
height:10px;
display:block;
top:50%;
margin-top:-5px;
left:3px;
background:url(/element/shared/images/icon/ico-share.svg) no-repeat;
background-size:10px 10px;
}
.btn-pa:after{
content:"";
position:absolute;
width:10px;
height:12px;
display:block;
top:50%;
margin-top:-6px;
left:4px;
background:url(/element/shared/images/icon/ico-bell.svg) no-repeat;
background-size:10px 12px;
}
.btn-list-area{
text-align:right;
padding:10px 15px 0 15px;
box-sizing:border-box;
}
.btn-list-area button{
float:none;
text-indent:inherit;
width:auto;
height:auto;
padding:3px 5px 3px 20px;
font-size:11px;
border-radius:3px;
background-color:#fff;
border:solid 1px #b0b0b0;
box-shadow:0 0 0;
}
.btn-list-area button.btn-sns:after{
width:11px;
height:11px;
top:50%;
margin-top:-5px;
left:5px;
background-size:11px 11px;
}
.btn-list-area button.btn-mail:after{
content:"";
position:absolute;
width:11px;
height:9px;
display:block;
top:50%;
margin-top:-4px;
left:5px;
background-size:11px 9px;
}
.btn-list-area button.btn-pa:after{
left:5px;
}
.btn-list-area button.btn-pa > span{
margin:0 3px;
}

/* mod-01
----------------------------------------------- */
.mod-01 .mod-01-tab{
display:table;
margin-left:-2px;
}
.mod-01 .mod-01-tab li{
display:table-cell;
width:16%;
vertical-align:top;
padding-left:2px;
}
.mod-01 .mod-01-tab li a,
.mod-01 .mod-01-tab li em{
display:table-cell;
width:960px;
height:38px;
padding-top:2px;
font-size:14px;
line-height:1.2;
text-align:center;
vertical-align:middle;
background-color:#dfe3e8;
color:var(--cmn-font-color-gray);
}
.mod-01 .mod-01-tab li a:link,
.mod-01 .mod-01-tab li a:visited,
.mod-01 .mod-01-tab li a:hover,
.mod-01 .mod-01-tab li a:active,
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:var(--cmn-font-color-gray);
}
.mod-01 .mod-01-tab li em{
background-color:#0d3f78;
color:#fff;
font-weight:bold;
}
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:#fff;
}
.mod-01 .mod-01-tab-item{
overflow:hidden;
margin:20px 0 0 20px;
}
.mod-01 .mod-01-tab-item li{
float:left;
width:20%;
margin-bottom:7px;
word-break:break-all;
}
.mod-01 .mod-01-tab-item li a{
display:block;
}
.mod-01 .mod-01-tab-item li a:link,
.mod-01 .mod-01-tab-item li a:visited,
.mod-01 .mod-01-tab-item li a:hover,
.mod-01 .mod-01-tab-item li a:active{
color:#555;
}
.mod-01 .mod-01-tab-item li:nth-child(5n+1){
clear:both;
}
.mod-01 .mod-01-tab-item .mod-01-pic{
display:table-cell;
vertical-align:top;
}
.mod-01 .mod-01-tab-item .mod-01-pic > span{
display:table-cell;
border:1px solid #ccc;
width:30px;
height:20px;
text-align:center;
vertical-align:middle;
}
.mod-01 .mod-01-tab-item .mod-01-pic > span img{
max-width:30px;
max-height:20px;
vertical-align:middle;
}
.mod-01 .mod-01-tab-item .mod-01-cap{
display:table-cell;
padding:4px 10px;
font-weight:bold;
font-size:14px;
font-weight:bold;
line-height:1.3;
color:var(--cmn-font-color-gray);
}
.mod-01 .mod-01-tab-item .mod-01-cap.mod-01-cap-branch{
font-size:12px;
}
.mod-01 + .mod-02{
margin-top:20px;
padding-top:20px;
border-top:1px solid #d7d7d7;
}

/* mod-02
----------------------------------------------- */
.hdg-l2 + p{
font-size:12px;
margin-top:-5px;
margin-bottom:10px;
}
.hdg-l2 + p > small{
display:block;
}
.popular-city-list{
margin:12px 0 0 -18px;
}
.popular-city-list > li{
width:168px;
margin:0 0 14px 18px;
position:relative;
display:block;
float:left;
}
.popular-city-list > li > a{
width:168px;
height:115px;
display:block;
}
.popular-city-list > li img{
max-width:168px;
}
.popular-city-list > li > h3{
position:absolute;
bottom:0;
left:0;
display:block;
background-color:rgba(51,51,51,0.80);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#AA333333, EndColorStr=#AA333333);
color:#fff;
font-size:14px;
font-weight:bold;
width:100%;
padding:3px 10px;
box-sizing:border-box;
}
.popular-city-list > li > ul {
width:100%;
}
.popular-city-list > li > ul li{
display:inline-block;
float:left;
width:50%;
box-sizing:border-box;
font-size:12px;
text-align:center;
}
.popular-city-list > li > ul li:nth-child(1),
.popular-city-list > li > ul li:nth-child(2){
border-bottom:1px solid #d7d7d7;
padding-bottom:1px;
margin-bottom:3px;
}
.popular-city-list > li > ul li:nth-child(1):after,
.popular-city-list > li > ul li:nth-child(3):after{
content:'|';
float:right;
color:#d7d7d7;
}
.popular-city-list > li > ul li a:link,
.popular-city-list > li > ul li a:visited,
.popular-city-list > li > ul li a:hover{
color:#555;
}
.popular-city-list:before,
.popular-city-list:after,
.form-search-index-item-col:before,
.form-search-index-item-col:after{
content:"";
display:table;
}
.popular-city-list:after,
.form-search-index-item-col:after{
clear:both;
}


/* mod-cal
----------------------------------------------- */
.mod-cal{
position:relative;
}
.mod-cal .mod-cal-float{
position:absolute;
width:204px;
padding:10px 20px 10px 10px;
top:-698px;
right:40px;
border-width:3px;
border-color:#0d4c8f;
border-style:solid;
border-radius:2px;
background-color:white;
box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
z-index:1;
text-align:center;
}
.mod-cal .mod-cal-float .mod-cal-float-btn{
position:absolute;
top:3px;
right:3px;
display:block;
width:16px;
height:0;
padding-top:16px;
background-color:#777;
border-radius:50%;
overflow:hidden;
line-height:2;
}
.mod-cal .mod-cal-float .mod-cal-float-btn:before,
.mod-cal .mod-cal-float .mod-cal-float-btn:after{
position:absolute;
top:5px;
display:block;
content:"";
width:4px;
height:4px;
}
.mod-cal .mod-cal-float .mod-cal-float-btn:before{
border-top:2px solid #fff;
border-right:2px solid #fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
left:2px;
}
.mod-cal .mod-cal-float .mod-cal-float-btn:after{
border-top:2px solid #fff;
border-left:2px solid #fff;
right:2px;
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.mod-cal .mod-cal-float .mod-cal-arrow{
position:absolute;
content:"";
display:block;
top:60px;
right:-32px;
width:26px;
height:704px;
border-top:3px solid #0d4c8f;
border-right:3px solid #0d4c8f;
border-bottom:3px solid #0d4c8f;
}
.mod-cal .mod-cal-float .mod-cal-arrow:before{
position:absolute;
right:0;
bottom:-3px;
content:"";
display:block;
width:100px;
border-bottom:3px solid #0d4c8f;
}
.mod-cal .mod-cal-float .mod-cal-arrow:after{
position:absolute;
right:97px;
bottom:-14px;
content:"";
display:block;
border-top:13px solid transparent;
border-bottom:13px solid transparent;
border-right:20px solid #0d4c8f;
border-left:none;
}
.mod-cal .mod-cal-sample{
overflow:hidden;
margin-bottom:20px;
}
.mod-cal .mod-cal-sample > span{
position:relative;
display:block;
float:left;
width:90px;
margin-left:1px;
margin-right:10px;
background-color:#2081e0;
color:#fff;
border:1px solid #d7d7d7;
box-sizing:border-box;
text-align:center;
}
.mod-cal .mod-cal-sample > span small{
display:block;
}
.mod-cal .mod-cal-sample > span:before{
content:"";
display:block;
left:-2px;
bottom:-1px;
position:absolute;
width:100%;
height:16px;
border:2px solid #0d3f78;
}
.mod-cal .mod-cal-main{
padding:15px 30px;
background-color:#f5f5f5;
overflow:hidden;
}
.mod-cal .mod-cal-main .mod-cal-desc{
font-size:14px;
font-weight:bold;
}
.mod-cal .mod-cal-main .mod-cal-desc small{
font-weight:normal;
font-size:12px;
}
.mod-cal .mod-cal-main .mod-cal-nav-desc{
display:block;
margin-bottom:3px;
font-size:18px;
text-align:center;
}
.mod-cal .mod-cal-main .mod-cal-nav-desc small{
margin-left:5px;
font-size:11px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01{
position:relative;
padding-left:140px;
text-align:center;
margin-bottom:20px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 select{
display:block;
width:120px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a{
display:inline-block;
margin-bottom:10px;
vertical-align:bottom;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek{
text-align:right;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:after{
border-left:none;
border-top-color:transparent;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:before{
left:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevWeek:after{
left:17px;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevDay{
text-align:right;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.prevDay:before{
border-left:none;
left:10px;
border-top-color:transparent;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextWeek:after{
border-right:none;
border-top-color:transparent;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 a.nextDay:before{
border-right:none;
border-top-color:transparent;
border-bottom-color:transparent;
}
.mod-cal .mod-cal-main .mod-cal-nav-01 .select-custom{
position:relative;
display:inline-block;
margin:0 30px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02{
float:left;
width:140px;
padding-right:20px;
box-sizing:border-box;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 .mod-cal-nav-desc{
margin-bottom:7px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a{
margin:5px auto;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:after{
border-left-color:transparent;
border-right-color:transparent;
border-top:none;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevWeek:after{
top:22px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.prevDay:before{
border-left-color:transparent;
border-right-color:transparent;
border-top:none;
top:16px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:before,
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:after{
border-left-color:transparent;
border-right-color:transparent;
border-bottom:none;
top:14px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextWeek:after{
top:21px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 a.nextDay:before{
border-left-color:transparent;
border-right-color:transparent;
border-bottom:none;
top:16px;
right:10px;
}
.mod-cal .mod-cal-main .mod-cal-nav-02 .select-custom{
margin:30px 0;
}
.mod-cal .mod-cal-main .mod-cal-tbl{
overflow:hidden;
}
.mod-cal .mod-cal-btn{
position:relative;
display:block;
width:80px;
padding:5px 20px;
background-color:#fff;
border-radius:2px;
border:1px solid #bebebe;
box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, .3);
color:var(--cmn-font-color-base);
box-sizing:border-box;
text-align:left;
}
.mod-cal .mod-cal-btn:link,
.mod-cal .mod-cal-btn:visited,
.mod-cal .mod-cal-btn:hover,
.mod-cal .mod-cal-btn:active{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.mod-cal .mod-cal-btn.restricted{
background-color:#eee;
box-shadow:none;
color:var(--cmn-font-color-gray);
}
.mod-cal .mod-cal-btn.restricted:before,
.mod-cal .mod-cal-btn.restricted:after{
position:absolute;
content:"";
display:block;
border:5px solid #c0c0c0;
top:50%;
margin-top:-5px;
}
.mod-cal .mod-cal-btn:before,
.mod-cal .mod-cal-btn:after{
position:absolute;
content:"";
display:block;
width:0;
height:0;
border:5px solid #5e5e5e;
top:50%;
margin-top:-5px;
}
.mod-cal .mod-cal-btn.nextWeek:before,
.mod-cal .mod-cal-btn.prevWeek:before{
right:10px;
}
.mod-cal .mod-cal-btn.nextWeek:after,
.mod-cal .mod-cal-btn.prevWeek:after{
right:17px;
}
.mod-cal .mod-cal-btn.nextDay:before,
.mod-cal .mod-cal-btn.prevDay:before{
right:12px;
}
.mod-cal .mod-cal-btn.nextDay:after,
.mod-cal .mod-cal-btn.prevDay:after{
display:none;
}
.mod-cal table{
width:100%;
table-layout:fixed;
background-color:#fff;
border-collapse:collapse;
border-top:1px solid #d7d7d7;
border-right:1px solid #d7d7d7;
}
.mod-cal table th,
.mod-cal table td{
border-left:1px solid #d7d7d7;
border-bottom:1px solid #d7d7d7;
text-align:center;
color:#555;
font-weight:normal;
}
.mod-cal table th,
.mod-cal table .days td{
padding:5px 10px;
}
.mod-cal table .term01{
background-color:#2081e0;
}
.mod-cal table .term01 a{
color:#fff;
}
.mod-cal table .term01 a span{
color:#fff;
}
.mod-cal table .term02{
background-color:#4aa4fc;
}
.mod-cal table .term02 a{
color:#fff;
}
.mod-cal table .term02 a span{
color:#fff;
}
.mod-cal table .term03{
background-color:#dbe7f2;
}
.mod-cal table .term03 span{
color:var(--cmn-font-color-gray);
}
.mod-cal table a{
padding:2px 10px 1px;
display:block;
font-size:12px;
}
.mod-cal table a span{
display:block;
line-height:1;
font-size:10px;
color:var(--cmn-font-color-gray);
}
.mod-cal table a.search span{
font-size:13px;
color:var(--cmn-font-color-link);
}
.mod-cal table a:link,
.mod-cal table a:visited,
.mod-cal table a:hover,
.mod-cal table a:active{
text-decoration:none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* .serching-info-box
------------------------------------------------------------------- */
.serching-info-box{
margin-bottom:15px;
}
.serching-info-box > p{
border:1px solid #c6c6c6;
border-radius:2px;
font-size:11px;
line-height:1.4;
position:relative;
}
.serching-info-box > p a{
display:block;
padding:10px 8px 10px 25px;
box-sizing:border-box;
color:#555;
text-decoration:none;
}
.serching-info-box > p span{
margin:0 3px;
}
.serching-info-box > p:before{
content:"";
position:absolute;
width:12px;
height:14px;
display:block;
top:10px;
left:8px;
background:url(/element/shared/images/icon/ico-bell.svg) no-repeat;
background-size:12px 14px;
}

/* releaseNav_Area
------------------------------------------------------------------- */
#releaseNav_Area{
overflow:hidden;
}
#releaseNav_Area li{
position:relative;
float:left;
margin:0 5px 5px 0;
background-color:#eee;
}
#releaseNav_Area li:before{
content:"";
display:block;
position:absolute;
right:3px;
top:50%;
margin-top:-5px;
width:8px;
height:8px;
border:1px solid #fff;
background-color:#666;
}
#releaseNav_Area li a{
display:block;
color:var(--cmn-font-color-base);
padding:5px 13px 4px 5px;
}
#releaseNav_Area li a:link,
#releaseNav_Area li a:visited,
#releaseNav_Area li a:hover,
#releaseNav_Area li a:active{
color:var(--cmn-font-color-base);
}
#releaseNav_Area li a:before,
#releaseNav_Area li a:after{
content:"";
display:block;
position:absolute;
top:50%;
margin-top:-2px;
width:3px;
height:3px;
border:1px solid #fff;
}
#releaseNav_Area li a:before{
border-left:none;
border-bottom:none;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
right:8px;
}
#releaseNav_Area li a:after{
border-right:none;
border-bottom:none;
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
right:4px;
}
#releaseNav_Area p{
display:inline-block;
font-size:11px;
height:30px;
line-height:30px;
margin-bottom:5px;
vertical-align:middle;
}

/* bnr-hotel
-----------------------------------------------------*/
.bnr-hotel{
width:210px;
margin:15px 0;
background:url(/element/w_dp/list/images/bnr-bg-01.png) no-repeat 0 0;
position:relative;
}
.bnr-hotel a{
position:relative;
display:block;
color:var(--cmn-font-color-base);
font-weight:bold;
padding-top:65px;
background:url(/element/w_dp/list/images/bnr-icon-hotel.png) no-repeat 10px 10px;
display:block;
text-decoration:none;
}
.bnr-hotel .bnr-hotel-top{
display:block;
margin:0 9px;
padding-bottom:10px;
font-size:16px;
line-height:1.1;
letter-spacing:-.02em;
background:url(/element/w_dp/list/images/hotelbn_img_line.gif) repeat-x 0 bottom;
}
.bnr-hotel .bnr-hotel-top img{
position:absolute;
top:25px;
left:70px;
}
.bnr-hotel .bnr-hotel-txts{
position:absolute;
top:30px;
right:13px;
font-size:12px;
}
.bnr-hotel .bnr-hotel-pop{
display:block;
font-size:20px;
line-height:1.2;
}
.bnr-hotel .bnr-hotel-num{
line-height:1.2;
font-size:18px;
}
.bnr-hotel .bnr-hotel-note{
display:inline-block;
margin-top:5px;
font-size:11px;
font-weight:normal;
}
.bnr-hotel .bnr-hotel-btm{
display:block;
padding:10px 9px 15px;
font-size:15px;
line-height:1.4;
text-align:left;
background:url(/element/w_dp/list/images/bnr-bg-01.png) no-repeat left bottom;
}
.bnr-hotel .bnr-hotel-link{
display:block;
padding-right:20px;
background:url(/element/w_dp/list/images/list_ic01_005.gif) no-repeat right center;
letter-spacing:-.3em;
}
.bnr-hotel .bnr-hotel-area{
display:inline;
margin-left:-9px;
letter-spacing:normal;
}
.bnr-hotel .bnr-hotel-search{
display:inline-block;
letter-spacing:normal;
}

/* hotelInductionBanner
--------------------------------------------------*/
.hotelInductionBanner{
width:530px;
height:113px;
margin-bottom:15px;
background:url(/element/w_dp/list/images/hotelbn_bg.jpg) no-repeat 0 0;
position:relative;
}
.hotelInductionBanner a{
text-decoration:none;
}
.hotelInductionBanner a.banner{
width:450px;
height:93px;
color:var(--cmn-font-color-base);
font-weight:bold;
padding:10px 0 10px 80px;
background:url(/element/w_dp/list/images/hotelbn_img_hotel.gif) no-repeat 9px 24px;
display:block;
}
.hotelInductionBanner a.banner .txt{
width:auto;
padding-bottom:4px;
font-size:16px;
line-height:1.1;
letter-spacing:-.02em;
display:block;
}
.hotelInductionBanner a.banner .txt .txts{
padding-left:2px;
font-size:15px;
}
.hotelInductionBanner a.banner .txt .pop,
.hotelInductionBanner a.banner .txt .hotel{
font-size:22px;
}
.hotelInductionBanner a.banner .txt .num{
line-height:1.2;
font-size:18px;
}
.hotelInductionBanner a.banner .txt .note{
padding-left:2px;
font-size:11px;
font-weight:normal;
}
.hotelInductionBanner a.banner .link{
width:435px;
padding-top:4px;
font-size:15px;
text-align:right;
background:url(/element/w_dp/list/images/hotelbn_img_line.gif) repeat-x 0 top;
display:block;
}
.hotelInductionBanner a.banner .link span{
width:auto;
padding-right:22px;
background:url(/element/w_dp/list/images/list_ic01_005.gif) no-repeat right 2px;
}
.hotelInductionBanner a.closeBt{
width:13px;
height:13px;
display:block;
position:absolute;
top:9px;
right:11px;
}

/* .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;
max-width:610px;
min-width:80%;
z-index:1;
}
.form-search-suggest .form-search-suggest-item div,
.form-search-suggest .form-search-suggest-item li{
margin-bottom:5px;
cursor:pointer;
}
.form-search-suggest .form-search-suggest-item .select,
.form-search-suggest .form-search-suggest-item .over{
background-color:#f9eaba;
}
.form-search-index-inner .suggest-container .suggest.is-active{
max-width:610px;
z-index:2;
min-width:335px;
}
.form-search-suggest .form-search-suggest-item .error{
font-size:12px;
cursor:text;
margin-bottom:0;
white-space:nowrap;
}
.form-search-suggest .form-search-suggest-item .error:hover{
background:#fff;
}
.form-search-suggest .form-search-suggest-item .error .sup{
font-size:11px;
display:block;
text-indent:-1em;
padding-left:1em;
margin-top:5px;
}

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

.suggestArea{
min-width:600px;
max-width:700px;
border:1px solid #bebebe;
padding:15px;
background:#fff;
z-index:1000;
box-sizing:border-box;
position:absolute;
}
.suggestArea.popular p{
font-size:110%;
color:var(--cmn-font-color-gray);
font-weight:bold;
margin-bottom:8px;
}
.suggestArea.suggest{
width:615px;
border-radius:3px;
border:1px solid #999;
padding:0 0 10px 0;
background:#fff;
z-index:1000;
box-shadow:rgb(150, 150, 150) 3px 4px 6px -1px;
}
.suggestArea.suggest dl dt{
display:block;
background:#f1f1f1;
font-size:80%;
padding:3px 15px;
margin-bottom:8px;
margin-top:5px;
}
.suggestArea.suggest dl dt:first-child{
margin-top:0;
}
.suggestArea.suggest dl dd{
display:block;
padding:0 5px;
margin-bottom:0;
line-height:1.1;
}
.suggestArea.suggest dl dd a{
padding:2px 13px;
display:block;
}
.suggestArea .info{
text-align:right;
padding:2px 0 0 0px;
cursor:default;
font-size:12px;
background:none;
text-indent:0;
color:var(--cmn-font-color-base);
font-size:12px;
width:inherit;
position:inherit;
}
.suggestArea .info:hover,
.suggestArea .tailInfo:hover{
background:inherit;
}
.suggestArea .tailInfo{
text-align:left;
padding:5px 7px 0 7px;
margin-top:12px;
margin-bottom:-4px;
cursor:default;
font-size:12px;
border-top:1px solid #dcdcdc;
}
.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:var(--cmn-font-color-base)!important;
}
.suggestArea.search dl{
width:100%;
height:auto;
}
.suggestArea.search dl dt{
display:block;
background:#f1f1f1;
padding:2px 3px;
margin-bottom:6px;
font-weight:bold;
font-size:110%;
clear:both;
}
.suggestArea.search dl dd{
line-height:1.7;
cursor:pointer;
padding-left:25px;
box-sizing:border-box;
}
.suggestArea.search dl dd.info{
cursor:default;
display:block;
}
.suggestArea.search dl dd.tailInfo{
cursor:default;
padding-left:0;
}
.over{
background-color:#f9eaba;
}
#suggestAreaDefault{
display:none;
}
.suggestArea p.destination{
font-size:110%;
color:var(--cmn-font-color-gray);
font-weight:bold;
margin-bottom:8px;
}
.area1 dd,
.area2 dd,
.area3 dd{
width:92px;
margin-right:3px;
display:inline-block;
line-height:1.6;
letter-spacing:-0.1px;
}
.suggestArea dt.areatitle{
margin-top:25px;
}
.suggestArea dl.area1,
.suggestArea dl.area2{
width:220px;
float:left;
border-right:1px solid #ccc;
padding-right:7px;
margin-right:7px;
height:auto;
}
.suggestArea dl.area1 .block{
display:block;
width:190px;
}
.suggestArea dl.area3{
width:190px;
float:left;
padding-right:0;
margin-right:0;
border:0;
}
.area3 dd{
width:90px;
}
.suggestArea dl.area1 dd:hover,
.suggestArea dl.area2 dd:hover,
.suggestArea dl.area3 dd:hover{
background:none;
}

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

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
margin-top:-1px;
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:100%;
left:0;
z-index:101;
min-width:100%;
box-sizing:border-box;
background-color:#fff;
text-align:left;
box-shadow: 2px 2px 4px rgb(0 0 0 / 30%);
}
.suggest-container .suggest.form-search-suggest-item{
}
.suggest-container .suggest > :first-child{
margin-top:0;
}
.suggest-container .suggest.is-active{
display:block;
min-width:335px;
}
.suggest-container .suggest.form-search-suggest-item.is-active{
width:auto;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg{
margin-bottom:5px;
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .suggest-list
----------------------------------------------- */
.suggest-container .suggest-list{
line-height:1.35;
font-size:12px;
}
.suggest-container .suggest-list > li{
margin-top:2px;
padding:3px 0;
cursor:pointer;
}
.suggest-container .suggest-list > li:active,
.suggest-container .suggest-list > li:hover,
.suggest-container .suggest-list > li:focus{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li a{
color:var(--cmn-font-color-base);
text-decoration:none;
display: block;
}

/* .suggest
----------------------------------------------- */
.suggest-container .suggest{
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:34px;
left:0;
z-index:101;
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:-10px -10px 5px;
padding:10px 10px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}
.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: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.error{
padding-left:0;
}
.suggest-container .suggest-list > li.select{
background-color:#f9eaba;
}
.suggest-container .suggest-list > li[class]: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.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:14px 15px;
}
.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-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-category
----------------------------------------------- */
.suggest-container .suggest-category{
color:var(--cmn-font-color-base);
font-size:11px;
}

/* .suggest-category-hdg
----------------------------------------------- */
.suggest-container .suggest-category-hdg{
font-weight:normal;
display:table-cell;
white-space:nowrap;
padding-right:5px;
}
.suggest-container .suggest-category-hdg:after{
content:':';
margin:0 0 0 5px ;
}
.suggest-container.map-suggest .suggest-category-hdg:after{
display:none;
}

/* .suggest-category-list
----------------------------------------------- */
.suggest-container .suggest-category-list{
margin-top:5px;
display:table-cell;
line-height:1;
width:100%;
}
.suggest-container .suggest-category-list > li{
display:inline-block;
padding:0 10px 0 8px;
}
.suggest-container .suggest-category-list > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a{
padding:0 0 0 15px;
color:var(--cmn-font-color-gray);
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:.5;
background-position:0 0;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a{
color:var(--cmn-font-color-base);
cursor:default;
font-weight:bold;
}
.suggest-container .suggest-category-list > li.is-active > a:before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a{
color:#a4a4a4;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a:before{
opacity:.25;
}
.suggest-container .suggest-category-list > li > a:before {
width:20px;
height:16px;
top:-3px;
left:0;
background-position:0% 50%;
}
.suggest-container .suggest-category-list > li:first-child > a:before{
background-position:0 50%;
}
.suggest-container .suggest-category-list > li.all > a:before{
background-image:url(/element/shared/images/icon/icon-list-gray.svg);
background-size:11px 8px;
}
.suggest-container .suggest-category-list > li.area > a:before{
background-image:url(/element/shared/images/icon/icon-pin-gray.svg);
background-size:9px 13px;
}
.suggest-container .suggest-category-list > li.station > a:before{
background-image:url(/element/shared/images/icon/icon-train-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.airport > a:before{
background-image:url(/element/shared/images/icon/icon-plane-gray.svg);
background-size:13px 13px;
}
.suggest-container .suggest-category-list > li.spot > a:before{
background-image:url(/element/shared/images/icon/icon-flag-gray.svg);
background-size:10px 12px;
}
.suggest-container .suggest-category-list > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:14px 10px;
}
.suggest-container .suggest-category-list > li.hotel > a{
padding-left:20px;
}

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

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

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

/* .suggest-category-list
----------------------------------------------- */
.narrow-search .suggest-container .suggest{
top:28px;
width:350px;
}



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

/* .form-search-index-btn-reset
----------------------------------------------- */
.form-search-index .form-search-index-btn-reset,
.form-search .form-search-index-btn-reset{
padding:0;
border:none;
position:absolute;
top:8px;
right:90px;
font-size:11px;
line-height:1.85;
background:none;
}

.form-search-index .form-search-index-btn-reset::before,
.form-search .form-search-index-btn-reset::before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:4px;
left:-12px;
background:url(/element/w_dp/shared/images/icon-close-02.svg) no-repeat 0 0;
filter:brightness(0) invert(.4);
margin:1px 0 0;
}

.form-search-index .form-search-index-btn-reset:active::before,
.form-search-index .form-search-index-btn-reset:hover::before,
.form-search-index .form-search-index-btn-reset:focus::before,
.form-search .form-search-index-btn-reset:active::before,
.form-search .form-search-index-btn-reset:hover::before,
.form-search .form-search-index-btn-reset:focus::before{
filter:none;
}

/* .form-search-index-btn-history
----------------------------------------------- */
.form-search-index .form-search-index-btn-history,
.form-search .form-search-index-btn-history{
padding:0;
border:none;
position:absolute;
top:8px;
right:12px;
font-size:11px;
line-height: 1.85;
background:none;
}

.form-search-index .form-search-index-btn-history::before,
.form-search .form-search-index-btn-history::before{
content:'';
display:block;
width:10px;
height:10px;
overflow:hidden;
position:absolute;
top:4px;
left:-14px;
background:url(/element/w_dp/shared/images/icon-history.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

.form-search-index .form-search-index-btn-history:active::before,
.form-search-index .form-search-index-btn-history:hover::before,
.form-search-index .form-search-index-btn-history:focus::before,
.form-search .form-search-index-btn-history:active::before,
.form-search .form-search-index-btn-history:hover::before,
.form-search .form-search-index-btn-history:focus::before{
filter:none;
}

/* ----------------------------------------------------------------
  Filter Tooltip
----------------------------------------------------------------- */
/* .tip-filter
----------------------------------------------- */
.tip-filter{
padding:12px;
border-radius:6px;
display:none;
position:absolute;
z-index:10000;
min-width:180px;
max-width:374px;
box-shadow:1px 1px 6px rgba(0,0,0,.4);
background-color:#fff;
font-size:12px;
box-sizing:border-box;
}

.tip-filter.is-active{
display:block;
}

.tip-filter[role="tooltip"] > :first-child{
margin-top:0;
}

.tip-filter[role="tooltip"] > :last-child{
margin-bottom:0;
}

/* .tip-fiter-hdg
----------------------------------------------- */
.tip-filter .tip-filter-hdg{
margin:12px 20px 8px 0;
}

.tip-filter.tip-history .tip-filter-hdg{
font-size:14px;
}

/* .tip-filter-close
----------------------------------------------- */
.tip-filter .tip-filter-close {
padding: 0;
border: none;
position: absolute;
top: 14px;
right: 14px;
width: 10px;
height: 10px;
overflow: hidden;
text-indent: -100px;
background: url(/element/w_dp/shared/images/icon-close-01.svg) 0 0 no-repeat;
/*filter: brightness(30%);*/
}

.tip-filter .tip-history-close{
padding:0;
border:none;
position:absolute;
top:4px;
right:4px;
width:30px;
height:30px;
border-radius:15px;
overflow:hidden;
text-indent:-100px;
background:url(/element/w_dp/shared/images/icon-close-01.svg) 0 0 no-repeat;
background-size:10px 10px;
background-position:center center;
}

.tip-filter .tip-history-close:hover{
background:url(/element/w_dp/shared/images/icon-close-01.svg) 0 0 #E9F3FB no-repeat;
background-size:10px 10px;
background-position:center center;
filter:inherit;
}

/* .tip-arrow
----------------------------------------------- */
.tip-filter .tip-filter-arrow-up,
.tip-filter .tip-filter-arrow-down{
display:block;
width:12px;
height:8px;
position:absolute;
left:calc(50% - 6px);
background-position:0 0;
background-repeat:no-repeat;
background-color:transparent;
}

.tip-filter .tip-filter-arrow-up{
bottom:100%;
background-image:url(/element/w_dp/shared/images/icon-tip-filter-arrow-up.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 -2px 1px);
}

.tip-filter .tip-filter-arrow-down{
top:100%;
background-image:url(/element/w_dp/shared/images/icon-tip-filter-arrow-down.svg);
filter:drop-shadow(rgba(0,0,0,.2) 0 2px 1px);
}

/* ----------------------------------------------------------------
  History Tooltip
----------------------------------------------------------------- */
/* .tip-history-list
----------------------------------------------- */
.tip-history .tip-history-list > li{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
gap:30px;
}

.tip-history .tip-history-list > li:not(:first-child){
border-top:1px solid #e5e5e5;
}

.tip-history .tip-history-list {
border-bottom: 1px solid #e5e5e5;
}

.tip-history .tip-history-list > li > div{
padding:0 0 4px;
-webkit-box-flex:1;
flex:1;
font-weight:bold;
}

.tip-history .tip-history-list > li > button{
padding:4px 0;
border:none;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:top;
align-items:top;
gap:8px;
background:none;
font-size:12px;
text-align:left;
}

.tip-history .tip-history-list > li > button:active,
.tip-history .tip-history-list > li > button:hover,
.tip-history .tip-history-list > li > button:focus{
background-color:#f9eaba;
}

.tip-history .tip-history-list > li > button > span{
-webkit-box-flex:1;
flex:1;
width:16em;
}

.tip-history .tip-history-list > li > button > span:nth-child(2){
color:rgba(0,0,0,0);
flex:none;
width:14px;
background:url(/element/w_dp/shared/images/icon-arrow-03.svg) 0 34% no-repeat;
text-indent:-100px;
}

.tip-history .tip-history-list > li > button > span:last-child{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.tip-history .tip-history-list > li > button > span .date{
color:var(--cmn-font-color-gray);
line-height: 1.25;
display: block;
font-size: 11px;
}

/* .tip-history-btn-reset
----------------------------------------------- */
.tip-history .tip-history-btn-reset{
margin:8px 0 0 auto;
padding:0;
border:none;
display:block;
position:relative;
background:none;
font-size:12px;
}

.tip-history .tip-history-btn-reset::before{
content:'';
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:6px;
left:-12px;
background:url(/element/w_dp/shared/images/icon-close-02.svg) 0 0 no-repeat;
filter:brightness(0) invert(.4);
}

.tip-history .tip-history-btn-reset:active::before,
.tip-history .tip-history-btn-reset:hover::before,
.tip-history .tip-history-btn-reset:focus::before{
filter:none;
}

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

/* .form-search-index
----------------------------------------------- */
.form-search-index{
padding:0 20px 20px;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index .form-search-index-inner{
padding:20px 15px 15px 15px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index input[type="text"],
.form-search-index input[type="search"]{
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:34px;
margin-top:0;
}
.form-search-index .form-search-index-select{
padding:5px;
vertical-align:top;
min-height:34px;
min-width:100px;
box-sizing:border-box;
border:1px solid #bebebe;
}
.form-search-index .form-search-notes{
display:inline-block;
font-size:11px;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
}
.form-search-index .form-search-index-item-col{
overflow:hidden;
}
.form-search-index .form-search-index-item-col .form-search-index-item{
float:left;
}
.form-search-index .form-search-index-item-col .form-search-index-item .form-custom-select{
min-width:100%;
}
.form-search-index .form-search-index-item-col .form-search-index-item label{
font-size:12px;
display:inline-block;
margin:0 0 0 8px;
color:var(--cmn-font-color-base);
}
.form-search-index .form-search-index-item-col .form-search-index-item label > input{
vertical-align:middle;
}
.form-search-index .form-search-index-item-col .form-search-index-item label > span{
font-size:11px;
padding-left:10px;
}

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

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}
.stay-numbers-box .form-search-index-item{
margin-top:0;
}
.form-search-index-item.departure{
margin-top:0;
}
.form-search-index-container .stay-numbers-box{
margin-top:0;
height:100%;
}
.form-search-index-container .stay-numbers-box + .block-line{
padding-top:10px;
}
.form-search-index .form-search-index-item-cell .stay-numbers-box .search-filter-item-cell:first-child{
padding: 1px 5px 0;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #bebebe;
background-color: #f6f6f6;
font-size: 11px;
line-height: 1.25;
float: left;
height: 34px;
box-sizing: border-box;
}
.form-search-index-item > .form-search-index-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search-index-item > .form-search-index-item-cell:nth-child(2){
padding-left:0px;
}
/*
.lyt-top .form-search-index-item > .form-search-index-item-cell:before{
content:"";
display:block;
width:1px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
left:0;
z-index:1;
background-color:#015eaa;
}
*/
.form-search-index-item > .form-search-index-item-cell:first-child{
width:100px;
}
.form-search-index-item.departure > .form-search-index-item-cell:first-child,
.form-search-index-item.stay > .form-search-index-item-cell:first-child{
padding-right:5px;
}
.form-search .form-search-index-item.departure > .form-search-index-item-cell:first-child,
.form-search .form-search-index-item.stay > .form-search-index-item-cell:first-child{
padding-right:0;
}
.form-search-index-item > .form-search-index-item-cell:first-child .sup{
font-size:11px;
}
.form-search-index-item > .form-search-index-item-cell:first-child:before{
display:none;
}
.form-search-index-item select,
.fselect-list .form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
position:relative;
color: var(--cmn-font-color-base);
}
.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: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;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 4px 5px;
}
/* Win10 > Edge adjust */
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}
.form-search-index-item .form-search-label{
font-size:12px;
}
.form-search-index-item .form-search-label small{
font-size:11px;
color:var(--cmn-font-color-base);
}
.form-search-index-item .form-search-keyword{
position:relative;
display:inline-block;
}
.form-search-index-item .form-search-keyword input[type="text"],
.form-search-index-item .form-search-keyword input[type="search"]{
padding-right:20px;
width:375px;
box-sizing:border-box;
}
.dp-hotel-search-box .form-search-index-item .form-search-keyword input[type="text"],
.dp-hotel-search-box .form-search-index-item .form-search-keyword input[type="search"]{
width:400px;
}
.form-search-index-item .form-search-keyword .input-reset-btn{
position:absolute;
top:0;
right:0;
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-col .form-search-index-item.desti .form-search-keyword .input-reset-btn span{
right:0;
}
.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:#999;
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
----------------------------------------------- */
.form-search-index-item.ticket-type{
margin-top:-15px;
margin-bottom:-5px;
}
.form-search-index-item.ticket-type .form-search-index-hdg{
padding-left:0;
margin-top:0;
border:none;
background:none;
color:var(--cmn-font-color-base);
text-align:left;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell{
vertical-align:middle;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell label{
margin-left:7px;
}
.form-search-index-item.ticket-type > .form-search-index-item-cell:before{
display:none;
}
.form-search-index-item.departure select{
width:220px;
min-height:34px;
}
.form-search-index-item.desti .form-search-keyword{
width:100%;
}
.form-search-index-item.desti .form-search-keyword .form-keyword-box{
width:405px;
position:relative;
display:table-cell;
padding-right:10px;
}

/* .form-search-btn-del-01
----------------------------------------------- */
.form-search-btn-del-01 {
padding:0;
margin:0;
width:15px;
height:34px;
color:#555;
border:none;
border-radius:0 2px 2px 0;
background:none;
font-size:12px;
position:absolute;
overflow:hidden;
background-color:#bebebe;
top:0;
right:-1px;
}
.form-search-btn-del-01 > span {
display:block;
text-indent:-9999px;
}
.form-search-btn-del-01 > span:before,
.form-search-btn-del-01 > span:after {
content:'';
position:absolute;
display:block;
width:8px;
height:2px;
overflow:hidden;
bottom:50%;
left:3px;
background-color:#fff;
-webkit-transform:translateY(50%) rotate(45deg);
-ms-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.form-search-btn-del-01 > span:after {
width:2px;
height:8px;
left:6px;
}

.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:7px;
margin-left:-4px;
}
.form-search-index-item.desti .desti-list > li{
float:left;
width:32%;
min-height:116px;
margin-left:5px;
margin-bottom:6px;
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{
display:block;
padding:4px 10px 4px 9px;
font-size:12px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
font-weight:normal;
}
.form-search-index-item.desti .desti-list > li.other b{
display:block;
padding:4px 10px 4px 9px;
font-size:12px;
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li.other b,
.form-search-index-item.desti .desti-list > li.other ul{
display:table-cell;
}
.form-search-index-item.desti .desti-list > li.other ul{
margin-bottom:0;
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li.other ul li{
width:160px;
margin-left:-2px;
}
.form-search-index-item.desti .desti-list > li.other ul li span.form-custom-select{
min-width:inherit;
width:100%;
}
.form-search-index-item.desti .desti-list > li.other ul li.wide{
width:200px;
margin-left:-2px;
}
.form-search-index-item.desti .desti-list > li.other ul li select{
width:100%;
}
.form-search-index-item.desti .desti-list > li b a:link,
.form-search-index-item.desti .desti-list > li b a:visited,
.form-search-index-item.desti .desti-list > li b a:hover,
.form-search-index-item.desti .desti-list > li b a:active{
color:var(--cmn-font-color-base);
}
.form-search-index-item.desti .desti-list > li b a:before{
content:"";
position:relative;
bottom:1px;
display:inline-block;
width:4px;
height:4px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
vertical-align:middle;
}
.form-search-index-item.desti .desti-list > li ul{
margin:5px 10px;
}
.form-search-index-item.desti .desti-list > li ul li{
float:left;
width:50%;
font-size:12px;
line-height:1.7;
}
.form-search-index-item.desti .desti-list > li ul li input[type="radio"]{
vertical-align:middle;
margin:0 3px 0 0;
}
.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:21px;
position:relative;
}
.form-search-index-item.date ol > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
left:1px;
width:13px;
}
.form-search-index-item.date ol > li img{
vertical-align:top;
margin:4px 0 0 -31px;
position:absolute;
top:2px;
right:9px;
}
.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;
padding-left:90px;
width:265px;
cursor:pointer;
}
.form-search-index-item.date ol > li:last-child input[type="text"],
.form-search-index-item.date ol > li:last-child input[type="search"]{
width:285px;
padding-left:113px;
}
.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:5px;
background:none;
border:none;
height:auto;
line-height:1.2;
padding-top:5px;
}
.form-search-index-item.date .link-01,
.form-search-index-item > .form-search-index-item-cell .link-01{
font-size:12px;
margin:-5px 0 0 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:var(--cmn-font-color-gray);
}
.form-search-index-item.numbers ul{
overflow:hidden;
margin-left:-5px;
}
.form-search-index-item.numbers ul li{
float:left;
margin-left:5px;
}
.form-search-index-item.numbers select{
display:table-cell;
vertical-align:top;
min-height:34px;
min-width:30px;
}
.form-search-index-item.numbers label{
display:inline-table;
cursor:pointer;
}
.form-search-index-item.numbers label .form-search-label{
display:table-cell;
width:28px;
height:32px;
padding:0 10px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
}
.form-search-index-item.numbers label .form-search-label small{
display:block;
margin-top:-4px;
}
.child-age-setting-box{
display:block;
margin:5px 0 0 470px;
}
.child-age-setting-box .select-line{
display:table;
}
.child-age-setting-box .select-line > .cell-box{
display:table-cell;
vertical-align:middle;
padding-left:10px;
}
.child-age-setting-box .select-line > .cell-box:first-child{
padding-left:0;
}
.child-age-setting-box .select-line > .cell-box select{
padding:3px 2px;
font-size:11px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:22px;
box-sizing:border-box;
background-color:transparent;
}
.child-age-setting-box .select-line > .cell-box input[type="radio"]{
vertical-align:middle;
margin-bottom:3px;
}
.child-age-setting-box .select-line > .cell-box span{
display:inline-block;
margin:3px 2px 0 0;
}
.child-age-setting-box .select-line > .cell-box span.form-custom-select{
height:22px;
}
.child-age-setting-box .select-line:first-child{
margin-bottom:5px;
padding-bottom:5px;
}
.child-age-setting-box .select-line:last-child{
font-size:11px;
}
.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:240px;
vertical-align:top;
box-sizing:border-box;
display:inline-block;
}
.form-search-index-item.seat-class:last-child{
width:425px;
padding-left:52px;
}
.form-search .form-search-index-item.seat-class:last-child{
padding-left:30px;
}
.form-search-index-item.seat-class:last-child .option{
border-right:1px solid #ccc;
}
.form-search-index-item.seat-class:last-child > .form-search-index-item-cell:last-child{
padding-left:7px;
font-size:11px;
}
.select-btn-list button{
padding:7px 10px 7px 20px;
border:1px solid #bebebe;
border-radius:2px;
color:var(--cmn-font-color-gray);
display:inline-block;
min-width:100px;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:12px;
text-align:left;
float:left;
height:34px;
}
.select-btn-list button.is-active{
background:#898989;
color:#fff;
border:0;
box-shadow:0 0 0;
}
.select-btn-list span{
line-height:1.2;
display:inline-block;
margin:5px 0 0 8px;
color:var(--cmn-font-color-base);
}
.form-search-index-item.seat-class select{
width:264px;
}
.form-search-index-item.numbers > .form-search-index-item-cell.room{
width:85px;
}
.form-search-index-item.numbers > .form-search-index-item-cell.number{
width:125px;
}
.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;
}
.cmn-left,
table.cmn-left td,
table.cmn-left th,
tbody.cmn-left > tr > *,
thead.cmn-left > tr > *{
text-align:left !important;
}
.cmn-center,
table.cmn-center td,
table.cmn-center th,
tbody.cmn-center > tr > *,
thead.cmn-center > tr > *{
text-align:center !important;
}
.cmn-right,
table.cmn-right td,
table.cmn-right th,
tbody.cmn-right > tr > *,
thead.cmn-right > tr > *{
text-align:right !important;
}


/* .dp-hotel-search-box
----------------------------------------------- */

.dp-hotel-search-box{
border-top:1px solid #ccc;
clear:both;
margin:9px -15px 0 -15px;
padding:0 15px 0;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.dp-hotel-search-box:before,
.dp-hotel-search-box:after,
.stay-numbers-box:before,
.stay-numbers-box:after,
.Act_search_box:before,
.Act_search_box:after{
content:"";
display:table;
}
.Act_search_box:after,
.stay-numbers-box:after,
.dp-hotel-search-box:after{
clear:both;
}

/* .form-info-link-list
----------------------------------------------- */
.form-info-link-list{
display: inline-block;
padding-left: 12px;
}
.form-info-link-list li a{
color:#555;
font-size:11px;
}
.form-search-index-item-01 .block-line{
margin:3px 0;
}

/* .stay-area-box
----------------------------------------------- */
.stay-area-box{
margin:5px 0 20px;
display:none;
}
.stay-numbers-box{
margin:0;
display:none;
}
.stay-numbers-box + .block-line{
margin-top:10px;
}
.stay-area-box.is-active,
.stay-numbers-box.is-active{
display:block;
}
.form-search .stay-numbers-box.is-active{
margin-bottom:10px;
}
.block-line{
display:block;
clear:both;
font-size:12px;
}
.block-line label input{
vertical-align:middle;
}
.stay-area-box .search-filter-item,
.stay-numbers-box .search-filter-item{
display:table;
}
.stay-area-box .search-filter-item .search-filter-item-cell,
.stay-numbers-box .search-filter-item .search-filter-item-cell{
display:table-cell;
position:relative;
}
.stay-area-box .search-filter-item .search-filter-item-cell:first-child,
.stay-numbers-box .search-filter-item .search-filter-item-cell:first-child,
.stay-numbers-box .search-filter-item-cell.room,
.stay-numbers-box .search-filter-item-cell.room-num{
width:115px;
vertical-align:middle;
border:0;
height:32px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
font-size:11px;
font-weight:bold;
}
.stay-numbers-box .search-filter-item-cell.room{
width:70px;
}
.form-search-index .form-search-index-item-01 > .stay-numbers-box:first-child > .form-search-index-item.room-numbers .search-filter-item-cell.room{
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
float:left;
height:34px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
}
.stay-numbers-box .form-search-index-item-cell + .search-filter-item-cell.room{
width:125px;
}
.stay-numbers-box .search-filter-item-cell.room-num{
width:125px;
}
.stay-numbers-box .search-filter-item-cell.room-num .icon-required{
font-weight:normal;
position: absolute;
top: 50%;
margin-top: -7px;
right: 0;
font-weight: normal;
}
.stay-numbers-box .search-filter-item .search-filter-item-cell:first-child{
border-width:1px;
}
.stay-numbers-box .search-filter-item-cell.room h3,
.stay-numbers-box .search-filter-item-cell.room-num h3{
font-weight:normal;
color:#555;
}
.stay-numbers-box .search-filter-item-cell.room h3 .sup,
.stay-numbers-box .search-filter-item-cell.room-num h3 .sup{
display:block;
font-size:10px;
}
.form-search-index-item.room-numbers div:first-child h3 .cmn-tip-btn{
margin-left:5px;
}
.stay-area-box .search-filter-item .search-filter-item-cell input[type="text"],
.stay-area-box .search-filter-item .search-filter-item-cell input[type="search"]{
width:405px;
padding-right:30px;
}
.search-filter-item .search-filter-item-cell .icon-required{
position:absolute;
margin:0;
right:5px;
top:7px;
font-weight:normal;
white-space:nowrap;
}
.search-filter-item .search-filter-item-cell .input-reset-btn{
position:absolute;
top:0;
right:0;
display:block;
overflow:hidden;
width:35px;
height:34px;
padding:0;
color:rgba(51, 51, 51, 0);
border:none;
background:none;
cursor:pointer;
}
.search-filter-item .search-filter-item-cell .input-reset-btn span{
right:0;
}
.search-filter-item .search-filter-item-cell .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:#999;
border-radius:50%;
}
.search-filter-item .search-filter-item-cell .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);
}
.search-filter-item .search-filter-item-cell .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);
}
.stay-numbers-box .search-filter-list-date h4.search-filter-hdg{
display:inline-block;
font-size:11px;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date h4.search-filter-hdg{
line-height:35px;
z-index:1;
position:absolute;
left:10px;
font-weight:normal;
color:#555;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date > li{
position:relative;
width:245px;
height:30px;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date > li input{
width:260px;
padding-left:105px;
box-sizing:border-box;
position:absolute;
left:0;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date > li:not(:last-child):after {
content:'\ff5e';
display:block;
position:absolute;
top:8px;
right:-1px;
width:13px;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date > li .day-number{
position:absolute;
left:275px;
top:9px;
font-size:15px;
white-space:nowrap;
}
.form-search-index-inner .stay-numbers-box .search-filter-list-date > li .ui-datepicker-btn{
float:right;
margin-right:-20px;
margin-top:5px;
position:absolute;
right:14px;
}
.stay-numbers-box .search-filter-list-date > li:not(:last-child) .ui-datepicker-btn{
right:49px;
}
.stay-numbers-box .search-filter-list-date > li{
display:inline-block;
}
.stay-numbers-box .search-filter-list-date > li > div{
display:inline-block;
}
.stay-numbers-box .search-filter-list-date > li:not(:last-child){
padding-right:35px;
position:relative;
margin-right:5px;
}
.stay-numbers-box .search-filter-list-date > li:not(:last-child):after{
content:'\ff5e';
display:block;
position:absolute;
bottom:5px;
right:1px;
width:13px;
}
.stay-numbers-box .search-filter-list-date > li input{
width:152px;
font-size:12px;
}
.stay-numbers-box .search-filter-list-date > li .ui-datepicker-btn{
vertical-align:middle;
}
.stay-day-sup{
display:block;
clear:both;
font-size:12px;
color:var(--cmn-font-color-base);
margin:5px 0 20px 115px;
}
.form-search-index-item.room-numbers,
.form-search-index-item.room-numbers.add-num-item.is-active{
display:block;
}
.form-search-index-item.room-numbers.add-num-item{
display:none;
}
.form-search-index-item.room-numbers > .form-search-index-item-cell{
position:inherit;
display:inline-block;
float:left;
min-width:120px;
}
.form-search-index-item.room-numbers > .form-search-index-item-cell label{
display:inline-table;
}
.stay-numbers-box .search-filter-item-cell.room,
.stay-numbers-box .search-filter-item-cell.room-num{
float:left;
display:inline-block;
min-height:34px;
}
.stay-numbers-box .search-filter-item-cell.room h3,
.stay-numbers-box .search-filter-item-cell.room-num h3{
line-height:1.2;
margin-top:4px;
font-size:11px;
}
.form-search-index-container .stay-numbers-box .search-filter-item-cell.room:first-child h3,
.stay-numbers-box .search-filter-item-cell.room-num:first-child h3{
margin-top:10px;
font-weight:normal;
}
.stay-numbers-box .search-filter-item-cell.room:first-child h3{
margin-top:10px;
font-weight:bold;
position: relative;
}
.stay-numbers-box .search-filter-item-cell.room:first-child h3 > .icon-required{
font-weight:normal;
position: absolute;
top: 50%;
margin-top: -7px;
right: 1px;
font-weight: normal;
}
.lp-form-search .stay-numbers-box .search-filter-item-cell.room:first-child h3 > .icon-required{
right: 5px;
}
.stay-numbers-box .form-search-index-item-cell label .form-search-label {
display:table-cell;
width:40px;
height:32px;
padding:0 5px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
text-align:center;
cursor:default;
}
.stay-numbers-box .form-search-index-item-cell ul li.child label .form-search-label{
text-align:left;
width:70px;
padding:0 0 0 8px;
box-sizing:border-box;
}
.stay-numbers-box .form-search-index-item-cell ul li.child label .form-search-label .sup{
display:block;
font-size:11px;
line-height:1;
margin-top:-2px;
}
.stay-numbers-box .form-search-index-item-cell label .form-custom-select{
vertical-align:top;
border-radius:0 2px 2px 0;
}
.stay-numbers-box .form-search-index-item-cell .room > label .form-custom-select{
width:90px;
}
.stay-numbers-box .form-search-index-item-cell ul li.adult {
margin-right:10px;
}
.stay-numbers-box .form-search-index-item-cell ul li {
float:left;
}
.child-box{
display:none;
float:right;
clear:both;
margin:5px 0 0 0;
width:414px;
}
.form-search .child-box{
width:481px;
}
.lp-form-search.form-search .child-box{
width:492px;
}
.child-box.is-active{
display:block;
}
.child-box label{
margin:0;
}
.child-box.active{
display:block;
}
.child-box .child-txt{
margin:0 ;
}
.child-box > ul > li{
display:inline-block;
margin:0 0 0 5px;
font-size:12px;
min-height:25px;
padding:2px 0;
}
.child-box select{
line-height:1.0;
height:30px!important;
width:49px!important;
min-height:inherit!important;
min-width:inherit!important;
margin:0 0 0 2px!important;
padding:1px 15px 1px 2px;
border-radius:2px;
}
.child-box .form-custom-select{
height:30px;
margin-left:5px;
min-width:45px;
vertical-align:middle;
border-radius:2px;
}
.child-box.is-active .form-custom-select select {
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-sizing:border-box;
background-color:transparent;
min-height:30px;
vertical-align:middle;
}
.stay-numbers-box > .search-filter-list-date{
display:block;
margin:0 0 0 105px;
}
.stay-numbers-box .search-filter-item .search-filter-item-cell .block-line{
padding-top:6px;
}
.child-box .child-detail{
font-size:11px;
margin-top:5px;
vertical-align:middle;
}
.child-box .child-detail span{
float:right;
display:table;
width:120px;
}
.child-box .child-detail span label {
font-size:11px;
padding-right:2px;
}
.child-box .child-detail span.notice{
color:var(--cmn-font-color-red);
padding-top:3px;
display:block;
font-size:11px;
clear:both;
width:100%;
}
.child-box .child-detail input{
vertical-align:middle;
margin-top:0;
}

/*2018-07*/

.form-search-index .form-search-index-item-cell .search-filter-item-cell{
display:inline-block;
position:relative;
box-sizing:border-box;
}
.form-search-index .form-search-index-item-cell .search-filter-item-cell:first-child{
width:105px;
vertical-align:top;
}
.form-search-index .form-search-index-item-cell .form-search-index-item-01 .form-des-item:nth-child(2) .search-filter-item-cell.des-hdg:first-child{
width:195px;
}
.form-search-index .dp-hotel-search-box .form-search-index-item-cell .form-search-index-item-01 .form-des-item:nth-child(2) .search-filter-item-cell.des-hdg:first-child{
width:105px;
}
.form-search-index .form-search-index-item-cell .form-search-index-item-01 .form-des-item:nth-child(2) .search-filter-item-cell.des-hdg:first-child .search-filter-hdg{
width:auto;
}
.form-search-index-item-01 > .form-des-item{
clear:both;
margin-top:10px;
}
.form-search-index .form-search-index-item.departure .form-search-index-item-cell .search-filter-item-cell .cmn-tip-btn,
.form-search-index .form-search-index-item-cell .form-search-index-item-01 .form-des-item:nth-child(2) .search-filter-item-cell.des-hdg:first-child .search-filter-hdg .cmn-tip-btn{
position:absolute;
top:50%;
right:45px;
margin:-6px 0 0 0;
}
.form-search-index .form-search-index-item-cell .search-filter-item-cell .icon-required{
position:absolute;top:50%;
right:7px;
margin:-7px 0 0 0;
font-weight:normal;
}
.form-search-index-item-cell .search-filter-item-cell.des-hdg{
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
float:left;
height:34px;
box-sizing:border-box;
}
.form-des-item + .form-des-item{
margin-top:3px;
}
.form-des-item:first-child{
margin-bottom:9px;
margin-top:0;
}
.form-des-item .form-search-index-item{
margin-top:0;
}
.form-des-item .form-search-index-item.desti .desti-list{
margin-top:-3px;
}
.form-keyword-box{
display:inline-block;
position:relative;
margin-right:10px;
}

.form-des-hotel-item{
margin-bottom:15px;
}
.form-search-index-item-cell .search-filter-item-cell.hotel-name-hdg {
padding: 1px 5px 0;
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #bebebe;
background-color: #f6f6f6;
font-size: 11px;
line-height: 1.25;
float: left;
height: 34px;
box-sizing: border-box;
}
.form-search-index-item-cell .search-filter-item-cell.hotel-name-hdg .search-filter-hdg{
vertical-align: middle;
border: 0;
height: 32px;
box-sizing: border-box;
border-radius: 2px 0 0 2px;
font-size: 11px;
font-weight: normal;
display: table-cell;
}
.form-search-index .form-search-index-item-cell .search-filter-item-cell.hotel-name{
position:relative;
}
.form-search-index .form-search-index-item-cell .search-filter-item-cell.hotel-name input{
width:400px;
padding-right:34px;
box-sizing:border-box;
}
.form-search-index .form-search-index-item-cell .search-filter-item-cell.hotel-name .input-btn-clear {
padding: 0;
border: none;
border-radius:0 4px 4px 0;
color: rgba(0, 0, 0, 0);
width: 30px;
height: 34px;
overflow: hidden;
background: url(/element/w_dp/shared/images/icon-x.svg) 50% 50% no-repeat;
background-size:10px 10px;
text-indent: -9999px;
position: absolute;
right:0;
top: 0;
z-index:1;
}

/* --------------------------------------------------
 Component
-----------------------------------------------------*/
/* .form-search
----------------------------------------------- */
.form-search{
margin-bottom:40px;
padding:15px 20px 12px;
color:#555;
position:relative;
background-color:#ededed;
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search .form-search-hdg-l1 {
margin:-6px 0 2px 0;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
/*padding-right:145px;*/
}
.form-search.search-summary .flight-txt{
color:var(--cmn-font-color-base);
font-size:18px;
font-weight:bold;
line-height:1.3;
}
.form-search.search-summary .flight-txt span{
display:inline-block;
}
.form-search.search-summary .flight-txt .flight-txt-item{
display:block;
margin-bottom:4px;
}
.form-search.search-summary .flight-txt .sup{
display:inline-block;
}
.form-search.search-summary .flight-txt .sup:after{
content:":";
display:inline-block;
margin-left:5px;
}
.form-search.search-summary .flight-txt .round{
display:inline-block;
}
.form-search.search-summary .flight-txt .round:before{
content:"";
display:inline-block;
width:15px;
height:4px;
background-color:#aaa;
vertical-align:middle;
margin:0 0 3px 10px;
}
.form-search.search-summary .flight-txt .round span{
position:relative;
width:45px;
display:inline-block;
margin-left:-30px;
text-indent:-9999px;
}
.form-search.search-summary .flight-txt .round span:after{
position:absolute;
top:3px;
right:8px;
content:"";
display:block;
border-left:7px solid #aaa;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
.form-search.search-summary .flight-txt .round span:before{
position:absolute;
top:3px;
left:8px;
content:"";
display:block;
border-right:7px solid #aaa;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
.form-search.search-summary .flight-txt .oneway{
display:inline-block;
}
.form-search.search-summary .flight-txt .oneway:before{
content:"";
display:inline-block;
width:20px;
height:4px;
background-color:#aaa;
vertical-align:middle;
margin:0 0 3px 5px;
}
.form-search.search-summary .flight-txt .oneway span{
position:relative;
width:45px;
display:inline-block;
margin-left:-30px;
text-indent:-9999px;
}
.form-search.search-summary .flight-txt .oneway span:after{
position:absolute;
top:3px;
right:8px;
content:"";
display:block;
border-left:7px solid #aaa;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
.form-search.search-summary .form-search-index-item.date{
display:block;
margin:4px 0 13px;
}
.form-search.search-summary .form-search-index-item.date:before,
.form-search.search-summary .form-search-index-item.date:after{
content:"";
display:table;
}
.form-search.search-summary .form-search-index-item.date:after{
clear:both;
}
.form-search.search-summary .form-search-index-item.date .form-search-label{
display:inline-block;
position:absolute;
left:30px;
top:9px;
background:none;
border:none;
height:auto;
font-weight:normal;
}
.form-search.search-summary .form-search-index-item.date img{
margin-top:5px;
}
.form-search.search-summary .flight-info-txt{
display:block;
margin-top:10px;
}
.form-search.search-summary .flight-info-txt ul li{
display:inline-block;
font-size:14px;
}
.form-search.search-summary .flight-info-txt ul li:before{
content:"/";
display:inline-block;
margin:0 4px;
}
.form-search.search-summary .flight-info-txt ul li:first-child:before{
display:none;
}
.form-search.search-summary .form-search-btn-change{
position:absolute;
top:15px;
right:15px;
padding:6px 10px;
border:1px solid #bebebe;
border-radius:2px;
background:none;
background-color:#fff;
font-size:12px;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.form-search.search-summary .form-search-index-exec-btn{
position:absolute;
right:15px;
bottom:15px;
}
.form-search .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 .form-search-index-item-col .form-search-index-item{
float:left;
}
.form-search .stay-numbers-box .form-search-index-item:first-child{
margin-top:0;
}
.form-search .form-search-index-hdg{
color:#555;
text-align:left;
padding:2px 5px 1px 0;
display:table;
width:100%;
height:34px;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background:none;
border:0;
}
.form-search .form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-size:11px;
font-weight:bold;
}
.form-search .form-search-index-hdg > h2 .hdg-sup{
font-size:11px;
display:block;
white-space:nowrap;
font-weight:normal;
}
.form-search .form-search-index-hdg > h2 small{
display:inline-block;
font-size:9px;
color:#999;
font-weight:normal;
}
.stay-numbers-box .search-filter-item-cell.room-num h3{
position:relative;
font-weight:bold;
}
.stay-numbers-box .search-filter-item-cell.room-num h3 .sup{
font-weight:normal;
}
.form-search .stay-numbers-box .search-filter-item-cell.room-num h3 .sup,
.form-search .stay-numbers-box .add-num-item .search-filter-item-cell.room:first-child h3{
font-weight:bold;
font-size:11px;
}
.stay-numbers-box .search-filter-item-cell.room-num h3 .cmn-tip-btn{
position:inherit;
top:inherit;
right:inherit;
margin:0;
}
.form-search .form-search-index-hdg .cmn-tip-btn{
position:absolute;
top:50%;
margin-top:-5px;
right:42px;
}
.form-search .search-filter-hdg .cmn-tip-btn{
position:absolute;
top:9px;
right:42px;
bottom:auto;
background-size:13px;
width:13px;
height:13px;
}
.form-search .form-search-index-hdg .icon-required{
position:absolute;
top:50%;
margin-top:-7px;
right:10px;
font-weight:normal;
}
.form-search .form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}
.form-search .form-search-index-item.room{
width:165px;
}
.form-search .form-search-index-item.numbers{
width:450px;
}
.form-search .form-search-index-item.seat-class{
width:265px;
}
.form-search .form-search-index-item > .form-search-index-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
font-size:14px;
color:var(--cmn-font-color-base);
}
.form-search .form-search-index-item > .form-search-index-item-cell:first-child{
width:95px;
font-weight:bold;
}
.form-search-index-item > .form-search-index-item-cell:first-child label{
margin:8px 0 0 8px;
}
.form-search .form-search-index-item.numbers > .form-search-index-item-cell:first-child{
width:165px;
padding-left:20px;
}
.form-search .form-search-index-item.seat-class > .form-search-index-item-cell:first-child{
width:115px;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01{
float:left;
margin-left:5px;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:before,
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:after{
content:"";
display:table;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:after{
clear:both;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child{
margin-left:0;
width:100%;
}
.form-search.lp-form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child{
margin-left:5px;
}
.form-search.lp-form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child .form-search-index-hdg .cmn-tip-btn{
right:45px;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child .block-line{
margin:3px 0;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child .block-line
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01:first-child .child-box{
width:415px;
margin-right:8px;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell{
float:left;
display:block;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell:before{
display:none;
}
.form-search .form-search-index-item > .form-search-index-item-cell .form-search-index-item-01 .form-search-index-item-01-cell:first-child{
width:auto;
margin-right:-1px;
font-size:11px;
border:1px solid #bebebe;
min-height:34px;
padding:7px 10px;
box-sizing:border-box;
}
.form-search .form-search-index-item select,
.fselect-list select,
.hotelselect select{
padding:5px;
vertical-align:top;
min-height:34px;
min-width:100px;
box-sizing:border-box;
border:1px solid #bebebe;
}
.fselect-list .form-custom-select{
vertical-align:middle;
}
.form-search .form-search-index-item input[type="text"],
.form-search .form-search-index-item input[type="search"]{
padding:5px;
border:1px solid #bebebe;
box-sizing:border-box;
min-height:34px;
padding-right:30px;
margin-top:0;
}
.form-search .form-search-index-item .form-search-label{
font-size:12px;
color:var(--cmn-font-color-base);
}
.form-search .form-search-index-item .form-search-label small{
font-size:11px;
color:var(--cmn-font-color-base);
display:inline;
}
.lyt-top .form-search-index-item .form-search-label small::before{
content:'(';
}
.lyt-top .form-search-index-item .form-search-label small::after{
content:')';
}
.form-search .form-search-index-item .date-select-box{
display:block;
position:relative;
}
.form-search .form-search-index-item .date-select-box input[type="text"],
.form-search .form-search-index-item .date-select-box input[type="search"]{
padding-left:30px;
padding-right:10px;
}
.form-search .form-search-index-item .date-select-box .btn-back,
.form-search .form-search-index-item .date-select-box .btn-next{
position:absolute;
border:none;
background:none;
width:25px;
height:0;
padding-top:31px;
overflow:hidden;
line-height:2;
top:0;
border:1px solid #bebebe;
}
.form-search .form-search-index-item .date-select-box .btn-back:before,
.form-search .form-search-index-item .date-select-box .btn-next:before{
content:"";
position:absolute;
top:50%;
margin-top:-6px;
border:7px solid #bebebe;
border-top-color:transparent;
border-bottom-color:transparent;
}
.form-search .form-search-index-item .date-select-box .btn-back{
left:0;
border-left:none;
}
.form-search .form-search-index-item .date-select-box .btn-back:before{
border-left:none;
left:7px;
}
.form-search .form-search-index-item .date-select-box .btn-next{
right:23px;
border-right:none;
}
.form-search .form-search-index-item .date-select-box .btn-next:before{
border-right:none;
left:9px;
}
.form-search .form-search-index-item.ticket-type > .form-search-index-item-cell{
vertical-align:middle;
}
.form-search .form-search-index-item.departure{
width:100%;
}
.form-search .form-search-index-item.departure select{
width:220px;
}
.form-search .form-search-index-item.desti{
width:100%;
}
.form-search .form-search-index-item.desti .form-search-keyword{
width:375px;
margin-right:10px;
}
.form-search .form-search-index-item.date ol{
float:left;
}
.form-search .form-search-index-item.date ol > li{
display:inline-block;
vertical-align:top;
}
.form-search .form-search-index-item.date ol > li > span{
position:relative;
}
.form-search .form-search-index-item.date ol > li .form-search-label{
display:inline-block;
position:absolute;
left:10px;
top:7px;
background:none;
border:none;
height:auto;
}
.form-search .form-search-index-item.date ol > li:last-child{
padding-left:21px;
position:relative;
}
.form-search .form-search-index-item.date ol > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:6px;
left:-1px;
width:13px;
}
.form-search .form-search-index-item.date ol > li:last-child:first-child{
padding-left:0;
}
.form-search .form-search-index-item.date ol > li:last-child:first-child:before{
display:none;
}
.form-search .form-search-index-item.date ol > li img{
vertical-align:top;
margin-top:5px;
}
.form-search .form-search-index-item.date .date-count{
float:left;
margin:7px 0 0 5px;
}
.form-search .form-search-index-item.date input[type="text"],
.form-search .form-search-index-item.date input[type="search"]{
vertical-align:top;
padding-left:100px;
width:283px;
cursor:pointer;
}
.form-search .form-search-index-item.date .date-select-box input[type="text"],
.form-search .form-search-index-item.date .date-select-box input[type="search"]{
padding-left:110px;
}
.form-search .form-search-index-item.date .date-select-box .form-search-label{
left:10px;
top:8px;
}
.search-filter-hdg{
width:115px;
vertical-align:middle;
border:0;
height:32px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
font-size:11px;
font-weight:normal;
display:table-cell;
}
.form-search .dp-hotel-search-box .search-filter-hdg{
font-weight:bold;
}
.form-search .form-search-index-item.date .link-01{
margin-top:10px;
font-size:11px;
}
.form-search .form-search-index-item.date .link-01 a,
.form-search .form-search-index-item.date .link-01 a:link,
.form-search .form-search-index-item.date .link-01 a:visited,
.form-search .form-search-index-item.date .link-01 a:hover,
.form-search .form-search-index-item.date .link-01 a:active{
color:#555;
}
.form-search .form-search-index-item.numbers ul{
overflow:hidden;
margin-left:-5px;
}
.form-search .form-search-index-item.numbers ul li{
float:left;
margin-left:5px;
}
.form-search .form-search-index-item.numbers ul li.adult .form-search-label{
width:24px;
display:table-cell;
height:32px;
padding:0 10px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
}
.form-search .form-search-index-item.numbers ul li.child .form-search-label{
width:24px;
display:table-cell;
height:32px;
padding:0 10px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
}
.form-search .form-search-index-item select{
display:table-cell;
vertical-align:top;
min-height:34px;
min-width:30px;
}
.form-search .form-search-index-item label{
display:inline-table;
cursor:pointer;
}
.form-search .form-search-index-item label .form-search-label{
display:table-cell;
width:90px;
height:32px;
padding:0 10px;
background-color:#fff;
border:1px solid #bebebe;
border-right:none;
vertical-align:middle;
}
.form-search .form-search-index-item label .form-search-label small{
display:block;
margin-top:-4px;
}
.adult > .form-custom-select,
.child > .form-custom-select{
display:table-cell;
}
.form-search .form-search-index-item.seat-class{
width:280px;
vertical-align:top;
font-size:12px;
}
.form-search .form-search-index-item.seat-class select{
width:100%;
}
.form-search .form-search-index-item.genre-item{
display:block;
width:auto;
margin-left:6px;
overflow:hidden;
}
.form-search .form-search-index-item.genre-item .form-search-index-item-cell:first-child{
width:80px;
}
.form-search .form-search-index-item.genre-item .form-search-index-item-cell:first-child .cmn-tip-btn{
right:0;
}
.form-search .form-search-index-item.genre-item .form-search-notes{
margin-top:5px;
}
.form-search .form-search-index-item.genre-item ul{
overflow:hidden;
}
.form-search .form-search-index-item.genre-item ul li{
float:left;
width:50%;
padding-left:7px;
box-sizing:border-box;
}
.form-search .form-search-index-item.genre-item label input[type="checkbox"]{
display:none;
}
.form-search .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 .form-search-index-item.genre-item .form-search-btn{
width:132px;
height:34px;
padding-top:8px;
font-size:11px;
text-align:center;
}
.form-search .form-search-index-item.flight-section ul:before,
.form-search .form-search-index-item.flight-section ul:after{
content:"";
display:table;
}
.form-search .form-search-index-item.flight-section ul:after{
clear:both;
}
.form-search .form-search-index-item.flight-section ul li{
float:left;
}
.form-search .form-search-index-item.flight-section .flight-section-btn-del{
padding:4px 10px 3px 20px;
position:relative;
margin:6px 0 0 5px;
background-color:transparent;
font-size:11px;
border:none;
color:#444;
}
.form-search .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 .form-search-index-item.flight-section .flight-section-btn-del > span{
display:block;
}
.form-search .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 .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 .form-search-index-item.flight-section .flight-section-date{
padding-top:17px;
margin-left:10px;
}
.form-search .form-search-index-item.flight-section .flight-section-date img{
vertical-align:top;
margin-top:4px;
}
.form-search .form-search-index-item.flight-section .flight-section-date input[type="text"],
.form-search .form-search-index-item.flight-section .flight-section-date input[type="search"]{
width:160px;
}
.form-search .form-search-index-item.flight-section .flight-section-area{
position:relative;
padding-top:17px;
margin-left:10px;
}
.form-search .form-search-index-item.flight-section .flight-section-area .form-search-index-item-01-cell:first-child{
position:absolute;
top:0;
left:0;
display:inline-block;
background:none;
border:none;
padding:0;
}
.form-search .form-search-index-item.flight-section .flight-section-area .form-search-keyword{
float:left;
display:block;
margin-left:-1px;
}
.form-search .form-search-index-item.flight-section .flight-section-area .form-search-keyword input[type="text"],
.form-search .form-search-index-item.flight-section .flight-section-area .form-search-keyword input[type="search"]{
width:173px;
font-size:12px;
}
.form-search .form-search-index-item.flight-section .flight-section-area .form-search-suggest-item{
min-width:200%;
}
.form-search .form-search-index-item.flight-section .flight-section-btn-del{
margin-top:22px;
}
.form-search .form-search-index-exec-btn{
position:absolute;
right:15px;
bottom:15px;
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:110px;
height:40px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
}
.form-search .form-search-index-exec-btn:active,
.form-search .form-search-index-exec-btn:hover,
.form-search .form-search-index-exec-btn:focus{
background-color:#67a700;
}
.form-search .search-filter-list > li > ul:not([class]) > li{
display:inline-block;
margin-right:-6px;
}
.form-search .search-filter-list > li > ul{
margin-top:5px;
}
.form-search .search-filter-list > li > ul select{
width:140px;
}
.form-search .search-filter-list > li > ul select.wide{
width:405px;
}

/*_______________ flight select _________________*/
.flightselect{
padding:10px 16px 10px;
background:#ededed;
position:relative;
padding-left:75px;
}
.flightselect:before,
.flightselect:after{
content:"";
display:table;
}
.flightselect:after{
clear:both;
}
.fselect-hdg{
width:48px;
position:absolute;
top:50%;
left:15px;
margin-top:-7px;
}
.fselect-hdg-cap{
text-align:center;
line-height:1.2;
font-weight:bold;
font-size:11px;
color:#555;
}
.flightselect input[type="radio"]{
vertical-align:middle;
margin:0;
padding:0;
cursor:pointer;
margin-right:2px;
}
.fselect-type{
padding-bottom:10px;
margin-bottom:13px;
border-bottom:solid 1px #ccc;
zoom:1;
}
.fselect-type:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.fselect-type li{
float:left;
position:relative;
margin-right:37px;
}
.fselect-type li input[type="radio"]{
margin:3px 5px 0 0;
/margin:0 3px 0 0;
}
.fselect-type li label{
cursor:pointer;
}
.fselect-type li img[class^=showTooltip]{
margin-left:5px;
}
.fselect-list{
float:left;
overflow:hidden;
}
.fselect-list .fselect-list-header{
width:330px;
float:left;
margin-right:22px;
}
.fselect-list .fselect-list-header th{
padding-bottom:5px;
line-height:1.2;
font-size:11px;
font-weight:normal;
white-space:nowrap;
vertical-align:bottom;
}
.fselect-list .fselect-list-detail{
width:330px;
height:88px;
line-height:22px;
color:var(--cmn-font-color-gray);
overflow-y:scroll;
overflow-x:hidden;
border-top:solid 1px #ccc;
background:#fff;
}
.fselect-list .fselect-list-detail label{
display:block;
cursor:pointer;
}
.fselect-list .fselect-list-list tr.full label{
cursor:default;
}
.fselect-list .fselect-list-list{
width:100%;
/width:313px;
}
.fselect-list .fselect-list-list tr.active td,
.fselect-list .fselect-list-list tr:hover td{
background:#fff3da;
}
.fselect-list .fselect-list-list tr.full td{
color:#ccc;
}
/* input */
.fselect-list th.fselect-list-hdg{
font-size:18px;
font-weight:bold;
}
.fselect-list .fselect-list-hdg{
text-align:center;
width:40px;
}
.icon-full{
padding:0 2px;
color:#3b3b3b;
font-size:11px;
background:#e8e8e8;
}
/* J icon */
.fselect-list .fselect-list-icon{
width:12px;
}
/* classJ */
.fselect-list .fselect-list-classj{
font-size:10px;
color:var(--cmn-font-color-base);
letter-spacing:-.05em;
padding-left:20px;
}
/* time */
.fselect-list .fselect-list-dep,
.fselect-list .fselect-list-arr{
width:80px;
}
.fselect-list th.fselect-list-dep{
padding-left:12px;
}
.fselect-list td.fselect-list-dep,
.fselect-list td.fselect-list-arr{
font-weight:bold;
font-size:14px;
font-family:Arial;
text-align:center;
}
.fselect-list .fselect-list-date{
display:block;
font-size:10px;
}
/* arrow */
.fselect-list .fselect-list-arrow{
width:20px;
font-size:12px;
text-align:center;
}
.fselect-list .fselect-list-list tr.via .fselect-list-arrow{
line-height:1.0;
}
.fselect-list .fselect-list-arrow .txt-via{
font-size:10px;
display:block;
margin-top:-4px;
}
/* fee */
.fselect-list .fselect-list-fee{
width:80px;
text-align:center;
}
.fselect-list th.fselect-list-fee{
padding-right:17px;
letter-spacing:-.05em;
}
.fselect-list .fselect-list-fee .icons{
margin:0 1px;
}
.btn-flightselect{
float:right;
margin-top:82px;
width:92px;
height:38px;
text-align:center;
line-height:40px;
font-weight:bold;


font-size:20px;
overflow:hidden;
}
.btn-flightselect a{
display:block;
width:92px;
height:38px;
color:#fff;
text-decoration:none;
cursor:default;
background:url("/element/j_dp/list/images/btn_flightselect.gif") no-repeat 0 -38px;
}
.btn-flightselect.active a{
cursor:pointer;
background-position:0 0;
}
.btn-flightselect.active a:hover{
text-decoration:none;
}
.fselect-note{
clear:both;
padding-top:1em;
line-height:12px;
font-size:10px;
}
.fselect-note img{
vertical-align:top;
margin-right:3px;
}

/** box-list-sort **/

.box-list-sort{
letter-spacing:-0.4em;
}
.box-list-sort li{
display:inline-block;
letter-spacing:normal;
vertical-align:top;
min-width:5.5em;
line-height:1.55;
}
.box-list-sort li.transit{
width:135px;
}
.box-list-sort li.time{
width:135px;
}
.box-list-sort li.airline{
width:135px;
}
.box-list-sort li.airport{
width:135px;
}
.box-list-sort li.flight{
width:135px;
}
.box-list-sort li button,
.box-list-sort li a{
border:1px solid #bfbfbf;
border-left:1px solid #bfbfbf;
border-right:0;
display:block;
background-color:#fff;
padding:6px 0;
text-align:center;
color:var(--cmn-font-color-base)333;
margin-bottom:3px;
width:100%;
}
.hotelselect .box-list-sort li a{
min-height:41px;
text-decoration:none;
box-sizing:border-box;
margin-bottom:0;
}
.box-list-sort li:first-child button,
.box-list-sort li:first-child a{
border-left:1px solid #bfbfbf;
border-radius:2px 0 0 2px;
}
.box-list-sort li:last-child button,
.box-list-sort li:last-child a{
border-right:1px solid #bfbfbf;
border-radius:0 2px 2px 0;
}
.box-list-sort li button span,
.box-list-sort li a span{
position:relative;
padding-right:14px;
font-size:12px;
display:block;
text-align:left;
box-sizing:border-box;
padding:0 10px;
}
.box-list-sort li.rank button span,
.box-list-sort li.rank a span{
line-height:1.1;
}
.box-list-sort li button span:after,
.box-list-sort li a span:after{
content:'';
position:absolute;
display:block;
width:0;
height:0;
border-style:solid;
border-width:5px 3px 0 3px;
border-color:#666666 transparent transparent transparent;
top:50%;
right:7px;
margin-top:-2px;
}
.sortPop_Area.transfer li.disabled{
color:#999;
}
.sortPop_Area.transfer li.disabled label{
cursor:default;
color:#ccc;
}
#main_Col .disabled input[type="checkbox"],
#main_Col .disabled input[type="radio"]{
cursor:default;
}
.box-result{
margin:2px 0 4px;
padding-right:5px;
}
.box-result span{
cursor:pointer;
display:inline-block;
background:url(/element/w_dp/list/images/icon-close01.gif) left center no-repeat;
padding:0 3px 0 10px;
font-size:12px;
line-height:1.1;
max-width:100%;
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
}
.box-result .toggle-btn-result button,
.box-result .toggle-btn-result a{
height:15px;
border-radius:3px;
background-color:#fff;
box-shadow:inset 0 -2px rgba(0,0,0,.08);
position:relative;
width:100%;
border:1px solid #bfbfbf;
cursor:pointer;
margin-bottom:3px;
margin-top:3px;
text-indent:-9999px;
}
.box-result .toggle-btn-result button:after,
.box-result .toggle-btn-result a:after{
content:'';
position:absolute;
display:block;
width:0;
height:0;
border-style:solid;
border-width:6px 5px 0 5px;
border-color:#666666 transparent transparent transparent;
top:50%;
right:50%;
margin-top:-2px;
margin-right:-5px;
cursor:pointer;
}
.box-result .toggle-btn-result span{
display:none;
}
.box-result .toggle-btn-result.active button:after,
.box-result .toggle-btn-result.active a:after{
content:'';
position:absolute;
display:block;
width:0;
height:0;
border-style:solid;
border-width:0 5px 6px 5px;
border-color:transparent transparent #666666 transparent;
top:50%;
right:50%;
margin-top:-2px;
margin-right:-5px;
cursor:pointer;
}
.box-result .toggle-btn-result.active span{
display:inline-block;
text-overflow:inherit;
white-space:inherit;
word-break:break-all;
}
.fselect-list{
width:100%;
}
.fselect-list .box-inner{
height:190px;
overflow-y:scroll;
background:#fff;
}
.fselect-list table{
border-collapse:collapse;
width:100%;
}
.box-going{
width:49.5%;
box-sizing:border-box;
border:1px solid #ccc;
float:left;
border-radius:4px 4px 0 0;
}
.box-return{
width:49.5%;
box-sizing:border-box;
border:1px solid #bfbfbf;
float:right;
border-radius:4px 4px 0 0;
}
.fselect-list .box-hdg{
background:#448cc8;
border-bottom:1px solid #bfbfbf;
padding:8px 10px 8px;
font-size:14px;
color:#fff;
font-weight:bold;
}
.fselect-list .box-hdg > select{
margin:0 10px;
border-radius:2px;
color:var(--cmn-font-color-base);
}
.fselect-list tr:hover td,
.fselect-list tr td:hover,
.fselect-list tr.active td{
background:#fff2d1;
}
.fselect-list td{
background:#fff;
border-bottom:1px dotted #bfbfbf;
padding:8px 2px ;
vertical-align:middle;
font-size:11px;
line-height:1.2;
}
.fselect-list td.check{
width:28px;
text-align:center;
}
.fselect-list td.airline{
width:70px;
}
.fselect-list td.going{
width:105px;
}
.fselect-list td.flight-dtl{
padding-right:50px;
}
.fselect-list td.time{
width:auto;
text-align:center;
white-space:nowrap;
}
.fselect-list td.return{
width:105px;
padding-left:5px;
}
.fselect-list td.airline span{
display:block;
}
.fselect-list td.airline img{
max-width:50px;
max-height:20px;
}
.fselect-list td.going{
vertical-align:top;
line-height:1.4;
}
.fselect-list td.return{
vertical-align:top;
line-height:1.4;
}
.fselect-list td.time > span{
display:block;
position:relative;
padding-bottom:9px;
margin-bottom:1px;
}
.fselect-list td.time > span.number{
color:var(--cmn-font-color-base);
}
.fselect-list td.time > span.number:after{
content:'';
background:url(/element/w_dp/list/images/icon-sign.png) no-repeat;
width:74px;
height:10px;
position:absolute;
bottom:0;
left:50%;
margin-left:-37px;
}
.fselect-list td.time > span .cmn-tip-info-btn{
margin-left:3px;
}
.fselect-list td .load-box{
height:47px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) center center no-repeat;
text-indent:-9999px;
background-size:24px 24px;
}
.load-flight-box{
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) center center no-repeat;
text-indent:-9999px;
height:50px;
background-size:24px 24px;
}
.fselect-list td.no-flight.hdg{
background:#727272;
color:#fff;
font-size:13px;
font-weight:bold;
text-align:center;
line-height:1.3;
padding:8px 10px;
cursor:default;
}
.fselect-list .no-flight td,
.fselect-list .no-flight:hover td{
background:#e5e5e5;
color:#555;
cursor:default;
}
.fselect-list .no-flight td img{
margin-bottom:2px;
}
.fselect-list td.info-release{
border-bottom:3px solid #ccc;
border-top:3px solid #ccc;
font-size:13px;
font-weight:bold;
text-align:center;
padding:10px 5px;
cursor:default;
}
.fselect-list td.info-release:hover{
background:#fff;
}
.fselect-list td.info-release button{
display:inline-block;
background-color:#fff;
box-shadow:inset 0 -3px rgba(0,0,0,.08);
border:1px solid #ccc;
border-radius:4px;
width:100px;
font-weight:bold;
cursor:pointer;
}
.fselect-list td.info-release p{
line-height:1.5;
margin-bottom:8px;
}
.fselect-list .no-result td{
cursor:default;
}
.fselect-list .no-result:hover td{
background:#fff;
}
.fselect-list .no-result td p{
line-height:1.5;
font-size:11px;
text-align:center;
padding:71px 0;
}

/* flight-area
-----------------------------------------------------*/
.sch-item{
-ms-flex-align:end;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
padding:6px 0 5px;
-webkit-box-align:end;
align-items:flex-end;
align-items:center;
}
.plan-item-cell .sch-item{
padding:2px 0 2px 0;
}
.sch-item + .sch-header{
padding-top:5px;
border-top:1px dotted #ccc;
}
.sch-item.sch-item-transit-01 .flt-term .flt-term-bottom::before{
display:block;
position:absolute;
top:-7px;
left:50%;
z-index:1;
margin-left:-4px;
border:2px solid #ccc;
border-radius:50%;
width:4px;
height:4px;
background-color:#fff;
content:"";
}
.sch-item.sch-item-transit-02 .flt-term .flt-term-bottom::before{
display:block;
position:absolute;
top:-7px;
left:38%;
z-index:1;
border:2px solid #ccc;
border-radius:50%;
width:4px;
height:4px;
background-color:#fff;
content:"";
}
.sch-item.sch-item-transit-02 .flt-term .flt-term-bottom::after{
display:block;
position:absolute;
top:-7px;
right:38%;
border:2px solid #ccc;
border-radius:50%;
width:4px;
height:4px;
background-color:#fff;
content:"";
}
.sch-item .going-area,
.sch-item .return-area{
position:relative;
padding-top:16px;
width:48px;
}
.sch-item .sch-time{
display:block;
font-weight:bold;
font-size:17px;
font-family:Arial;
}
.sch-item .sch-date{
display:block;
position:absolute;
top:0;
width:55px;
font-size:11px;
}
.sch-item .sch-date .font-num{
vertical-align:middle;
font-size:12px;
font-family:Arial;
}
.sch-item .city-airport,
.sch-item .city-airport2{
display:block;
font-size:12px;
font-family:Arial;
}
.sch-item .unfixed{
display:block;
font-size:12px;
line-height:1.3;
}
.sch-item .flt-term{
position:relative;
margin:0 10px 0 3px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-item .flt-term .flt-term-top{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
margin-bottom:2px;
padding:4px 0 6px;
height:50%;
min-height:19px;
vertical-align:bottom;
text-align:center;
font-size:11px;
line-height:1.3;
}
.sch-item .flt-term .flt-term-top .tooltip-container{
display:inline-block;
position:relative;
margin-left:4px;
}
.sch-item .flt-term .flt-term-top .tooltip-container .cmn-tip-container{
top:60%;
left:60%;
width:412px;
}
.sch-item .flt-term .flt-term-top .tooltip-container .cmn-tip-container::before,
.sch-item .flt-term .flt-term-top .tooltip-container .cmn-tip-container::after{
display:none;
}
.sch-item .flt-term .flt-term-top > span{
display:block;
}
.sch-item .flt-term .flt-term-top::before{
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#ccc;
content:"";
}
.sch-item .flt-term .flt-term-top::after{
display:block;
position:absolute;
right:0;
bottom:-4px;
border-width:5px 0 5px 5px;
border-style:solid;
border-color:transparent transparent transparent #aaa;
width:0;
height:0;
content:"";
}
.sch-item .flt-term .flt-term-bottom{
display:block;
position:relative;
padding-top:2px;
min-height:17px;
text-align:center;
font-size:11px;
}
.sch-item .flt-term .flt-term-bottom .cmn-tip-caution-btn{
margin:0 0 0 4px;
}
.sch-item .flt-term .flt-term-bottom .cmn-tip-caution-btn .cmn-tip-caution-btn-icon{
margin:-1px 0 0 0;
}
.luggage-info{
font-size:11px;
}
.plan-item-list .plan-item-cell .item-line-block .luggage-info{
padding-left:18px;
}
.plan-item-list .plan-item-cell .luggage-info{
padding-left:0;
margin-top:19px;
}

/*_______________ hotel select _________________*/
.hotelselect{
padding:12px 16px 12px;
background:#ededed;
position:relative;
padding-left:75px;
margin-top:2px;
clear:both;
margin-bottom:40px;
}
.hotelselect:before,
.hotelselect:after{
content:"";
display:table;
}
.hotelselect:after{
clear:both;
}
.hselect-hdg{
position:absolute;
top:50%;
left:15px;
margin-top:-10px;
}
.hselect-hdg-cap{
line-height:1.2;
font-weight:bold;
display:inline-block;
font-size:11px;
color:#555;
margin-right:3px;
}
.box-list-sort li.rank{
width:120px;
}
.box-list-sort li.days{
width:90px;
}
.box-list-sort li.roomtype{
width:105px;
}
.box-list-sort li.meal{
width:105px;
}
.box-list-sort li.area{
width:80px;
}
.box-list-sort li.rank button{
padding:3px 0 0 0;
line-height:1.1;
height:40px;
box-sizing:border-box;
}
.box-list-sort li.rank button span:after{
right:7px;
}
.hotelselect .box-list-sort,
.hotelselect .box-keyword,
.hotelselect .box-btn-all{
display:inline-block;
float:left;
margin-right:19px;
}
.box-list-sort li:first-child button {
border-left:1px solid #bfbfbf;
border-radius:2px 0 0 2px;
}
.box-list-sort li .box-result .toggle-btn-result button {
height:15px;
border-radius:3px;
background-color:#fff;
box-shadow:inset 0 -2px rgba(0,0,0,.08);
position:relative;
width:100%;
border:1px solid #bfbfbf;
cursor:pointer;
margin-bottom:3px;
margin-top:3px;
text-indent:-9999px;
}
.hotelselect .box-keyword{
font-size:12px;
color:var(--cmn-font-color-base);
line-height:1.1;
}
.hotelselect .box-keyword p >small{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.hotelselect .box-keyword input{
width:215px;
padding:2px;
margin-top:4px;
border-radius:2px;
border:1px solid #ccc;
}
.hotelselect .box-btn-all{
margin:0;
}
.hotelselect .box-btn-all button,
.hotelselect .box-btn-all a{
width:125px;
height:40px;
border:1px solid #bebebe;
border-radius:1px;
color:var(--cmn-font-color-gray);
display:inline-block;
box-sizing:border-box;
position:relative;
background-color:#fff;
box-shadow:0 -1px 0 #bebebe inset;
font-size:12px;
text-align:left;
padding:5px 25px 5px 8px;
line-height:1.2;
cursor:pointer;
text-decoration:none;
}
.hotelselect .box-btn-all button:before,
.hotelselect .box-btn-all a:before{
/*content:'';*/
display:block;
position:absolute;
top:50%;
left:10px;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg);
margin-top:-4px;
}
.hotelselect .box-btn-all a.loading{
background: url(/element/shared/images/icon/icon-loading-spinner-dot.gif) 100px center no-repeat #fff;
background-size: 16px 16px;
cursor:default;
}
.hotelFigure_Box {
float:left;
width:165px;
position:relative;
margin-right:15px;}
.hotelFigure_Box img{
vertical-align:top;margin-bottom:6px;
}
.hotelFigure_Box .figure.Area_figure{
text-align:center;
}
.hotelData_Box {
float:right;
width:690px;
color:#555555;
}
.hotelData_Box p {
float:left;
padding:0 0 0.6em 0;
width:690px;
line-height:1.2;
word-wrap:break-word;
}
* html .hotelData_Box p{
overflow:hidden;
}
*:first-child+html .hotelData_Box p {
overflow:hidden;
}
.hotelData_Box p .mark{
padding:0 0.2em;
background-color:#FFCA5E;
}

/* des-detail-txt
-----------------------------------------*/

.des-detail-txt{
border-bottom:1px solid #bebebe;
margin-bottom:10px;
padding-bottom:10px;
position:relative;
color:var(--cmn-font-color-base);
padding-right:158px;
}
.des-detail-txt > div{
display:inline-block;
}
.des-detail-txt > .txt-city{
font-size:20px;
font-weight:bold;
margin-right:8px;
display:block;
}
.des-detail-txt > .txt-city .destination:before{
content:'\ff5e';
margin-right:8px;
}
.des-detail-txt > .date-seat-txt{
font-size:14px;
}
.des-detail-txt > .date-seat-txt .date-1,
.des-detail-txt > .date-seat-txt .date-2{
font-weight:bold;
font-size:15px;
}
.des-detail-txt > .date-seat-txt .date-2:before{
content:'\ff5e';
margin-right:4px;
}
.des-detail-txt > .date-seat-txt .number:before,
.des-detail-txt > .date-seat-txt .seat:before{
content:'\0FF0F';
}
.des-detail-txt > .item-toggle-box{
position:absolute;
right:0;
top:5px;
border-top:0;
background:#fff;
border:1px solid #bbb;
padding:6px 10px 6px 7px;
box-sizing:border-box;
color:#444;
font-size:12px;
}
.des-detail-txt{
padding-right:0;
}
.air-stay-box{
width:100%;
box-sizing:border-box;
}
.air-stay-box .des-box{
width:39%;
box-sizing:border-box;
float:left;
line-height:1.35;
position:relative;
}
.air-stay-box .des-box:last-child{
width:80%;
box-sizing:border-box;
float:left;
}
.air-stay-box .des-box + .des-box{
padding-left:30px;
width:60%;
}
.des-box .label-dp,
.des-box .label-air{
display:inline-block;
background:#999;
font-size:11px;
color:#fff;
padding:5px 5px 3px;
line-height:1.1;
position:absolute;
}
.des-box .label-dp + div{
padding-left:80px;
margin-top:0;
}
.des-box .label-air + div{
padding-left:50px;
margin-top:0;
}
.des-box .city-detail{
font-weight:bold;
font-size:18px;
display:table;
width:100%;
box-sizing:border-box;
}
.des-box:last-child > .label-dp + div{
margin-top:0;
}
.form-search .des-box + .des-box > .label-dp + div{
padding-left:39px;
padding-right:150px;
}
.des-box + .des-box > .label-dp + div{
padding-left:39px;
padding-right:0;
}
.des-box + .des-box > .label-dp + div.date-detail.stay{
padding-right:0;
padding-top:25px;
padding-left:0;
}
.des-box .city-detail > div{
display:table-cell;
vertical-align:top;
position:relative;
}
.des-box .city-detail > div:first-child{
width:2em;
white-space:nowrap;
}
.des-box .city-detail > div:last-child{
padding-left:5px;
position:relative;
padding-left:40px;
width:auto;
box-sizing:border-box;
}
.des-box .city-detail > div .round{
display:inline-block;
position:absolute;
left:2px;
}
.des-box .city-detail > div .round:before{
content:"";
display:inline-block;
width:15px;
height:4px;
background-color:#aaa;
vertical-align:middle;
margin:0 0 3px 10px;
}
.des-box .city-detail > div .round span{
position:absolute;
width:45px;
display:inline-block;
margin-left:-30px;
text-indent:-9999px;
}
.des-box .city-detail > div .round span:after{
position:absolute;
top:3px;
right:8px;
content:"";
display:block;
border-left:7px solid #aaa;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
.des-box .city-detail > div .round span:before{
position:absolute;
top:3px;
left:8px;
content:"";
display:block;
border-right:7px solid #aaa;
border-top:7px solid transparent;
border-bottom:7px solid transparent;
}
.date-detail{
margin-top:3px;
}
.num{
font-family:arial;
}
.date-detail > div{
display:inline-block;
position:relative;
font-size:18px;
font-weight:bold;
}
.date-detail > div.direct-flight:before{
/*content:'/';*/
}
.date-detail > div{
font-weight:normal;
font-size:15px;
}
.date-detail > div .num{
font-family:arial;
font-size:18px;
}
.date-detail > div .date-hdg{
color:var(--cmn-font-color-base);
display:block;
font-size:11px;
font-family:var(--cmn-font-family);
font-weight:normal;
margin-bottom:-2px;
}
.date-detail > div.date-02{
margin-left:1em;
}
.date-detail > div.date-02:before{
content:'\0301C';
position:absolute;
left:-17px;
bottom:2px;
font-size:14px;
}
.date-detail > div.date-02 b{
font-size:14px;
padding-left:2px;
}
.date-detail > div.date-02 b .num{
font-size:20px;
}
.seat-detail,
.number-detail{
font-size:16px;
margin-top:3px;
}
.date-detail > div.seat-detail{
position:relative;
min-height:2em;
}
.date-detail > div.seat-detail::before{
content:'/';
margin:0 4px;
}
.date-detail > div > .direct-flight{
position:absolute;
white-space:nowrap;
bottom:-8px;
left:16px;
}
.air-stay-box.no-separate-box{
padding-right:145px;
box-sizing:border-box;
}
.air-stay-box.no-separate-box .des-box:last-child{
width:100%;
}
.air-stay-box.no-separate-box .date-detail > div > .direct-flight{
position:inherit;
padding-left:1em;
bottom:inherit;
left:inherit;
}
.number-detail > span.room{
padding-left:1em;
}
.number-detail > span.adult:before{
content:'/';
margin:0 4px;
}
.number-detail > span.child{
padding-left:1em;
}
.date-detail.stay{
line-height:1.25;
}
.style-b .air-stay-box,
.style-b .item-toggle-box{
display:none;
}
.style-b.des-detail-txt{
margin-top:-25px;
border:0;
}

/* .item-toggle-box
----------------------------------------------------------------- */
.item-toggle-box{
text-align:center;
font-size:13px;
}
.item-toggle-box .link-more{
position:relative;
padding-left:20px;
}
.item-toggle-box .link-more,
.item-toggle-box .link-more:hover,
.item-toggle-box .link-more:visited{
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.item-toggle-box.active .link-more:before {
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
margin-top:-3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.item-toggle-box .link-more:before{
margin-top:-6px;
border-width:2px 2px 0 0;
border-style:solid;
border-color:#999;
content:'';
display:block;
width:6px;
height:6px;
position:absolute;
top:50%;
left:5px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.item-toggle-box .link-more.loading{
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) left center no-repeat;
background-size:16px 16px;
padding-left:45px;
}
.item-toggle-box .link-more.loading:before{
left:30px;
}
.item-toggle-box .link-more.loading:after{
left:29px;
}
.item-toggle-box .link-more.loading span:before{
left:32px;
}
.item-toggle-box > span.loading{
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) left center no-repeat;
background-size:16px 16px;
padding-left:25px;
font-size:13px;
color:var(--cmn-font-color-gray);
}
.item-loading-box{
text-align:center;
padding:10px 0;
}
.item-loading-box > span.loading{
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) left center no-repeat;
background-size:16px 16px;
padding-left:25px;
font-size:13px;
color:var(--cmn-font-color-gray);
}
.search-result.loading-item{
margin-top:7px;
}

/*________________[5] sortArea ________________*/

.box-list-sort .sortPop_Area{
letter-spacing:0;
}
.sortArea .linkDetail_Lyt{
position:relative;
}
.sortPop_Area{
background:#fff;
z-index:1;
border:1px solid #bfbfbf;
position:absolute;
left:-1px;
padding:15px;
width:170px;
}

/* sortArea Common Parts */
.sortPop_Area .hdg{
margin-bottom:5px;
color:var(--cmn-font-color-base)333;
font-size:14px;
font-weight:bold;
}
.sortPop_Area ul+.hdg{
margin-top:12px;
}

#container .sortPop_Area .extension{
margin:10px 0;
}
#container .sortPop_Area .extension a ,
#container .sortPop_Area .extension span{
display:inline-block;
height:18px;
width:auto;
line-height:18px;
vertical-align:top;
color:var(--cmn-font-color-base);
background-image:url(/element/w_dp/shared/images/fliter_bt04_001.png);
background-repeat:no-repeat;
font-size:11px;
}
#container .sortPop_Area .extension a{
padding:0 0 0 18px;
white-space:nowrap;
font-size:80%;
background-position:-200px -60px;
}
#container .sortPop_Area .opened a{
background-position:-200px -90px;
}
#container .sortPop_Area .extension span{
padding:1px 10px 0 0;
border:none;
background-position:right -60px;
}
.sortPop_Area .connection{
margin:8px 0;
line-height:1.1;
font-size:12px;
}
.sortPop_Area .connection.transit{
position:relative;
padding-bottom:4px;
margin-bottom:-4px;
}
.sortPop_Area .connection.transit:after{
content:'';
border-bottom:1px dotted #ccc;
width:180px;
position:absolute;
bottom:0;
left:10px;
}
.sortPop_Area .connection li{
margin-top:5px;
}
.sortPop_Area .connection label{
display:block;
clear:both;
text-indent:-1.2em;
padding-left:1.2em;
}
.sortPop_Area .connection input{
float:none;
margin:0 2px 2px 0;
vertical-align:middle;
}
.sortPop_Area .connection.branch_01{
margin:10px 2px 0 1px;
padding:5px 8px 8px;
width:auto;
background-color:#f5f5f5;
font-size:13px;
}
.sortPop_Area label,
input[type="checkbox"],
input[type="radio"]{
cursor:pointer;
}
.sortPop_Area.transfer li{
display:block;
}
/* sortArea Common Parts transfer */
.sortPop_Area.transfer{
left:0;
top:35px;
z-index:1;
}
/* sortArea Common Parts flightTime */
.sortPop_Area.flightTime{
padding-bottom:5px;
left:136px;
top:35px;
z-index:2;
}
.sortPop_Area.transitTime{
padding-bottom:5px;
left:270px;
top:35px;
z-index:2;
}
/* sortArea Common Parts airline */
.sortPop_Area.airline{
left:406px;
top:35px;
z-index:3;
padding:0;
width:200px;
}
/* sortArea Common Parts airport */
.sortPop_Area.airport{
left:540px;
top:35px;
z-index:3;
padding:0;
width:200px;
}
.sortPop_Area.airline p{
display:block;
clear:both;
font-size:11px;
padding:0 8px;
}
.sortPop_Area.airline p a + a {
padding-left:5px;
}
.sortPop_Area.airline p a + a:before{
content:'';
display:inline-block;
width:1px;
height:10px;
background:#ccc;
margin-right:6px;
}
.sortPop_Area.airline p em{
display:block;
margin-top:8px;
color:var(--cmn-font-color-red);
}
.sortPop_Area.airline ul{
padding:0 8px;
margin-top:8px;
margin-bottom:10px;
}
.sortPop_Area.airline ul li{
display:block;
}
.sortArea table tr.linkDetail td .sortPop_Area.airline a{
color:var(--cmn-font-color-link);
background:none;
float:inherit;
padding:0 5px 0 0;
margin-right:5px;
line-height:1.2;
}
.sortArea table tr.linkDetail td .sortPop_Area.airline a:hover{
text-decoration:none;
}
.sortArea table tr.linkDetail td .sortPop_Area.airline a:last-child{
border-right:0;
padding-right:0;
}
.sortArea table tr.linkDetail td .sortPop_Area.airline em{
display:block;
color:#ff0000;
text-indent:-1em;
padding-left:1em;
margin:8px 0;
}
.sortPop_Area.airline p.select{
text-align:right;
margin-bottom:6px;
padding:8px;
background:#f6f6f6;
font-size:10px;
}
.sortPop_Area.airline p.select a{
padding-left:5px;
line-height:1;
}
.sortPop_Area.airline p.select a + a:before{
content:'';
display:inline-block;
width:1px;
height:10px;
background:#ccc;
margin-right:6px;
}
.sortPop_Area.airport p{
display:block;
clear:both;
}
.sortArea table tr.linkDetail td .sortPop_Area.airport a{
color:var(--cmn-font-color-link);
background:none;
float:inherit;
padding:0 5px 0 0;
margin-right:5px;
line-height:1.2;
}
.sortArea table tr.linkDetail td .sortPop_Area.airport a:hover{
text-decoration:none;
}
.sortArea table tr.linkDetail td .sortPop_Area.airport a:last-child{
border-right:0;
padding-right:0;
}
.sortPop_Area.airport p.select{
text-align:right;
margin-bottom:6px;
padding:8px;
background:#f6f6f6;
font-size:10px;
}
.sortPop_Area.airport p.select a{
padding-left:5px;
}
.sortPop_Area.airport p.select a + a:before{
content:'';
display:inline-block;
width:1px;
height:10px;
background:#ccc;
margin-right:6px;
}
.sortPop_Area.airport p.select2{
text-align:left;
margin-bottom:10px;
padding-bottom:8px;
border-bottom:1px dotted #ccc;
font-size:12px;
white-space:nowrap;
padding:0 8px;
}
.sortPop_Area.airport .hdg{
padding-left:12px;
margin-bottom:0px;
}
.sortPop_Area.airport ul{
padding-left:8px;
}
#container .sortPop_Area.airport .extension{
margin-left:8px;
}
.sortPop_Area .slider_Box{
clear:both;
position:relative;
margin:28px auto 7px auto;
width:141px;
height:10px;
border-radius:0;
background:url(/element/w_dp/shared/images/filter_bg01_001.png) no-repeat -27px -20px;
}
.sortPop_Area .slider_Box div{
cursor:pointer;
position:absolute;
top:1px;
margin:0 1px;
height:5px;
background:url(/element/w_dp/shared/images/filter_bg01_001.png) no-repeat -27px 0;
}
.sortPop_Area .slider_Box .min,
.sortPop_Area .slider_Box .max{
border:none;
position:absolute;
top:auto;
bottom:2px;
display:block;
width:18px;
height:28px;
overflow:hidden;
background:url(/element/w_dp/shared/images/filter_bg01_001.png) no-repeat left top;
}
.sortPop_Area .time_Txt{
margin-bottom:10px;
clear:both;
position:relative;
text-align:center;
overflow:hidden;
color:var(--cmn-font-color-gray);
}
.sortPop_Area .time_Txt span{
font-family:arial, helvetica, sans-serif;
}
.sortPop_Area .time_Txt span.min{
float:left;
font-size:93.75%;
}
.sortPop_Area.flightTime .time_Txt span.min:after{
content:'-';
display:inline-block;
position:absolute;
left:50%;
margin:-0.1em 0 0 -0.25em;
}
.sortPop_Area .time_Txt span.max{
float:right;
font-size:93.75%;
}
.sortPop_Area.flightTime .separate{
margin:-11px -15px 0;
padding:15px 15px 0;
border-top:1px solid #bfbfbf;
}
.sortPop_Area.flightTime .separate .time_Txt{
margin-bottom:5px;
border:none;
}
.filter_Box.time{
position:relative;
}
.filter_Box.time label{
margin-right:10px;
}
.sortPop_Area.flightTime .sliderAttend_Txt{
position:absolute;
z-index:500;
width:90px;
height:32px;
text-align:center;
white-space:nowrap;
font:bold 120%/34px arial, helvetica, sans-serif;
background:#fff;
border-radius:4px;
border:solid 1px #666;
border-collapse:separate;
box-shadow:3px 3px 8px rgba(51,51,51,0.4);
}
.sortPop_Area .filter_Box.time + .filter_Box.time{
width:170px;
margin-left:-15px;
padding:10px 15px 0;
border-top:1px solid #ccc;
}
.sortPop_Area.airframe{
left:577px;
top:35px;
z-index:5;
padding:0;
width:200px;
padding-top:10px;
}
.sortPop_Area.airframe input[type="text"],
.sortPop_Area.airframe input[type="search"]{
margin-left:10px;
margin-top:3px;
margin-bottom:5px;
}
.sortPop_Area.airframe .info-textbox{
padding:0 10px;
font-size:11px;
display:block;
color:var(--cmn-font-color-gray);
}
.sortPop_Area.airframe .group_Txt {
display:block;
clear:both;
font-size:11px;
padding:0 8px;
}
.sortPop_Area.airframe .group_Txt a + a {
padding-left:5px;
}
.sortPop_Area.airframe .hdg {
padding-left:12px;
margin-bottom:0px;
}
.sortPop_Area.airframe .group_Txt a + a:before {
content:'';
display:inline-block;
width:1px;
height:10px;
background:#ccc;
margin-right:6px;
}
.sortPop_Area.airframe ul{
padding-left:8px;
padding-right:8px;
}
#container .sortPop_Area.airframe .extension {
margin-left:8px;
}
.hotelselect .sortPop_Area{
top:40px;
}
.sortPop_Area.review{
left:0;
}
.sortPop_Area.days{
left:120px;
}
.sortPop_Area.roomtype{
left:210px;
padding:0;
}
.sortPop_Area.meal{
left:315px;
}
.sortPop_Area.area{
left:420px;
width:450px;
box-sizing:border-box;
}
.sortPop_Area.area ul > li{
width:49%;
font-size:12px;
box-sizing:border-box;
line-height:1.2;
text-indent:-19px;
padding-left:19px;
margin-bottom:3px;
}
.sortPop_Area.area ul > li:nth-child(odd){
margin-right:.8%;
}
.sortPop_Area.area ul > li input{
vertical-align:middle;
}
.sortPop_Area.area ul > li.list-more{
width:100%;
text-indent:0;
padding-left:0;
text-align:center;
}
.sortPop_Area.area ul > li.list-more .btn-more{
display:inline-block;
border:0;
padding:0 0 0 15px;
position:relative;
width:auto;
margin:5px auto 0 auto;
color:var(--cmn-font-color-gray);
font-size:12px;
}
.sortPop_Area.area ul > li.list-more .btn-more:before {
content:'';
display:block;
width:11px;
height:11px;
overflow:hidden;
position:absolute;
top:4px;
left:0;
opacity:.9;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 center no-repeat;
}
.sortPop_Area.area ul > li.list-more.is-active .list-more-child{
text-align:left;
display:block;
}
.sortPop_Area.area ul > li.list-more.is-active .btn-more,
.sortPop_Area.area ul > li.list-more .list-more-child{
display:none;
}
.sortPop_Area.review .hdg{
margin-bottom:5px;
}
.sortPop_Area.review select{
width:160px;
margin-bottom:18px;
}
.sortPop_Area.days li{
display:block;
}
.sortPop_Area.roomtype p.select {
text-align:right;
margin-bottom:6px;
padding:8px;
background:#f6f6f6;
}
.sortPop_Area.roomtype p.select a {
padding-left:5px;
line-height:1;
font-size:10px;
}
.sortPop_Area.roomtype p.select a + a:before {
content:'';
display:inline-block;
width:1px;
height:10px;
background:#ccc;
margin-right:6px;
}
.sortPop_Area.roomtype ul{
padding:10px;
}

/* position-sort-setting
--------------------------------------------- */
.form-search .sortPop_Area.transfer{
left:0px;
top:32px;
z-index:1;
}
.form-search .sortPop_Area.flightTime{
padding-bottom:5px;
left:120px;
top:32px;
z-index:2;
}
.form-search .sortPop_Area.transitTime{
padding-bottom:5px;
left:240px;
top:32px;
z-index:2;
}
.form-search .sortPop_Area.airline{
left:360px;
top:32px;
z-index:3;
padding:0;
width:200px;
}
.form-search .sortPop_Area.airport{
left:480px;
top:32px;
z-index:3;
padding:0;
width:200px;
}
.form-search .sortPop_Area{
top:39px;
}
.form-search .sortPop_Area.days{
left:0;
}
.form-search .sortPop_Area.roomtype{
left:120px;
padding:0;
}
.form-search .sortPop_Area.meal{
left:240px;
}

/* ----------------------------------------------------------------
loading-box
----------------------------------------------------------------- */
.loading{
padding:15px 0;
}
.loading p{
font-size:24px;
text-align:center;
}
.loading p span{
color:var(--cmn-font-color-red);
}
.loading-box-l {
height:48px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) center center no-repeat;
background-size:48px 48px;
text-indent:-9999px;
margin:10px 0 10px 0;
}
.loading-box-m {
height:30px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) center center no-repeat;
background-size:30px 30px;
text-indent:-9999px;
margin:10px 0 10px 0;
}
.loading-box-s {
height:24px;
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) center center no-repeat;
background-size:24px 24px;
text-indent:-9999px;
margin:10px 0 10px 0;
}

/*__________________ [1-6-2] Loading State ____________________*/
#container #filter_Area .loading .number span{
padding:0 0 0 40px;
height:31px;
line-height:31px;
white-space:nowrap;
}
.topLoading_Area{
background:#ecf4fd;
border:1px solid #bcd4f1;
padding:8px 5px 8px 10px;
margin:15px 0;
text-align:center;
}
.topLoading_Area span.load{
background:url(/element/shared/images/icon/icon-loading-spinner-dot.gif) left center no-repeat;
background-size:24px 24px;
padding:0px 0px 0px 40px;
height:32px;
display:inline-block;
margin-top:8px;
}

ul.logoArea li img{
vertical-align:top;
margin:0 6px;
}
.topLoading_Area span.load img{
border:1px solid #ccc;
margin:0px 3px 0 0;
}
.topLoading_Area span.loadText{
display:inline-block;
font-weight:bold;
vertical-align:top;
padding-top:8px;
font-size:125%;

color:#2e2e2e;
padding-right:0px;
line-height:1.5;
margin:0 auto;
}

ul.logoArea{
display:inline-block;
margin-bottom:0px;
max-width:730px;
}

ul.logoArea li{
border:1px solid #cecece;
margin:0 0 5px;
display:inline-block;
background:#fff;
}

ul.logoArea li span{
display:block;
height:14px;
border-top:1px solid #cecece;
font-size:10px;
color:#0e6bf8;
}
ul.logoArea li span.done{
color:#fb910f;
}


/* ----------------------------------------------------------------
  payment tooltip
----------------------------------------------------------------- */
.tip-payment-info{
position:absolute;
top:auto;
right:10px;
padding:10px 16px;
width:440px;
color:var(--cmn-font-color-base);
font-size:13px;
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
box-shadow:1px 1px 3px 0 rgba(153,153,153,.75);
box-sizing:border-box;
z-index:101;
}
.tip-payment-info .list-payment > li{
display:table;
width:100%;
}
.tip-payment-info .list-payment > li > .hdg{
position:relative;
display:table-cell;
width:5.5em;
font-weight:normal;
color:#555;
vertical-align:top;
white-space:nowrap;
}
.tip-payment-info .list-payment > li > .hdg:after{
position:absolute;
content:"\ff1a";
right:0;
}
.tip-payment-info .list-payment > li > .box{
vertical-align:top;
display:table-cell;
white-space:nowrap;
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment > li > .box .cmn-tip-btn{
margin-left:4px;
margin-top:-2px;
}
.tip-payment-info .list-payment-01{
display:inline-block;
letter-spacing:-.4em;
}
.tip-payment-info .list-payment-01 > li{
position:relative;
padding-left:1em;
display:inline-block;
letter-spacing:normal;
}
.tip-payment-info .list-payment-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\ff0f";
}
.tip-payment-info .list-payment-01 > li:first-child{
padding-left:0;
}
.tip-payment-info .list-payment-01 > li:first-child:before{
display:none;
}
.tip-payment-info .list-payment-01 > li.disabled{
color:#ccc;
}
.tip-payment-info .list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}
.tip-payment-info .list-payment-01 > li.disabled + li.disabled:before{
color:#ccc;
}
.tip-payment-info .list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment-info .list-credit > li{
display:inline-block;
}
.tip-payment-info .list-payment img{
vertical-align:middle;
height:15px;
width:auto;
}
.tip-payment-info .pay-text-box{
border-top:1px solid #ccc;
margin-top:4px;
padding-top:8px;
font-size:12px;
}
.tip-payment-info .pay-text-box p{
font-size:12px;
padding-left:.5em;
text-indent:-.5em;
}
.tip-cv-btn-item{
text-align:right;
}
.tip-cv-btn-item .tip-cv-btn{
padding:0 5px;
border:none;
border-radius:4px;
box-sizing:border-box;
color:#fff;
min-width:116px;
height:37px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:18px;
font-weight:bold;
background-color:#72ba00;
white-space:nowrap;
}
.pay-info-box span.cmn-tip-caution-btn,
.pay-info-box span.secure,
.tip-payment-info span.secure{
color:var(--cmn-font-color-base);
position:relative;
padding-right:14px;
}
.pay-info-box span.secure:after,
.tip-payment-info span.secure::after{
margin:0 0 0 8px;
content:'\0203B';
color:var(--cmn-font-color-red);
position:absolute;
top:0;
right:0;
font-size:12px;
font-weight:bold;
}
p.secure-info{
display:inline-block;
color:var(--cmn-font-color-base);
position:relative;
font-size:12px;
line-height:1.45;
margin-top:12px;
position:relative;
}
p + p.secure-info{
margin-top:8px;
}
p.secure-info > b{
font-size:12px;
margin-bottom:4px;
padding-left:15px;
}
p.secure-info:before {
content:'\0203B';
color:var(--cmn-font-color-red);
position:absolute;
top:0;
left:0;
font-size:12px;
font-weight:bold;
}
p.secure-info .txt-imp{
color:var(--cmn-font-color-red);
}
.tip-payment-info .pay-text-box p.secure-info {
padding-left:0;
text-indent:0;
}
.tip-payment-info .list-payment-01 > li .cmn-tip-btn{
margin:-3px 0 0 3px;
}

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:12px;
line-height:1.5;
}
.notice-list-payment-01 > li{
padding-left:10px;
position: relative;
}
.notice-list-payment-01 > li::before{
content: '';
border-radius: 1px;
display: block;
width: 2px;
height: 2px;
overflow: hidden;
position: absolute;
top: 7px;
left: 2px;
background-color: #333;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
}
.notice-list-payment-01 .cmn-dashed{
color: var(--link-color)!important;
--cmn-dashed-color: var(--link-color);
}
.notice-list-payment-01 + .list-payment,
.payment-info-content-list-tbl + .list-payment {
margin-top: 11px;
padding-top: 13px;
border-top: 1px solid #ddd;
}

/* .num-info-list
----------------------------------------------- */
.num-info-list{
margin:8px 0 0;
}
.num-info-list li{
text-indent:-18px;
padding-left:18px;
}
.num-info-list li > span{
padding-right:4px;
}

/* .payment-info-content-list-tbl
----------------------------------------------- */
.payment-info-content-list-tbl {
display:table;
margin-top:3px;
}
.payment-info-content-list-tbl-cell {
display:table-cell;
width:11.5em;
}
.payment-info-content-list-tbl-cell:last-child {
width:auto;
}

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




/*--------------------------------------------------
pay-info-box
---------------------------------------------------*/
.cmn-tip-container.pay-info-box{
padding:15px 20px;
font-size:12px;
width:550px;
box-sizing:border-box;
position:absolute;
background:#fff;
z-index:3;
text-align:left;
top:48px;
left:0;
min-height:95px;
position:absolute;
top:50%;
left:254px;
}
.pay-info-box.wide{
width:640px;
margin:0 auto;
}
.pay-info-box dl dt{
float:left;
margin-bottom:0px;
font-weight:normal;
}
.pay-info-box dd{
margin-left:50px;
margin-bottom:1px;
}
.pay-info-box dd:last-child{
margin-bottom:0;
}
.pay-info-box dd span{
color:#c1c1c1;
}
.pay-info-box dd img{
margin:-5px 0 -3px 0px;
height:15px;
}
.pay-text-box{
border-top:1px dotted #b5b5b5;
margin-top:12px;
padding-top:8px;
font-size:12px;
}
.pay-text-box p{
font-size:12px;
}
.pay-text-box b{
font-size:13px;
display:block;
margin-bottom:4px;
}
.pay-text-box span{
display:inline-block;
text-indent:0;
margin-right:4px;
}
.opt-price{
position:relative;
margin-right:150px;
}
.hotel-commission-box strong{
color:var(--cmn-font-color-red);
}
.hotel-commission-box .head-info{
font-weight:bold;
font-size:14px;
}
.price-detail-box{
background:#f3f3f3;
padding:12px 10px 12px 12px;
display:block;
border-radius:4px;
margin:10px 0 0 0;
}
.price-detail-box li{
display:inline-block;
width:190px;
vertical-align:top;
}
.price-detail-box li:first-child{
padding-top:4px;
}
.price-detail-box li:first-child > span{
display:inline-block;
background:#888;
border-radius:3px;
color:#fff;
font-size:11px;
font-weight:bold;
padding:0px 3px;
margin-right:5px;
}
.wide .price-detail-box li:last-child{
width:350px;
}
.price-detail-box li:last-child{
width:280px;
margin-left:10px;
font-size:13px;
vertical-align:middle;
}
.price-detail-box li:last-child > span{
display:inline-block;
margin-right:5px;
width:26px;
vertical-align:middle;
}
.price-detail-box li:last-child strong{
font-size:18px;
display:inline-block;
width:116px;
text-align:right;
vertical-align:middle;
}
.price-detail-box li:last-child strong + span{
width:125px;
font-size:11px;
margin:0 0 0 7px;
line-height:1.2;
letter-spacing:-0.5px;
}
.wide .price-detail-box li:last-child strong + span{
width:190px;
}
.arrow-box {
position:relative;
background:#fff;
border:1px solid #ccc;
border-radius:4px;
}
.arrow-box:after, .arrow-box:before {
bottom:100%;
left:70px;
border:solid transparent;
content:" ";
height:0;
width:0;
position:absolute;
pointer-events:none;
}
.resort-fee-01 .arrow-box:after,.resort-fee-01 .arrow-box:before{
left:75%;
}
.arrow-box:after {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#fff;
border-width:20px;
margin-left:-20px;
}
.arrow-box:before {
border-color:rgba(255, 255, 255, 0);
border-bottom-color:#ccc;
border-width:21px;
margin-left:-21px;
}
.agent-info-box{
margin-bottom:15px;
}
.agent-info-box > ul{
text-align:left;
}
.agent-info-box li{
display:inline-block;
max-width:160px;
position:relative;
height:165px;
vertical-align:top;
padding-top:20px;
}
.agent-info-box li:first-child > div{
border:1px solid #ccc;
border-radius:4px;
}
.agent-info-box li div{
height:165px;
padding:10px 5px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
}
.agent-info-box li:first-child{
padding-left:54px;
}
.agent-info-box li:first-child:before{
content:'';
display:block;
width:39px;
height:51px;
background:url(/element/w_dp/shared/images/icon-commition-01.gif) no-repeat;
position:absolute;
top:0;
left:15px;
}
.agent-info-box li + li{
padding-left:25px;
position:relative;
}
.agent-info-box li + li:before{
content:'';
display:block;
width:28px;
height:24px;
background:url(/element/w_dp/shared/images/icon-commition-02.gif) no-repeat;
position:absolute;
top:27px;
left:-4px;
}
.agent-info-box .head-text{
font-size:12px;
padding-bottom:6px;
margin-bottom:7px;
border-bottom:1px solid #e2e2e2;
text-align:center;
}
.agent-info-box .price-info{
text-align:center;
font-size:15px;
}
.agent-info-box .price {
font-size:12px;
color:var(--cmn-font-color-gray);
}
.agent-info-box .price b{
font-size:15px!important;
color:var(--cmn-font-color-base);
}
.agent-info-box .cap{
display:block;
font-size:10px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}
.agent-info-box .price-text{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.agent-info-box .price-text b{
line-height:1.3;
display:block;
margin-top:8px;
font-size:12px!important;
color:var(--cmn-font-color-base);
}
.pay-info-box.wide .agent-info-box li div.arrow-box,
.pay-info-box .agent-info-box li.resort-fee-01 .arrow-box{
width:380px;
}
.pay-info-box .agent-info-box li .arrow-box div{
display:inline-block;
width:165px;
}
.pay-info-box .agent-info-box li .arrow-box div.agent-move{
padding-top:0;
}
.pay-info-box .agent-info-box li .arrow-box div + div{
position:relative;
margin-left:20px;
}
.pay-info-box .agent-info-box li .arrow-box div + div:before{
display:block;
content:'';
width:18px;
height:4px;
background:#777;
position:absolute;
left:-22px;
top:43px;
}
.pay-info-box .agent-info-box li .arrow-box div + div:after{
display:block;
content:'';
width:4px;
height:18px;
background:#777;
position:absolute;
left:-15px;
top:36px;
}
.text-agent-info{
font-size:11px;
color:var(--cmn-font-color-gray);
margin:15px 0 -10px 0;
letter-spacing:-0.5px;
}
#one_column #main_Col .cpnInfo_Area{
line-height:1.5;
}

/* .btn-tip-detail
--------------------------------------------*/

#one_column #main_Col .btn-tip-detail{
font-size:10px;
color:var(--cmn-font-color-base);
background:#fff;
border:1px solid #ccc;
padding:1px 2px 0;
border-radius:2px;
margin:0 2px;
text-decoration:none;
}
#one_column #main_Col .btn-tip-detail:hover{
background-color:#f3f3f3;
}

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

/* .hotel-fee
----------------------------------------------- */

.cmn-tip-container.hotel-fee{
width:500px;
}
.cmn-tip-container.hotel-fee p span{
color:#e93939
}

/* .booking-info
----------------------------------------------- */

.cmn-tip-box .booking-info-box p{
margin:0 0 10px 0;
}
.cmn-tip-box .booking-info-box p .info-st{
color:var(--cmn-font-color-red);
}
.cmn-tip-box .booking-info-box dl{
margin-bottom:8px;
}
.cmn-tip-box .booking-info-box dl.hotel-list{
margin-bottom:0;
}
.cmn-tip-box .booking-info-box dl dt{
display:block;
box-sizing:border-box;
border:1px solid #ccc;
position:relative;
height:30px;
vertical-align:middle;
margin-bottom:6px;
}
.cmn-tip-box .booking-info-box dl.flight-list dt:before{
content:'1';
font-size:20px;
font-weight:bold;
padding:2px 8px 0 8px;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt:before{
content:'2';
font-size:20px;
font-weight:bold;
padding:2px 8px 0 8px;
}
.cmn-tip-box .booking-info-box dl dt span{
height:28px;
box-sizing:border-box;
vertical-align:top;
display:inline-block;
border-left:1px solid #ccc;
padding:5px 0 0 31px;
position:relative;
font-weight:bold;
}
.cmn-tip-box .booking-info-box dl.flight-list dt span:before{
content:'';
display:block;
width:18px;
height:18px;
overflow:hidden;
position:absolute;
top:5px;
left:8px;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) 0 0 no-repeat;
background-position:-145px -45px;
}
.cmn-tip-box .booking-info-box dl.hotel-list dt span:before{
content:'';
display:block;
width:18px;
height:18px;
overflow:hidden;
position:absolute;
top:7px;
left:8px;
background:url(/element/shared/images/sprite/sprite-icon-symbol.png) 0 0 no-repeat;
background-position:-10px -45px;
}
.cmn-tip-box p > .strong{
color:var(--cmn-font-color-red);
}
.cmn-tip-box ul.sup-list {
margin-top:10px;
}
.cmn-tip-box ul.sup-list li{
font-size:11px;
text-indent:-1em;
padding-left:1em;
display:block;
}
.booking-info-box + .booking-info-box{
border-top:1px solid #ccc;
padding-top:9px;
}
.booking-info-box + .booking-info-box p:last-child{
margin-bottom:0;
}
.cmn-tip-box > p.txt-no-int{
text-indent:0;
padding-left:0;
}
.Act_Travelko_Hotel_Link + .cmn-tip-container,
.search-result + .cmn-tip-container{
width:385px;
}
.cmn-tip-box .list-int li{
display:block;
text-indent:-1em;
padding-left:1em;
}

.cmn-tip-box .tip-list-02{
margin-top:8px;
}
.cmn-tip-box .tip-list-02 li{
margin-left:1.3em;
text-indent:-1.3em;
margin-right:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:8px;
}
.cmn-tip-box .tip-list-02 li::before{
content:"\30FB";
}
.cmn-tip-box .tip-note-list{
color:var(--cmn-font-color-gray);
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list .mark{
margin-right:4px;
}
.cmn-tip-box .tip-note-list-02{
color:var(--cmn-font-color-gray);
text-align:right;
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list-02 .mark{
margin-right:4px;
}
.cmn-tip-box .tip-link-02{
text-align:right;
margin-top:16px;
}
.cmn-tip-box .tip-link-02 a{
text-decoration:none;
position:relative;
padding-left:12px;
color:var(--font-color-btn-link);
}
.cmn-tip-box .tip-link-02 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);
transform:rotate(-45deg);
}
.cmn-tip-box >:first-child{
margin-top:0;
}.cmn-tip-box .tip-list-02{
margin-top:8px;
}
.cmn-tip-box .tip-list-02 li{
margin-left:1.3em;
text-indent:-1.3em;
margin-right:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:8px;
}
.cmn-tip-box .tip-list-02.col-02 li{
box-sizing:border-box;
display:inline-block;
width:44%;
margin-right:0;
box-sizing:border-box;
}
.cmn-tip-box .tip-list-02 li::before{
content:"\30FB";
}
.cmn-tip-box .tip-note-list{
color:var(--cmn-font-color-gray);
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list .mark{
margin-right:4px;
}
.cmn-tip-box .tip-note-list-02{
color:var(--cmn-font-color-gray);
text-align:right;
margin-top:4px;
margin-left:1.3em;
text-indent:-1.3em;
}
.cmn-tip-box .tip-note-list-02 .mark{
margin-right:4px;
}
.cmn-tip-box .tip-link-02{
text-align:right;
margin-top:16px;
}
.cmn-tip-box .tip-link-02 a{
text-decoration:none;
position:relative;
padding-left:12px;
color:var(--cmn-font-color-gray);
}
.cmn-tip-box .tip-link-02 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);
transform:rotate(-45deg);
}
.cmn-tip-box >:first-child{
margin-top:0;
}

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

/* .sum-info-box
----------------------------------------------- */
.sum-info-box > p{
margin-top:0;
}
.price-info-item{
margin-bottom:10px;
margin-top:10px;
}
.price-info-list{
margin:5px 0 0;
padding:0 10px;
}
.price-info-list .fee-list{
border:1px solid #ddd;
display:block;
margin:5px 0 0;
padding:8px;
font-size:12px;
}
.price-info-list .fee-list .fee-area-list{
margin:0;
font-size:0;
padding:0 13px;
}
.price-info-list .fee-list .fee-area-list li{
width:49.5%;
font-size:12px;
display:inline-block;
}
.price-info-list-item{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
.price-info-list-item li{
text-indent:-1em;
padding-left:1em;
}
.price-info-list-item li:before{
content:'\030FB';
}
.search-result-inner .plan-item-list > .plan-item-cell.going .name,
.search-result-inner .plan-item-list > .plan-item-cell.return .name{
font-size:12px;
padding:5px 5px 3px 5px;
}

/* .code-share-box
----------------------------------------------- */
.plan-item-cell .item-line.code-share > .code-share-flights{
display:table-caption;
caption-side:bottom;
clear:both;
font-size:11px;
color:var(--cmn-font-color-base);
padding-bottom:4px;
}
.plan-item-cell .item-line.code-share > .code-share-flights > span,
.fselect-list .code-share .airline > .code-share-flights > span{
display:inline-block;
margin:0 3px;
vertical-align:middle;
}
.search-result-container .plan-item-cell .item-line-block .item-line.code-share > .code-share-flights{
padding:0 10px 4px 18px;
}
.fselect-list tr.code-share-child td{
padding:0 0 4px 30px;
}
.breakDetail_main_Col2 tr.code-share-child td{
padding:0 10px 6px 0;
}
.fselect-list tr.code-share-child .code-share-flights,
.breakDetail_main_Col2 tr.code-share-child .code-share-flights{
display:block;
z-index:1;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1;
}
.code-share-detail .fselect-list tr.code-share-child .code-share-flights{
display:inline-block;
line-height:1.35;
}
.fselect-list tr.code-share-child .code-share-flights > span,
.breakDetail_main_Col2 tr.code-share-child .code-share-flights > span{
display:inline-block;
margin:0 3px;
vertical-align:middle;
}
.fselect-list .code-share td{
padding-bottom:33px;
}
.fselect-list .code-share .airline{
position:relative;
}
.fselect-list .code-share .airline > .code-share-flights{
position:absolute;
bottom:5px;
width:380px;
display:block;
line-height:1.2;
color:var(--cmn-font-color-base);
font-size:11px;
}
.code-share-detail {
text-align:center;
display:flex;
margin-top:10px;
}
.code-share-detail .fselect-list{
width:auto;
display:inline-block;
border:1px solid #ddd;
padding:3px 10px 10px;
margin:0 auto;
}
.code-share-detail .fselect-list tr td{
border:0;
text-align:left;
}
.code-share-detail .fselect-list tr td.time{
text-align:center;
padding-right:5px;
}
.code-share-detail .fselect-list tr:hover td{
background:none;
}
.code-share-detail .fselect-list tr.code-share-child td{
padding:0;
}
.code-share-detail::before,
.code-share-detail::after{
content:"";
display:table;
}
.code-share-detail::after{
clear:both;
}
.code-share-detail .fselect-list table.only-airline{
width:auto;
}
.code-share-detail .fselect-list table.only-airline td.airline{
position:relative;
padding-left:80px;
width:inherit;
}
.code-share-detail .fselect-list table.only-airline td.airline img{
position:absolute;
left:0;
top:5px;
font-size:11px;
}
.plan-item-list .item-line .date{
font-size:12px;
font-weight:bold;
font-family:arial;
}
.cmn-tip-container .code-share-detail .fselect-list .cmn-tip-btn{
cursor:default;
}
.cmn-tip-container .code-share-detail .fselect-list .cmn-tip-btn:hover{
background:url(/element/shared/images/icon/icon-tip-faq.svg) 0 0 no-repeat;
background-size:12px 12px;
}
.cmn-tip-container .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-container .cmn-tip-hdg-01::before{
display:none;
}

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

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

.modal-exec{
font-size:15px;
}
.modal-exec > b{
margin:0 5px;
color:var(--cmn-font-color-base);
display:inline-block;
min-width:4em;
vertical-align:middle;
font-size:25px;
text-align:right;
}
.modal-list-box .modal-section{
margin-bottom:20px;
text-align:left;
font-size:12px;
}
.modal-list-box p.modal-hdg{
height:22px;
background:#f1f1f1;
font-size:15px;
font-weight:bold;
padding:0 5px;
margin-bottom:15px;
text-align:left;
color:var(--cmn-font-color-base);
}
.modal-section p b{
font-size:13px;
color:#5770af;
}
.modal-section p select{
margin-right:30px;
margin-left:5px;
width:150px;
}
.modal-section + .modal-section{
border-top:1px solid #ddd;
padding-top:10px;
margin-top:-10px;
}
.modal-section ul li{
width:190px;
padding-right:5px;
display:inline-block;
font-size:13px;
color:var(--cmn-font-color-base);
}
.modal-section ul li.disabled{
opacity:.25;
}
.modal-section ul li.disabled label,
.modal-section ul li.disabled input[type="checkbox"],
.modal-section ul li.disabled input[type="radio"]{
cursor:default;
color:#ccc;
}
.modal-section input[type="checkbox"],
.modal-section input[type="radio"] {
cursor:pointer;
margin:-2px 4px 0 0;
vertical-align:middle;
}
label{
cursor:pointer;
}
.modal-section input[type="text"],
.modal-section input[type="search"]{
width:300px;
padding:3px;
margin-top:4px;
}
.modal-box .submit_Area{
background:#e9e9e9;
padding:10px 20px;
font-size:16px;
font-weight:bold;
}
.modal-box .submit_Area em{
color:var(--cmn-font-color-red);
font-size:24px;
}
.modal-box .submit_Area .button input[type="button"]{
font-size:20px;
font-weight:bold;
width:160px;
height:40px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
margin-left:10px;
}
.modal-list-box p.modalHotelName,
.modal-list-box p.modalHotelAddress{
color:var(--cmn-font-color-base);
}
.overlay_wrapper div.item_Area {
overflow:inherit;
margin:0;
padding:0;
width:auto;
height:auto;
border:0;
}
.modalHotelName{
font-weight:bold;
text-align:left;
}
.modalHotelAddress{
text-align:left;
margin-bottom:5px;
}

/* ----------------------------------------------------------------
  Searching
----------------------------------------------------------------- */

.searching-box{
z-index:1001;
background:#fff;
}
.searching-box .result-box{
margin:8px 8px 0 8px;
background:#f5f5f5;
text-align:center;
box-sizing:border-box;
padding:12px;
}
.searching-box .result-box > .result-list{
display:inline-block;
}
.searching-box .result-box > .result-list li{
display:table;
}
.searching-box .result-box > .result-list li .item-cell{
display:table-cell;
text-align:left;
}
.searching-box .result-box > .result-list li .item-cell:first-child{
width:80px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.searching-box .result-box > .result-list li .item-cell:last-child{
font-size:13px;
}
.searching-box .result-box > .result-list li .item-cell:last-child:before{
content:'\0FF1A';
}
.searching-box-under{
padding:30px 8px;
}
.searching-box-under .searching-txt{
text-align:center;
font-weight:bold;
font-size:16px;
color:var(--cmn-font-color-base);
}
.searching-box-under .searching-txt > span{
font-size:24px;
display:block;
}
.searching-progressbar{
border-radius:10px;
background-color:#e9e9e9;
margin:10px auto 13px;
overflow:hidden;
}
.searching-progressbar-inner{
height:10px;
border-radius:0;
background-image:url(/element/w_dp/shared/images/modal_bg01_001.gif);
text-indent:-9999px;
}
.loading-bar-item {
margin-bottom:8px;
}
.form-search.toggle-container + .loading-bar-item,
.hotelselect + .loading-bar-item{
margin:-18px 0 16px 0;
}
.loading-bar-item > .loading-bar-txt{
display:block;
font-size:12px;
margin-bottom:-8px;
}
.loading-bar-item .searching-progressbar{
width:100%;
}
.loading-bar-item > .loading-bar-info{
font-size:13px;
display:block;
margin-top:18px;
}
.dtl-searching{
text-align:center;
margin:80px 0;
}
.dtl-searching > .dtl-searching-txt{
font-size:20px;
font-weight:bold;
}

/* .search-plan-item-info
----------------------------------------------- */
.search-plan-item-info{
background:#fff;
color:var(--cmn-font-color-base);
padding:8px 10px 6px;
font-size:12px;
line-height:1.1;
border-radius:4px;
margin:13px -9px -2px -9px;
}
.searching-info{
text-align:center;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.searching-box .searching-notice{
font-size:16px;
font-weight:bold;
text-align:center;
margin:-10px 0 30px 0
}
.searching-box .searching-notice span{
color:var(--cmn-font-color-red);
}
.agent-list{
margin:20px 0 -10px 5px;
text-align:center;
}
.agent-list li{
display:inline-block;
min-width:78px;
border:1px solid #cecece;
box-sizing:border-box;
margin:0 0 10px 5px;
}
.agent-list li .logo{
text-align:center;
display:block;
vertical-align:middle;
height:38px;
min-width:76px;
border-bottom:1px solid #cecece;
padding:0 5px;
box-sizing:border-box;
}
.agent-list li .logo img{
max-height:37px;
}
.agent-list:before,
.agent-list:after{
content:"";
display:table;
}
.agent-list li .status-txt{
font-size:10px;
text-align:center;
display:block;
font-weight:bold;
}
.agent-list li .status-txt .loading{
color:#2b7df9;
display:block;
padding:0;
}
.agent-list li .status-txt .done{
color:#fb910f;
display:block;
}
.agent-list:after{
clear:both;
}
.agent-txt-list{
margin-top:15px;
}
.agent-txt-list li{
display:block;
text-align:center;
margin-bottom:4px;
font-size:12px;
}
.agent-txt-list li:last-child{
margin-bottom:-3px;
}

/* .breakDetail_Box2
--------------------------------------------------- */

.breakDetail_Box2{
position:absolute;
top:auto;
right:10px;
padding:15px;
width:470px;
color:var(--cmn-font-color-base);
font-size:11px;
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;
}
.breakDetail_main_Col2 p.air-info{
border-bottom:1px dotted #bcbcbc;
margin:2px 10px 12px 10px;
padding-bottom:4px;
font-size:12px;
}
.breakDetail_one_column2{
width:435px;
background-position:-920px bottom;
background-repeat:no-repeat;
}
.breakDetail_main_Col2{
padding:0 0px 0 0px;
width:435px;
background-position:-460px top;
text-align:left;
}
.breakDetail_main_Col2 table{
width:100%;
border-spacing:0;
border:0;
margin:0;
table-layout:fixed;
border-top:1px solid #bbb;
}
.fselect-list .breakDetail_main_Col2 td span{
white-space:normal;
padding-bottom:0;
}
.breakDetail_main_Col2 table th.sum{
background:#efefef;
border-top:1px solid #bcbcbc;
padding:4px 4px;
text-align:right;
font-size:85%;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.breakDetail_main_Col2 table th.sum em{
font-size:11px;
font-weight:bold;
margin-left:12px;
}
.breakDetail_main_Col2 table td {
padding:5px 1px;
width:auto;
box-sizing:border-box;
}
.breakDetail_main_Col2 table td.goingm{
width:115px;
}
.breakDetail_main_Col2 table td.retrunm{
width:115px;
}
.breakDetail_main_Col2 table td.sum{
text-align:right;
vertical-align:middle;
border-left:1px solid #bcbcbc;
width:75px;
padding-right:5px;
font-size:11px;
}
.breakDetail_main_Col2 table td.transit{
background:#f5f5f5;
border-bottom:1px dotted #bcbcbc;
border-top:1px dotted #bcbcbc;
}
.breakDetail_main_Col2 table td.air{
background:url(/element/w_dp/shared/images/icon_table01_001.png) left center no-repeat ;
width:25px;
border:0px;
}
.breakDetail_main_Col2 table td.title{
text-align:center;
color:var(--cmn-font-color-base);
width:62px;
padding-left:5px;
}
.breakDetail_main_Col2 table td.title img{
max-width:60px;
}
.breakDetail_main_Col2 table td.airport1{
width:120px;
}
.breakDetail_main_Col2 table td.airport2{
width:120px;
}
.breakDetail_main_Col2 table td.transit.air{
background:url(/element/w_dp/shared/images/icon_table01_001.png) left center no-repeat #f5f5f5;
width:auto;
border-bottom:1px dotted #bcbcbc;
border-top:1px dotted #bcbcbc;
}
.breakDetail_main_Col2 table td{
border-spacing:0;
font-size:100%;
}

/* sch-dtl-container
------------------------------------------------ */
.sch-dtl-container{
position:relative;
margin:0 -16px -5px;
color:var(--cmn-font-color-base);
text-align:left;
line-height:1.4;
}
.sch-dtl-container .sch-dtl-item{
padding:5px 20px 0 20px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:10px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:first-child{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:last-child{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-hdg{
margin-right:5px;
font-weight:normal;
font-size:14px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req{
padding-bottom:1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-note{
color:#949494;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dt{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-5px;
float:left;
clear:left;
margin-bottom:10px;
padding-right:8px;
width:95px;
text-align:right;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt b{
margin-bottom:-5px;
margin-left:3px;
font-weight:normal;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt.flight.time{
padding:0 5px 0 0;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date{
position:relative;
top:-1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt .number{
position:absolute;
top:15px;
left:30%;
color:var(--cmn-font-color-red);
text-align:center;
font-weight:bold;
font-size:9px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt .sch-info{
display:block;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-2px;
float:left;
padding:0 0 15px 18px;
width:273px;
text-align:left;
word-break:break-all;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::before{
overflow:hidden;
display:block;
position:absolute;
top:10px;
left:5px;
width:2px;
height:100%;
background-color:#898989;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::after{
position:absolute;
top:0;
left:0;
border:2px solid #898989;
border-radius:50%;
width:8px;
height:8px;
background-color:#fff;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b{
position:relative;
top:-3px;
font-weight:normal;
font-size:13px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > span{
margin-left:3px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > span.airport{
margin-left:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end{
padding-bottom:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end::before{
display:none;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term{
display:block;
position:relative;
padding-top:10px;
padding-right:0;
padding-left:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b{
position:absolute;
top:50%;
left:-83px;
margin-top:-3px;
font-weight:normal;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b .font-num{
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc{
display:table-cell;
vertical-align:top;
word-break:break-all;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-name{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-blank{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-flt-code{
margin-left:3px;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo{
display:inline-block;
position:relative;
top:-2px;
margin-left:4px;
vertical-align:middle;
line-height:2;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:1px solid #d2d2d2;
width:13px;
height:13px;
background-color:#fff;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span img{
display:table-cell;
max-width:12px;
max-height:12px;
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-notes{
display:block;
color:#949494;
font-weight:normal;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
width:255px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a{
color:var(--cmn-font-color-gray);
font-size:11px !important;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:link,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:visited,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:hover,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:active{
color:var(--cmn-font-color-gray);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a::after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg) no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-notes{
display:block;
margin-top:2px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-sup{
display:block;
color:var(--cmn-font-color-gray);
font-size:12px;
margin-top:2px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-sup .ic-brt{
padding-right:4px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-sup .cmn-tip-caution-btn{
margin-left:4px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class{
display:inline-block;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class.carrier-seat-class-att::before{
display:inline-block;
margin-right:2px;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:top;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .luggage-info{
display:block;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att{
display:block;
position:relative;
margin-top:3px;
padding-left:15px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:1px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child::after{
display:inline-block;
margin:0 2px 0 3px;
content:":";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span::last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .ico-transit-01{
overflow:hidden;
display:inline-block;
position:relative;
padding-top:11px;
width:13px;
height:0;
background-image:url(/element/w_dp/shared/images/icon/icon-car-gray.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
margin:-1px 4px 0 0;
}
.sch-dtl-desc-transit:has(.ico-transit-01) .flt-term-transit-txt::after{
content:'';
margin:0 2px 0 4px;
display:inline-block;
vertical-align:baseline;
line-height:1;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.transfer:before{
border-left:2px dotted #898989;
background-color:transparent;
}
.sch-dtl-container .sch-stay-item{
margin:5px 0 10px;
padding:7px 15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.sch-dtl-container .sch-stay-item .sch-stay-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:32px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
margin-right:15px;
white-space:nowrap;
font-weight:normal;
font-size:12px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-blank{
font-size:11px;
}

/* ----------------------------------------------------------------
Agent-link
----------------------------------------------------------------- */
.agent-link-item-box{
margin:30px auto 0 auto;
border:3px solid #a9a9a9;
width:800px;
box-sizing:border-box;
padding:35px 15px;
text-align:center;
}
.agent-link-item-box > .agent-logo{
text-align:center;
margin-bottom:15px;
}
.agent-link-item-box > .agent-logo img{
width:auto;
max-height:76px;
}
.agent-link-item-box .agent-move-txt{
text-align:center;
font-size:18px;
font-weight:bold;
margin-bottom:25px;
}
.agent-link-item-box .agent-move-txt .agent-name{
color:var(--cmn-font-color-red);
padding:0 4px;
}
.agent-link-item-box .agent-booking-info{
font-size:12px;
color:#555;
text-align:center;
margin:30px 0 30px 0;
}
.agent-link-item-box .move-txt{
font-size:12px;
color:#555;
text-align:center;
margin-bottom:30px;
}
.pay-info-box {
width:510px;
margin:0 auto;
}
.txt-hc-info{
font-weight:bold;
}
.agent-link-item-box .agent-btn-box{
text-align:center;
clear:both;
}
.agent-link-item-box .agent-btn-box .btn-booking{
padding:5px 30px;
border:none;
border-radius:4px;
color:#fff;
min-width:9em;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
text-decoration:none;
display:inline-block;
margin:0 auto;
}
.agent-link-item-box .agent-btn-box .btn-booking:hover,
.agent-link-item-box .agent-btn-box .btn-booking:active,
.agent-link-item-box .agent-btn-box .btn-booking:focus{
text-decoration:none;
background-color:#67a700;
}
.agent-link-item-box .agent-notice{
font-size:18px;
font-weight:bold;
margin-bottom:20px;
}
.agent-link-item-box .agent-notice small{
font-weight:normal;
font-size:12px;
}
.agent-link-item-box .agent-notice > .notice{
color:var(--cmn-font-color-red);
padding-right:15px;
}
.agent-link-item-box .cmn-tip-btn {
margin-left: 3px;
}
.notice-box {
padding:15px 20px;
background:#fff5f5;
margin:0 45px 20px 45px;
}
.notice-box > .info-txt{
font-size:18px;
color:var(--cmn-font-color-red);
font-weight:bold;
margin-bottom:10px;
}
.notice-box > .notice-line{
display:table;
width:100%;
box-sizing:border-box;
text-align:left;
font-weight:bold;
}
.notice-box > .notice-line .item-cell{
display:table-cell;
width:105px;
}
.notice-box > .notice-line .item-cell:last-child{
width:auto;
}
.notice-box > .notice-line .item-cell:last-child:before{
content:':';
margin:0 5px;
}
.notice-box > .notice-line .item-cell ul{
padding-left:32px;
font-size:12px;
text-indent:-1em;
color:#555;
margin-top:5px;
}
.notice-box > .notice-line .item-cell li{
font-weight:normal;
margin-bottom:4px;
}
.notice-box > .notice-line .item-cell li span{
color:var(--cmn-font-color-red);
}
.other-item-box{
margin:0 45px;
background:#f3f3f3;
padding:20px;
box-sizing:border-box;
}
.other-item-box .other-item-list > li b{
font-size:16px;
text-align:left;
position:relative;
display:block;
padding-left:22px;
}
.other-item-box .other-item-list > li b:before{
border-radius:2px;
background-color:#287ac4;
content:'';
display:block;
width:14px;
height:14px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
}
.other-item-box .other-item-list > li b:after{
content:'';
display:block;
position:absolute;
top:5px;
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);
}
.other-item-box .other-item-list > li{
border-top:1px solid #e1e1e1;
padding-top:8px;
margin-top:8px;
text-align:left;
}
.other-item-box .other-item-list > li:first-child{
border-top:0;
margin-top:0;
padding-top:0;
}
.other-item-box .other-item-list > li ul > li{
font-weight:normal;
font-size:13px;
margin-left:22px;
text-indent:-1em;
padding-left:1em;
color:#555;
margin-bottom:3px;
}
.other-item-box .other-item-list > li ul > li:before{
content:'\30FB';
}
.other-item-box .other-item-list > li ul > li span{
color:var(--cmn-font-color-red);
}
.agent-link-item-box .pay-info-box{
margin-top:40px;
}
.agent-link-item-box .pay-info-box .agent-info-box{
border:0;
}
.agent-link-item-box.error{
padding:50px 15px;
}
.agent-link-item-box .error-agt-box .error-head{
font-size:16px;
font-weight:bold;
margin-bottom:30px;
}
.agent-link-item-box .error-agt-box .error-head .error-head-inner{
font-weight:normal;
font-size:13px;
margin-top:5px;
}
.agent-link-item-box .error-agt-box .error-agt{
margin-bottom:20px;
}
.agent-link-item-box .error-agt-box .error-agt b{
font-size:14px;
}

/* .agent-link-item-box error
----------------------------------------------- */
.agent-link-item-box .error-item{
margin: 0;
text-align: center;
}
.agent-link-item-box .error-note{
font-size: 17px;
margin-bottom: 20px;
font-weight: bold;
}
.agent-link-item-box .error-txt{
font-size: 13px;
font-weight: normal;
margin-bottom: 30px;
}

/* agt-link-info
----------------------------------------------- */
.agt-link-info{
font-size: 17px;
margin: 15px 0;
}
.agt-link-note {
color:var(--cmn-font-color-gray);
font-size: 11px;
}
.agt-link-txt{
font-size: 13px;
margin: 15px 0;
}
.agt-link-att-name{
font-size: 18px;
}
.agt-link-att{
font-size: 17px;
font-weight: bold;
margin: 15px 0;
}

/* agent-move-price-tbl
------------------------------------------------ */
.agent-move-price-tbl{
margin:0 auto;
border-collapse:collapse;
border-top:1px solid #ccc;
width:570px;
}
.agent-move-price-tbl th{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:9px 10px 0 10px;
width:120px;
text-align:left;
font-weight:normal;
font-size:12px;
line-height: 1.9;
}
.agent-move-price-tbl .agent-move-price-notes{
display:block;
font-size:11px;
}
.agent-move-price-tbl .font-num{
font-family:Arial, Helvetica, sans-serif;
}
.move-price-s{
display: block;
font-size: 12px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child .move-price-s{
color:var(--cmn-font-color-base);
}
.move-price-s .num{
font-size: 16px;
}

/* agent-move-price-chg
------------------------------------------------ */
.agent-move-price-chg{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.agent-move-price-chg .agent-move-price-chg-col{
position:relative;
width:50%;
line-height: 1.3;
padding: 8px 0 0;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
color:#a4a4a4;
text-align:right;
font-size:14px;
}
.agent-move-price-chg .agent-move-price-chg-col:first-child .font-num{
font-size:20px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child{
display:table-cell;
padding:8px 100px 0 40px;
color:var(--cmn-font-color-red);
text-align:left;
font-size:14px;
text-align: right;
width: 126px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child .font-num{
font-weight:bold;
font-size:22px;
}
.agent-move-price-chg .agent-move-price-chg-col:last-child:before{
display:inline-block;
position:absolute;
top:50%;
left:18px;
margin-top:-5px;
width:50px;
height:10px;
background:url(/element/w_dp/shared/images/icon-arrow-02.svg) top left no-repeat;
content:"";
}
.agent-move-price-chg.agent-move-price-chg-branch .agent-move-price-chg-col:first-child{
width:130px;
}
.agent-move-tbl-container .airline-item{
display: table;
margin-bottom: 5px;
}
.agent-move-tbl-container .airline-item > div{
display: table-cell;
}
.agent-move-tbl-container .airline-item .txt-hdg{
font-size: 12px;
width: 28px;
}
.agent-move-tbl-container .flight-detail-list > .time-detail{
width: 150px;
}
.agent-move-tbl-container .flight-detail-list{
display: inherit;
}

/* .time-detail
----------------------------------------------- */
.agent-link-item-box .flight-detail-list > .time-detail{
font-size: 11px;
width: 150px;
padding: 0 7px;
text-align: center;
box-sizing: border-box;
white-space: normal;
}
.agent-link-item-box .flight-detail-list > .time-detail.dpt,
.agent-link-item-box .flight-detail-list > .time-detail.arv{
width: auto;
}
.agent-link-item-box .flight-detail-list > .time-detail .flight-time{
position: relative;
line-height: 1.3;
}
.agent-link-item-box .flight-detail-list > .time-detail .flight-time .txt-ilb{
display: block;
}
.agent-link-item-box .flight-detail-list > .time-detail .flight-time .cmn-tip-btn,
.agent-link-item-box .flight-detail-list > .time-detail .flight-time .cmn-tip-info-btn{
margin: -2px 0 0 2px;
vertical-align: middle;
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class{
position: relative;
margin-top: 12px;
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class:before {
display: block;
position: absolute;
right: 50%;
margin-right: -57px;
top: -11px;
border-width: 5px 0 5px 5px;
border-style: solid;
border-color: transparent transparent transparent #aaa;
width: 0;
height: 0;
content: "";
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class::after {
display: block;
position: absolute;
top: -7px;
left: 50%;
margin-left: -63px;
border-top: 2px solid #aaa;
width: 120px;
height: 1px;
content: "";
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class.transit-01 > span::before {
display: block;
position: absolute;
top: -9px;
left: 50%;
z-index: 1;
margin-left: -4px;
border: 2px solid #aaa;
border-radius: 50%;
width: 3px;
height: 3px;
background-color: #fff;
content: "";
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class.transit-02 > span::before{
display:block;
position:absolute;
top: -9px;
left:38%;
z-index:1;
border:2px solid #aaa;
border-radius:50%;
width: 3px;
height: 3px;
background-color:#fff;
content:"";
}
.agent-link-item-box .flight-detail-list > .time-detail .seat-class.transit-02 > span::after{
display:block;
position:absolute;
top: -9px;
right:38%;
border:2px solid #aaa;
border-radius:50%;
width: 3px;
height: 3px;
background-color:#fff;
z-index: 1;
content:"";
}
.agent-link-item-box .flt-term-transit::after {
display: inline-block;
position: relative;
top: 1px;
margin-left: 1px;
width: 12px;
height: 10px;
background: url(/element/w_dp/shared/images/icon-car-gray.svg) 0 0 no-repeat;
content: "";
}

.btn-str-01{
min-width: 190px;
height: 40px;
border-radius: 4px;
background: #fff;
border: 1px solid #c5c5c5;
box-shadow: 0px 2px 0px #c5c5c5;
color:var(--cmn-font-color-gray);
font-size: 14px;
padding: 0 20px;
}
.txt-imp {
color:var(--cmn-font-color-red);
}

/* .price-tbl-02
------------------------------------------------ */
.agent-move-price-tbl.price-tbl-02 th{
background-color:#f4f4f4;
padding:9px 10px;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col {
padding: 2px 0;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col:last-child{
padding: 0 100px 0 80px;
width: auto;
}
.price-tbl-02 .agent-move-price-chg .agent-move-price-chg-col:last-child .move-price-s{
color:var(--cmn-font-color-red);
}
.price-tbl-02 + .agent-move-tbl-container{
padding: 20px 0;
}
.agent-move-detail .agent-flight-detail{
display: table;
width: 100%;
}
.agent-move-detail .agent-flight-detail > div{
display: table-cell;
vertical-align: middle;
font-size: 11px;
}
.agent-move-detail .agent-flight-detail .seat-class > span + span::before{
content:'/';
margin: 0 5px;
}
.agent-move-detail .agent-flight-detail .flight-detail-btn{
text-align: right;
}
.agent-move-detail .agent-flight-detail .flight-detail-btn .btn-detail-s{
padding: 5px;
font-size: 11px;
}
.agent-move-detail .item-plan-name{
margin:20px 0 0;
padding: 0;
font-size: 12px;
}
.agent-move-detail .stay-num{
font-size: 12px;
}
.agent-move-detail .btn-detail-s {
display: inline-block;
color:var(--cmn-font-color-gray);
background: #fff;
font-size: 11px;
border-radius: 3px;
border: 1px solid #bbb;
box-shadow: 0 -1px 0 #bbb inset;
box-sizing: border-box;
padding: 3px;
line-height: 1;
}
.agent-link-item-box .airline-item .txt-name .name{
font-size: 11px;
}

/* agt-hotel-check-num
------------------------------------------------ */
.agt-hotel-check-num{
text-align: left;
font-size: 11px;
padding: 0 10px 5px;
}
.agt-hotel-check-num .num{
font-size: 12px;
}
.agent-move-detail .agt-hotel-check-num{
padding: 0;
margin: 3px 0 4px;
}
.agent-move-detail .agt-hotel-check-num > b{
padding-right: 5px;
}
.agent-move-detail .agt-hotel-check-num b .num{
font-size: 13px;
}
.agt-hotel-plan{
font-size: 11px;
}
.tax.include {
margin-left: 2px;
color: #2b65a0;
}

/* luggage-info
------------------------------------------------ */
.search-flight-detail .luggage-info{
font-size: 11px;
text-align: left;
margin-top: 4px;
}

/* agent-move-tbl-container
------------------------------------------------ */
.agent-move-tbl-container{
margin:0 auto;
padding:10px 0 10px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
width:570px;
font-size: 13px;
}

/* .agent-move-detail
------------------------------------------------ */
.agent-move-detail{
width: 570px;
margin: 15px auto 30px;
text-align: left;
}
.agent-move-detail .seat-class{
font-size: 12px;
}
.agent-move-detail .btn-detail-item{
text-align: right;
margin-top: -20px;
margin-bottom: 20px;
}
.agent-move-detail .btn-detail-item .btn-detail{
font-size: 11px;
}
.agent-move-btn-list{
width: 420px;
margin: 0 auto;
font-size: 0;
}
.agent-move-btn-list li{
width: 200px;
display: inline-block;
}
.agent-move-btn-list li .btn-str-01{
padding: 0 5px;
min-width: 200px;
}
.agent-move-btn-list li:not(:last-child){
margin-right: 18px;
}
.agent-move-note{
color:var(--cmn-font-color-gray);
width: 420px;
text-align: left;
margin: 8px auto 0;
font-size: 11px;
}

/* .search-flight-item
----------------------------------------------- */
.search-flight-item{
padding: 0 0 10px 0;
}
.search-product-hdg{
font-size: 16px;
font-weight: bold;
}
.search-product-hdg > .stay-num{
font-weight: normal;
padding-left: 15px;
font-size: 12px;
}
.search-product-hdg > .stay-num .num{
font-size: 13px;
}
.search-product-hdg .num{
font-size: 17px;
}
.search-flight-item-note{
text-align: right;
font-size: 11px;
color:var(--cmn-font-color-gray);
margin: -21px 0 3px;
}
.search-flight-tbl{
display: flex;
}
.search-flight-tbl > .search-flight-detail{
width: 100%;
box-sizing: border-box;
padding-left: 10px;
}
.search-flight-tbl > .search-flight-detail:first-child{
border-right: 1px dotted #ccc;
padding-left: 0;
padding-right: 10px;
}

/* .airline-item
----------------------------------------------- */
.search-flight-item .airline-item{
display: table;
width: 100%;
margin: 5px 0;
font-size: 11px;
}
.search-flight-item .airline-item > div{
display: table-cell;
vertical-align: middle;
}
.airline-item .txt-hdg{
width: 30px;
font-size: 13px;
font-weight: bold;
}
.airline-item .logo{
line-height: 1;
text-align: left;
width: 50px;
}
.airline-item .logo > span{
display: inline-block;
padding: 1px;
vertical-align: middle;
}
.airline-item .logo > span img{
max-width: 48px;
}
.airline-item .txt-name{
font-size: 11px;
padding: 0 0 0 4px;
}
.airline-item .txt-name .name{
max-width: 155px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: middle;
font-size: 12px;
}
.name-code-share .airline-item .txt-name{
text-align: left;
}
.agent-move-tbl-container .name-code-share .airline-item{
min-height: 53px;
}
.airline-item .txt-name .code-share{
display: block;
text-align: left;
line-height: 1.3;
margin: 3px 0;
}
.airline-item .txt-name .code-share .cmn-tip-btn{
margin: 0 0 2px 3px;
}
.sch-airline-info,
.airline-item .txt-name .sch-airline-info{
color:var(--cmn-font-color-gray);
}
.airline-item .txt-name .alliance-logo,
.airline-item .logo > .alliance-logo{
display: inline-block;
border: 1px solid #ccc;
margin-left: 3px;
}
.airline-item .txt-name img,
.airline-item .logo > .alliance-logo img {
max-width: 15px;
max-height: 15px;
vertical-align: middle;
line-height: 1;
}
.airline-item .btn-detail{
width: 72px;
}
.airline-item .btn-detail button{
padding: 0;
border: 1px solid #bbb;
border-radius: 3px;
width: 72px;
height: 25px;
color: #555;
background-color: #fff;
box-shadow: 0 -1px 0 #bbb inset;
font-size: 10px;
}

/* .flight-detail-list
----------------------------------------------- */
.flight-detail-list{
display: table;
width:100%;
}
.search-product-item .flight-detail-list{
display: inline-block;
position: relative;
padding-right: 50px;
box-sizing: border-box;
}
.flight-detail-list + .airline-item{
margin-top: 5px;
padding-top: 5px;
border-top: 1px dotted #ccc;
}
.flight-detail-list > div{
display: table-cell;
white-space: nowrap;
vertical-align: middle;
}
.item-filter{
margin-top: 2px;
text-align: right;
}
.item-filter .item-filter-note{
font-size: 11px;
color:var(--cmn-font-color-gray);
}
.btn-filter{
width: 40px;
height: 40px;
border-radius: 2px;
background: #fff;
border: 1px solid #bbb;
box-shadow: 0px 1px 0px #bbb;
color:var(--cmn-font-color-gray);
font-size: 11px;
padding: 0;
text-align: center;
line-height: 1.4;
}
.flight-detail-list .btn-filter{
position: absolute;
right: 0;
top: 0;
}
.flight-detail-list > .date-detail{
width: auto;
}
.flight-detail-list > .date-detail span{
display: block;
line-height: 1.2;
}
.flight-detail-list > .date-detail span.num{
display: inline;
}
.search-product-item .flight-detail-list > .date-detail span.num{
font-size: 14px;
}
.flight-detail-list > .date-detail .date{
font-size: 11px;
}
.flight-detail-list > .date-detail .time{
font-size: 13px;
font-weight: bold;
font-family: Arial;
}
.search-product-item .flight-detail-list > .date-detail .time{
font-size: 15px;
}
.flight-detail-list > .date-detail .airport{
font-size: 12px;
font-family: Arial;
}
.search-product-item  .flight-detail-list > .date-detail .airport{
font-size: 13px;
}
.flight-detail-list > .date-detail.dpt .date-detail-item{
display: inline-block;
float: right;
text-align: left;
}
.agent-link-item-box .flight-detail-list > .date-detail .date{
font-size: 11px;
}
.agent-link-item-box .flight-detail-list > .date-detail .date .num {
font-size: 12px;
}

/* sch-dtl-container
------------------------------------------------ */
.cmn-tip-container.tip-flight-detail{
width: 420px;
}
.sch-dtl-container{
position:relative;
margin:0 -16px -5px;
color:var(--cmn-font-color-base);
text-align:left;
line-height:1.4;
}
.sch-dtl-item-zoom-btn{
overflow:hidden;
position:absolute;
top:-5px;
right:5px;
padding-top:20px;
border:none;
width:20px;
height:0;
background:none;
}
.sch-dtl-item-zoom-btn::before{
display:block;
position:absolute;
top:3px;
left:3px;
width:14px;
height:14px;
background:url(/element/w_dp/shared/images/icon-zoom-in.svg) 0 0 no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item{
padding:5px 20px 0 20px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:10px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:first-child{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header > div:last-child{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-hdg{
margin-right:5px;
font-weight:normal;
font-size:14px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req{
padding-bottom:1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item .sch-dtl-header .sch-dtl-header-note{
color:var(--cmn-font-color-gray);
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dt{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-5px;
float:left;
clear:left;
margin-bottom:10px;
padding-right:8px;
width:95px;
text-align:right;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt b{
margin-bottom:-5px;
font-weight:normal;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt.flight.time{
padding:0 5px 0 0;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date{
position:relative;
top:-1px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dt .date .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt .number{
position:absolute;
top:15px;
left:30%;
color:var(--cmn-font-color-red);
text-align:center;
font-weight:bold;
font-size:9px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dt .sch-info{
display:block;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
top:-2px;
float:left;
padding:0 0 15px 18px;
width:273px;
text-align:left;
word-break:break-all;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::before{
overflow:hidden;
display:block;
position:absolute;
top:10px;
left:5px;
width:2px;
height:100%;
background-color:#898989;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport::after{
position:absolute;
top:0;
left:0;
border:2px solid #898989;
border-radius:50%;
width:8px;
height:8px;
background-color:#fff;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b{
position:relative;
top:-3px;
font-weight:normal;
font-size:13px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > a{
position:relative;
padding-left:13px;
color:var(--cmn-font-color-gray);
font-size:14px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > a::before{
display:inline-block;
position:absolute;
top:1px;
left:0px;
width:9px;
height:13px;
background:url(/element/w_air_on/shared/images/icon/icon-pin.svg) no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > b > span{
margin-left:3px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end{
padding-bottom:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.end::before{
display:none;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term{
display:block;
position:relative;
padding-top:10px;
padding-right:0;
padding-left:0;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b{
position:absolute;
top:50%;
left:-83px;
margin-top:-3px;
font-weight:normal;
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term > b .font-num{
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc{
display:table-cell;
vertical-align:top;
word-break:break-all;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-name{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-blank{
font-size:12px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-flt-code{
margin-left:3px;
font-size:13px;
font-family:Arial;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo{
display:inline-block;
position:relative;
top:-2px;
margin-left:4px;
vertical-align:middle;
line-height:2;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
border:1px solid #d2d2d2;
width:13px;
height:13px;
background-color:#fff;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-alliance-logo span img{
display:table-cell;
max-width:12px;
max-height:12px;
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-notes{
display:block;
color:var(--cmn-font-color-gray);
font-weight:normal;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:relative;
width:255px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info::after{
display:table;
clear:both;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external{
display:inline-block;
float:right;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a{
color:var(--cmn-font-color-gray);
font-size:11px !important;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:link,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:visited,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:hover,
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a:active{
color:var(--cmn-font-color-gray);
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info .carrier-link-external a::after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg) no-repeat;
content:"";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-info-notes{
display:block;
margin-top:2px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-class{
display:inline-block;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att{
display:block;
position:relative;
margin-top:3px;
padding-left:15px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-seat-att::before{
display:block;
position:absolute;
top:1px;
left:0;
width:14px;
height:12px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 0 no-repeat;
content:"";
vertical-align:middle;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules{
display:block;
margin-top:3px;
font-size:11px;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child{
white-space:nowrap;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span:first-child::after{
display:inline-block;
margin:0 2px 0 3px;
content:":";
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .carrier-baggage-rules > span > span::last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport > .sch-term .sch-dtl-desc .sch-dtl-desc-transit{
margin-top:2px;
font-size:11px;
display:block;
}
.ico-transit-01{
overflow:hidden;
display:inline-block;
position:relative;
padding-top:11px;
width:13px;
height:0;
background-image:url(/element/w_dp/shared/images/icon/icon-car-gray.svg);
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
line-height:2;
}
.flt-term-transit:has(.ico-transit-01) .flt-term-transit-txt::after{
content:'/';
margin:0 3px 0 4px;
display:inline-block;
vertical-align:top;
line-height:1;
}
.flt-term-transit-txt{
vertical-align:text-bottom;
}
.sch-dtl-container .sch-dtl-item > dl > dd.airport.transfer:before{
border-left:2px dotted #898989;
background-color:transparent;
}
.sch-dtl-container .sch-stay-item{
margin:5px 0 10px;
padding:7px 15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.sch-dtl-container .sch-stay-item .sch-stay-header{
-ms-flex-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:32px;
-webkit-box-align:center;
align-items:center;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-hdg{
margin-right:15px;
white-space:nowrap;
font-weight:normal;
font-size:12px;
padding-left: 5px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length .font-num,
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-length .num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req{
font-size:11px;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-req .font-num{
font-size:12px;
font-family:Arial;
}
.sch-dtl-container .sch-stay-item .sch-stay-header .sch-stay-header-blank{
font-size:11px;
}

/* .cmn-tip-box .tip-codeshare-tbl
----------------------------------------------- */
.cmn-tip-box .tip-codeshare-tbl{
margin-top:10px;
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.cmn-tip-box .tip-codeshare-tbl th{
width:75px;
background-color:#f5f5f5;
text-align:left;
font-weight:normal;
font-size:12px;
}
.cmn-tip-box .tip-codeshare-tbl th,
.cmn-tip-box .tip-codeshare-tbl td{
padding:7px 10px;
}

/* .carrier-link-external
----------------------------------------------- */
.tip-codeshare-tbl .carrier-link-external::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
border-top:1px solid #666;
border-right:1px solid #666;
width:3px;
height:3px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.tip-codeshare-tbl .carrier-link-external a{
color:var(--cmn-font-color-gray);
font-size:11px !important;
}
.tip-codeshare-tbl .carrier-link-external a:link,
.tip-codeshare-tbl .carrier-link-external a:visited,
.tip-codeshare-tbl .carrier-link-external a:hover,
.tip-codeshare-tbl .carrier-link-external a:active{
color:var(--cmn-font-color-gray);
}
.tip-codeshare-tbl .carrier-link-external a::after{
display:inline-block;
position:relative;
top:1px;
margin-left:3px;
width:12px;
height:11px;
background:url(/element/shared/images/icon/icon-external.svg);
content:"";
}

/*___________________ Content Settings dl ___________________*/
.spBtn_Area{
clear:both;
padding:30px 0 24px 0;
width:960px;
}
#contentAppeal_List li{
position:absolute;
top:12px;
}
#contentAppeal_List li a{
display:block;
padding:36px 0 0 0;
height:0;
overflow:hidden;
}
#contentAppeal_List .expedia{
left:67px;
width:62px;
}
#contentAppeal_List .expedia a {
width:62px;
}
#contentAppeal_List .his{
left:10px;
width:57px;
}
#contentAppeal_List .his a {
width:57px;
}
#contentAppeal_List .meitetsu{
left:130px;
width:75px;
}
#contentAppeal_List .meitetsu a {
width:75px;
}
#contentAppeal_List .dena{
left:208px;
width:45px;
}
#contentAppeal_List .dena a {
width:45px;
}
#contentAppeal_List .ena{
left:260px;
width:50px;
}
#contentAppeal_List .ena a {
width:50px;
}
#contentAppeal_List .suprice{
left:313px;
width:60px;
}
#contentAppeal_List .suprice a {
width:60px;
}
#contentAppeal_List .jtb{
left:374px;
width:50px;
}
#contentAppeal_List .jtb a {
width:50px;
}
#contentAppeal_List .anasales{
left:428px;
width:88px;
}
#contentAppeal_List .anasales a {
width:88px;
}
#contentAppeal_List .tabikobo{
left:525px;
width:100px;
}
#contentAppeal_List .tabikobo a {
width:100px;
}
/*
.loading .loading-box-l,
.loading p{
margin-right:190px;
}
*/
.loading p{
margin-top:80px;
}
#Act_SearchMethodRewriteArea + .loading .loading-box-l,
#Act_SearchMethodRewriteArea + .loading p,
.shopList_Area .loading .loading-box-l,
.shopList_Area .loading p{
margin:0;
}
#contentMenu_Area .btnArea {
right:140px;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */

.error-box{
font-size:12px;
text-align:center;
margin:15px auto;
padding:0 10px;
}
.error-box-s{
font-size:10px;
text-align:center;
margin:15px auto;
padding:0 10px;
}
.error-box-b{
font-size:14px;
text-align:center;
line-height:1.6;
font-weight:bold;
margin:30px auto;
padding:0 10px;
}
.error-box-b-l{
font-size:16px;
text-align:center;
line-height:1.6;
font-weight:bold;
margin:45px auto;
padding:0 25px;
}

/* form .is-error
----------------------------------------------- */
#container .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);
}
.is-error + .form-search-btn-del-01{
top:2px;
right:2px;
height:30px;
}
.form-search .is-error + .form-search-btn-del-01{
right:2px;
}
.form-search-index-error {
margin: 0 auto 10px;
text-align: left;
display: table;
font-size: 12px;
}
.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;
color: var(--color-red);
}
.stay-numbers-box .form-search-index-error{
display: block;
clear: both;
padding-top:1px;
margin-bottom:0;
}
#container .adult.is-error,
#container .child.is-error{
border:inherit;
background-color:inherit;
box-shadow:inherit;
}
#container .adult.is-error .form-search-label,
#container .child.is-error .form-search-label{
border:2px solid #f1a8a8;
background-color: rgba(233,57,57,.1);
border-right:0;
box-sizing:border-box;
}
#container .adult.is-error .form-custom-select,
#container .child.is-error .form-custom-select{
border:2px solid #f1a8a8;
background-color: rgba(233,57,57,.1);
border-left:1px solid #bebebe;
box-sizing:border-box;
}
.form-seach-error-item{
text-align:right;
}
.form-search .stay-numbers-box .form-search-index-error{
padding-left:112px;
}
.form-search > .form-search-index-error {
margin: -30px 0 50px auto;
}
.form-search .form-search-index-exec-btn.is-disabled,
.lp-form-search .lp-form-search-exec .lp-form-search-exec-btn.is-disabled{
opacity:.33;
}
#container .lp-form-search .search-filter-list.is-error{
border:0;
background-color:inherit;
box-shadow:inherit;
}
.lp-form-search .search-filter-list.is-error .form-custom-select{
border:2px solid #f1a8a8;
background-color: rgba(233,57,57,.1);
border-left:1px solid #bebebe;
border-right:0;
box-sizing:border-box;
}
.lp-form-search .search-filter-list.is-error ul li:first-child .form-custom-select{
border-left:2px solid #f1a8a8;
}
.lp-form-search .search-filter-list.is-error ul li:last-child .form-custom-select{
border-right:2px solid #f1a8a8;
}

/* ----------------------------------------------------------------
  Notfound
----------------------------------------------------------------- */
/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:14px;
}
.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:var(--cmn-font-color-gray);
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;
}

/* direct-flight-info
----------------------------------------*/
.direct-flight-info{
position:relative;
color:var(--cmn-font-color-base);
font-size:14px;
padding:15px 15px 15px 35px;
text-align:left;
margin:-20px 0 18px 0;
border:2px solid #999;
}
.direct-flight-info b{
font-size:14px;
color:var(--cmn-font-color-red);
font-weight: normal;
}
.direct-flight-info p{
position:relative;
}
.direct-flight-info p:before {
content:'';
background: url(/element/shared/images/icon/icon-caution-triangle-red.svg) no-repeat;
background-size: 14px 12px;
width:14px;
height:12px;
position:absolute;
left:-14px;
top:50%;
margin-top:-7px;
}
.direct-flight-info a{
display: block;
width: 14px;
height: 0;
padding-top: 14px;
line-height: 2;
overflow: hidden;
position: absolute;
top: 8px;
right: 8px;
background: url(/element/w_dp/shared/images/icon-x.svg) 50% 50% no-repeat;
background-size: 9px 9px;
}
.fselect-list .direct-flight-info{
margin:0px 7px;
font-size:13px;
line-height:1.6;
}
.fselect-list td.direct-flight-tbl:hover{
background:#fff;
}
.flight-direct-box {
margin:-25px 0 15px 0;
}
.flight-direct-box .direct-flight-info{
margin:0 auto;
box-sizing:border-box;
}

/* .search-result-info
------------------------------------ */
.search-result-info{
margin:0 0 10px;
padding:16px;
border:1px solid #e30707;
position:relative;
font-size:12px;
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;
}
.search-result-info .search-result-info-btn{
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:10px;
right:10px;
width:14px;
height:14px;
background:url(/element/w_dp/shared/images/icon-close-square.svg) 0 0 no-repeat;
background-size:14px;
}
.search-result-info .search-result-info-wording{
margin:0;
padding:0 18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 3px no-repeat;
background-size:14px auto;
}
.search-result-info .search-result-info-wording > span{
color: #e93939;
}

/* .search-item-error
------------------------------------------------------ */
.search-item-error{
min-height:400px;
text-align: center;
padding:40px 0 0;
}

.search-item-error > p{
font-size:17px;
font-weight:bold;
margin:0 0 32px;
}

.search-item-error button{
display:inline-block;
margin:0 auto;
background-color:#fff;
border:1px solid #C5C5C5;
border-radius:5px;
height:40px;
width:230px;
text-align:center;
box-sizing: border-box;
box-shadow: 0 -1px 0 #C5C5C5 inset;
font-size:14px;
color:#666;
}

/* LP
----------------------------------------------- */

/* .lp-hdg-l1
----------------------------------------------- */
.lp-hdg-l1 {
margin-top:25px;
padding:7px 15px;
color:#fff;
font-size:24px;
font-weight:bold;
background-color:#666;
}
.lp-hdg-l1 img{
vertical-align:middle;
margin-right:10px;
}
/* .lp-hdg-l2
----------------------------------------------- */
.lp-hdg-l2 {
margin:60px 0 20px;
padding-top:15px;
border-top:3px solid #113f76;
font-size:20px;
font-weight:bold;
}
.lp-hdg-l2 + .mod-01 .mod-01-tab-item {
overflow:hidden;
margin:20px 0 0 0;
}
/* .lp-box
----------------------------------------------- */

.lp-box{
margin-top:20px;
padding:15px 20px;
background-color:#f6f6f6;
}
.lp-hdg-l1 + .lp-box{
margin-top:0;
}

/* .lp-box-hdg
----------------------------------------------- */

.lp-box .lp-box-hdg{
margin-bottom:5px;
font-size:16px;
font-weight:bold;
}

/* .image-col
----------------------------------------------- */

.image-col{
overflow:hidden;
font-size:14px;
}
.image-col > .col{
padding-left:30px;
overflow:hidden;
}
.image-col > .image{
float:left;
width:366px;
height:240px;
position:relative;
overflow:hidden;
background-color:#f0f0f0;
}
.image-col > .image img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:100%;
max-height:100%;
}
.image-col .image-col-hdg{
margin-bottom:3px;
font-size:16px;
}
.image-col p + .image-col-hdg{
margin-top:1em;
}
.service-info{
font-size:10px;
display:block;
color:#555;
line-height:1.5;
margin-bottom:3px;
}
.detail-line .service-info{
padding-left:101px;
}
.modal-section .service-info{
margin:5px 0 0 0;
}

/* .child-num-tip
----------------------------------------------- */

.mod-num{
position:absolute;
border:3px solid #0d4c8f;
border-radius:2px;
background-color:white;
-webkit-box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
box-shadow:0 4px 4px 0 rgba(0, 0, 0, .1);
text-align:center;
font-size:12px;
width:232px;
z-index:1;
}
.mod-num-container{
position:relative;
padding:10px 18px 10px 10px;
}
.mod-num-container .btn-close{
overflow:hidden;
display:block;
position:absolute;
top:3px;
right:3px;
padding-top:16px;
border-radius:50%;
width:16px;
height:0;
background-color:#777;
line-height:2;
}
.mod-num-container .btn-close::before,
.mod-num-container .btn-close::after{
display:block;
position:absolute;
content:"";
}
.mod-num-container .btn-close::before{
overflow:hidden;
display:block;
position:absolute;
top:6px;
left:3px;
width:10px;
height:2px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.mod-num-container .btn-close::after{
overflow:hidden;
display:block;
position:absolute;
top:-2px;
left:7px;
width:2px;
height:10px;
background-color:#fff;
content:"";
-webkit-transform:translateY(50%) rotate(45deg);
transform:translateY(50%) rotate(45deg);
}
.mod-num-txt{
text-indent:-1em;
padding-left:1em;
line-height:1.5;
text-align:left;
}

/* .child-num-tip
----------------------------------------------- */
.add-num-item{
display:none;
clear:both;
padding-left:187px;
padding-top:6px;
position:relative;
}
.add-num-item.is-active{
display:block;
margin-left:5px;
}
.form-search-index .add-num-item.is-active{
margin-left:33px;
}
.add-num-item .btn-del{
padding:0;
border:none;
background:none;
position:absolute;
left:173px;
top:14px;
width:12px;
}
.add-num-item .btn-del:before {
margin-top:-6px;
content:"";
display:block;
position:absolute;
top:50%;
left:0;
width:12px;
height:12px;
overflow:hidden;
background-color:#999;
}
.add-num-item .btn-del span{
text-indent:-9999px;
display:inline-block;
}
.add-num-item .btn-del span:before {
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:6px;
content:"";
display:block;
width:8px;
height:2px;
background-color:#fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.add-num-item .btn-del span:after {
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
left:6px;
content:"";
display:block;
width:8px;
height:2px;
background-color:#fff;
-ms-transform:rotate(45deg);
transform:rotate(45deg);
margin:-4px 0 0 -1px;
width:2px;
height:8px;
}
.stay-numbers-box .add-num-item .search-filter-item-cell.room:first-child h3{
line-height:1.2;
margin-top:4px;
font-size:11px;
font-weight:normal;
color:#555;
padding-right:0;
}
.stay-numbers-box .add-num-item .search-filter-item-cell.room:first-child .icon-required{
right:2px;
}
.stay-numbers-box .add-num-item .search-filter-item-cell.room:first-child {
padding:1px 5px 0;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
background-color:#f6f6f6;
font-size:11px;
line-height:1.25;
float:left;
height:34px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
margin-left:5px;
width:125px;
}
.form-search-index-item.room-numbers.add-num-item{
padding-left:230px;
}
.form-search-index-item.room-numbers.add-num-item .btn-del{
left:220px;
}
.stay-numbers-box .add-num-item .search-filter-item-cell.room {
padding:1px 5px 0;
font-size:11px;
line-height:1.25;
float:left;
height:34px;
box-sizing:border-box;
border-radius:2px 0 0 2px;
margin-left:5px;
width:92px;
}
.form-search-index-item.room-numbers > .form-search-index-item-cell{
position:relative;
}
.form-search-index-item.room-numbers > .form-search-index-item-cell .child-info{
text-indent:-5em;
padding-left:5em;
font-size:11px;
line-height:1.3;
position:absolute;
right:-150px;
top:3px;
color:var(--cmn-font-color-base);
width:141px;
height:28px;
white-space:nowrap;
box-sizing:border-box;
display:none;
}
.form-search-index-item.room-numbers > .form-search-index-item-cell .child-info.is-active{
display:block;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */

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

.lp-form-search{
margin:0 0 40px;
padding:15px 20px;
color:#555;
position:relative;
background-color:#f6f6f6;
}
.lp-form-search .ui-datepicker-btn{
margin-bottom:5px;
vertical-align:middle;
}

/* .lp-form-search-hdg
----------------------------------------------- */

.lp-form-search .lp-form-search-hdg{
margin-bottom:5px;
color:var(--cmn-font-color-base);
font-size:17px;
}

/* .lp-form-search-btn-reset
----------------------------------------------- */

.lp-form-search .lp-form-search-btn-reset{
padding:4px 10px 3px 26px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#bbb;
position:absolute;
top:0;
right:0;
color:#555;
background-color:transparent;
font-size:11px;
}
.lp-form-search .lp-form-search-btn-reset:before{
position:absolute;
top:0;
bottom:0;
left:10px;
margin:auto 0;
display:block;
overflow:hidden;
width:8px;
height:8px;
content:'';
background:url(/element/w_dp/shared/images/icon-reset-line.svg) no-repeat 0 0;
background-size:8px;
}
.lp-form-search .lp-form-search-btn-reset > span{
display:block;
}

/* .lp-form-search-exec
----------------------------------------------- */

.lp-form-search .lp-form-search-exec{
margin-top:15px;
padding:20px 10px 10px;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}
.lp-form-search .lp-form-search-exec:before,
.lp-form-search .lp-form-search-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.28) transparent transparent transparent;
border-style:solid;
}
.lp-form-search .lp-form-search-exec:after{
top:0;
border-top-color:#f6f6f6;
}

/* .lp-form-search-exec-btn
----------------------------------------------- */

.lp-form-search .lp-form-search-exec .lp-form-search-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.3);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
}
.lp-form-search .lp-form-search-exec .lp-form-search-exec-btn:active,
.lp-form-search .lp-form-search-exec .lp-form-search-exec-btn:hover,
.lp-form-search .lp-form-search-exec .lp-form-search-exec-btn:focus{
background-color:#67a700;
}

/* .lp-city-list
----------------------------------------------- */
.lp-city-list .city-name{
font-size:15px;
font-weight:bold;
width:150px;
display:inline-block;
vertical-align:top;
}
.lp-city-list > li{
display:block;
margin-top:10px;
}
.lp-city-list ul{
display:inline-block;
max-width:790px;
}
.lp-city-list ul > li{
display:inline-block;
font-size:14px;
padding:0 15px;
line-height:1.1;
border-left:1px solid #ddd;
}
.lp-city-list ul > li:first-child{
border:0;
padding-left:0;
}
.lp-city-list ul > li a{
color:#555;
}

/* .item-price-list
----------------------------------------------- */
.item-line .item-price-list{
margin-top:-3px;
}
.plan-item-list > .plan-item-cell .item-line:nth-child(3){
margin-top:7px;
}
.item-line .item-price-list li {
line-height:1.35;
font-size:11px;
display:table;
width:100%;
text-align:right;
margin:0;
padding:0;
}
.item-line .item-price-list li > span{
display:table-cell;
box-sizing:border-box;
vertical-align:middle;
}
.item-line .item-price-list li > span:first-child {
text-align:left;
}
.item-line .item-price-list li > span.one-price{
font-size:11px;
}
.item-line .item-price-list li > span .cmn-tip-btn{
vertical-align:middle;
margin-left:3px;
}
.item-line .item-price-list li > span b.num{
font-size:20px;
padding-right:2px;
}
.item-line .item-price-list li > span span.num{
font-size:11px;
padding-right:3px;
}
.item-line .item-price-list li > span.price-one{
font-size:10px;
}
.plan-item-area .item-line .sup-under{
margin:3px 0;
text-align:right;
color:var(--cmn-font-color-base);
font-family:arial;
}
.plan-item-area .item-line .sup-under .stay-num,
.plan-item-list .item-line .sup .stay-num{
font-weight:normal;
padding:0 4px;
}
.plan-item-area .item-line .sup-under .num,
.plan-item-list .item-line .sup .num{
font-size:12px;
}
.plan-item-list .item-line .sup{
margin-top:5px;
color:var(--cmn-font-color-base);
font-family:arial;
}
.plan-item-area .plan-item-list > .plan-item-cell{
height:auto;
}
.plan-item-list .item-line .btn-item{
margin:0 0 5px 0;
}
.plan-item-list .payment-info {
margin:0;
width:173px;
}
.plan-item-list .payment-info li{
width:49%;
display:inline-block;
float:left;
box-sizing:border-box;
font-size:11px;
color:var(--cmn-font-color-base);
}
.plan-item-list .payment-info li:last-child{
float:right;
}
.notice{
color:var(--cmn-font-color-red);
}

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

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

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

/* ----------------------------------------------------------------
  .re-search-container
----------------------------------------------------------------- */
/* .re-search-container
----------------------------------------------- */
.re-search-container.is-re-search{
position:relative;
}
.re-search-container.is-re-search::after{
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
background-color:rgba(255,255,255,.8);
}

/* .re-search-alert
----------------------------------------------- */
.re-search-container .re-search-alert{
display:none;
}
.re-search-container.is-re-search .re-search-alert{
margin:0 auto;
padding:5px;
border:4px solid #ccc;
color:var(--cmn-font-color-base);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
position:sticky;
top:80px;
right:0;
left:0;
width:625px;
height:110px;
z-index:2;
font-weight:bold;
font-size:18px;
text-align:center;
background-color:#fff;
}
.re-search-container .re-search-alert strong{
color:var(--cmn-font-color-base);
font-weight:bold;
}

/* .form-search-exec-btn-ballon
----------------------------------------------- */
.form-search .form-search-exec-btn-ballon{
margin-top:10px;
padding:6px 10px;
border-radius:4px;
color:#fff;
box-sizing:border-box;
position:absolute;
top: calc(100% - 18px);
right:-9px;
display:none;
width:160px;
background-color:#555;
line-height:1.4;
font-size:12px;
text-align:center;
z-index:2;
}
.form-search .form-search-exec-btn-ballon::before{
border-width:0 8px 8px 8px;
border-color:transparent transparent #555 transparent;
border-style:solid;
content:'';
display:block;
width:0;
height:0;
position:absolute;
top:-7px;
right:70px;
}
.is-re-search .form-search-exec-btn-ballon{
display:block;
}


/* -----------------------------------------------------
SEO under
----------------------------------------------------- */
/* card-under-content
----------------------------------------------------- */
.card-under-content{
background-color:#eee;
-o-border-image:linear-gradient(#eee 0, #eee 100%) 0 / / 0 100vw 0 100vw;
border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), to(#eee)) fill 0 / / 0 100vw 0 100vw;
border-image:linear-gradient(#eee 0, #eee 100%) fill 0 / / 0 100vw 0 100vw;
margin:30px 0 -50px 0;
padding:20px 0 50px;
clear:both;
}
.card-under-content .select-content-header::after{
content:"";
display:table;
clear:both;
}

/* card-container
----------------------------------------------------- */
.card-container{
position:relative;
z-index:1;
}
.card-container .card-content{
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.card-container .card-content:not(:first-child){
margin-top:36px;
}
.card-container .card-content.card-spot-ranking + .card-content{
margin-top:4px;
}
.card-container .card-content .card-item{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
padding:20px;
}
.card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.card-container .card-content.card-faq .card-item{
margin-top:0;
}
.card-container .card-content.card-seo-list .card-item{
padding-top:9px;
padding-bottom:9px;
overflow:hidden;
}
.card-container .card-content.card-seo-list .card-item > .link-list-toggle > li:first-child{
border-top:none;
}
.card-container .card-content.card-matome .card-item{
margin-top:0;
}
.card-container >:first-child{
margin-top:0;
}

/* .card-header
----------------------------------------------------- */
.card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding:0 26px 0 0;
margin-bottom:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-header .card-header-hdg{
font-size:16px;
font-weight:bold;
line-height:calc(22.5 / 16);
}
.card-item-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:8px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}

/* card-item-header branch
---------------------------------- */
.card-item-header.branch{
display:flex;
justify-content:space-between;
margin-bottom:12px;
align-items:end;
}
.card-ranking-sort-list .form-custom-select{
border-color:#ccc;
border-radius:17px;
min-width:146px;
}
.card-ranking-sort-list .form-custom-select select{
padding:5px 20px 5px 12px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
width:100%;
height:34px;
box-sizing:border-box;
background-color:transparent;
font-size:12px;
position:relative;
color: var(--cmn-font-color-base);
border-radius:17px;
}
.card-ranking-sort-list .form-custom-select::before{
right:7px;
}

/* card-tgl-container
---------------------------------- */
.card-tgl-container[aria-expanded=true] .card-tgl-content{
display:block;
margin-bottom:16px;
}
.card-tgl-container[aria-expanded=true] .card-tgl-hook{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-04-up-l.svg);
background-position:calc(100% - 4px) center;
}
.card-tgl-container[aria-expanded=false] .card-tgl-content{
display:none;
}
.card-tgl-container .card-tgl-hook{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
margin:0;
text-indent:-9999px;
border:none;
background:url(/element_sp/w_dp/shared/images/icon-arrow-04-down-l.svg) no-repeat calc(100% - 4px) center;
background-size:16px auto;
cursor:pointer;
}

/* .card-ranking-dest
----------------------------------------------------- */
.card-container .card-ranking-dest .card-item{
margin:0 0 28px;
}

/* .card-ranking-dest .cmn-loading-spinner
----------------------------------------------------- */
.card-container .card-ranking-dest .cmn-loading-spinner{
margin:12px auto;
}

/* .card-ranking-dest .cmn-loading-spinner
----------------------------------------------------- */
.card-container .card-ranking-dest .seo-card-error-item{
text-align:center;
font-size:14px;
margin:12px 0;
}

.card-container .card-ranking-dest .seo-card-error-item b{
display:block;
font-size:16px;
margin-bottom:16px;
}

/* .hdg-l2-note/* .hdg-l2-note
----------------------------------------------------- */
.hdg-l2-note{
color:var(--cmn-font-color-gray);
margin:0 0 8px;
}
.hdg-l2-note li{
display:inline-block;
padding-left:16px;
position:relative;
font-size:12px;
line-height:1.3;
}
.hdg-l2-note li:not(:first-child){
margin-left:14px;
}
.hdg-l2-note li::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}

/* .card-item-content
----------------------------------------------------- */
.card-container .card-item-content{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
}
.card-container .cmn-loading-spinner{
margin-bottom:1000px;
}

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

/* .contents-footer-nav-recommend-btn
----------------------------------------------- */
.contents-footer-nav-recommend-btn > li{
position:absolute;
bottom:50%;
transform:translateY(50%);
z-index:2;
}
.contents-footer-nav-recommend-btn > .next{
right:-16px;
}
.contents-footer-nav-recommend-btn > .prev{
left:-16px;
}
.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;
}
.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;
}
.contents-footer-nav-recommend-btn .next button::before{
transform:translate(50%, 50%) rotate(175deg);
}
.contents-footer-nav-recommend-btn button:disabled{
display:none;
}
.contents-footer-nav-recommend-btn button.swiper-button-prev{
left:0;
}
.contents-footer-nav-recommend-btn button.swiper-button-next{
right:0;
}

/* .contents-footer-nav-recommend-list
----------------------------------------------- */
.contents-footer-nav-recommend-list{
margin: -4px;
padding: 4px;
overflow: hidden;
}
.contents-footer-nav-recommend-list.swiper{
padding:3px;
}
.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;
}
.contents-footer-nav-recommend-list > ul > li{
width: 314px;
min-height: 245px;
border-radius: 8px;
box-shadow: 0 0 4px rgba(0, 0, 0, .3);
overflow: hidden;
position: relative;
background-color: #fff;
}
.contents-footer-nav-recommend-list > ul > li > a{
color: var(--cmn-font-color-base);
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
text-decoration: none;
}
.ranking .contents-footer-nav-recommend-list > ul > li{
min-height:310px;
}
.contents-footer-nav-recommend-list > ul > li > div{
color:var(--cmn-font-color-base);
height:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
text-decoration:none;
}

/* .recommend-matome
----------------------------------------------- */
.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;
}
.contents-footer-nav-recommend-detail.recommend-matome > span{
margin-bottom:10px;
}
.contents-footer-nav-recommend-detail.recommend-matome > span:first-child{
min-height:6em;
display:block;
}
.contents-footer-nav-recommend-detail.recommend-matome > .contents-footer-nav-recommend-date{
margin-bottom:0;
font-size: 12px;
display: block;
}

/* .contents-footer-nav-recommend-detail
----------------------------------------------- */
.contents-footer-nav-recommend-detail{
padding:10px;
box-sizing:border-box;
-webkit-box-flex: 1;
flex: 1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.contents-footer-nav-recommend-detail > span,
.contents-footer-nav-recommend-detail > h4{
margin-bottom:8px;
}
.ranking-name{
font-size:14px;
font-weight:normal;
}

/* .contents-footer-nav-recommend-price
----------------------------------------------- */
span.contents-footer-nav-recommend-price{
margin:auto 0 0;
text-align:right;
font-size:14px;
white-space:nowrap;
}
.contents-footer-nav-recommend:not(.ranking) span.contents-footer-nav-recommend-price span{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
}
.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-price .price-txt span{
font-size:12px;
}
.contents-footer-nav-recommend.ranking .contents-footer-nav-recommend-price .price-txt b{
margin-left:2px;
display:inline-block;
font-family:Arial;
font-size:16px;
font-weight:normal;
}

/* .contents-footer-nav-recommend-thumb
----------------------------------------------- */
.contents-footer-nav-recommend-thumb{
height:125px;
overflow:hidden;
position:relative;
box-sizing:border-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%);
}
.contents-footer-nav-recommend-thumb img{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
height: 100%;
}
.lp-container .contents-footer-nav-recommend-thumb img{
position:absolute;
bottom:50%;
left:0;
transform:inherit;
transform:translateY(50%);
height:auto;
width:100%;
}
.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;
}
.contents-footer-nav-recommend-thumb > span a{
color:#fff;
text-decoration:none;
}
.contents-footer-nav-recommend-thumb > .img-nophoto{
position:static;
border-bottom:1px solid #dadce0;
height:125px;
display:block;
}
.contents-footer-nav-recommend-thumb:has(.img-nophoto)::before{
display:none;
}
.contents-footer-nav-recommend-thumb .img-nophoto img{
margin:auto;
top:0;
bottom:0;
right:0;
left:inherit;
width:auto;
height:100px;
transform:none;
backface-visibility:hidden;
}

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

/* .contents-footer-nav-recommend-icon-txt
----------------------------------------------- */
.contents-footer-nav-recommend-icon-txt{
position: absolute;
top:8px;
left:38px;
background-color: rgb(0 0 0 / 45%);
color: #fff;
padding:1px 4px 0;
filter: drop-shadow(0px 1px 3px rgba(0, 0, 0, 0.6));
z-index: 2;
font-size:16px;
}

/* .card-ranking-ranking-dtl
------------------------------------------------ */
.card-ranking-ranking-dtl + .card-ranking-ranking-dtl{
border-top:1px solid #ddd;
margin-top:12px;
padding-top:12px;
}
.card-ranking-city{
margin-bottom:4px;
display:block;
}
.card-ranking-city .card-ranking-city-icon{
display:inline-block;
background-color: rgb(0 0 0 / 45%);
font-family:Arial;
font-size:12px;
border-radius:2px;
margin-right:4px;
color:#fff;
width:17px;
text-align:center;
padding:3px 2px 2px;
box-sizing:border-box;
}
.card-ranking-ranking-dtl-date{
font-size:12px;
display:block;
padding-left:21px;
}
.card-ranking-ranking-dtl-list{
margin:0 0 8px;
font-size:12px;
padding:0 8px 0 21px;
}
.card-ranking-ranking-dtl-list > li{
display:flex;
}
.card-ranking-ranking-dtl-list > li > span{
white-space:normal;
}
.card-ranking-ranking-dtl-list > li:not(:last-child) > span:last-child{
width:236px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.card-ranking-ranking-dtl-list > li:last-child > span:last-child{
width:236px;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
white-space: nowrap;
display: block;
}
.card-ranking-ranking-dtl-list > li > span .hotel-name{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.card-ranking-ranking-dtl-list > li > span:first-child{
width:3em;
white-space:nowrap;
}
.card-ranking-ranking-dtl-price{
text-align:right;
font-size:12px;
margin-bottom:10px;
}
.card-ranking-ranking-dtl-price b{
font-size:18px;
font-family:Arial;
padding:0 2px 0 8px;
}
.card-ranking-ranking-dtl-btn{
width:100%;
border: 1px solid #ccc;
border-radius: 4px;
text-decoration: none;
color: var(--cmn-font-color-base);
font-size: 12px;
background:#fff;
padding:4px 8px 3px;
line-height:1.2;
}
.card-ranking-ranking-link{
text-align:center;
margin-top:-4px;
}
.txt-blk{
display:block;
}

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

/* .faq-item-content-list
----------------------------------------------------------------- */
.faq-item-content-list{
margin:8px 0;
}
.faq-item-content-list > li{
margin-top:4px;
display:-webkit-box;
display:flex;
}
.faq-item-content-list > li > span{
min-width:1.5em;
}
.faq-item-content-list > li > div{
-webkit-box-flex:1;
flex:1;
}


/* .card-inner-toggle
----------------------------------------------- */
.card-inner-toggle{
margin:12px 0 -16px;
}

/* .lp-panel-toggle-content
----------------------------------------------- */
.card-inner-toggle[aria-expanded] .card-inner-toggle-content{
display:none;
}
.card-inner-toggle[aria-expanded=true] .card-inner-toggle-content{
display:block;
padding:12px 0;
border-top:1px solid #e5e5e5;
}

/* .card-inner-toggle-hook
----------------------------------------------- */
.card-inner-toggle-hook{
padding:12px 0;
border:none;
border-top:1px solid #ddd;
width:100%;
background:transparent;
font-size:14px;
text-align:center;
}
.card-inner-toggle.branch[aria-expanded=true] .card-inner-toggle-hook{
border-top:0;
padding: 0;
margin-bottom: 12px;
}
.card-inner-toggle-hook:focus{
outline:none;
}
.card-inner-toggle-hook > span{
padding-left:16px;
display:inline-block;
position:relative;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) 0 50% no-repeat;
background-size:12px auto;
}
.card-inner-toggle[aria-expanded=true] .card-inner-toggle-hook > span{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg);
}

/* .card-inner-toggle.bracnh. > .card-inner-toggle-hook
----------------------------------------------- */
.card-inner-toggle.branch .card-inner-toggle-hook{
text-align:center;
}
.card-inner-toggle.branch .card-inner-toggle-hook > span{
padding-left:12px;
background-size:8px auto;
}

/* link-list-toggle
----------------------------------------------- */
.card-item .link-list-toggle{
margin:0;
font-size:12px;
line-height:1.35;
}
.card-item .link-list-toggle .link-list > li{
margin-top:0;
border-top:1px solid #e9e9e9;
}
.card-item .link-list-toggle .link-list > li a::before{
display:none;
}
.card-item .link-list-toggle > li{
border-top:1px solid #e9e9e9;
display:block;
}
.card-item .link-list-toggle > li > div{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:12px 24px 12px 0;
min-height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-item .link-list-toggle > li > div a{
color:var(--cmn-font-color-base);
}
.card-item .link-list-toggle > li > div a + .link-list-toggle-hook{
position:relative;
width:55px;
height:auto;
margin:-11px -24px -11px 0;
}
.card-item .link-list-toggle > li > div > .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
overflow:hidden;
text-indent:-9999px;
background:url(/element_sp/w_dp/shared/images/icon-arrow-04-down-l.svg) calc(100% - 4px) center no-repeat;
background-size:16px 10px;
}
.card-item .link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li{
margin-left:28px;
padding:12px 0;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li >div a{
display:inline-block;
padding:0;
margin-right:-24px;
border-bottom:none;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li >div a + .link-list-toggle-hook{
margin-right:-24px;
margin-left:24px;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li >div .link-list-toggle-hook{
background-size:12px 7px;
background-position:calc(100% - 6px) center;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li > a{
margin-right:24px;
display:block;
padding:0;
border-bottom:none;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li .link-list > li{
margin-left:28px;
border-top:none;
padding-top:0;
padding-bottom:16px;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li .link-list > li a{
padding-left:0;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-active{
border-bottom:none;
padding:0;
}
.card-item .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-branch{
padding-top:12px;
border-top:1px solid #e9e9e9;
}
.card-item .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li{
padding:0;
border-bottom:none;
}
.card-item .link-list-toggle > li .link-list-child{
padding-bottom:8px;
margin-left:28px;
font-size:0;
}
.card-item .link-list-toggle > li .link-list-child >li{
display:inline-block;
margin-right:32px;
margin-left:0;
padding:0;
margin-top:4px;
margin-bottom:8px;
font-size:12px;
}
.card-item .link-list-toggle > li .link-list-child >li a{
margin-right:0;
}
.card-item .link-list-toggle > li .link-list-child >li a::before{
display:none;
}
.card-item .link-list-toggle > li.is-active > div >.link-list-toggle-hook{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-04-up-l.svg);
}
.card-item .link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}

/* .card-list-thumb-txt
------------------------------------------------ */
.card-list-thumb-txt{
display:flex;
flex-wrap:wrap;
gap:8px 18px;
}
.card-list-thumb-txt > li{
width:calc(100% / 6 - 15px);
box-sizing:border-box;
}
.card-list-thumb-txt > li a{
display:block;
}
.card-list-thumb-txt > li a:hover{
text-decoration:none;
}
.card-list-thumb-txt > li .thumb{
display:block;
position:relative;
width:100%;
min-height:103px;
}
.card-list-thumb-txt > li .thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
bottom: 50%;
left: 0;
transform: translateY(50%);
width: 100%;
}
.card-list-thumb-txt > li .txt-name{
font-size:12px;
display:block;
box-sizing:border-box;
height:40px;
color:var(--cmn-font-color-base);
min-height:2em;
margin-top:4px;
}
.card-list-thumb-txt > li .txt-name .txt-ilb{
display:inline-block;
}
.card-list-thumb-link-under{
text-align:right;
margin-top:8px;
}

/* .card-item-more
------------------------------------------------ */
.card-item .card-item-more{
text-align:right;
}
.card-item .card-item-more-link{
padding-left:12px;
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
font-weight:bold;
margin-left:auto;
}
.card-item .card-item-more-link::before {
content: "";
display: block;
position: absolute;
top: 6px;
left: 0;
border-right: 1.5px solid #666;
border-bottom: 1.5px solid #666;
width: 4.5px;
height: 4.5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/* -----------------------------------------------------
LP under
----------------------------------------------------- */
/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0 -8px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:8px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.lp-container .area-list >li{
width:calc((100% / 3) - 8px);
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
overflow:hidden;
padding-bottom:8px;
}
.lp-container .area-list >li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
}
.lp-container .area-list .area-pic >a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic.mod-noimg{
border-bottom: 1px solid #dadce0;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
font-size:16px;
position:absolute;
top:0;
left:8px;
padding-top:6px;
line-height:1;
background:url(/element_sp/w_dp/shared/images/icon-ranking-02.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .area-list .area-desc{
padding:8px;
}
.lp-container .area-list .area-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
margin-bottom:8px;
}
.lp-container .area-list .area-hdg-02{
font-size:12px;
margin-bottom:4px;
font-weight:normal;
padding:0 8px;
}
.lp-container .area-list .area-text{
min-height:53px;
}
.lp-container .area-list .area-text p{
margin:0;
font-size:12px;
line-height:calc(17 / 12);
}
.lp-container .area-list .area-link{
float:right;
margin-top:8px;
margin-bottom:8px;
font-size:12px;
line-height:calc(17 / 12);
text-decoration:none;
}
.lp-container .area-list .toggle-text .toggle-text-intro{
height:60px;
}
.lp-container .area-list .toggle-text{
min-height:60px;
}

/* toggle-text
---------------------------------- */
.lp-container .toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:50px;
}
.lp-container .toggle-text .toggle-text-intro{
display:block;
}
.lp-container .toggle-text .toggle-text-intro a{
color:var(--cmn-font-color-link);
}
.lp-container .toggle-text .toggle-text-full{
display:none;
}
.lp-container .toggle-text .toggle-text-full a{
color:var(--cmn-font-color-link);
}
.lp-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
cursor:pointer;
}
.lp-container .toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.lp-container .toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
}
.lp-container .toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}
.lp-container .toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.lp-container .toggle-text.is-active .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0 0 0 12px;
margin:0;
font-size:12px;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg) no-repeat left 6px;
background-size:8px auto;
color:var(--cmn-font-color-base);
}
.lp-container .toggle-text.is-active .toggle-text-intro {
display:none;
}
.lp-container .toggle-text.is-active .toggle-text-full {
display:block;
}

/* .area-btn-list
---------------------------------- */
.area-btn-list{
margin:0 8px;
display:flex;
gap:8px;
box-sizing:border-box;
}
.area-btn-list li{
box-sizing:border-box;
flex:1;
}
.area-btn-list li a{
border:1px solid #ccc;
border-radius:4px;
color:var(--cmn-font-color-base);
display:block;
padding:7px 4px;
text-align:center;
font-size:12px;
}

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

/* tgl-container
---------------------------------- */
.lp-container .tgl-container[aria-expanded=true] .tgl-content{
display:block;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background-image:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg);
}
.lp-container .tgl-container[aria-expanded=true] .tgl-footer-item{
display:block;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-content{
display:none;
}
.lp-container .tgl-container[aria-expanded=false] .tgl-footer-item{
display:none;
}
.lp-container .tgl-container .tgl-content .spot-list,
.lp-container .tgl-container .tgl-content .select-list,
.lp-container .tgl-container .tgl-content .area-list,
.lp-container .tgl-container .tgl-content .tour-list{
margin-top:8px;
}
.lp-container .tgl-container .tgl-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
gap:0 8px;
}
.lp-container .tgl-container .tgl-footer-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .tgl-container .tgl-footer-notes{
margin:0;
}
.lp-container .tgl-container .tgl-footer-notes >li{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .tgl-container .tgl-footer-notes >li.aster > span{
margin-right:.4em;
}
.lp-container .tgl-container .tgl-hook{
margin:0;
padding:0 0 0 12px;
border:none;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-down.svg) no-repeat left 8px;
background-size:8px auto;
font-size:12px;
height:20px;
}
.lp-container .tgl-container[aria-expanded=true] .tgl-hook{
background:url(/element_sp/w_dp/shared/images/icon-arrow-01-up.svg) no-repeat left 8px;
background-size:8px auto;
}

/* info-tbl
---------------------------------- */
.lp-container .info-tbl{
width:100%;
margin:0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
border-top:1px solid #ddd;
}
.lp-container .info-tbl th,
.lp-container .info-tbl td{
padding:8px;
font-weight:normal;
font-size:12px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
word-wrap:break-word;
}
.lp-container .info-tbl th{
background-color:#f5f5f5;
width:90px;
text-align:left;
}
.lp-container .info-tbl td:last-child{
border-right:1px solid #ddd;
}

/* .faq-modified
---------------------------------- */
.faq-modified{
margin-top:12px;
display:block;
color:var(--cmn-font-color-gray);
text-align:right;
}
.faq-modified > span:first-child::after {
content: ":";
display: inline-block;
margin: 0 4px;
}

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

/* .lp-container .notice-list
------------------------------------------------ */
.lp-container .card-container .notice-list,
.lp-container .card-container .notice-list:last-child{
vertical-align:middle;
margin:0 0 0 6px;
}

.lp-container .notice-list > li {
font-size:12px;
position: relative;
margin-top:4px;
padding-left:16px;
color:var(--cmn-font-color-gray);
}

.lp-container .notice-list > li:first-child {
margin-top: 0;
}

.lp-container .notice-list:last-child{
margin-bottom:-4px;
}

.lp-container .notice-list li::before{
content:'\0203B';
position:absolute;
left:0;
}

/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
/* .seo-cheapest-filter
----------------------------------------------------------------- */
.seo .seo-cheapest-filter{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-direction:row-reverse;
gap:0 22px;
-webkit-box-flex:1;
flex:1;
}

.seo-cheapest .card-header{
padding-right:0;
}

.seo-cheapest .card-header .card-header-hdg > span:not([class]) {
display:inline-block;
margin-left:8px;
font-size:14px;
font-weight:normal;
}

/* .seo-cheapest-filter-select
----------------------------------------------------------------- */
.seo .seo-cheapest-filter-select .form-custom-select{
border-radius:18px;
border-color:#ccc;
width:146px;
min-height:35px;
font-size:14px;
}

.seo .seo-cheapest-filter-select .form-custom-select::before{
right:8px;
}

.seo .seo-cheapest-filter-select label{
height:0;
overflow:hidden;
position:absolute;
}

.seo .seo-cheapest-filter-select select{
padding: 5px 16px 5px 12px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 34px;
box-sizing: border-box;
position: relative;
background-color: transparent;
font-size: 13px;
}

/* .seo-cheapest-filter-list
----------------------------------------------------------------- */
.seo .seo-cheapest-filter-list{
border:1px solid #a9a9a9;
border-radius:3px;
overflow:hidden;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.seo .seo-cheapest-filter-list button{
padding:0;
border:none;
color:var(--cmn-font-color-base);
width:58px;
height:28px;
background-color:#e8e7e7;
font-size:14px;
}

.seo .seo-cheapest-filter-list button:disabled{
color:var(--cmn-font-color-base);
opacity:1;
background-color:#fff;
font-weight:bold;
}

.seo .seo-cheapest-filter-list > li:not(:last-child) button{
border-right:1px solid #a9a9a9;
}

/* .seo-cheapest-tbl-header
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl-header{
margin:16px 0 8px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.seo .seo-cheapest-tbl-header > span{
-webkit-box-flex:1;
flex:1;
text-align:right;
}

.seo .card-item > .seo-cheapest-tbl:first-child .seo-cheapest-tbl-header{
margin-top:0;
}

/* .seo-cheapest-tbl-content
----------------------------------------------------------------- */
.seo .seo-cheapest-tbl-content{
display:-webkit-box;
display:flex;
gap:0 24px;
}

.seo .seo-cheapest-tbl-content > div{
-webkit-box-flex:1;
flex:1;
}

/* .seo-cheapest-tbl-content > table
----------------------------------------------------------------- */
.seo-cheapest-tbl-content table{
margin:0 0 -8px;
padding:0;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
width:100%;
}

.seo-cheapest-tbl-content table caption{
height:0;
overflow:hidden;
position:absolute;
}

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

.seo-cheapest-tbl-content table thead th{
padding:12px 0 8px;
}

.seo-cheapest-tbl-content table thead th > span{
display:block;
}

.seo-cheapest-tbl-content table thead tr > th:first-child{
padding-left:0;
width:168px;
text-align:left;
}

.seo-cheapest-tbl-content table tbody th{
text-align:left;
}

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

.seo-cheapest-tbl-content table th.unset{
padding-left:2.5em;
}

.seo-cheapest-tbl-content table td.unset > span{
text-align:center;
}

/* .seo-card-more
----------------------------------------------------------------- */
/* .seo-card-more
----------------------------------------------- */
.seo-card-more{
margin:8px 0 0;
font-size:14px;
text-align:right;
}