@charset "UTF-8";
:root {
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
}
.box-bg-img-ctrl:before,
.panel-col-2:before,
.pr-box:before,
.list-col-2:before,
.list-col-3:before,
.list-col-4:before,
.list-col-5:before,
.contents-footer-nav-hdg-container:before,
.contents-footer-nav-list:before,
.form-search-item-col:before,
.form-search-destination > li:before,
.form-search-destination > li .form-search-destination-list:before,
.form-search-index-lyt:before,
.form-search-index-item-col:before,
.form-search-index-destination:before,
.form-search-index-destination > li > ul:before,
.form-search-index-destination-other:before,
.search-result-sort:before,
.search-result-sort > li > ul:before,
.search-result-item:before,
.search-result-item .search-result-item-inner:before,
.search-result-item .search-result-item-footer:before,
.search-result-item-review:before,
.search-result-item-time:before,
.search-result-item-picky:before,
.search-result-item-detail:before,
.search-result-item-agent:before,
.calendar-tbl-01-container:before,
.form-search-index-city-inner:before,
.form-search-index-city li:before,
.box-bg-img-ctrl:after,
.panel-col-2:after,
.pr-box:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.list-col-5:after,
.contents-footer-nav-hdg-container:after,
.contents-footer-nav-list:after,
.form-search-item-col:after,
.form-search-destination > li:after,
.form-search-destination > li .form-search-destination-list:after,
.form-search-index-lyt:after,
.form-search-index-item-col:after,
.form-search-index-destination:after,
.form-search-index-destination > li > ul:after,
.form-search-index-destination-other:after,
.search-result-sort:after,
.search-result-sort > li > ul:after,
.search-result-item:after,
.search-result-item .search-result-item-inner:after,
.search-result-item .search-result-item-footer:after,
.search-result-item-review:after,
.search-result-item-time:after,
.search-result-item-picky:after,
.search-result-item-agent:after,
.calendar-tbl-01-container:after,
.form-search-index-city-inner:after,
.form-search-index-city li:after{
content:"";
display:table;
}
.box-bg-img-ctrl:after,
.panel-col-2:after,
.pr-box:after,
.list-col-2:after,
.list-col-3:after,
.list-col-4:after,
.list-col-5:after,
.contents-footer-nav-hdg-container:after,
.contents-footer-nav-list:after,
.form-search-item-col:after,
.form-search-destination > li:after,
.form-search-destination > li .form-search-destination-list:after,
.form-search-index-lyt:after,
.form-search-index-item-col:after,
.form-search-index-destination:after,
.form-search-index-destination > li > ul:after,
.form-search-index-destination-other:after,
.search-result-sort:after,
.search-result-sort > li > ul:after,
.search-result-item:after,
.search-result-item .search-result-item-inner:after,
.search-result-item .search-result-item-footer:after,
.search-result-item-review:after,
.search-result-item-time:after,
.search-result-item-picky:after,
.search-result-item-agent:after,
.calendar-tbl-01-container:after,
.form-search-index-city-inner:after,
.form-search-index-city li:after{
clear:both;
}

/* ----------------------------------------------------------------
font, cursor control
----------------------------------------------------------------- */
body,
button,
input,
select,
textarea{/*for JCB*/
font-family:"\30e1\30a4\30ea\30aa",
Meiryo,
"\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3",
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af",
"\ff2d\ff33 \ff30\30b4\30b7\30c3\30af",
sans-serif;
}
[type="search"]{
-webkit-appearance:none;
outline-offset:-2px;
background-color:#fff;
}
[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}
[type="search"]::-webkit-search-cancel-button{
display:none;
}
button,
select{
cursor:pointer;
}
button[disabled],
select[disabled]{
color:#ccc;
cursor:default;
}
option[disabled]{
color:#ccc;
}
input[type="text"]::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]::-webkit-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="text"]::-moz-placeholder,
input[type="text"]::-ms-input-placeholder,
input[type="text"]::placeholder{
color:var(--font-color-placeholder);
}
input[type="text"]:disabled::-webkit-input-placeholder{
color:#ccc;
}
input[type="text"]:disabled::-webkit-input-placeholder,
input[type="text"]:disabled:-ms-input-placeholder,
input[type="text"]:disabled::-moz-placeholder,
input[type="text"]:disabled::-ms-input-placeholder,
input[type="text"]:disabled::placeholder{
color:#ccc;
}
#topicPath_Area li img{
vertical-align:bottom;
}

/* RENEWAL CMN OVERRIDE
---------------------------------- */
.cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}

/* .cmn-ad-bnr
-------------------------------- */
.search-result-item + .act_ad_manage{
margin:12px -8px -3px;
}
.search-result-item + .act_ad_manage img{
margin:0 auto;
display:block;
max-width:100%;
}

/* ----------------------------------------------------------------
Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
margin-bottom:20px;
padding:13px 20px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
}
.box-bg-img-ctrl .menu-header-container{
margin-bottom:0;
background-color:rgba(16, 92, 169, .6);
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:260px;
display:block;
line-height:1.25;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header h1{
font-size:30px;
}
.menu-header-container .menu-header-sup{
font-size:14px;
margin:8px 0;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
gap:4px;
}
.menu-header-container .menu-header-sup-hdg {
font-weight:normal;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
font-size:12px;
position:absolute;
top:59px;
right:20px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.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;
}

/* .menu-header-container > .menu-header-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
padding:0 8px;
background-color:#fff;
height:30px;
}
.menu-header-container .menu-header-agt-sup{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
margin-right:8px;
}
.menu-header-container .menu-header-agt{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 8px;
}
.menu-header-container .menu-header-agt:after{
color:var(--cmn-font-color-base);
content:"...";
font-size:16px;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:middle;
}

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
position:absolute;
top:16px;
right:25px;
display:table;
font-size:12px;
}
.menu-header-container .menu-header-utility > li{
border-left:1px solid rgba(255, 255, 255, .5);
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
color:#fff;
display:block;
padding:4px 15px;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}

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

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

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

/* .panel > .panel-hdg
----------------------------------------------- */
.panel .panel-hdg{
font-size:18px;
margin-bottom:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
}
.panel .panel-hdg.branch{
margin:0 -20px 10px;
padding:0 20px 8px;
border-bottom:1px solid #e0e0e0;
}
.panel .panel-hdg .panel-hdg-note{
font-size:11px;
font-weight:normal;
margin:auto .5em;
color:var(--font-color-btn-link);
}
.panel .panel-hdg .panel-hdg-note li{
display:block;
padding-left:1em;
position:relative;
}
.panel .panel-hdg .panel-hdg-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.panel .panel-hdg-01{
margin-top:15px;
color:#555;
font-size:13px;
}
.panel .panel-hdg + .panel-hdg-01{
margin-top:0;
}

/* panel-hdg-container
---------------------------------- */
.panel .panel-hdg .card-item-more{
padding-left:12px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
font-size:13px;
margin-left:auto;
}
.panel .panel-hdg .card-item-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);
}

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

/* .pr-box
----------------------------------------------- */
.pr-box{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:20px;
background-color:#8ab7ec;
overflow:hidden;
padding:5px;
}
.pr-box img{
vertical-align:top;
}
.pr-box > a{
display:block;
padding:12px 12px 12px 185px;
min-height:120px;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}
.pr-box > a:hover{
text-decoration:none;
}
.pr-box > a:hover .pr-description-container{
text-decoration:underline;
}
.pr-box > a .pr-icon{
width:60px;
padding:18px 0 2px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
top:-5px;
left:-20px;
line-height:1;
background-color:#333;
font-weight:bold;
font-size:11px;
text-align:center;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
z-index:1;
}
.pr-box > a .pr-hdg-container{
position:relative;
display:block;
padding-right:70px;
}
.pr-box > a .pr-hdg-container .pr-hdg{
color:var(--cmn-font-color-base);
font-size:15px;
font-weight:bold;
margin-right:10px;
}
.pr-box > a .pr-hdg-container .pr-date{
color:var(--cmn-font-color-base);
display:inline-block;
position:relative;
}
.pr-box > a .pr-hdg-container .pr-agent{
position:absolute;
right:0;
top:0;
}
.pr-box > a .pr-hdg-container .pr-agent > *{
display:table-cell;
vertical-align:middle;
text-align:center;
width:60px;
height:25px;
background-color:#fff;
}
.pr-box > a .pr-hdg-container .pr-agent > * img{
max-width:60px;
max-height:25px;
}
.pr-box > a .pr-hdg-container .pr-agent > .pr-agent-inner{
border:1px solid #c5c5c5;
}
.pr-box > a .pr-price{
display:block;
color:var(--cmn-font-color-base);
border-bottom:1px dotted #c6c6c6;
font-size:12px;
}
.pr-box > a .pr-price > .pr-price-num{
font-size:18px;
}
.pr-box > a .pr-price > .pr-price-sup{
color:var(--cmn-font-color-gray);
}
.pr-box > a .pr-description-container{
position:relative;
display:block;
}
.pr-box > a .pr-description-container .pr-description{
color:#0b4cae;
display:block;
font-size:12px;
padding-right:115px;
}
.pr-box > a .pr-description-container .pr-btn{
position:absolute;
right:0;
bottom:0;
border-radius:4px;
color:#fff;
padding:8px 0;
width:100px;
text-align:center;
-webkit-box-shadow:0 -2px 0 #5b9500 inset;
box-shadow:0 -2px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:14px;
font-weight:bold;
background-color:#72ba00;
}
.pr-box > a .pr-list{
display:inline-block;
color:#555;
letter-spacing:-.4em;
margin:3px 0;
}
.pr-box > a .pr-list > span{
letter-spacing:normal;
display:inline-block;
font-weight:bold;
padding-left:12px;
margin-right:5px;
font-size:12px;
position:relative;
}
.pr-box > a .pr-list > span:before{
content:"";
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
}
.pr-box > a .pr-list > span:before{
background-color:#555;
}
.pr-box > a .pr-image{
position:absolute;
left:5px;
top:50%;
margin-top:-60px;
}
.pr-box > a .pr-image > *{
display:table-cell;
vertical-align:middle;
text-align:center;
width:168px;
height:120px;
background-color:transparent;
}
.pr-box > a .pr-image > * img{
max-width:168px;
max-height:120px;
}

/* .important-box
----------------------------------------------- */
.important-box{
font-size:12px;
}
.important-box p{
margin-bottom:40px;
}
.important-box .important-hdg{
margin-bottom:5px;
font-weight:bold;
color:var(--cmn-font-color-red);
}
.important-box.branch{
padding:12px 30px;
margin-bottom:30px;
text-align:left;
background-color:#fff5f5;
}
.important-box.branch .important-hdg{
text-align:center;
font-size:13px;
}
.important-box.branch .notice-list{
font-size:12px;
}
.vacancy_Area .tbl-info + .important-box.branch{
margin-top:-15px;
}

/* ----------------------------------------------------------------
List
----------------------------------------------------------------- */
/* list-col-2 / .list-col-3 / .list-col-4
----------------------------------------------- */
/* only column layout */
.list-col-2{
margin-top:0;
}
.list-col-2 > li{
margin-top:10px;
margin-left:2.5%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:48.75%;
}
.list-col-2 > li:first-child{
margin-left:0;
}
.list-col-2 > li:nth-child(2n+1){
margin-left:0;
clear:left;
}
.list-col-2 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-3{
margin-top:0;
}
.list-col-3 > li{
margin-top:10px;
margin-left:2.5%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:31.66667%;
}
.list-col-3 > li:first-child{
margin-left:0;
}
.list-col-3 > li:nth-child(3n+1){
margin-left:0;
clear:left;
}
.list-col-3 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-4{
margin-top:0;
}
.list-col-4 > li{
margin-top:10px;
margin-left:2.5%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:23.125%;
}
.list-col-4 > li:first-child{
margin-left:0;
}
.list-col-4 > li:nth-child(4n+1){
margin-left:0;
clear:left;
}
.list-col-4 > li li{
margin-left:0;
width:auto;
float:none;
}
.list-col-5{
margin-top:0;
}
.list-col-5 > li{
margin-top:12px;
margin-left:2.5%;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:18%;
}
.list-col-5 > li:first-child{
margin-left:0;
}
.list-col-5 > li:nth-child(5n+1){
margin-left:0;
clear:left;
}
.list-col-5 > li li{
margin-left:0;
width:auto;
float:none;
}

/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:12px;
}
.notice-list + .cmn-notice-list{
margin-top:4px;
}
.notice-list > li{
position:relative;
padding-left:20px;
color:var(--cmn-font-color-gray);
}
.notice-list > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.notice-list > li a:link,
.notice-list > li a:visited,
.notice-list > li a:hover,
.notice-list > li a:active{
color:var(--font-color-btn-link);
text-decoration:underline;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
border:1px solid #bebebe;
display:inline-block;
min-width:50px;
height:34px;
padding:0;
-webkit-box-sizing:border-box;
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;
}
.form-custom-select select{
padding:5px 16px 5px 5px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.form-custom-select select.is-unselected{
color:var(--font-color-placeholder);
}
.form-custom-select select.is-unselected option{
color:var(--cmn-font-color-base);
}
.form-custom-select select.is-unselected option[disabled]{
color:#ccc;
}

/* IE,Edge adjust */
.cmn-ms .form-custom-select:before{
display:none;
}
.cmn-ms .form-custom-select select{
padding:4px 4px 6px 5px;
}
.cmn-ms .form-custom-select select::-ms-expand{
display:block;
}

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

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

/* .link-list-thumb
----------------------------------------------- */
.link-list-thumb{
margin-top:-20px;
font-size:12px;
line-height:1.45;
}
.link-list-thumb > li{
margin-top:20px;
}
.link-list-thumb > li a{
padding-left:110px;
color:var(--font-color-btn-link);
display:block;
position:relative;
min-height:65px;
}
.link-list-thumb > li a > b{
margin-bottom:3px;
display:block;
font-size:13px;
color:var(--cmn-font-color-base);
}
.link-list-thumb > li .icon{
padding:1px 3px 0;
color:#fff;
display:inline-block;
background-color:#bc9013;
min-width:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:11px;
font-weight:normal;
text-align:center;
}
.link-list-thumb > li .thumb{
position:absolute;
top:0;
left:0;
max-width:100px;
max-height:65px;
}

/* review
---------------------------------- */
.review .review-rate{
vertical-align:middle;
line-height:1;
}
.review .review-rate .review-num{
margin-left:4px;
position:relative;
top:2px;
}
.review .icon-r-face.rank-mark > span{
width:13px;
background:url(/element/shared/images/icon/icon-review-1.svg) no-repeat 0 2px;
background-size:auto 11px;
}

/* review-list
---------------------------------- */
.review .review-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.review .review-list li{
cursor:default;
}
.lp-container .review-list .hotel-rank{
position:relative;
top:-2px;
}

/* .spot-link
----------------------------------------------- */
.journey .spot-link:not(:root){
color:var(--cmn-font-color-gray);
border-bottom:1px dotted #777;
}
.journey .spot-link:hover:not(:root){
color:var(--cmn-font-color-gray);
text-decoration:none;
border-bottom:none;
}

/* ----------------------------------------------------------------
Navigation
----------------------------------------------------------------- */
/* .nav-top
----------------------------------------------- */
.nav-top{
margin:7px 0 -4px;
text-align:right;
}
.nav-top a{
font-size:11px;
padding-left:15px;
color:var(--font-color-btn-link);
display:inline-block;
position:relative;
}
.nav-top a:before{
content:"";
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 5px 5px 5px;
border-color:transparent transparent #555 transparent;
border-style:solid;
}
.nav-top a:before{
top:.5em;
left:0;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
margin:30px 0 10px;
}
.nav-internal > li{
margin-right:10px;
padding-right:12px;
min-width:5em;
border-right:1px solid #ccc;
text-align:center;
display:inline-block;
}
.nav-internal > li a{
color:var(--font-color-btn-link);
display:block;
}
.nav-internal > li:last-child{
border-right:none;
}

/* .pager
----------------------------------------------- */
.pager{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
line-height:1;
font-size:14px;
margin-top:-3px;
}
.pager > li{
margin:3px 0 0 5px;
}
.pager > li:first-child{
margin-left:0;
}
.pager > li.page-num{
margin-top:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pager > li.page-num .pager-num-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.pager > li.page-num .pager-num-list > li{
margin:3px 0 0 5px;
}
.pager li > a,
.pager li > b{
color:#666;
padding:5px 2px 5px 2px;
background-color:#ececec;
display:block;
min-width:24px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pager li > a:active,
.pager li > a:hover,
.pager li > a:focus,
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
text-decoration:none;
color:#fff;
}
.pager li > b{
color:#fff;
background-color:transparent;
}
.pager li > b:active,
.pager li > b:hover,
.pager li > b:focus{
background-color:transparent;
}
.pager .first,
.pager .last,
.pager .prev,
.pager .next{
font-size:12px;
}
.pager .first > a,
.pager .last > a,
.pager .prev > a,
.pager .next > a{
padding:7px 5px 5px 5px;
}
.pager .ellipsis{
margin-left:-3px;
padding-left:16px;
position:relative;
}
.pager .ellipsis:before{
content:"...";
display:block;
position:absolute;
color:#ececec;
left:0;
bottom:0;
speak:none;
font-weight:normal;
}

/* .tour-tab
----------------------------------------------- */
.tour-tab{
display:table;
width:100%;
margin-bottom:20px;
}
.tour-tab > li{
display:table-cell;
min-width:72px;
vertical-align:top;
border-left:2px solid #eee;
}
.tour-tab > li:first-child{
border-left:none;
}
.tour-tab > li > a{
display:table;
color:var(--font-color-btn-link);
width:100%;
height:40px;
text-align:center;
line-height:1.25;
border:none;
background-color:#dfe3e8;
font-size:13px;
}
.tour-tab > li > a > span{
display:table-cell;
vertical-align:middle;
}
.tour-tab > li > a > span > span{
display:block;
}
.tour-tab > li > a:hover,
.tour-tab > li > a:active,
.tour-tab > li > a:visited{
text-decoration:none;
}
.tour-tab > li.is-active > a{
color:#fff;
font-weight:bold;
background-color:#0d3f78;
cursor:default;
}

/* tour-tab-01
---------------------------------- */
.tour-tab-01{
position:relative;
}
.tour-tab-01:before{
content:"";
height:1px;
width:100%;
background-color:#bbb;
position:absolute;
left:0;
bottom:0;
}
.tour-tab-01 > li{
min-width:55px;
}
.tour-tab-01 > li > a{
color:var(--font-color-btn-link);
font-weight:bold;
background-color:#e5e5e5;
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
font-size:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tour-tab-01 > li.is-active > a{
color:var(--cmn-font-color-base);
background-color:#eee;
position:relative;
}
.tour-tab-01 > li.is-active > a:after{
content:"";
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.tour-tab-01 > li.is-active > a:after{
background-color:#eee;
}

/* .tab-view-container
---------------------------------- */
.tab-view-container{
position:relative;
}
.tab-view-container .btn-nav-dp .cmn-tip-info-btn{
margin-left:4px;
}
.tab-view-container .btn-nav-dp{
position:absolute;
bottom:12px;
right:0;
border:1px solid #bebebe;
-webkit-box-shadow:0px 1px 0px #bebebe;
box-shadow:0px 1px 0px #bebebe;
text-decoration:none;
border-radius:4px;
font-size:14px;
color:var(--cmn-font-color-base);
text-decoration:none;
height:33px;
width:334px;
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-sizing:border-box;
box-sizing:border-box;
}

/* .tab-view-switch
----------------------------------------------- */
.tab-view-switch{
margin-bottom:20px;
overflow:hidden;
position:relative;
}
.tab-view-switch:before{
content:"";
width:100%;
height:1px;
background-color:#bbb;
display:block;
position:absolute;
left:0;
bottom:0;
}
.tab-view-switch > li{
margin-right:5px;
float:left;
position:relative;
z-index:1;
}
.tab-view-switch > li > a,
.tab-view-switch > li button{
color:var(--font-color-btn-link);
border-width:1px;
border-style:solid;
border-color:#bbb;
width:160px;
height:44px;
background-color:#f8f8f8;
line-height:1.2;
font-size:13px;
text-align:center;
}
.tab-view-switch > li > a{
display:table;
}
.tab-view-switch > li > a:link,
.tab-view-switch > li > a:hover,
.tab-view-switch > li > a:active,
.tab-view-switch > li > a:visited{
text-decoration:none;
}
.tab-view-switch > li > a > span{
display:table-cell;
vertical-align:middle;
}
.tab-view-switch > li > a > span > .sup,
.tab-view-switch > li button > .sup{
display:block;
font-size:11px;
font-weight:normal;
}
.tab-view-switch > li.is-active > a,
.tab-view-switch > li button.disabled{
position:relative;
color:var(--cmn-font-color-base);
border-bottom:none;
font-weight:bold;
background-color:#fff;
position:relative;
cursor:default;
}
.tab-view-switch > li.is-active > a:after,
.tab-view-switch > li button.disabled:after{
content:"";
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.tab-view-switch > li.is-active > a:after,
.tab-view-switch > li button.disabled:after{
z-index:1;
background-color:#fff;
}
.detail-item .tab-view-switch{
margin-bottom:10px;
}

/* .link-list-destination
----------------------------------------------- */
[class^="link-list-destination"] a{
color:var(--font-color-btn-link);
}
.link-list-destination > li.more{
width:100%;
text-align:right;
margin:10px 0 0;
}
.link-list-destination > li.more > a{
padding-left:12px;
position:relative;
}
.link-list-destination > li.more > a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-list-destination > li.more > a:before{
position:absolute;
left:0;
top:6px;
}
.link-list-destination-flag > li > a{
position:relative;
padding-left:40px;
display:inline-block;
}
.link-list-destination-flag > li > a > img{
position:absolute;
left:0;
top:-1px;
width:30px;
height:20px;
border:1px solid #eee;
}
.link-list-destination-popular > li{
padding-bottom:10px;
border-top:1px solid #e0e0e0;
}
.link-list-destination-popular > li:first-child{
font-weight:bold;
border-top:none;
}
[class^="link-list-destination"] > li.more{
width:100%;
text-align:right;
margin:0;
padding-bottom:0;
border-top:none;
margin-top:12px;
}
[class^="link-list-destination"] > li.more > a{
padding-left:12px;
position:relative;
display:inline-block;
}
[class^="link-list-destination"] > li.more > a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
Search item
----------------------------------------------------------------- */
/* .search-item-nav
----------------------------------------------- */
.search-item-nav{
color:#fff;
margin:15px 0;
padding:0 8px;
}
.search-item-nav .search-item-sort{
line-height:1.25;
margin-bottom:15px;
padding-bottom:11px;
border-bottom:1px solid #ccc;
letter-spacing:-.4em;
font-size:12px;
}
.search-item-nav .search-item-sort .cmn-tip-btn{
margin-left:5px;
}
.search-item-nav .search-item-sort > li{
display:inline-block;
letter-spacing:normal;
}
.search-item-nav .search-item-sort > li:not(:first-child){
margin-left:8px;
padding-left:12px;
border-left:1px solid #ccc;
}
.search-item-nav .search-item-sort ul{
display:inline-block;
letter-spacing:-.4em;
}
.search-item-nav .search-item-sort ul:before{
content:":";
display:inline-block;
margin-right:5px;
}
.search-item-nav .search-item-sort ul > li{
display:inline-block;
letter-spacing:normal;
}
.search-item-nav .search-item-sort button{
position:relative;
padding:0 5px;
border:none;
color:#fff;
background:none;
cursor:pointer;
}
.search-item-nav .search-item-sort button[disabled]{
cursor:default;
font-weight:bold;
}
.search-item-nav .search-item-sort button[disabled]:after{
content:"";
display:block;
position:absolute;
left:0;
bottom:-11px;
height:3px;
width:100%;
background-color:#fff;
}
.search-item-nav .search-item-pager{
display:table;
width:100%;
line-height:1;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:right;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
padding-right:15px;
white-space:nowrap;
width:auto;
text-align:left;
}
.search-item-nav .search-item-pager .search-item-num b{
font-weight:normal;
font-size:18px;
}
.search-item-nav .search-item-pager .pager li{
display:inline-block;
text-align:center;
}
.search-item-nav .search-item-pager .pager li > a,
.search-item-nav .search-item-pager .pager li > b{
padding:6px 3px 5px 3px;
display:block;
min-width:23px;
color:var(--cmn-font-color-gray);
background-color:#ececec;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-item-nav .search-item-pager .pager li > a:active,
.search-item-nav .search-item-pager .pager li > a:hover,
.search-item-nav .search-item-pager .pager li > a:focus{
background-color:#f0f0f0;
text-decoration:none;
}
.search-item-nav .search-item-pager .pager li > b{
color:#fff;
background-color:transparent;
}
.search-item-nav .search-item-pager .pager .prev{
margin-right:3px;
}
.search-item-nav .search-item-pager .pager .next{
margin-left:3px;
}
.search-item-nav .search-item-pager .pager .ellipsis{
margin-left:-3px;
padding-left:14px;
position:relative;
}
.search-item-nav .search-item-pager .pager .ellipsis:before{
content:"...";
display:block;
position:absolute;
color:#fff;
left:0;
bottom:0;
speak:none;
font-weight:normal;
}

/* ----------------------------------------------------------------
.toggle-container
----------------------------------------------------------------- */
/* .toggle-container
----------------------------------------------- */
.toggle-container > .toggle-item{
display:none;
}
.toggle-container.is-active > .toggle-item,
.toggle-container.active > .toggle-item{
display:block;
}

/* ----------------------------------------------------------------
.tab-container
----------------------------------------------------------------- */
/* .tab-container
----------------------------------------------- */
.tab-container > .tab-item{
display:none;
position:relative;
}
.tab-container > .tab-item.is-active{
display:block;
}

/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
.seo-cheapest{
margin-top:30px;
padding:16px 20px;
background-color:#fff;
font-size:14px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .35);
box-shadow:0 1px 2px rgba(0, 0, 0, .35);
}
.seo-cheapest-header{
margin-bottom:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:0 15px;
width:100%;
}
.seo-cheapest-header-hdg{
font-size:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.seo-cheapest-header-hdg > span{
font-size:13px;
font-weight:normal;
margin-left:8px;
}
.seo-cheapest-filter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:16px;
}
.seo-cheapest-filter-select{
position:relative;
}
.seo-cheapest-filter-select select{
padding:3px 8px;
color:var(--cmn-font-color-base);
width:174px;
height:30px;
background-color:#fff;
font-size:14px;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:1px solid #bebebe;
border-radius:2px;
}
.seo-cheapest-filter-select label{
height:0;
overflow:hidden;
position:absolute;
}
.seo-cheapest-filter-select::before{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:8px;
display:block;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.seo-cheapest-filter-list{
border:1px solid #a9a9a9;
border-radius:3px;
overflow:hidden;
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;
}
.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-cheapest-filter-list button:disabled{
color:var(--cmn-font-color-base);
opacity:1;
background-color:#fff;
font-weight:bold;
}
.seo-cheapest-filter-list > li:not(:last-child) button{
border-right:1px solid #a9a9a9;
}
.seo-cheapest-tbl-header{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.seo-cheapest-tbl-header > span{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
}
.seo-cheapest-tbl-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 24px;
}
.seo-cheapest-tbl-content > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.seo-cheapest-tbl-content table{
margin:0;
padding:0;

/* border-bottom: 1px solid #ddd; */
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:8px 0;
}
.seo-cheapest-tbl-content table thead th > span{
display:block;
}
.seo-cheapest-tbl-content table thead tr > th:first-child{
padding-left:0;
width:140px;
text-align:left;
}
.seo-cheapest-tbl-content table tbody th{
text-align:left;
}
.seo-cheapest-tbl-content table tbody th > span{
display:inline-block;
}
.seo-cheapest-tbl-content table tbody td  a > span,
.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;
}

/* ----------------------------------------------------------------
.guide-appeal
----------------------------------------------------------------- */
/* .guide-appeal
----------------------------------------------- */
.guide-appeal .guide-appeal-hdg{
padding:13px 0 10px;
border-top:1px solid #d2d2d2;
line-height:1.35;
}
.guide-appeal .guide-appeal-hdg-01{
display:block;
margin-bottom:8px;
padding:2px 5px;
color:#555;
font-size:12px;
text-align:center;
background-color:#e5e5e5;
position:relative;
}
.guide-appeal .guide-appeal-hdg-01:after{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:6px 6px 0 6px;
border-color:#e5e5e5 transparent transparent transparent;
border-style:solid;
}
.guide-appeal .guide-appeal-hdg-01:after{
left:50%;
bottom:-6px;
margin-left:-6px;
}
.guide-appeal .guide-appeal-hdg-02{
margin-bottom:5px;
padding:4px 5px;
text-align:center;
color:var(--cmn-font-color-base);
font-size:13px;
border:1px solid #e5e5e5;
}
.guide-appeal .guide-appeal-hdg-03{
padding:0 5px;
color:#555;
text-align:center;
background-color:#e5e5e5;
}
.guide-appeal .guide-appeal-hdg-04{
padding:9px 0;
border-top:1px solid #d2d2d2;
line-height:1.35;
color:var(--cmn-font-color-base);
text-align:center;
}
.guide-appeal .guide-appeal-list + .guide-appeal-hdg-04{
margin-top:-10px;
}
.guide-appeal .guide-appeal-btn-list{
margin:0 -1px 7px;
letter-spacing:-.4em;
}
.guide-appeal .guide-appeal-btn-list > li{
display:inline-block;
margin-bottom:3px;
padding:0 2px;
text-align:center;
letter-spacing:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33333%;
}
.guide-appeal .guide-appeal-btn-list > li.guide-btn-02{
letter-spacing:-.1em;
}
.guide-appeal .guide-appeal-btn-list > li > a{
padding:2px 5px 1px;
border:1px solid #ccc;
border-radius:2px;
font-size:11px;
color:#555;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
}
.guide-appeal .guide-appeal-btn-list > li.guide-btn-02 a{
padding:2px 0 1px;
}
.guide-appeal .guide-appeal-btn-list > li > a:hover{
text-decoration:none;
}
.guide-appeal .guide-appeal-nav-internal{
margin:-5px 0 15px;
}
.guide-appeal .guide-appeal-nav-internal > li{
font-size:11px;
}
.guide-appeal .guide-appeal-nav-internal > li > a{
color:#555;
padding-left:12px;
display:inline-block;
position:relative;
}
.guide-appeal .guide-appeal-nav-internal > li > a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.guide-appeal .guide-appeal-nav-internal > li > a:before{
position:absolute;
left:2px;
top:5px;
}
.guide-appeal .guide-appeal-list{
margin-bottom:30px;
}
.guide-appeal .guide-appeal-list > li{
position:relative;
padding:2px 0;
}
.guide-appeal .guide-appeal-list > li:not(:first-child){
border-top:1px dotted #ccc;
}
.guide-appeal .guide-appeal-list > li > a{
display:table;
width:100%;
color:var(--cmn-font-color-base);
}
.guide-appeal .guide-appeal-list > li > a > *{
display:table-cell;
vertical-align:middle;
}
.guide-appeal .guide-appeal-list > li .guide-appeal-panel{
position:absolute;
display:none;
left:0;
top:50px;
padding:10px;
word-break:break-all;
word-wrap:break-word;
background-color:#e5e5e5;
z-index:1;
}
.guide-appeal .guide-appeal-list > li .guide-appeal-thumb{
width:45px;
height:45px;
padding-right:12px;
}
.guide-appeal .guide-appeal-list > li .guide-appeal-thumb > img{
width:100%;
height:100%;
}
.guide-appeal .guide-appeal-list > li .guide-appeal-info{
line-height:1.25;
font-size:12px;
}
.guide-appeal .guide-appeal-list > li:hover .guide-appeal-panel{
display:block;
}
.guide-appeal .guide-info-appeal-list > li{
position:relative;
padding:10px 0 10px 62px;
font-size:11px;
border-bottom:1px dotted #ccc;
}
.guide-appeal .guide-info-appeal-list > li a{
color:#555;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-list-link a{
display:block;
padding-left:12px;
position:relative;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-list-link a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-list-link a:before{
position:absolute;
left:0;
top:7px;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-sup{
display:block;
font-size:10px;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-sup > a{
color:#888;
display:inline-block;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-sup > a:before{
display:none;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-thumb{
border:1px solid #ccc;
display:block;
position:absolute;
top:12px;
left:0;
width:55px;
height:55px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.guide-appeal .guide-info-appeal-list > li .guide-info-appeal-thumb img{
max-width:100%;
max-height:100%;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}
.guide-appeal .guide-info-appeal-list-more{
margin:10px 0 20px;
}
.guide-appeal .guide-info-appeal-list-more a{
display:inline-block;
color:#555;
font-size:12px;
padding-left:12px;
position:relative;
}
.guide-appeal .guide-info-appeal-list-more a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.guide-appeal .guide-info-appeal-list-more a:before{
position:absolute;
left:0;
top:7px;
}

/* ----------------------------------------------------------------
.bnr-appeal
----------------------------------------------------------------- */
/* .bnr-appeal
----------------------------------------------- */
.bnr-appeal{
text-align:center;
margin-bottom:30px;
}

/* ----------------------------------------------------------------
.appeal-container
----------------------------------------------------------------- */
/* .appeal-container
----------------------------------------------- */
.appeal-container{
margin-bottom:15px;
padding:12px;
border:solid 3px #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.appeal-container > p{
margin-bottom:10px;
font-size:11px;
}
.appeal-container > p > b{
color:#af8312;
font-weight:normal;
}
.appeal-container .appeal-footer-link{
text-decoration:none;
font-size:12px;
}
.appeal-hdg{
margin-bottom:4px;
font-size:15px;
}
.appeal-panel{
margin-top:6px;
}
.appeal-panel-hdg{
margin-bottom:6px;
font-weight:normal;
font-size:12px;
}
.appeal-carousel{
text-align:center;
}
.appeal-carousel img{
border:0;
width:100%;
height:auto;
vertical-align:bottom;
}

/* .appeal-carousel-item-inner
----------------------------------------------- */
.appeal-carousel-item-inner{
overflow:hidden;
}
.appeal-carousel-item-inner > ul > li{
position:relative;
float:left;
width:180px;
height:110px;
background-color:#f5f5f5;
}
.appeal-carousel-item-inner > ul > li > a{
display:block;
width:100%;
height:100%;
}
.appeal-carousel-item-inner > ul > li img{
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%) rotate(.1deg);
transform:translate(-50%,-50%) rotate(.1deg);
}

/* .appeal-carousel-item-caption
----------------------------------------------- */
.appeal-carousel-item-caption{
display:block;
position:absolute;
bottom:0;
left:0;
padding:5px 10px;
width:100%;
text-align:left;
color:#fff;
font-size:11px;
background-color:rgba(0, 0, 0, .7);
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:rotate(.1deg);
transform:rotate(.1deg);
}
.appeal-carousel-item-caption .appeal-carousel-item-caption-inner{
display:block;
max-height:34px;
overflow:hidden;
}
.appeal-carousel-item-caption .appeal-carousel-item-caption-spot{
display:block;
font-size:12px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.appeal-carousel-item-caption .appeal-carousel-item-caption-spot > span{
position:relative;
padding-left:11px;
}
.appeal-carousel-item-caption .appeal-carousel-item-caption-spot > span:before{
content:"/";
position:absolute;
left:4px;
}
.appeal-carousel-item-caption .appeal-carousel-item-caption-article{
display:block;
margin-bottom:-1px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

/* .appeal-carousel-location
----------------------------------------------- */
.appeal-carousel-location{
position:relative;
margin:8px 0 6px;
bottom:auto !important;
}
.appeal-carousel-location > *:not(:root){
margin-left:4px;
width:7px;
height:7px;
background:#ccc;
opacity:1;
}
.appeal-carousel-location > *:first-child:not(:root){
margin-left:0;
}
.appeal-carousel-location > *[class*="active"]:not(:root){
background:#666;
}

/* .appeal-toggle-btn
----------------------------------------------- */
.appeal-toggle-btn{
position:relative;
margin:12px 0 2px;
padding:0 0 0 18px;
font-size:11px;
color:var(--font-color-btn-link);
border:none;
background:none !important;

}
.appeal-toggle-btn::before{
content:"";
display:block;
position:absolute;
left:2px;
top:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.toggle-container.is-active > .appeal-toggle-btn::before{
top:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* ----------------------------------------------------------------
Popular Destination List
----------------------------------------------------------------- */
/* .popular-destination-list
----------------------------------------------- */
.popular-destination-list{
display:table;
width:100%;
table-layout:fixed;
}
.popular-destination-list .popular-destination-cell{
display:table-cell;
padding-left:20px;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-left:1px solid #d7d7d7;
}
.popular-destination-list .popular-destination-cell:first-child{
padding-left:0;
border-left:none;
}
.popular-destination-list .popular-destination-cell .popular-destination-item-container:first-child{
margin-top:-25px;
}
.popular-destination-list .popular-destination-cell .popular-tour-item{
padding-right:20px;
}
.popular-destination-list .popular-destination-item{
position:relative;
margin:25px 0 10px;
padding-left:90px;
line-height:1.3;
}
.popular-destination-list .popular-destination-item > a{
display:block;
color:var(--font-color-btn-link);
font-size:12px;
}
.popular-destination-list .popular-destination-item > a > b{
display:block;
margin-bottom:3px;
color:var(--cmn-font-color-base);
}
.popular-destination-list .popular-destination-item > a .cheapest-item > span{
display:block;
}
.popular-destination-list .popular-destination-item > a .thumb{
position:absolute;
left:0;
top:0;
width:80px;
height:52px;
}
.popular-destination-list .popular-destination-item .rank-icon{
display:inline-block;
margin-right:10px;
padding-top:2px;
width:30px;
text-align:center;
color:var(--cmn-font-color-base);
background-color:#dedede;
}
.popular-destination-list .popular-destination-item.rank-01{
padding:120px 0 0;
margin-bottom:5px;
}
.popular-destination-list .popular-destination-item.rank-01 > a .thumb{
left:50%;
margin-left:-80px;
width:160px;
height:104px;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item{
display:block;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > *{
display:block;
width:auto;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > b{
text-align:center;
margin-bottom:5px;
}
.popular-destination-list .popular-destination-item.rank-01 + .popular-tour-item > b > span{
display:inline;
}
.popular-destination-list .popular-destination-item.rank-01 .rank-icon{
color:#fff;
background-color:#f5b733;
}
.popular-destination-list .popular-destination-item.rank-02 .rank-icon{
color:#fff;
background-color:#999;
}
.popular-destination-list .popular-destination-item.rank-03 .rank-icon{
color:#fff;
background-color:#b48350;
}

/* ----------------------------------------------------------------
Recommend Destination List
----------------------------------------------------------------- */
/* .recommend-destination-list
----------------------------------------------- */
.recommend-destination-list{
margin-top:-30px;
}
.recommend-destination-list > li{
margin-top:30px;
}
.recommend-destination-list .recommend-destination-item{
position:relative;
padding-left:130px;
min-height:80px;
margin-bottom:10px;
line-height:1.3;
}
.recommend-destination-list .recommend-destination-item .cheapest-item{
margin-top:2px;
padding-top:3px;
border-top:1px dotted #bebebe;
display:block;
}
.recommend-destination-list .recommend-destination-item .cheapest-item > span{
display:block;
}
.recommend-destination-list .recommend-destination-item > a{
display:block;
color:var(--font-color-btn-link);
font-size:11px;
}
.recommend-destination-list .recommend-destination-item > a > b{
display:block;
margin-bottom:3px;
color:var(--cmn-font-color-base);
font-size:12px;
}
.recommend-destination-list .recommend-destination-item > a .thumb{
position:absolute;
left:0;
top:0;
width:120px;
height:80px;
}

/* ----------------------------------------------------------------
.popular-tour-item
----------------------------------------------------------------- */
.popular-tour-item{
display:table;
width:100%;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:11px;
}
.popular-tour-item > *{
display:table-cell;
vertical-align:middle;
}
.popular-tour-item > b{
padding:5px 0px 5px 5px;
width:40px;
font-weight:normal;
background-color:#e7ebed;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.popular-tour-item > b > span{
display:block;
}
.popular-tour-item > a{
padding-left:7px;
}

/* ----------------------------------------------------------------
Contents Footer Nav
----------------------------------------------------------------- */
/* .contents-footer-nav
----------------------------------------------- */
.contents-footer-nav{
margin-top:60px;
padding-bottom:30px;
border-bottom:1px solid #d9d9d9;
font-size:12px;
}

/* .contents-footer-nav-hdg
----------------------------------------------- */
.contents-footer-nav-hdg{
margin:27px 0 14px;
padding-top:17px;
border-top:1px solid #d9d9d9;
font-size:14px;
font-weight:bold;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note{
font-size:11px;
font-weight:normal;
margin:auto .5em;
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li{
display:block;
padding-left:1em;
position:relative;
color:var(--font-color-btn-link);
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li.sup{
padding-left:0;
}
.contents-footer-nav-hdg .contents-footer-nav-hdg-note li.sup::before{
content:"" !important;
}

/* .contents-footer-nav-hdg-container
----------------------------------------------- */
.contents-footer-nav-hdg-container{
margin:30px 0 15px;
padding-top:16px;
border-top:1px solid #d9d9d9;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg{
margin:0;
padding:0;
border-top:none;
float:left;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link{
float:right;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link > li{
display:inline-block;
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link a{
padding-left:12px;
position:relative;
color:var(--font-color-btn-link);
}
.contents-footer-nav-hdg-container .contents-footer-nav-hdg-link a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .contents-footer-nav-list-separate
----------------------------------------------- */
.contents-footer-nav-list-separate{
line-height:1.25;
}
.contents-footer-nav-list-separate > li{
margin-top:10px;
overflow:hidden;
}
.contents-footer-nav-list-separate > li > span{
color:var(--cmn-font-color-base);
display:block;
float:left;
width:100px;
font-size:12px;
}
.contents-footer-nav-list-separate > li > span a{
padding-left:12px;
color:var(--cmn-font-color-base);
position:relative;
display:inline-block;
}
.contents-footer-nav-list-separate > li > span a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.contents-footer-nav-list-separate .contents-footer-nav-list-separate-inner{
overflow:hidden;
}

/* .contents-footer-nav-list-separate.area
----------------------------------------------- */
.contents-footer-nav-list-separate.area > li{
margin-top:10px;
}

/* contents-footer-nav-list-parent
---------------------------------- */
.contents-footer-nav-list-parent{
display:-ms-grid;
display:grid;
}
.contents-footer-nav-list-parent >li{
display:-ms-grid;
display:grid;
-ms-grid-column-span:2;
grid-column:span 2;

/* for safari15 fail-safe */
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
-ms-grid-columns:subgrid;
grid-template-columns:subgrid;
grid-gap:8px;
}
.contents-footer-nav-list-parent >li:not(:first-child){
margin-top:10px;
}
.contents-footer-nav-list-parent .contents-footer-nav-list-cap{
font-size:12px;
line-height:1.3;
width:100px;
}

/* .contents-footer-nav-list-line
----------------------------------------------- */
.contents-footer-nav-list-line{
margin-top:-10px;
margin-left:-10px;
line-height:1.25;
overflow:hidden;
font-size:0;
}
.contents-footer-nav-list-line > li{
margin:10px 7px 0 -1px;
display:inline-block;
border-left:1px solid #d9d9d9;
padding-left:10px;
font-size:12px;
}
.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);
}

/* .contents-footer-nav-list-arrow
----------------------------------------------- */
.contents-footer-nav-list-arrow > li{
margin:5px 0 0;
}
.contents-footer-nav-list-arrow > li:first-child{
margin-top:0;
}
.contents-footer-nav-list-arrow > li > ul > li{
display:inline-block;
padding-right:20px;
font-size:12px;
position:relative;
}
.contents-footer-nav-list-arrow > li > ul > li:after{
content:"\ff1e";
font-size:11px;
display:block;
position:absolute;
right:4px;
top:0;
}
.contents-footer-nav-list-arrow > li > ul > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.contents-footer-nav-list-arrow > li > ul > li:last-child:after{
display:none;
}
.contents-footer-nav-list-arrow > li > ul > li > a{
color:var(--font-color-btn-link);
}

/* .contents-footer-nav-list
----------------------------------------------- */
.contents-footer-nav-list{
padding:0 10px;
}
.contents-footer-nav-list > li{
font-size:12px;
}
.contents-footer-nav-list > li > a{
color:var(--font-color-btn-link);
}
.contents-footer-nav-list > li.more{
width:100%;
margin:10px 0 0;
text-align:right;
}
.contents-footer-nav-list > li.more > a{
padding-left:12px;
color:#555;
display:inline-block;
position:relative;
}
.contents-footer-nav-list > li.more > a:before{
content:"";
display:block;
position:absolute;
top:7px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .contents-footer-nav-list-recommend
----------------------------------------------- */
.contents-footer-nav-list-recommend-container{
margin:0 -12px 30px;
}
.contents-footer-nav-list-recommend{
display:table;
table-layout:fixed;
border-spacing:12px 0;
font-size:12px;
}
.contents-footer-nav-list-recommend > li{
display:table-cell;
padding:0 10px 10px;
width:248px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-width:0 1px 1px;
border-style:solid;
border-color:#ddd;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add{
margin:0 -11px 10px;
padding:2px 0 1px;
background-color:#777;
text-align:center;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add > strong{
color:#fff;
font-weight:normal;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-add > strong > .num{
font-size:18px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price{
display:table;
width:100%;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:1px solid #d9d9d9;
border-spacing:0;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell{
display:table-cell;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell:first-child{
white-space:nowrap;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell:last-child{
text-align:right;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > span{
display:block;
font-size:11px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > strong{
font-weight:normal;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-price > .cell > strong .num{
font-size:24px;
line-height:1;
font-family:Arial;
font-weight:bold;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info{
margin-top:5px;
padding-top:3px;
border-top:1px dotted #d9d9d9;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li{
display:table;
width:100%;
margin-top:5px;
border-spacing:0;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell{
display:table-cell;
text-align:left;
vertical-align:top;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell:first-child{
width:53px;
padding-right:10px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell:first-child > span{
display:block;
padding:2px 0 1px;
line-height:1;
font-size:11px;
border:1px solid #c5c5c5;
text-align:center;
white-space:nowrap;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li{
display:inline;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li:after{
content:"\ff0f";
display:inline-block;
vertical-align:middle;
margin-left:3px;
}
.contents-footer-nav-list-recommend .contents-footer-nav-list-recommend-info > li > .cell > .contents-footer-nav-list-punc li:last-child:after{
display:none;
}

/* .contents-footer-nav-list-theme
----------------------------------------------- */
.contents-footer-nav-list-theme{
font-size:12px;
line-height:1.45;
margin:0 -10px 0;
}
.contents-footer-nav-list-theme::after{
content:"";
display:table;
clear:both;
}
.contents-footer-nav-list-theme > li{
position:relative;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:16.66667%;
padding:0 10px;
}
.contents-footer-nav-list-theme > li a{
font-size:12px;
position:relative;
display:block;
color:var(--cmn-font-color-base);
padding-top:80px;
}
.contents-footer-nav-list-theme > li .thumb{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
max-width:105px;
max-height:68px;
}

/* ----------------------------------------------------------------
.form-search
----------------------------------------------------------------- */
/* .form-search
----------------------------------------------- */
.form-search{
margin-bottom:30px;
padding:11px 20px 19px;
color:#555;
max-width:960px;
position:relative;
background-color:#ededed;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search input[type="text"],
.form-search input[type="search"]{
padding:5px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
border-radius:0;
color:var(--cmn-font-color-base);
}
.form-search .form-search-select{
vertical-align:top;
min-height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search .form-search-item.date input[type="text"]{
width:180px;
cursor:pointer;
padding-right:35px;
}
.menu-header-container + .form-search{
margin-top:-20px;
}

/* .form-search-lyt
----------------------------------------------- */
.form-search-lyt:before,
.form-search-lyt:after{
content:"";
display:table;
}
.form-search-lyt:after{
clear:both;
}
.form-search-lyt > .form-search-lyt-cell{
float:left;
width:552px;
}
.form-search-lyt > .form-search-lyt-cell:last-child{
margin:0 0 0 10px;
width:358px;
}

/* .form-search-item
----------------------------------------------- */
.form-search-item{
margin-top:9px;
display:table;
width:100%;
}
.form-search-item > .form-search-item-cell{
position:relative;
display:table-cell;
vertical-align:top;
}
.form-search-item > .form-search-item-cell:first-child{
width:80px;
}
.form-search-item.destination.branch{
padding-bottom:15px;
margin:10px 0 15px;
border-bottom:1px solid #ccc;
}
.form-search-item.origin{
margin:2px 0 -3px;
}
.form-search-item.date img{
position:absolute;
bottom:7px;
left:153px;
cursor:pointer;
}
.form-search-item.time-range > .form-search-item-cell:first-child{
width:auto;
}
.form-search-item.picky > .form-search-item-cell{
padding-right:8px;
}
.form-search-item.picky > .form-search-item-cell:first-child{
padding-right:0;
}
.form-search-item.picky > .form-search-item-cell:last-child{
padding:0 50px 0 10px;
width:355px;
border-left:1px solid #d7d7d7;
}
.form-search-item.web{
margin:7px 0 3px;
}

/* .form-search-item-col
----------------------------------------------- */
.form-search-item-col > .form-search-item{
float:left;
width:53%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-item-col > .form-search-item:last-child{
padding-left:20px;
float:right;
width:47%;
}

/* .form-search-item-sup
----------------------------------------------- */
.form-search-item-sup{
display:inline-block;
margin-top:6px;
font-size:14px;
color:var(--cmn-font-color-base);
}

/* .form-search-hdg-l1
----------------------------------------------- */
.form-search-hdg-l1{
padding-right:150px;
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-base);
line-height:1.3;
}

/* .form-search-hdg
----------------------------------------------- */
.form-search-hdg{
padding-right:18px;
display:table;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
overflow:hidden;
}
.form-search-hdg > h2{
display:table-cell;
vertical-align:middle;
font-size:12px;
}
.form-search-hdg > h2 span{
display:block;
}
.form-search-hdg > h2 .sup{
font-size:11px;
font-weight:normal;
}
.form-search-hdg > h2 > span{
display:block;
white-space:nowrap;
}
.form-search-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:5px;
}
.form-search-hdg.no-tip-btn{
padding-right:5px;
}
.form-search-item.hotel-review .form-search-hdg{
padding-right:5px;
}
.form-search-item.hotel-review .form-search-hdg .cmn-tip-btn{
top:3px;
right:14px;
bottom:inherit;
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn,
.form-search-btn-01{
padding:3px 10px 3px 20px;
border:1px solid #bebebe;
border-radius:1px;
color:var(--font-color-btn-link);
display:inline-block;
min-width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
cursor:pointer;
overflow:hidden;
}
.form-search-btn:before,
.form-search-btn-01:before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
left:10px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-btn .sup,
.form-search-btn-01 .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn{
height:28px;
}

/* .form-search-btn-01
----------------------------------------------- */
.form-search-btn-01{
padding:6px 10px 6px 20px;
height:34px;
}
.form-search-item.destination .form-search-btn-01{
position:absolute;
right:0;
top:0;
}

/* .form-search-list-line
----------------------------------------------- */
.form-search-list-line > li{
margin:5px 5px 0 0;
display:inline-block;
font-size:13px;
}
.form-search-list-line > li label{
padding-left:20px;
cursor:pointer;
display:inline-block;
position:relative;
color:var(--cmn-font-color-base);
}
.form-search-list-line > li.disabled > label{
cursor:default;
opacity:.5;
}
.form-search-list-line > li label input[type="radio"],
.form-search-list-line > li label input[type="checkbox"]{
position:absolute;
top:-1px;
bottom:0;
left:0;
margin:auto 0;
}

/* .form-search-destination
----------------------------------------------- */
.form-search-destination > li:not(:first-child){
margin-top:5px;
}
.form-search-destination > li > *{
float:left;
}
.form-search-destination > li .form-search-destination-list > li{
float:left;
}
.form-search-destination > li .form-search-destination-list > li .form-search-select{
width:143px;
border-left-width:0;
}
.form-search-destination > li .form-search-destination-list > li:first-child .form-search-select{
border-left-width:1px;
}
.form-search-destination > li .form-search-destination-list > li:last-child .form-search-select{
width:247px;
}
.toggle-item .form-search-destination > li{
margin-top:5px;
}
.cmn-modal-item .form-search-destination{
margin:18px 0 10px;
}
.cmn-modal-item .form-search-destination > li:not(:first-child){
margin-top:10px;
}
.cmn-modal-item .form-search-destination > li .form-search-destination-list > li .form-search-select{
width:159px;
}
.cmn-modal-item .form-search-destination > li .form-search-destination-list > li:last-child .form-search-select{
width:287px;
}

/* .form-search-destination-toggle-btn
----------------------------------------------- */
.form-search-destination-toggle-btn{
position:absolute;
top:8px;
left:558px;
padding:0 0 0 15px;
font-size:11px;
color:var(--font-color-btn-link);
border:none;
cursor:pointer;
text-decoration:none;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-position:left center;
background-repeat:no-repeat;
background-color:transparent;
background-size:11px 11px;
}
.form-search-destination-toggle-btn.is-cancel{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.form-search-keyword-toggle-btn{
position:absolute;
top:8px;
left:558px;
padding:0 0 0 15px;
font-size:11px;
color:var(--font-color-btn-link);
border:none;
cursor:pointer;
text-decoration:none;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-position:left center;
background-repeat:no-repeat;
background-color:transparent;
background-size:11px 11px;
}
.toggle-container.is-active > .form-search-keyword-toggle-btn,
.toggle-container.active > .form-search-keyword-toggle-btn{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}

/* .form-search-origin
----------------------------------------------- */
.form-search-origin,
.form-search-index-origin{
margin-left:10px;
overflow:hidden;
}
.form-search-origin li,
.form-search-index-origin li{
display:inline;
}
.form-search-origin li label,
.form-search-index-origin li label{
margin-top:2px;
padding-left:20px;
cursor:pointer;
position:relative;
display:inline-block;
color:var(--cmn-font-color-base);
}
.form-search-origin li label input[type="checkbox"],
.form-search-index-origin li label input[type="checkbox"]{
position:absolute;
left:0;
top:-1px;
bottom:0;
margin:auto 0;
}
.form-search-origin li > ul,
.form-search-index-origin li > ul{
display:inline;
}
.form-search-origin li > ul.brackets:before,
.form-search-index-origin li > ul.brackets:before{
content:"(";
display:inline-block;
vertical-align:middle;
}
.form-search-origin li > ul.brackets:after,
.form-search-index-origin li > ul.brackets:after{
content:")";
display:inline-block;
vertical-align:middle;
}
.form-search-origin .form-search-btn{
margin:2px 0 0 5px;
}

/* .form-search-days
----------------------------------------------- */
.form-search-days{
float:left;
}
.form-search-days > li{
position:relative;
display:inline-block;
vertical-align:top;
margin-right:10px;
}
.form-search-days > li:first-child{
margin-right:0;
padding-right:26px;
position:relative;
}
.form-search-days > li:first-child:after{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
right:5px;
width:13px;
}
.form-search-days > li .form-search-select{
min-width:0;
width:80px;
}

/* .form-search-num-list
----------------------------------------------- */
.form-search-num-list::before,
.form-search-num-list::after{
content:"";
display:table;
}
.form-search-num-list::after{
clear:both;
}
.form-search-num-list > li{
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:10px;
}
.form-search-num-list > li.adult{
margin-left:0;
}
.form-search-num-list > li.child{
margin-left:20px;
}
.form-search-num-list > li.detail{
width:100%;
margin:10px 0 0 0;
}
.form-search-num-list > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-num-list > li > label + label{
margin-left:10px;
}
.form-search-num-list > li .hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:4px 0 2px 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
border-radius:2px 0 0 2px;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1;
width:40px;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.form-search-num-list > li.adult .hdg{
width:63px;
padding-left:10px;
}
.form-search-num-list > li.child .hdg{
width:63px;
padding-left:10px;
}
.form-search-num-list > li .hdg-01{
color:var(--cmn-font-color-base);
font-size:11px;
margin-right:7px;
}
.form-search-num-list > li [class^="hdg"] >span:not([class]){
display:block;
width:100%;
}
.form-search-num-list > li > label >.form-search-select{
min-width:56px;
}

/* .form-search-budget
----------------------------------------------- */
.form-search-budget > li{
display:inline-block;
vertical-align:top;
}
.form-search-budget > li:last-child{
padding-left:29px;
position:relative;
}
.form-search-budget > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
left:7px;
width:13px;
}

/* .form-search-keyword
----------------------------------------------- */
.form-search-keyword{
position:relative;
}
.form-search-keyword input[type="text"],
.form-search-keyword input[type="search"]{
vertical-align:top;
width:425px;
}
.form-search-keyword .form-search-list-line{
display:inline-block;
margin-top:3px;
}

/* .form-search-keyword-filter
----------------------------------------------- */
.form-search-keyword-filter{
margin-top:5px;
}
.form-search-keyword-filter > label > span{
display:block;
float:left;
padding:8px 5px 7px;
min-height:34px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
border-radius:2px 0 0 2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:11px;
}
.form-search-keyword-filter > label input[type="text"],
.form-search-keyword-filter > label input[type="search"]{
width:337px;
margin-right:4px;
}

/* .form-search-keyword-toggle-btn
----------------------------------------------- */
.form-search-keyword-toggle-btn{
left:475px;
}

/* .form-search-hotel-review-col
----------------------------------------------- */
.form-search-hotel-review-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.form-search-hotel-review-col .form-search-hotel-area-list{
margin-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-item.hotel-review .form-custom-select{
width:155px;
}

/* .form-search-hotel-area-list
----------------------------------------------- */
.form-search-hotel-area-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
color:var(--cmn-font-color-base);
}
.form-search-hotel-area-list > li >div:first-child{
width:4em;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:11px;
}
.form-search-hotel-area-list > li >div:last-child{
margin-left:10px;
font-size:12px;
}

/* .form-search-hotel-rank-list
----------------------------------------------- */
.form-search-hotel-rank-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:0;
}
.form-search-modal-item-cell > .form-search-hotel-rank-list{
margin:-8px 0 0 -10px;
}
.form-search-hotel-rank-list > li{
margin-top:8px;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-hotel-area-list .form-search-hotel-rank-list > li{
margin-top:0;
}
.form-search-hotel-rank-list label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-hotel-rank-list label input[type="checkbox"]{
margin-right:5px;
}
.form-search-hotel-rank-list li.is-disabled label{
opacity:.25;
cursor:default;
}
.form-search-hotel-rank-list [class^="icon-r-hotel"]{
display:inline-block;
height:13px;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
overflow:hidden;
vertical-align:middle;
background-size:auto 100%;
background-repeat:no-repeat;
}
.form-search-hotel-rank-list .icon-r-hotel.rank-5{
width:70px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-05.svg);
}
.form-search-hotel-rank-list .icon-r-hotel.rank-4{
width:56px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-04.svg);
}
.form-search-hotel-rank-list .icon-r-hotel.rank-3{
width:42px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-03.svg);
}
.form-search-hotel-rank-list .icon-r-hotel.rank-2{
width:27px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-02.svg);
}
.form-search-hotel-rank-list .icon-r-hotel.rank-1{
width:13px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-01.svg);
}

/* .form-search-picky
----------------------------------------------- */
.form-search-picky,
.form-search-index-picky{
overflow:hidden;
margin-top:-2px;
}
.form-search-picky > li,
.form-search-index-picky > li{
margin:2px 0 0;
padding-right:2px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:25%;
}
.form-search-picky > li label,
.form-search-index-picky > li label{
color:var(--font-color-btn-link);
}
.form-search-picky > li label > span,
.form-search-index-picky > li label > span{
padding:9px 0;
border:1px solid #c4c4c4;
border-radius:2px;
-webkit-box-shadow:0 -1px 0 #d9d9d9 inset;
box-shadow:0 -1px 0 #d9d9d9 inset;
font-size:11px;
background-color:#fff;
line-height:1.25;
display:block;
position:relative;
text-align:center;
cursor:pointer;
}
.form-search-picky > li label > input[type="checkbox"],
.form-search-index-picky > li label > input[type="checkbox"]{
display:none;
}
.form-search-picky > li label > input[type="checkbox"]:checked + span,
.form-search-index-picky > li label > input[type="checkbox"]:checked + span{
border-color:#888;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
background-color:#888;
}
.form-search-picky > li label > input[type="checkbox"]:disabled + span,
.form-search-index-picky > li label > input[type="checkbox"]:disabled + span{
cursor:default;
opacity:.33;
}

/* .form-search-picky-01
----------------------------------------------- */
.form-search-picky-01{
overflow:hidden;
}
.form-search-picky-01 > li{
margin-bottom:1px;
padding-right:2px;
float:left;
width:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-picky-01 > li > .form-search-btn-01{
width:100%;
padding-right:0;
}

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

/* .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:relative;
overflow:hidden;
background-color:#bebebe;
}
.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);
transform:translateY(50%) rotate(45deg);
}
.form-search-btn-del-01 > span:after{
width:2px;
height:8px;
left:6px;
}

/* .form-search-btn-reset
----------------------------------------------- */
.form-search-btn-reset{
position:absolute;
top:8px;
right:12px;
font-size:11px;
padding:0 0 0 12px;
border:none;
background:url(/element/w_tour/shared/images/icon/icon-close-01.svg) 0 50% no-repeat;
background-size:8px 8px;
font-size:11px;
}
.form-search-btn-reset span{
--cmn-dashed-font-color:var(--font-color-btn-link);
display:inline-block;
}

/* .form-search-del-list
----------------------------------------------- */
.form-search-del-list{
margin-top:5px;
}
.form-search-del-list button{
position:relative;
margin:0;
padding:0 15px 0 0;
font-size:11px;
color:var(--font-color-btn-link);
text-align:left;
background:transparent;
border:none;
}
.form-search-del-list button .del{
position:absolute;
right:0;
top:50%;
color:transparent;
width:10px;
height:10px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element/shared/images/icon/icon-close.svg) no-repeat right center transparent;
background-size:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .form-search-del-container
----------------------------------------------- */
.form-search-del-container{
margin-top:5px;
font-size:11px;
border-top:1px solid #ccc;
}

/* .form-search-del-container > .form-search-del-list
----------------------------------------------- */
.form-search-del-container .form-search-del-list{
position:relative;
margin-top:0;
}
.form-search-del-container .form-search-del-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 0;
border-bottom:1px dotted #ccc;
}
.form-search-del-container .form-search-del-list::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background-color:#ededed;
}
.form-search-del-container .form-search-del-list .is-disabled{
display:none;
}

/* .form-search-del-hdg
----------------------------------------------- */
.form-search-del-hdg{
position:relative;
margin-right:30px;
width:120px;
}
.form-search-del-hdg::after{
content:":";
position:absolute;
right:-10px;
top:-1px;
}
.form-search-del-hdg button{
padding:0 25px 0 0;
width:100%;
}

/* .form-search-del-cnt
----------------------------------------------- */
.form-search-del-cnt{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .form-search-del-container > .form-search-del-list-01
----------------------------------------------- */
.form-search-del-list-01{
position:relative;
margin:-5px 0;
}
.form-search-del-list-01:after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background-color:#ededed;
}
.form-search-del-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 0;
border-bottom:1px dashed #bebebe;
}

/* .form-search-del-area-hdg
----------------------------------------------- */
.form-search-del-hdg-01{
padding-right:20px;
width:130px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-del-hdg-01 button{
width:100%;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}

/* .form-search-del-cnt-01
----------------------------------------------- */
.form-search-del-cnt-01{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-del-negative{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.form-search-del-list-line.is-disabled + .form-search-del-negative{
margin-top:0;
}

/* .form-search-del-list-line
----------------------------------------------- */
.form-search-del-list-line{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
gap:3px 0;
}
.form-search-del-list-line > li{
margin:0px 20px 0 0;
}

/* .form-search-del-icon
----------------------------------------------- */
.form-search-del-icon{
margin:1px 7px 0 0;
padding:1px 3px 0;
font-size:11px;
color:var(--font-color-btn-link);
line-height:1;
border:1px solid #bbb;
}

/* .form-search-exec
----------------------------------------------- */
.form-search-exec,
.form-search-index-exec{
padding:20px 10px 10px;
-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
box-shadow:0 1px 2px rgba(0, 0, 0, .3) inset;
position:relative;
background-color:#fff;
text-align:center;
font-size:15px;
}
.form-search-exec{
margin-top:18px;
}
.form-search-exec:before,
.form-search-index-exec:before,
.form-search-exec:after,
.form-search-index-exec:after{
content:"";
display:block;
margin:0 0 0 -25px;
width:0;
height:0;
position:absolute;
top:0;
left:50%;
display:block;
border-width:10px 20px 0 20px;
border-color:rgba(0, 0, 0, .28) transparent transparent transparent;
border-style:solid;
}
.form-search-exec:after,
.form-search-index-exec:after{
top:-1px;
border-top-color:#ededed;
}
.form-search-exec .form-search-exec-num,
.form-search-index-exec .form-search-exec-num,
.form-search-index-exec .form-search-index-exec-num{
margin-right:30px;
display:inline-block;
vertical-align:middle;
}
.form-search-exec .form-search-exec-num b,
.form-search-index-exec .form-search-exec-num b,
.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-exec .form-search-exec-btn,
.form-search-index-exec .form-search-exec-btn,
.form-search-index-exec .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:170px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:20px;
font-weight:bold;
background-color:#72ba00;
}
.form-search-exec .form-search-exec-btn:active,
.form-search-index-exec .form-search-exec-btn:active,
.form-search-index-exec .form-search-index-exec-btn:active,
.form-search-exec .form-search-exec-btn:hover,
.form-search-index-exec .form-search-exec-btn:hover,
.form-search-index-exec .form-search-index-exec-btn:hover,
.form-search-exec .form-search-exec-btn:focus,
.form-search-index-exec .form-search-exec-btn:focus,
.form-search-index-exec .form-search-index-exec-btn:focus{
background-color:#67a700;
}
.form-search-exec .form-search-exec-btn-container,
.form-search-index-exec .form-search-exec-btn-container{
position:relative;
display:inline-block;
}
.form-search-exec .attention-balloon,
.form-search-index-exec .attention-balloon{
position:absolute;
right:-160px;
top:-4px;
color:#fff;
font-size:12px;
padding:5px 10px;
border-radius:5px;
background-color:#555;
}
.form-search-exec .attention-balloon:before,
.form-search-index-exec .attention-balloon:before{
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:18px;
left:-5px;
display:block;
background-color:#555;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .form-search-note
----------------------------------------------- */
.form-search-note{
margin-top:7px;
padding-left:1em;
color:var(--font-color-btn-link);
position:relative;
font-size:11px;
}
.form-search-note:before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

/* ----------------------------------------------------------------
.form-search-calendar
----------------------------------------------------------------- */
/* .form-search-calendar
----------------------------------------------- */
.form-search-calendar{
position:relative;
margin-top:10px;
min-height:212px;
border-width:1px;
border-style:solid;
border-color:#bebebe;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-header{
position:relative;
padding:9px 10px 8px;
background-color:#ededed;
color:var(--cmn-font-color-base);
}
.form-search-calendar .form-search-calendar-hdg{
position:absolute;
left:10px;
top:9px;
font-weight:normal;
font-size:11px;
}
.form-search-calendar .form-search-calendar-nav{
position:relative;
margin:0 130px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-hdg{
font-size:12px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-hdg .num{
font-family:Arial;
font-size:13px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li{
top:1px;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > a,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > span{
border:1px solid #bebebe;
border-radius:1px;
color:#555;
display:inline-block;
width:20px;
height:15px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#fff;
font-size:13px;
text-align:left;
color:transparent;
border-radius:2px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li > span{
opacity:.5;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev{
position:absolute;
left:0;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev > a:before,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.prev > span:before{
margin-top:-2px;
border-left:1px solid #666;
border-top:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
left:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next{
position:absolute;
right:0;
}
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next > a:before,
.form-search-calendar .form-search-calendar-nav .form-search-calendar-nav-list > li.next > span:before{
margin-top:-2px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
right:7px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-calendar .form-search-calendar-description{
position:absolute;
right:10px;
top:3px;
display:block;
padding-left:23px;
font-size:11px;
line-height:1.4;
}
.form-search-calendar .form-search-calendar-description >span{
display:block;
}
.form-search-calendar .form-search-calendar-description:before{
display:block;
content:"";
position:absolute;
top:0;
left:0;
width:20px;
height:11px;
border:1px solid var(--cmn-font-color-red);
border-radius:50%;
opacity:.5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-tbl{
width:100%;
border-collapse:collapse;
background-color:#fff;
}
.form-search-calendar .form-search-calendar-tbl thead th{
color:var(--cmn-font-color-base);
font-weight:normal;
font-size:11px;
height:20px;
padding:2px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td{
padding:0;
color:#999;
text-align:center;
border-width:1px 0 0 1px;
border-color:#e5e5e5;
border-style:solid;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td:first-child{
border-left-width:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div{
position:relative;
height:30px;
width:50px;
font-family:Arial;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div > a{
position:relative;
color:var(--cmn-font-color-link);
display:block;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
z-index:1;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div:hover:before{
content:"";
display:block;
width:50px;
height:30px;
border:2px solid #0d5fa8;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:absolute;
left:0;
top:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.cheapest:after{
display:block;
content:"";
position:absolute;
bottom:1px;
left:7px;
width:35px;
height:19px;
border:1px solid var(--cmn-font-color-red);
border-radius:50%;
opacity:.5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:0;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled{
position:relative;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled:after{
content:"";
display:inline-block;
width:auto;
height:auto;
overflow:hidden;
position:relative;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.disabled:after{
content:"-";
margin-top:10px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td .date{
position:absolute;
top:2px;
left:2px;
line-height:1;
color:var(--cmn-font-color-base);
font-size:11px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td:first-child .date,
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td .price{
position:absolute;
bottom:3px;
left:0;
display:block;
width:100%;
font-size:12px;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active{
background-color:#0d5fa8;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active.cheapest:after{
border-color:#fff;
opacity:1;
}
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active .price,
.form-search-calendar .form-search-calendar-tbl tbody > tr td > div.active .date{
color:#fff;
}

/* ----------------------------------------------------------------
.form-search-index
----------------------------------------------------------------- */
/* .form-search-index & .form-search-index-inner
----------------------------------------------- */
.form-search-index{
padding:0 20px 25px;
color:#555;
background-color:rgba(16, 92, 169, .6);
}
.form-search-index-inner{
padding:20px 22px;
position:relative;
background-color:#f6f6f6;
}
.form-search-index input[type="text"],
.form-search-index input[type="search"]{
padding:5px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:34px;
border-radius:0;
}
.form-search-index .form-search-index-select{
vertical-align:top;
height:34px;
min-width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index .form-search-index-item.date input[type="text"]{
width:190px;
cursor:pointer;
padding-right:35px;
}

/* .form-search-index-lyt
----------------------------------------------- */
.form-search-index-lyt > .form-search-index-lyt-cell{
float:left;
width:548px;
}
.form-search-index-lyt > .form-search-index-lyt-cell:last-child{
margin:10px 0 0 20px;
width:312px;
}

/* .form-search-index-item
----------------------------------------------- */
.form-search-index-item{
margin-top:9px;
display:table;
width:100%;
}
.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:before{
content:"";
display:block;
width:1px;
height:34px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
.form-search-index-item > .form-search-index-item-cell:before{
z-index:1;
background-color:#015eaa;
}
.form-search-index-item > .form-search-index-item-cell:first-child{
width:100px;
}
.form-search-index-item > .form-search-index-item-cell:first-child:before{
display:none;
}
.form-search-index-item.date .form-search-index-select{
width:180px;
}
.form-search-index-item.date img{
position:absolute;
bottom:7px;
left:163px;
cursor:pointer;
}
.form-search-index-item.picky{
margin-bottom:10px;
}
.form-search-index-item.picky > .form-search-index-item-cell:last-child{
padding-left:3px;
}
.form-search-index-item.budget{
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px solid #e1e1e1;
}
.form-search-index-item.destination{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #e1e1e1;
}
.form-search-index-item.destination .link-list-line{
margin-top:-6px;
}
.form-search-index-item.destination .link-list-line > li{
margin-top:0;
}
.form-search-index-item.destination .form-search-index-list-line > li label,
.form-search-index-item.destination .form-search-index-destination > li > ul > li label,
.form-search-index-item.destination .form-search-index-web > li label{
display:inline-block;
color:var(--cmn-font-color-base);
}
.form-search-index-item.destination .form-search-index-note{
display:block;
color:var(--cmn-font-color-base);
margin-top:0;
padding:10px 8px 0;
line-height:1.2;
font-size:11px;
}
.form-search-index-item.destination .form-search-index-note > span{
display:inline-block;
}
.form-search-index-item.destination .form-search-index-note:before{
position:relative;
content:"(";
display:inline-block;
}
.form-search-index-item.destination .form-search-index-note:after{
position:relative;
content:")";
display:inline-block;
}
.form-search-index-item.destination .form-search-index-btn-del{
margin:0 0 0 8px;
}
.form-search-index-item.destination-other{
margin:4px 0 10px 4px;
}
.form-search-index-item.destination-other .form-search-index-item-cell:before{
background-color:#bfd5ef;
}
.form-search-index-item.destination-other .form-search-index-hdg{
color:var(--cmn-font-color-base);
background-color:#bfd5ef;
}
.form-search-index-item.destination-other .form-search-index-hdg label{
font-weight:bold;
}
.form-search-index-item.time-range .form-search-index-btn-01{
position:absolute;
left:0;
top:0;
margin:0;
width:190px;
}
.form-search-index-item.keyword .form-search-keyword-toggle-btn{
left:555px;
}
.form-search-index-item.web .form-search-index-destination > li > ul,
.form-search-index-item.web .form-search-index-web{
margin-left:10px;
}
.form-search-index-item.web .form-search-index-hdg{
background:none;
text-indent:-9999px;
}
.form-search-index-item.web > .form-search-index-item-cell:before{
background:none;
}
.form-search-index-item.web .form-search-index-list-line > li + li{
margin-left:34px;
}
.toggle-container .form-search-index-item.budget{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}

/* .form-search-index-item-col
----------------------------------------------- */
.form-search-index-item-col > .form-search-index-item.date{
float:left;
width:320px;
}
.form-search-index-item-col > .form-search-index-item.days{
float:left;
width:360px;
}
.form-search-index-item-col > .form-search-index-item.number{
float:left;
width:320px;
}
.form-search-index-item-col > .form-search-index-item.room-num{
float:right;
width:200px;
}
.form-search-index-item-col > .form-search-index-item.meal{
float:left;
width:218px;
}
.form-search-index-item-col > .form-search-index-item.price-range{
float:left;
width:320px;
}

/* .form-search-index-header-nav
----------------------------------------------- */
.form-search-index-header-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:4px 0 10px;
color:var(--cmn-font-color-base);
line-height:1;
}
.form-search-index-header-nav > li:not(:first-child){
margin-left:15px;
}
.form-search-index-header-nav > li:first-child,
.form-search-index-header-nav > li > h1{
font-weight:bold;
font-size:18px;
}
.form-search-index-header-nav > li > a{
display:block;
margin-top:-3px;
padding:5px 15px 4px 25px;
color:#0d4c8f;
border-width:1px;
border-color:#4680bd;
border-style:solid;
position:relative;
text-decoration:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-header-nav > li > a:before{
content:"";
display:block;
position:absolute;
left:13px;
top:50%;
border-right:1px solid #0d4c8f;
border-bottom:1px solid #0d4c8f;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

/* .form-search-index-header-note
----------------------------------------------- */
.form-search-index-header-note{
margin:-2px 0 13px;
font-size:14px;
}
.form-search-index-header-note > .sup{
color:var(--cmn-font-color-gray);
font-size:12px;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index-hdg{
padding:2px 18px 1px 10px;
color:#fff;
display:table;
width:100%;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
vertical-align:middle;
line-height:1.25;
background-color:#015eaa;
border-radius:2px 0 0 2px;
overflow:hidden;
}
.form-search-index-hdg > h2{
display:table-cell;
vertical-align:middle;
font-weight:normal;
font-size:12px;
}
.form-search-index-hdg > h2 .sup{
display:block;
font-size:11px;
}
.form-search-index-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:5px;
}
.form-search-index-hdg .req-icon{
position:absolute;
top:8px;
right:4px;
}
.form-search-index-hdg.no-tip-btn{
padding-right:5px;
}

/* .form-search-index-hdg-01
----------------------------------------------- */
.form-search-index-hdg-01{
font-size:14px;
color:var(--cmn-font-color-base);
display:inline-block;
margin-bottom:10px;
}
.form-search-index-hdg-01 > .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
font-weight:normal;
}

/* .req-icon
----------------------------------------------- */
.req-icon{
display:inline-block;
margin:auto 0;
padding:2px 3px 0;
font-size:11px;
font-weight:normal;
line-height:1.3;
color:var(--cmn-font-color-red);
border:1px solid var(--cmn-font-color-red);
background-color:#fff;
}

/* .form-search-index-btn
----------------------------------------------- */
.form-search-index-btn,
.form-search-index-btn-01{
padding:3px 10px 3px 20px;
border:1px solid #bebebe;
border-radius:1px;
color:var(--font-color-btn-link);
display:inline-block;
min-width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
font-size:13px;
text-align:left;
cursor:pointer;
}
.form-search-index-btn:before,
.form-search-index-btn-01:before{
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:50%;
left:10px;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.form-search-index-btn .sup,
.form-search-index-btn-01 .sup{
color:var(--cmn-font-color-gray);
font-size:11px;
}

/* .form-search-index-btn-01
----------------------------------------------- */
.form-search-index-btn-01{
padding:6px 10px 6px 20px;
min-height:34px;
cursor:pointer;
}

/* .form-search-index-list-line
----------------------------------------------- */
.form-search-index-list-line,
.form-search-index-destination > li > ul,
.form-search-index-web{
font-size:13px;
}
.form-search-index-list-line > li,
.form-search-index-destination > li > ul > li,
.form-search-index-web > li{
margin:5px 5px 0 0;
display:inline-block;
}
.form-search-index-list-line > li label,
.form-search-index-destination > li > ul > li label,
.form-search-index-web > li label{
padding-left:20px;
cursor:pointer;
display:block;
position:relative;
color:var(--cmn-font-color-base);
}
.form-search-index-list-line > li label input[type="radio"],
.form-search-index-destination > li > ul > li label input[type="radio"],
.form-search-index-web > li label input[type="radio"],
.form-search-index-list-line > li label input[type="checkbox"],
.form-search-index-destination > li > ul > li label input[type="checkbox"],
.form-search-index-web > li label input[type="checkbox"]{
position:absolute;
top:-1px;
bottom:0;
left:0;
margin:auto 0;
}
.form-search-index-list-line > li.disabled label,
.form-search-index-destination > li > ul > li.disabled label,
.form-search-index-web > li.disabled label{
cursor:default;
opacity:.5;
}
.form-search-index-list-line > li.selected,
.form-search-index-destination > li > ul > li.selected,
.form-search-index-web > li.selected{
background-color:#f7efdf;
}

/* .form-search-index-list-def
----------------------------------------------- */
.form-search-index-list-def > li{
display:table;
margin-top:3px;
}
.form-search-index-list-def > li > div{
display:table-cell;
vertical-align:top;
}
.form-search-index-list-def > li > div:first-child{
position:relative;
width:10em;
padding-right:20px;
}
.form-search-index-list-def > li > div:first-child:after{
position:absolute;
right:10px;
top:0;
content:":";
}

/* .form-search-index-destination
----------------------------------------------- */
.form-search-index-destination > li{
float:left;
margin-bottom:4px;
padding-left:4px;
width:33.33333%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-destination > li .form-search-index-destination-hdg{
padding:6px 5px;
background-color:#bfd5ef;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
}
.form-search-index-destination > li > ul{
padding:6px 7px 8px;
min-height:134px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
}
.form-search-index-destination > li > ul > li{
margin:2px 0 0;
}
.form-search-index-destination > li > ul.list-col-4 > li{
width:25%;
}
.form-search-index-destination > li > ul.list-col-2 > li{
white-space:nowrap;
width:50%;
}
.form-search-index-destination.branch > li{
width:100%;
margin:0;
padding:0;
}
.form-search-index-destination.branch > li .form-search-index-destination-hdg{
padding:5px 8px;
}
.form-search-index-destination.branch > li > ul{
min-height:auto;
padding:5px 10px 10px;
}
.form-search-index-destination.branch > li > ul > li{
margin-top:5px;
}

/* iPadOS */
@media screen and (max-width:1185px) and (min-aspect-ratio:3/4){
.form-search-index-destination > li > ul{
min-height:13.7vh;
height:100%;
}
}

/* .form-search-index-destination-other
----------------------------------------------- */
.form-search-index-destination-other > li{
float:left;
}
.form-search-index-destination-other > li .form-search-index-select{
border-left:none;
}

/* .form-search-index-origin
----------------------------------------------- */
.form-search-index-origin .form-search-index-btn{
margin:5px 0 0 10px;
}

/* .form-search-index-days
----------------------------------------------- */
.form-search-index-days{
float:left;
}
.form-search-index-days > li{
display:inline-block;
vertical-align:top;
}
.form-search-index-days > li:last-child{
padding-left:26px;
position:relative;
}
.form-search-index-days > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
left:5px;
width:13px;
}
.form-search-index-days > li .form-search-index-select{
min-width:0;
width:80px;
}

/* .form-search-index-num-list
----------------------------------------------- */
.form-search-index-num-list::before,
.form-search-index-num-list::after{
content:"";
display:table;
}
.form-search-index-num-list::after{
clear:both;
}
.form-search-index-num-list > li{
float:left;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:10px;
}
.form-search-index-num-list > li.adult{
margin-left:0;
}
.form-search-index-num-list > li.child{
margin-left:20px;
}
.form-search-index-num-list > li.detail{
width:100%;
margin:10px 0 0 0;
}
.form-search-index-num-list > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-index-num-list > li > label + label{
margin-left:10px;
}
.form-search-index-num-list > li .hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
padding:4px 0 2px 5px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
border-radius:2px 0 0 2px;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1;
width:40px;
height:34px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.form-search-index-num-list > li.adult .hdg{
border-width:1px 0;
width:63px;
padding-left:10px;
}
.form-search-index-num-list > li.child .hdg{
width:63px;
padding-left:10px;
}
.form-search-index-num-list > li .hdg-01{
color:var(--cmn-font-color-base);
font-size:11px;
margin-right:7px;
}
.form-search-index-num-list > li [class^="hdg"] >span:not([class]){
display:block;
width:100%;
}
.form-search-index-num-list > li > label >.form-search-index-select{
min-width:56px;
}

/* .form-search-index-budget
----------------------------------------------- */
.form-search-index-budget > li{
display:inline-block;
vertical-align:top;
}
.form-search-index-budget > li:last-child{
padding-left:13px;
position:relative;
}
.form-search-index-budget > li:last-child:before{
content:"\ff5e";
display:block;
position:absolute;
top:5px;
left:-2px;
width:13px;
}

/* .form-search-index-keyword
----------------------------------------------- */
.form-search-index-keyword{
position:relative;
}
.form-search-index-keyword input[type="text"],
.form-search-index-keyword input[type="search"]{
vertical-align:top;
width:490px;
}
.form-search-index-keyword .form-search-list-line{
display:inline-block;
margin-top:3px;
}

/* .form-search-index-keyword-filter
----------------------------------------------- */
.form-search-index-keyword-filter{
position:relative;
margin-top:5px;
}
.form-search-index-keyword-filter > label > span{
display:block;
float:left;
padding:8px 5px 7px;
border-width:1px 0 1px 1px;
border-style:solid;
border-color:#bebebe;
border-radius:2px 0 0 2px;
font-size:11px;
}
.form-search-index-keyword-filter > label input[type="text"],
.form-search-index-keyword-filter > label input[type="search"]{
width:402px;
margin-right:4px;
}

/* .form-search-index-picky
----------------------------------------------- */
.form-search-index-picky{
width:600px;
}
.form-search-index-picky > li{
width:20%;
}
.toggle-container .form-search-index-picky{
width:100%;
}
.toggle-container .form-search-index-picky > li{
width:12.5%;
}

/* .form-search-index-web
----------------------------------------------- */
.form-search-index-web{
margin-left:10px;
}

/* .form-search-toggle-btn
----------------------------------------------- */
.form-search-toggle-btn{
font-size:12px;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding:2px 13px;
text-align:left;
color:var(--font-color-btn-link);
border:1px solid #bebebe;
border-radius:1px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
background-image:url(/element/shared/images/icon/icon-toggle-plus.svg);
background-position:left center;
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.form-search-toggle-btn.is-cancel{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.toggle-container.is-active .form-search-toggle-btn{
background-image:url(/element/shared/images/icon/icon-toggle-minus.svg);
}
.form-search-index-item.other .form-search-toggle-btn{
font-size:12px;
position:relative;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:100px;
padding:2px 10px 2px 23px;
text-align:left;
color:var(--font-color-btn-link);
border:1px solid #bebebe;
border-radius:1px;
-webkit-box-shadow:0 -1px 0 #bebebe inset;
box-shadow:0 -1px 0 #bebebe inset;
background:none;
background-color:#fff;
}
.form-search-index-item.other .form-search-toggle-btn > span{
position:relative;
}
.form-search-index-item.other .form-search-toggle-btn > span::before{
position:absolute;
left:-14px;
top:4px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.form-search-index-item.other.toggle-container.is-active .form-search-toggle-btn > span::before{
top:3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

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

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

/* .form-search-index-exec
----------------------------------------------- */
.form-search-index-exec:after{
border-top-color:#f6f6f6;
}

/* .form-search-index-note
----------------------------------------------- */
.form-search-index-note{
margin-top:7px;
padding-left:1em;
color:var(--font-color-btn-link);
position:relative;
font-size:11px;
}
.form-search-index-note:before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

/* .form-search-index-condition-container
----------------------------------------------- */
.form-search-index-condition-container{
display:table;
width:100%;
font-size:11px;
margin-bottom:10px;
}
.form-search-index-condition-container > *{
display:table-cell;
vertical-align:middle;
}
.form-search-index-condition-container > .hdg{
font-weight:bold;
color:#555;
text-align:center;
background-color:#e3e3e3;
width:140px;
}
.form-search-index-condition-container > .cell{
padding:5px 10px 5px 20px;
background-color:#fff;
}

/* .form-search-index-city-container
----------------------------------------------- */
.form-search-index-city-container{
position:relative;
padding-left:145px;
min-height:50px;
}
.form-search-index-city-container > .form-search-index-list,
.form-search-index-city-container > .form-search-index-destination-list,
.form-search-index-city-container > .form-search-index-transport{
position:absolute;
top:-2px;
left:10px;
}
.form-search-index-city-container > .form-search-index-list label{
color:var(--cmn-font-color-base);
font-size:12px;
position:relative;
padding-left:20px;
}
.form-search-index-city-container > .form-search-index-list input[type="radio"],
.form-search-index-city-container > .form-search-index-list input[type="checkbox"]{
position:absolute;
top:-1px;
bottom:0;
left:0;
margin:auto 0;
}
.form-search-index-city-container input[type="text"],
.form-search-index-city-container input[type="search"]{
float:left;
width:450px;
}
.form-search-index-city-container .form-search-index-city-inner{
position:relative;
}
.form-search-index-city-container .form-search-index-list-line{
margin-bottom:10px;
}

/* .form-search-index-city
----------------------------------------------- */
.form-search-index-city{
margin-bottom:5px;
}
.form-search-index-city > li{
position:relative;
margin-bottom:5px;
}
.form-search-index-city > li:last-child{
margin-bottom:0;
}
.form-search-index-city > li > *{
float:left;
}
.form-search-index-city > li .form-search-index-city-list > li{
float:left;
}
.form-search-index-city > li .form-search-index-city-list > li .form-search-index-select{
width:140px;
border-left-width:0;
}
.form-search-index-city > li .form-search-index-city-list > li:last-child .form-search-index-select{
width:230px;
}
.form-search-index-city > li .form-search-index-city-list > li:first-child .form-search-index-select{
width:105px;
border-left-width:1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-index-city-input .form-search-toggle-btn{
position:absolute;
top:8px;
left:500px;
border:0;
-webkit-box-shadow:0 0 0 ;
box-shadow:0 0 0 ;
padding:2px 0 0 15px;
font-size:11px;
min-width:auto;
margin:-2px 0 0 -12px;
}
.form-search-index-city-select .form-search-toggle-btn{
position:absolute;
top:8px;
left:512px;
border:0;
-webkit-box-shadow:0 0 0 ;
box-shadow:0 0 0 ;
padding:2px 0 0 15px;
font-size:11px;
min-width:auto;
margin:-2px 0 0 0;
}
.form-search-index-city-input .stock-box .stock-toggle-btn,
.stock-box .form-search-index-city-input .stock-toggle-btn{
position:absolute;
top:8px;
left:500px;
border:0;
-webkit-box-shadow:0 0 0 ;
box-shadow:0 0 0 ;
padding:2px 0 0 15px;
font-size:11px;
min-width:auto;
margin:-2px 0 0 -12px;
}
.form-search-index-city-select .stock-box .stock-toggle-btn,
.stock-box .form-search-index-city-select .stock-toggle-btn{
position:absolute;
top:8px;
left:500px;
border:0;
-webkit-box-shadow:0 0 0 ;
box-shadow:0 0 0 ;
padding:2px 0 0 15px;
font-size:11px;
min-width:auto;
margin:-2px 0 0 -12px;
}
.form-search-index-item.destination .form-search-list-line,
.form-search-index-item.destination .form-search-origin,
.form-search-index-item.destination .form-search-origin > li > ul{
margin-bottom:10px;
}

/* ----------------------------------------------------------------
Search Result
----------------------------------------------------------------- */
/* .search-result
----------------------------------------------- */
.search-result{
margin:10px 0 20px;
padding:20px 15px;
border-radius:6px;
background-color:#777;
}

/* .search-result-sort
----------------------------------------------- */
.search-result-sort{
margin:-10px 0 -5px;
border-bottom:1px solid #999;
color:#fff;
}
.search-result-sort > li{
float:left;
font-size:12px;
position:relative;
}
.search-result-sort > li:before{
content:"";
display:block;
width:1px;
height:12px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
}
.search-result-sort > li:before{
margin-top:-6px;
background-color:#d0d0d0;
}
.search-result-sort > li > .search-result-sort-hdg{
padding-left:12px;
position:relative;
display:inline-block;
}
.search-result-sort > li > .search-result-sort-hdg:after{
content:":";
display:inline-block;
margin-left:5px;
}
.search-result-sort > li:first-child > .search-result-sort-hdg{
padding-left:0;
}
.search-result-sort > li:first-child:before{
display:none;
}
.search-result-sort > li > ul{
display:inline-block;
vertical-align:middle;
}
.search-result-sort > li > ul > li{
float:left;
}
.search-result-sort > li > ul > li > a{
display:block;
padding:10px 7px;
}
.search-result-sort > li a{
display:block;
padding:10px 12px;
color:#fff;
border:none;
position:relative;
background:none;
text-decoration:none;
}
.search-result-sort li.is-active > a{
font-weight:bold;
position:relative;
}
.search-result-sort li.is-active > a:after{
content:"";
display:block;
width:100%;
height:3px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
}
.search-result-sort li.is-active > a:after{
background-color:#fff;
}
.search-result-sort li:first-child > a:before{
display:none;
}

/* .search-result-num-container
----------------------------------------------- */
.search-result-num-container{
margin-top:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-family:Arial;
}

/* .search-result-num
----------------------------------------------- */
.search-result-num-container > .search-result-num{
padding-right:10px;
color:#fff;
font-size:12px;
font-family:Arial;
}
.search-result-num-container > .search-result-num > span{
display:inline-block;
line-height:1.35;
}
.search-result-num-container > .search-result-num > span > b{
margin:0 2px;
display:inline-block;
font-size:18px;
}

/* .search-result-pager
----------------------------------------------- */
.search-result-num-container > .search-result-pager{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* search-result-footer-guide
---------------------------------- */
.search-result-footer-guide{
margin-top:2px;
padding:16px 0;
background-color:#fff;
border-radius:5px;
}
.search-result-footer-guide p{
margin:0;
font-size:16px;
}
.search-result-footer-guide .is-center{
text-align:center;
}
.search-result-footer-guide .search-result-footer-guide-btn{
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;
padding:5px;
border:none;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
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;
width:170px;
height:40px;
margin:16px auto 0;
}

/* .search-result-item
----------------------------------------------- */
.search-result-item{
margin:15px -8px 0;
padding:0;
border-radius:6px;
position:relative;
background-color:#fff;
font-size:12px;
}

/* .search-result-item-inner
----------------------------------------------- */
.search-result-item-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:reverse;
-ms-flex-direction:row-reverse;
flex-direction:row-reverse;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result-item-inner > .search-result-item-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:15px 12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-inner > .search-result-item-col:last-child{
position:relative;
padding:9px 10px 50px;
width:220px;
min-height:295px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-right:1px solid #ddd;
}

/* .search-result-item-footer
----------------------------------------------- */
.search-result-item .search-result-item-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:12px;
border-top:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item.detail{
margin:0;
border:3px solid #c9c9c9;
border-radius:0;
}
.search-result-item.detail .search-result-item-col:first-child{
width:524px;
}
.search-result-num-container + .search-result-item{
margin-top:10px;
}

/* .search-result-item-hdg
----------------------------------------------- */
.search-result-item-hdg{
margin-bottom:5px;
padding-right:95px;
font-size:13px;
font-weight:normal;
line-height:1.35;
min-height:34px;
}

/* search-result-item-note-list
---------------------------------- */
.search-result-item-note-list{
margin-top:4px;
}
.search-result-item-note-list li{
font-size:11px;
color:var(--cmn-font-color-gray);
text-align:right;
}
.search-result-item-note-list .aster{
margin-right:4px;
}

/*
------------------------------------------------ */
.search-result-item-note{
font-size:11px;
}

/* .search-result-item-code
----------------------------------------------- */
.search-result-item-code > b{
font-weight:normal;
}
.search-result-item-code > b:before{
content:"\3010";
margin-left:-.5em;
}
.search-result-item-code > b:after{
content:"\3011";
}

/* .search-result-item-tbl
----------------------------------------------- */
.search-result-item-tbl{
border-collapse:collapse;
width:100%;
margin:15px 0 10px;
border-width:1px 0;
border-style:solid;
border-color:#ddd;
}
.search-result-item-tbl th{
width:64px;
color:var(--cmn-font-color-base);
font-size:11px;
font-weight:normal;
background-color:#f1f1f1;
border-width:1px 0 0;
border-style:solid;
border-color:#fff;
}
.search-result-item-tbl tr:first-child th{
border-color:#ddd;
}
.search-result-item-tbl td{
padding:4px 10px;
font-size:12px;
}

/* .search-result-item-info-list
----------------------------------------------- */
.search-result-item-info-list{
margin:15px 0 10px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.search-result-item-info-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result-item-info-list > li:not(:first-child){
border-top:1px solid #fff;
}
.search-result-item-info-list > li > div:first-child{
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:64px;
color:var(--cmn-font-color-base);
font-size:11px;
background-color:#f1f1f1;
}
.search-result-item-info-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:4px 10px;
font-size:12px;
}

/* .search-result-item-review
----------------------------------------------- */
.search-result-item-review{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-review > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result-item-review > li:not(:first-child){
margin-left:10px;
}
.search-result-item-review > li > .cell{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-review > li > .cell:first-child{
font-size:11px;
}
.search-result-item-review .review-rate{
line-height:1;
}

/* .search-result-item-time
----------------------------------------------- */
.search-result-item-time > li{
position:relative;
float:left;
display:table;
}
.search-result-item-time > li:first-child{
margin-right:20px;
}
.search-result-item-time > li:first-child:after{
content:"/";
position:absolute;
top:0;
right:-13px;
}
.search-result-item-time > li:last-child{
margin-left:10px;
}
.search-result-item-time > li > div{
display:table-cell;
}
.search-result-item-time > li > .place{
padding-right:12px;
}

/* .search-result-item-time-balloon
----------------------------------------------- */
.search-result-item-time-balloon{
position:absolute;
bottom:auto;
top:100%;
right:-10px;
margin-top:10px;
padding:12px 9px 10px 12px;
border:1px solid #aaa;
border-radius:3px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:4px 4px 5px rgba(153,153,153,.75);
box-shadow:4px 4px 5px rgba(153,153,153,.75);
background-color:#fff;
z-index:1;
}
.search-result-item-time-balloon:after{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
bottom:auto;
right:19px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* .search-result-item-time-list
----------------------------------------------- */
.search-result-item-time-list > li{
position:relative;
padding-left:44px;
}
.search-result-item-time-list > li:not(:first-child){
margin-top:6px;
padding-top:10px;
border-top:1px solid #ddd;
}
.search-result-item-time-list > li > b{
position:absolute;
left:0;
top:10px;
display:block;
padding:3px 6px 2px;
line-height:1;
color:#fff;
font-size:11px;
font-weight:normal;
background-color:#888;
}
.search-result-item-time-list > li:first-child > b{
top:0;
}

/* .search-result-item-time-detail
----------------------------------------------- */
.search-result-item-time-detail{
font-size:12px;
}
.search-result-item-time-detail > li{
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
white-space:nowrap;
}
.search-result-item-time-detail > li:not(:first-child){
margin-top:2px;
}
.search-result-item-time-detail > li > .place{
padding-right:12px;
}
.search-result-item-time-detail > li > .time{
width:2em;
}

/* .search-result-item-meal
----------------------------------------------- */
.search-result-item-meal > li{
display:inline-block;
}
.search-result-item-meal > li:after{
content:"/";
margin-left:3px;
display:inline-block;
vertical-align:top;
}
.search-result-item-meal > li:last-child:after{
display:none;
}

/* .search-result-item-class
----------------------------------------------- */
.search-result-item-class-icon > span{
display:inline-block;
margin-top:3px;
padding:0 4px;
font-size:11px;
color:var(--cmn-font-color-base);
border:1px solid #ccc;
}

/* .search-result-item-picky
----------------------------------------------- */
.search-result-item-picky{
margin-bottom:25px;
}
.search-result-item-picky > li{
float:left;
padding:4px 0 3px;
color:var(--cmn-font-color-base);
width:84px;
border:1px solid #aaa;
font-size:11px;
line-height:1;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-picky > li:not(:last-child){
margin-right:2px;
}
.search-result-item-picky > li.disabled{
opacity:.25;
}

/* .search-result-item-description
----------------------------------------------- */
.search-result-item-description{
position:relative;
padding-top:20px;
word-break:break-all;
word-wrap:break-word;
}
.search-result-item-description .search-result-item-description-hdg{
color:var(--cmn-font-color-base);
font-size:12px;
margin-bottom:5px;
}
.toggle-container.search-result-item-description > .search-result-item-description-toggle-btn{
position:absolute;
right:0;
top:-3px;
padding:0 0 0 15px;
font-size:11px;
color:var(--font-color-btn-link);
border:none;
cursor:pointer;
background-image:none !important;
}
.toggle-container.search-result-item-description > .search-result-item-description-toggle-btn::before{
position:absolute;
left:0;
top:4px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.toggle-container.is-active.search-result-item-description > .search-result-item-description-toggle-btn{
background-image:none  !important;
}
.toggle-container.is-active.search-result-item-description > .search-result-item-description-toggle-btn::before{
top:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.search-result-item-description > .toggle-item{
padding-bottom:20px;
}

/* .search-resutl-item-info
----------------------------------------------- */
.search-resutl-item-info{
margin:0 -10px 5px;
padding:0 5px 3px 10px;
font-size:11px;
border-bottom:1px solid #d9d9d9;
}
.search-resutl-item-info .cmn-tip-caution-btn{
position:relative;
top:-1px;
}

/* .search-resutl-item-info-inner
----------------------------------------------- */
.search-resutl-item-info-inner{
display:table;
width:100%;
}
.search-resutl-item-info-inner > .cell{
display:table-cell;
text-align:right;
color:var(--cmn-font-color-base);
font-size:12px;
}
.search-resutl-item-info-inner > .cell .num{
font-size:13px;
}
.search-resutl-item-info-inner > .cell:first-child{
text-align:left;
font-size:14px;
font-weight:bold;
width:60%;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result-item-price > li{
padding:6px 0 9px;
border-top:1px dashed #b2b2b2;
}
.search-result-item-price > li:first-child{
border-top:none;
}
.search-result-item-price > li .search-result-item-price-inner{
position:relative;
font-size:11px;
text-align:right;
}
.search-result-item-price > li .hdg{
position:absolute;
top:3px;
font-weight:normal;
line-height:1;
}
.search-result-item-price > li .hdg .cmn-tip-btn{
vertical-align:top;
}
.search-result-item-price > li .hdg .num{
font-size:12px;
}
.search-result-item-price > li .price{
line-height:1.12;
}
.search-result-item-price > li .price span:not([class]){
display:block;
}
.search-result-item-price > li .price .num{
display:inline;
font-size:16px;
font-weight:normal;
}
.search-result-item-price > li.active .search-result-item-price-inner > .price{
line-height:1;
}
.search-result-item-price > li.active .search-result-item-price-inner > .price .num{
font-size:22px;
font-weight:bold;
}
.search-result-item-price + .notice-list{
margin:-3px 0 3px;
}

/* .search-result-item-terms-and-conditions
----------------------------------------------- */
.search-result-item-terms-and-conditions{
font-size:11px;
line-height:1.2;
color:var(--cmn-font-color-base);
margin-top:6px;
}
.search-result-item-terms-and-conditions > span:first-of-type{
font-size:11px;
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:4px;
padding:2px 5px;
cursor:pointer;
color:var(--cmn-font-color-base);
border:1px solid #aaa;
background-color:#fff;
}

/* search-result-item-price-info
------------------------------------------------ */
.search-result-item-price-info .search-result-item-price-tag{
font-size:11px;
}
.search-result-item-price-info .search-result-item-price-notice-list > li{
position:relative;
padding-left:1em;
color:var(--font-color-btn-link);
font-size:11px;
letter-spacing:-.01em;
}
.search-result-item-price-info .search-result-item-price-notice-list > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* .search-result-item-price-note
----------------------------------------------- */
.search-result-item-price-note{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom:3px;
}
.search-result-item-price-note > li{
position:relative;
display:inline-block;
font-size:11px;
white-space:nowrap;
}
.search-result-item-price-note > li:first-child{
padding-right:10px;
}
.search-result-item-price-note > li:first-child:after{
position:absolute;
right:3px;
top:-1px;
content:"/";
display:inline-block;
}
.search-result-item-price-note > li .num{
font-family:Arial;
font-size:12px;
}
.search-result-item-price-note > li .cmn-tip-btn{
vertical-align:middle;
}

/* search-result-item-price-mark
------------------------------------------------ */
.search-result-item-price-mark{
font-size:11px;
}
.search-result-item-price-mark .search-result-item-price-mark-01{
color:#af700a;
}

/* .icon-pex
----------------------------------------------- */
.icon-pex{
display:inline-block;
padding:0 5px;
margin-top:5px;
border:1px solid #ccc;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
border-radius:2px;
color:#555;
font-size:11px;
font-weight:bold;
cursor:pointer;
}

/* .icon-price-tag
----------------------------------------------- */
.icon-price-tag{
display:inline-block;
padding:0 5px;
margin-top:5px;
border:1px solid #ccc;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -1px 0 rgba(0, 0, 0, .1) inset;
border-radius:2px;
color:#555;
font-size:11px;
font-weight:bold;
cursor:pointer;
}

/* .search-result-item-detail
----------------------------------------------- */
.search-result-item-detail{
position:relative;
text-align:center;
margin-top:12px;
}

/* .search-result-item-price-tip-btn
----------------------------------------------- */
.search-result-item-price-tip-btn{
display:inline-block;
margin:0 auto;
padding:2px 6px 3px;
font-size:11px;
color:var(--font-color-btn-link);
border:1px solid #bebebe;
border-radius:3px;
-webkit-box-shadow:0 -1px 0 0 #ccc inset;
box-shadow:0 -1px 0 0 #ccc inset;
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .search-result-item-detail-tip-btn
----------------------------------------------- */
.search-result-item-detail-tip-btn{
border-radius:2px;
border:1px solid #aeaeae;
color:var(--font-color-btn-link);
font-size:11px;
padding:2px 3px 1px;
display:block;
float:right;
margin-bottom:7px;
background-color:#fff;
cursor:pointer;
line-height:1.2;
-webkit-box-shadow:0 -1px 0 0 #ccc inset;
box-shadow:0 -1px 0 0 #ccc inset;
}
.search-result-item-info-list .search-result-item-detail-tip-btn{
margin-bottom:0;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container .calendar-price-detail-tip-btn{
border-radius:2px;
border:1px solid #aeaeae;
color:var(--font-color-btn-link);
font-size:11px;
padding:2px 3px 1px;
display:block;
float:right;
margin-bottom:7px;
background-color:#fff;
cursor:pointer;
line-height:1.2;
}

/* .search-result-item-payment
----------------------------------------------- */
.search-result-item-payment{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
position:absolute;
left:10px;
bottom:8px;
width:180px;
}
.search-result-item-payment > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
max-width:50%;
padding:3px 3px 1px;
text-align:center;
font-size:11px;
color:var(--cmn-font-color-base);
line-height:1.3;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-payment > li:not(:first-child){
margin-left:4px;
}

/* .search-result-item-agent
----------------------------------------------- */
.search-result-item-agent{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}
.search-result-item-agent > div,
.search-result-item-agent > .search-result-item-agent-box{
display:table;
color:var(--cmn-font-color-base);
max-width:370px;
}
.search-result-item-agent > div > div{
display:table-cell;
vertical-align:middle;
}
.search-result-item-agent > div > div > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-agent > div > div > div + span{
margin-top:4px;
display:block;
}
.search-result-item-agent .search-result-item-agent-logo{
display:table-cell;
vertical-align:middle;
padding-right:15px;
height:28px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-agent .search-result-item-agent-logo > span{
display:block;
border:1px solid #c5c5c5;
width:65px;
cursor:pointer;
}
.itc_frame.kaigai .search-result-item-agent .search-result-item-agent-logo > span{
cursor:default;
}
.search-result-item-agent .search-result-item-agent-logo img{
max-width:63px;
max-height:26px;
vertical-align:top;
height:auto;
}
.search-result-item-agent .search-result-item-agent-name{
display:table-cell;
vertical-align:middle;
line-height:1.2;
}
.search-result-item-agent > div .search-result-item-agent-name > span{
padding-left:12px;
position:relative;
display:inline-block;
color:var(--cmn-font-color-base);
}
.search-result-item-agent > div .search-result-item-agent-name > span:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent .search-result-item-agent-jata{
cursor:pointer;
min-width:34px;
}
.search-result-item-agent .search-result-item-agent-link{
padding-left:12px;
position:relative;
}
.search-result-item-agent .search-result-item-agent-link:before{
content:"";
display:block;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-result-item-agent .search-result-item-agent-link > a{
color:var(--font-color-btn-link);
}
.search-result-item-right{
margin-left:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}

/* .search-result-item-btn-cv
----------------------------------------------- */
.search-result-item-agent .search-result-item-btn-box{
margin-left:auto;
width:210px;
padding-left:15px;
}
[class^="search-result-item-btn-cv"]{
display:table;
padding:5px 0;
border:none;
border-radius:4px;
height:40px;
width:210px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:14px;
font-weight:bold;
background-color:#72ba00;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
text-align:center;
}
[class^="search-result-item-btn-cv"]:link,
[class^="search-result-item-btn-cv"]:hover,
[class^="search-result-item-btn-cv"]:active,
[class^="search-result-item-btn-cv"]:visited{
color:#fff;
text-decoration:none;
}
[class^="search-result-item-btn-cv"] > span{
position:relative;
display:table-cell;
vertical-align:middle;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg{
position:relative;
display:inline-block;
vertical-align:middle;
width:70px;
line-height:1.3;
font-size:12px;
font-weight:normal;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg:before{
content:"";
width:1px;
height:27px;
position:absolute;
right:0;
top:0;
background-color:#5a9200;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg [class^="btn-cv-icon"]{
display:inline-block;
width:13px;
height:13px;
padding-left:12px;
overflow:hidden;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon{
position:relative;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon:before{
content:"";
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:0;
left:0;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .btn-cv-icon:before{
border:2px solid #fff;
border-radius:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
[class^="search-result-item-btn-cv"] .btn-cv-hdg .sup{
display:block;
font-size:11px;
}
[class^="search-result-item-btn-cv"] > span > b{
display:inline-block;
vertical-align:middle;
width:140px;
font-size:18px;
margin-left:-5px;
}
[class^="search-result-item-btn-cv"].branch .btn-cv-hdg:before{
margin-top:-7px;
}
[class^="search-result-item-btn-cv"].branch > span > b{
font-size:15px;
}

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

/* .search-result-item-btn-favorite
----------------------------------------------- */
.search-result-item-attention{
text-align:center;
color:#fff;
font-weight:bold;
margin:20px 0 10px;
}
.search-result-item-attention > p{
position:relative;
display:inline-block;
font-size:16px;
padding-left:35px;
position:relative;
}
.search-result-item-attention > p:after{
content:"";
display:block;
position:absolute;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-result-item-attention > p:before{
content:"";
display:block;
width:2px;
height:38px;
background-color:#fff;
left:10px;
top:2px;
position:absolute;
}
.search-result-item-attention > p:after{
width:14px;
height:14px;
position:absolute;
left:3px;
top:24px;
}
.search-result-item-attention > p > span{
display:block;
font-size:12px;
font-weight:normal;
}

/* ----------------------------------------------------------------
Detail Item
----------------------------------------------------------------- */
/* .detail-item
----------------------------------------------- */
.detail-item{
margin-top:30px;
padding:20px;
border:4px solid #777;
border-radius:6px;
word-break:break-all;
word-wrap:break-word;
}
.nav-internal + .detail-item{
margin-top:5px;
}

/* .detail-item-hdg
----------------------------------------------- */
.detail-item .detail-item-hdg{
margin:-20px -20px 20px;
padding:10px 20px;
color:#fff;
background-color:#777;
font-size:18px;
font-weight:bold;
}

/* .detail-item-hdg-01
----------------------------------------------- */
.detail-item .detail-item-hdg-01{
margin:25px 0 20px;
padding:7px 10px 5px;
color:var(--cmn-font-color-base);
background-color:#e8e8e8;
font-size:12px;
font-weight:bold;
}
.detail-item-hdg + .detail-item-hdg-01{
margin-top:0;
}

/* .detail-item-hdg-02
----------------------------------------------- */
.detail-item .detail-item-hdg-02{
margin:25px 0 15px;
padding:7px 10px 5px;
color:#fff;
background-color:#888;
font-size:12px;
font-weight:bold;
}

/* .detail-item-hdg-section
----------------------------------------------- */
.detail-item-hdg-section{
margin:15px 0 10px;
padding-top:15px;
font-size:12px;
font-weight:normal;
border-top:1px dotted #ccc;
}
.detail-item-hdg-01 + .detail-item-hdg-section{
margin-top:-5px;
padding-top:0;
border-top:none;
}

/* .detail-item-hdg-icon
----------------------------------------------- */
.detail-item .detail-item-hdg-icon{
display:table;
margin-bottom:10px;
padding:5px;
width:100%;
table-layout:fixed;
background-color:#e8e8e8;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item .detail-item-hdg-icon > span{
display:table-cell;
vertical-align:top;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item .detail-item-hdg-icon > span:first-child{
width:20%;
}
.detail-item .detail-item-hdg-icon > span:last-child{
width:80%;
}
.detail-item .detail-item-hdg-icon > .icon{
padding-right:10px;
}
.detail-item .detail-item-hdg-icon > .icon > span{
display:block;
border:1px solid #ccc;
text-align:center;
padding:3px 5px 2px;
font-weight:normal;
font-size:11px;
line-height:1;
background-color:#fff;
}
.detail-item .detail-item-list-separate-line + .detail-item-hdg-icon{
margin-top:20px;
}
.detail-item .detail-item-hdg-icon + p + .detail-item-list-separate-line > li:last-child{
border-bottom:none;
}
.detail-item .detail-item-hdg-icon + .detail-item-list-separate-line > li:first-child{
border-top:none;
}

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

/* .detail-item-list-separate
----------------------------------------------- */
.detail-item .detail-item-list-separate{
font-size:12px;
}
.detail-item .detail-item-list-separate > li{
margin-top:10px;
overflow:hidden;
}
.detail-item .detail-item-list-separate > li > div{
overflow:hidden;
}
.detail-item .detail-item-list-separate > li > div:first-child{
padding-right:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
float:left;
min-width:12em;
overflow:visible;
font-weight:bold;
}
.detail-item-hdg-01 + .detail-item-list-separate{
margin-top:-5px;
}

/* .detail-item-list-separate-line
----------------------------------------------- */
.detail-item .detail-item-list-separate-line{
margin-top:10px;
font-size:12px;
}
.detail-item .detail-item-list-separate-line > li{
border-bottom:1px solid #ddd;

/*display:table;*/
width:100%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.detail-item .detail-item-list-separate-line > li:first-child{
border-top:1px solid #ddd;
}
.detail-item .detail-item-list-separate-line:last-child > li:last-child{
border-bottom:none;
}
.detail-item .detail-item-list-separate-line:last-child > li:last-child > div:last-child{
padding-bottom:0;
}
.detail-item .detail-item-list-separate-line > li > div{
position:relative;
padding:10px 0;
vertical-align:middle;
word-break:break-all;
}
.detail-item .detail-item-list-separate-line > li > div:first-child{
padding-right:42px;
width:8em;
font-weight:bold;
}
.detail-item .detail-item-list-separate-line > li > div:first-child > span{
display:block;
}
.detail-item .detail-item-list-separate-line > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.detail-item .detail-item-list-separate-line > li > div > .cmn-tip-btn{
position:absolute;
top:50%;
right:20px;
margin-top:-6px;
}
.detail-item .detail-item-list-separate-line > li > div > .notice-list{
font-size:12px;
}
.detail-item .detail-item-hdg + .detail-item-list-separate-line > li:first-child{
border-top:none;
}
.detail-item [class^="detail-item-list-separate"] > li .tel{
font-size:16px;
line-height:1.2;
}

/* .detail-item-list-def
----------------------------------------------- */
.detail-item-list-def{
overflow:hidden;
}
.detail-item-list-def > li{
position:relative;
overflow:hidden;
}
.detail-item-list-def > li > div{
float:left;
}
.detail-item-list-def > li > div:first-child:after{
content:"\ff1a";
}
.detail-item-list-def > li.disabled{
color:#ccc;
}

/* .detail-item-list-line-punc
----------------------------------------------- */
.detail-item-list-line-punc{
font-size:11px;
overflow:hidden;
}
.detail-item-list-line-punc > li{
float:left;
position:relative;
overflow:hidden;
padding-right:1em;
}
.detail-item-list-line-punc > li:after{
content:"\ff0f";
position:absolute;
right:0;
top:0;
}
.detail-item-list-line-punc > li:last-child{
padding-right:0;
}
.detail-item-list-line-punc > li:last-child:after{
display:none;
}
.detail-item-list-line-punc > li > div{
float:left;
}
.detail-item-list-line-punc > li > div:first-child:after{
content:"\ff1a";
}
.detail-item-list-line-punc > li.disabled{
color:#ccc;
}
.detail-item-list-line-punc img{
vertical-align:middle;
margin-right:3px;
}
.detail-item-list-separate .detail-item-list-line-punc,
.detail-item-list-separate-line .detail-item-list-line-punc{
font-size:12px;
}

/* .detail-item-list-section
----------------------------------------------- */
.detail-item-list-section{
font-size:12px;
}
.detail-item-list-section > li:first-child{
margin-bottom:10px;
}
.detail-item-list-section > li b.jcb{
font-size:14px;
}

/* ----------------------------------------------------------------
calendar-description
----------------------------------------------------------------- */
/* .calendar-description
----------------------------------------------- */
.calendar-description{
font-size:14px;
color:var(--cmn-font-color-base);
font-weight:bold;
margin-bottom:10px;
}
.calendar-description:before{
content:"\2193";
}

/* .calendar-note
----------------------------------------------- */
.calendar-note{
font-size:11px;
}

/* .calendar-icon-list
----------------------------------------------- */
.calendar-icon-list{
margin-top:3px;
overflow:hidden;
}
.calendar-icon-list li{
float:left;
font-size:11px;
margin-top:9px;
vertical-align:middle;
margin-right:15px;
overflow:hidden;
}
.calendar-icon-list li:nth-child(4){
clear:left;
}
.calendar-icon-list li > div{
float:left;
}
.calendar-icon-list li > div:first-child{
margin-right:5px;
}
.calendar-icon-list li > div.icon,
.calendar-icon-list li > div.icon-01{
position:relative;
}
.calendar-icon-list li > div.icon > span,
.calendar-icon-list li > div.icon-01 > span{
color:transparent;
}
.calendar-icon-list li > div.icon:before{
content:"";
position:absolute;
left:50%;
top:3px;
border:solid 2px #a4a4a4;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-icon-list li > div.icon-01:before,
.calendar-icon-list li > div.icon-01:after{
margin:0;
content:"";
display:block;
border:none;
border-radius:0;
width:11px;
height:2px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#a4a4a4;
}
.calendar-icon-list li > div.icon-01:after{
width:2px;
height:11px;
}
.calendar-icon-list li > div.icon-02{
display:block;
font-size:11px;
padding:3px 0 2px;
color:var(--cmn-font-color-base);
width:84px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ccc;
line-height:1;
}

/* ----------------------------------------------------------------
Calendar
----------------------------------------------------------------- */
/* .calendar
----------------------------------------------- */
.calendar{
padding:20px;
margin:10px 0 30px;
background-color:#fff;
}
.detail-item .calendar{
padding:0;
}

/* .calendar-tab
----------------------------------------------- */
.calendar .calendar-tab{
margin-bottom:20px;
border-bottom:1px solid #bbb;
text-align:right;
}
.calendar .calendar-tab > li{
margin-left:2px;
display:inline-block;
vertical-align:bottom;
}
.calendar .calendar-tab > li button{
padding:2px 10px;
color:var(--font-color-btn-link);
border-width:1px 1px 0;
border-style:solid;
border-color:#bbb;
min-width:4em;
height:30px;
background-color:#f8f8f8;
font-size:12px;
}
.calendar .calendar-tab > li button .num{
font-size:13px;
}
.calendar .calendar-tab > li button[disabled]{
margin-bottom:-1px;
padding-bottom:3px;
height:31px;
color:var(--cmn-font-color-base);
font-weight:bold;
background-color:#fff;
}

/* .calendar-tbl
----------------------------------------------- */
.calendar .calendar-tbl{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
border-collapse:collapse;
margin-bottom:10px;
color:#555;
width:100%;
border-spacing:0;
table-layout:fixed;
background-color:#fff;
text-align:center;
font-size:12px;
}
.calendar .calendar-tbl > thead > tr > th,
.calendar .calendar-tbl > tbody > tr > td{
padding:0;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ddd;
}
.calendar .calendar-tbl > thead > tr > th{
background-color:#f1f1f1;
font-weight:normal;
font-size:11px;
color:var(--cmn-font-color-base);
}
.calendar .calendar-tbl tr > td:nth-child(1) .date{
color:var(--cmn-font-color-red);
}
.calendar .calendar-tbl > tbody > tr > td > div{
padding-top:23px;
cursor:pointer;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
min-height:80px;
cursor:pointer;
vertical-align:top;
text-align:center;
}
.calendar .calendar-tbl > tbody > tr > td > div:active,
.calendar .calendar-tbl > tbody > tr > td > div:hover,
.calendar .calendar-tbl > tbody > tr > td > div:focus{
background-color:#f5f5f5;
}
.calendar .calendar-tbl > tbody > tr > td > div .date{
position:absolute;
top:4px;
left:8px;
display:block;
font-size:11px;
line-height:1;
font-family:Arial;
}
.calendar .calendar-tbl > tbody > tr > td > div span.price{
display:block;
font-weight:bold;
font-size:12px;
line-height:1.15;
color:var(--font-color-btn-link);
font-family:Arial;
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup{
display:block;
font-weight:normal;
font-size:11px;
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup:before{
content:"(";
}
.calendar .calendar-tbl > tbody > tr > td > div span.price > .sup:after{
content:")";
}
.calendar .calendar-tbl > tbody > tr > td > div .state{
display:block;
position:absolute;
bottom:8px;
left:50%;
margin-left:-41px;
border:none;
border-radius:4px;
color:#fff;
height:20px;
width:82px;
-webkit-box-shadow:inset 0 -2px rgba(0,0,0,.2);
box-shadow:inset 0 -2px rgba(0,0,0,.2);
font-size:11px;
line-height:20px;
background-color:#70b600;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.calendar .calendar-tbl > tbody > tr > td > div.selected:before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:100%;
height:100%;
border:3px solid #4291d6;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar .calendar-tbl > tbody > tr > td > div.holiday .date{
color:var(--cmn-font-color-red);
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled{
cursor:default;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:active,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:hover,
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.is-disabled:before{
content:"-";
color:#bbb;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat{
cursor:default;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .price{
opacity:.44;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:active,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:hover,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat:focus{
background-color:#fff;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state{
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:transparent;
-webkit-box-shadow:none;
box-shadow:none;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
margin:0;
content:"";
display:block;
border:none;
border-radius:0;
width:13px;
height:2px;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%) rotate(45deg);
transform:translate(50%, 50%) rotate(45deg);
background-color:#bbb;
}
.calendar .calendar-tbl > tbody > tr > td > div.no-seat .state:after{
width:2px;
height:13px;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state{
color:transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-ok .state:before{
content:"";
position:absolute;
left:50%;
top:3px;
border:solid 2px #fff;
display:block;
width:12px;
height:12px;
border-radius:100%;
margin:0 0 0 -6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:before,
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
content:"";
display:block;
width:0;
height:0;
margin:0 0 0 -7px;
position:absolute;
left:50%;
top:3px;
display:block;
border-width:0 7px 11px 7px;
border-color:transparent transparent #fff transparent;
border-style:solid;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-few .state:after{
border-width:0 4px 7px 4px;
margin:0 0 0 -4px;
top:6px;
border-color:transparent transparent #72ba00 transparent;
}
.calendar .calendar-tbl > tbody > tr > td > div.stock-cancel .state{
font-size:11px;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon{
padding:10px;
border:1px solid #aaa;
position:absolute;
bottom:98%;
left:50%;
margin-left:-150px;
text-align:left;
border-radius:4px;
width:300px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:1;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
bottom:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon.bottom{
top:100%;
bottom:auto;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-tbl-balloon.bottom:before{
top:-6px;
bottom:auto;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container{
position:absolute;
right:3px;
top:3px;
}
.calendar .calendar-tbl > tbody > tr > td > div .calendar-detail-container .calendar-price-detail-tip-btn{
margin:0;
}
.calendar .detail-item-list-line-punc{
font-size:12px;
}

/* .calendar-tbl-01-container
----------------------------------------------- */
.calendar-tbl-01-container{
margin:0 -9px;
}
.calendar-tbl-01-container .calendar-tbl-01-inner{
width:33.33333%;
padding:9px;
float:left;
min-height:246px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .calendar-tbl-01
----------------------------------------------- */
.calendar-tbl-01{
width:100%;
border-collapse:collapse;
}
.calendar-tbl-01 th,
.calendar-tbl-01 td{
border:1px solid #ddd;
}
.calendar-tbl-01 caption{
background-color:#777;
font-weight:normal;
color:#fff;
}
.calendar-tbl-01 thead th{
padding:2px 0 1px;
font-size:11px;
color:#555;
border-top:none;
background-color:#f1f1f1;
}
.calendar-tbl-01 tbody td{
padding:0;
width:30px;
height:30px;
color:var(--cmn-font-color-base);
line-height:1;
font-size:14px;
font-weight:bold;
text-align:center;
}
.calendar-tbl-01 tbody td > div{
position:relative;
padding-top:15px;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
cursor:pointer;
}
.calendar-tbl-01 tbody td > div:hover,
.calendar-tbl-01 tbody td > div:focus,
.calendar-tbl-01 tbody td > div:active{
background-color:#f5f5f5;
}
.calendar-tbl-01 tbody td > div .date{
position:absolute;
left:0;
top:2px;
width:100%;
font-size:11px;
color:var(--cmn-font-color-gray);
}
.calendar-tbl-01 tbody td > div.holiday .date{
color:#f32929;
}
.calendar-tbl-01 tbody td > div.is-disabled{
cursor:default;
}
.calendar-tbl-01 tbody td > div.is-disabled:before{
content:"-";
color:#bbb;
position:absolute;
bottom:25%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
}
.calendar-tbl-01 tbody td > div.no-seat{
cursor:default;
color:#a4a4a4;
}
.calendar-tbl-01 tbody td > div.no-seat .date{
color:#a4a4a4;
}
.calendar-tbl-01 tbody td > div.no-seat.holiday .date{
color:#f32929;
}
.calendar-tbl-01 tbody td:nth-child(7n+1) .date{
color:#f32929;
}
.calendar-tbl-01 tbody td:nth-child(7n+1) div.no-seat .date{
color:#f32929;
}

/* .detail-item-btn-cv-container
----------------------------------------------- */
.detail-item-btn-cv-container{
margin-top:20px;
text-align:center;
}

/* .detail-item-btn-cv
----------------------------------------------- */
.detail-item-btn-cv{
display:inline-block;
padding:10px 20px;
border:none;
border-radius:4px;
height:auto;
width:auto;
min-width:180px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
font-size:16px;
font-weight:bold;
background-color:#72ba00;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
text-align:center;
}
.detail-item-btn-cv:link,
.detail-item-btn-cv:hover,
.detail-item-btn-cv:active,
.detail-item-btn-cv:visited{
color:#fff;
text-decoration:none;
}

/* .detail-item-btn-cv-01
----------------------------------------------- */
.detail-item-btn-cv-01{
height:44px;
min-width:180px;
color:var(--font-color-btn-link);
font-weight:bold;
font-size:16px;
border:1px solid #bebebe;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item-btn-cv-01 > span{
padding-left:15px;
position:relative;
}
.detail-item-btn-cv-01 > span:before{
content:"";
display:block;
position:absolute;
left:0;
top:8px;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:5px;
height:5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .detail-item-btn-cv-note
----------------------------------------------- */
.detail-item-btn-cv-note{
margin-top:15px;
font-size:11px;
color:var(--cmn-font-color-gray);
}

/* .detail-item-btn-cv-list
----------------------------------------------- */
.detail-item-btn-cv-list > li{
position:relative;
margin:0 5px;
display:inline-block;
}
.detail-item-btn-cv-list > li .detail-item-btn-cv-balloon{
padding:10px;
border:1px solid #aaa;
position:absolute;
top:100%;
left:50%;
margin:7px 0 0 -150px;
text-align:left;
border-radius:4px;
width:300px;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:1;
}
.detail-item-btn-cv-list > li .detail-item-btn-cv-balloon:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}

/* ----------------------------------------------------------------
Detail Component
----------------------------------------------------------------- */
/* .image-gallery
----------------------------------------------- */
.detail-item .image-gallery{
margin-top:15px;
}
.detail-item .image-gallery > li{
text-align:center;
}
.detail-item .image-gallery > li > img{
max-width:100%;
max-height:200px;
min-height:100px;
}
.detail-item .image-gallery > li > .caption{
display:block;
margin-top:10px;
font-size:11px;
text-align:left;
}

/* .schedule-tbl
----------------------------------------------- */
.schedule-tbl{
width:100%;
margin-bottom:10px;
border-collapse:collapse;
border-top:1px solid #ccc;
}
.schedule-tbl > thead > tr th{
height:25px;
color:#555;
font-size:12px;
background-color:#f1f1f1;
}
.schedule-tbl > tbody > tr > th{
padding:20px;
color:#444;
font-size:12px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.schedule-tbl > tbody > tr > td{
font-size:12px;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}
.schedule-tbl > tbody > tr > td.journey{
padding:20px;
line-height:1.8;
text-align:left;
max-width:493px;
word-break:break-all;
}
.schedule-tbl > tbody > tr > td.meal{
padding:20px 5px;
min-width:50px;
}
.schedule-tbl > tbody > tr > td.stay{
padding:20px 10px;
width:90px;
}
.schedule-tbl .schedule-description-box{
margin:20px -15px -15px;
padding:8px;
line-height:1.55;
background:#f1f1f1;
}
.schedule-tbl .schedule-description-box .schedule-description-header > b{
display:inline-block;
line-height:1;
padding:3px 5px 2px;
font-size:11px;
font-weight:normal;
color:#555;
border:1px solid #ccc;
background-color:#fff;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl-container{
position:relative;
margin-top:10px;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl-container:before,
.schedule-tbl .schedule-description-box .schedule-description-tbl-container:after{
content:"";
width:0;
height:0;
position:absolute;
left:20px;
top:-7px;
margin:0;
display:block;
border-width:0 8px 8px 8px;
border-color:transparent transparent #ccc transparent;
border-style:solid;
z-index:1;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl-container:after{
top:-6px;
border-color:transparent transparent #f1f1f1 transparent;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl{
position:relative;
width:100%;
border-collapse:collapse;
table-layout:fixed;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl > thead > tr th{
padding:2px 0;
font-weight:normal;
font-size:11px;
border:1px solid #ccc;
background-color:#f1f1f1;
text-align:center;
letter-spacing:-.1em;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl > tbody > tr td{
padding:5px;
text-align:center;
font-size:11px;
border:1px solid #ccc;
background-color:#fff;
}
.schedule-tbl .schedule-description-box .schedule-description-tbl-note{
width:100%;
padding:5px;
font-size:11px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-width:0 1px 1px;
border-style:solid;
border-color:#ccc;
}

/* .company-info
----------------------------------------------- */
.detail-item .company-info{
position:relative;
padding:0 0 30px 140px;
margin-bottom:15px;
font-size:12px;
border-bottom:1px dotted #ccc;
}
.detail-item .company-info .agent_Txt > h4{
padding:15px 0 10px;
font-size:14px;
}
.detail-item .company-info .agent_Txt > h4 > a{
padding-left:15px;
color:var(--font-color-btn-link);
position:relative;
}
.detail-item .company-info .agent_Txt > h4 > a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.detail-item .company-info .agent_Txt > h4 > a:before{
position:absolute;
left:0;
top:7px;
}
.detail-item .company-info .company-info-btn{
margin-top:15px;
overflow:hidden;
}
.detail-item .company-info .company-info-btn > li{
float:left;
margin-right:15px;
text-align:center;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar,
.detail-item .company-info .company-info-btn .company-info-btn-tel{
display:block;
width:240px;
color:var(--font-color-btn-link);
font-weight:bold;
border:1px solid #bebebe;
border-radius:4px;
background-color:#fff;
-webkit-box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -2px 0 rgba(0, 0, 0, .1) inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span > span,
.detail-item .company-info .company-info-btn .company-info-btn-tel > span > span{
display:block;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar:hover,
.detail-item .company-info .company-info-btn .company-info-btn-calendar:focus,
.detail-item .company-info .company-info-btn .company-info-btn-calendar:active,
.detail-item .company-info .company-info-btn .company-info-btn-tel:hover,
.detail-item .company-info .company-info-btn .company-info-btn-tel:focus,
.detail-item .company-info .company-info-btn .company-info-btn-tel:active{
text-decoration:none;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar{
padding:12px 0;
font-size:14px;
line-height:1.2;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span{
display:inline-block;
padding-left:15px;
position:relative;
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
}
.detail-item .company-info .company-info-btn .company-info-btn-calendar > span:before{
position:absolute;
left:0;
top:50%;
margin-top:-3px;
width:5px;
height:5px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel{
padding:16px 0;
font-size:16px;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span{
padding-left:15px;
position:relative;
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.detail-item .company-info .company-info-btn .company-info-btn-tel > span:before{
position:absolute;
left:0;
top:8px;
width:5px;
height:5px;
}
.detail-item .company-info .company-info-btn .company-info-btn-note{
position:relative;
display:inline-block;
margin-top:5px;
padding-left:1em;
font-size:11px;
color:var(--font-color-btn-link);
}
.detail-item .company-info .company-info-btn .company-info-btn-note:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
.detail-item .company-info .agent_Img{
position:absolute;
left:0;
top:0;
border:1px solid #ccc;
display:block;
width:125px;
height:50px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.detail-item .company-info .agent_Img > img{
max-width:100%;
max-height:100%;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
}

/* .link-jata
----------------------------------------------- */
.link-jata{
margin-bottom:5px;
}
.link-jata > a{
padding-left:12px;
color:var(--font-color-btn-link);
position:relative;
}
.link-jata > a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.link-jata > a:before{
position:absolute;
left:0;
top:6px;
}
.link-jata > img{
vertical-align:bottom;
cursor:pointer;
}

/* ----------------------------------------------------------------
price-detail-balloon
----------------------------------------------------------------- */
/* .price-detail-balloon
----------------------------------------------- */
.price-detail-balloon{
margin:5px 0 0 0;
padding:12px 15px 0;
border:1px solid #aaa;
position:absolute;
top:100%;
bottom:auto;
color:var(--cmn-font-color-base);
text-align:left;
border-radius:4px;
width:688px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:10;
}
.price-detail-balloon:hover{
cursor:default;
}
.price-detail-balloon:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
bottom:auto;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.search-result-item-detail .price-detail-balloon{
left:0;
margin-left:0;
}
.search-result-item-detail .price-detail-balloon:before{
left:88px;
}
.search-result-item-detail .price-detail-balloon.balloon-small{
width:583px;
}

/* .price-detail-hdg
----------------------------------------------- */
.price-detail-balloon .price-detail-hdg{
margin-bottom:7px;
font-size:14px;
font-weight:bold;
}

/* .price-detail-hdg-01
----------------------------------------------- */
.price-detail-balloon .price-detail-hdg-01{
margin:15px 0 2px;
font-size:12px;
font-weight:normal;
position:relative;
padding-left:1em;
}
.price-detail-balloon .price-detail-hdg-01:before{
content:"";
width:8px;
height:8px;
display:block;
position:absolute;
top:5px;
left:0;
background-color:#333;
}

/* .price-detail-tbl
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl{
width:100%;
border-collapse:collapse;
border:1px solid #ddd;
}
.price-detail-balloon .price-detail-tbl thead th{
padding:5px 0 3px;
height:37px;
text-align:center;
font-size:11px;
font-weight:normal;
line-height:1.36;
border:1px solid #ddd;
white-space:nowrap;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.price-detail-balloon .price-detail-tbl th span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl tbody th,
.price-detail-balloon .price-detail-tbl tbody td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #ddd;
height:28px;
}
.price-detail-balloon .price-detail-tbl tbody th .num,
.price-detail-balloon .price-detail-tbl tbody td .num{
font-size:12px;
font-family:Arial;
}
.price-detail-balloon .price-detail-tbl tbody th{
padding:8px 0 5px 8px;
width:101px;
text-align:left;
font-weight:normal;
font-size:11px;
line-height:1.2;
white-space:nowrap;
}
.price-detail-balloon .price-detail-tbl tbody td{
padding:7px 8px 7px 0;
text-align:right;
font-size:11px;
line-height:1.2;
}
.price-detail-balloon .price-detail-tbl tbody td span:not([class]){
display:inline-block;
}
.price-detail-balloon.balloon-small .price-detail-tbl tbody td span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl tbody td.price,
.price-detail-balloon .price-detail-tbl tbody td.person,
.price-detail-balloon .price-detail-tbl tbody td.total{
width:136px;
}
.price-detail-balloon .price-detail-tbl tbody td.fuel{
width:101px;
}
.price-detail-balloon .price-detail-tbl tbody td.num{
padding:0 8px;
width:45px;
text-align:center;
}
.price-detail-balloon.balloon-small .price-detail-tbl tbody td.price,
.price-detail-balloon.balloon-small .price-detail-tbl tbody td.person,
.price-detail-balloon.balloon-small .price-detail-tbl tbody td.total{
width:100px;
}

/* .price-detail-tbl.total
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl.total{
margin:2px 0 15px;
background:#efefef;
}
.price-detail-balloon .price-detail-tbl.total th,
.price-detail-balloon .price-detail-tbl.total td{
border-width:1px 0;
}
.price-detail-balloon .price-detail-tbl.total th span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl.total td b{
font-size:18px;
}

/* .price-detail-tbl.agt
----------------------------------------------- */
.price-detail-balloon .price-detail-tbl.agt{
border:none;
margin-bottom:12px;
}
.price-detail-balloon .price-detail-tbl.agt th,
.price-detail-balloon .price-detail-tbl.agt td{
border:none;
}
.price-detail-balloon .price-detail-tbl.agt th{
vertical-align:top;
}
.price-detail-balloon .price-detail-tbl.agt td span:not([class]){
display:block;
}
.price-detail-balloon .price-detail-tbl.agt td b{
font-size:16px;
}

/* .price-detail-toggle
----------------------------------------------- */
.price-detail-balloon .price-detail-toggle{
padding:10px 0;
margin-top:9px;
border-top:1px solid #e5e5e5;
}
.price-detail-balloon .price-detail-toggle .price-detail-toggle-hook{
padding:0 0 0 20px;
color:var(--font-color-btn-link);
font-size:12px;
border:none;
background:none;
position:relative;

}
.price-detail-balloon .price-detail-toggle .price-detail-toggle-hook::before{
position:absolute;
left:3px;
top:50%;
margin-top:-5px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.price-detail-balloon .price-detail-toggle.active .price-detail-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
margin-top:-7px;
}
.price-detail-balloon .price-detail-toggle > .toggle-item{
margin-top:-7px;
}

/* .price-detail-balloon > .price-detail-disp-price-list
----------------------------------------------- */
.price-detail-balloon .price-detail-disp-price-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px;
margin:11px 0 9px;
line-height:1.64;
}
.price-detail-balloon .price-detail-disp-price-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:10px 10px 7px;
border:1px solid #ccc;
}
.price-detail-balloon .price-detail-disp-price-list > li:not(:first-child){
border-left:none;
}
.price-detail-balloon .price-detail-disp-price-list > li > div:first-child{
text-align:center;
margin-bottom:3px;
}
.price-detail-balloon .price-detail-list{
border:1px solid #ccc;
display:table;
width:100%;
margin-top:20px;

}
.price-detail-balloon .price-detail-list > li{
display:table-row;
}
.price-detail-balloon .price-detail-list > li:not(:last-child){
border-top:1px solid #ccc;
}
.price-detail-balloon .price-detail-list > li >div{
display:table-cell;
vertical-align:middle;
padding:8px 10px;
width:51%;
}
.price-detail-balloon .price-detail-list > li >div:first-child{
font-size:11px;
}
.price-detail-balloon .price-detail-list > li >div:last-child{
font-size:12px;
border-left:1px solid #ccc;
text-align:right;
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-sup{
font-size:12px;
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-value{
font-size:12px;
}
.price-detail-balloon .price-detail-list > li >div .pseudo-price-list-value .num{
font-size:13px;
font-family:Arial;
}

/* .cmn-tip-container > .price-detail-disp-price-list
----------------------------------------------- */
.cmn-tip-container .price-detail-disp-price-list{
line-height:1.64;
}
.cmn-tip-container .price-detail-disp-price-list > li{
position:relative;
padding-left:1em;
}
.cmn-tip-container .price-detail-disp-price-list > li::before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}
.cmn-tip-container .price-detail-disp-price-list > li > div:first-child{
margin-top:9px;
}
.cmn-tip-container .price-detail-disp-price-list > li > div:last-child{
margin-bottom:9px;
}
.cmn-tip-container hr{
margin:7px 0 10px;
border:0;
border-top:1px dotted #aaa;
}
.cmn-tip-container strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.cmn-tip-container.tip-other-item,
.cmn-tip-container.tip-filter{
width:400px;
}

/* ----------------------------------------------------------------
.hdg-agtlink
----------------------------------------------------------------- */
.hdg-agtlink{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
margin-bottom:30px;
}

/* ----------------------------------------------------------------
#tourTitle_Area
----------------------------------------------------------------- */
#tourTitle_Area{
width:800px;
margin:0 auto 20px;
padding:0 100px 30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:3px solid #a9a9a9;
}

/* ----------------------------------------------------------------
.tourTitle_Area
----------------------------------------------------------------- */
.tourTitle_Area{
margin:0 -100px 25px;
padding:16px 30px;
background-color:#f0f0f0;
}
.tourTitle_Area h1{
font-size:15px;
margin-bottom:10px;
line-height:1.5;
}
.tourTitle_Area .tourID_Txt{
font-size:13px;
}

/* ----------------------------------------------------------------
.extension_Area
----------------------------------------------------------------- */
.extension_Area{
margin:10px 0;
font-size:13px;
}
.extension_Area .agt_logo{
display:inline-block;
border:1px solid #ccc;
min-width:50px;
text-align:center;
vertical-align:middle;
}
.extension_Area .agt_logo img{
vertical-align:middle;
}
.extension_Area .belonging_logo img{
vertical-align:middle;
}

/* ----------------------------------------------------------------
table
----------------------------------------------------------------- */
.tbl-info{
margin:10px 0 35px;
width:100%;
border-collapse:collapse;
}
.tbl-info tr > th,
.tbl-info tr > td{
border-width:1px 0;
border-style:solid;
border-color:#dcdcdc;
padding:7px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#444;
}
.tbl-info tr > th{
text-align:left;
font-weight:normal;
line-height:1.2;
background-color:#f5f5f5;
width:10.5em;
}
.tbl-info tr > th > .sup{
display:block;
}
.tbl-info tr > td{
position:relative;
text-align:left;
}
.tbl-info tr > td select{
margin-left:5px;
}
.tbl-info tr > td input[type="text"]{
padding:2px 5px;
border:1px solid #ccc;
width:180px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-info tr > td input[type="text"].unselected{
background-color:#fff5f5;
}
.tbl-info tr > td .children,
.tbl-info tr > td .baby{
display:inline-block;
margin-right:20px;
}
.tbl-info tr > td .popup-notice{
display:none;
position:absolute;
left:230px;
top:-1px;
font-size:12px;
line-height:1.2;
padding:5px 10px;
border:1px solid #aaa;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2px 2px 3px 0 rgba(153, 153, 153, .75);
}
.tbl-info tr > td .popup-notice:before{
content:"";
position:absolute;
width:0;
height:0;
display:block;
left:-13px;
top:13px;
border-width:6px;
border-style:solid;
border-color:transparent #aaa transparent transparent;
}
.tbl-info tr > td .popup-notice:after{
content:"";
position:absolute;
width:0;
height:0;
display:block;
left:-12px;
top:13px;
border-width:6px;
border-style:solid;
border-color:transparent #fff transparent transparent;
}
.tbl-info tr > td .popup-notice.active{
display:block;
}
.tbl-info tr > td .notice{
margin-top:5px;
}
.tbl-info tr > td .notice{
font-size:12px;
color:#e30606;
line-height:1.2;
}
.tbl-info tr > td .item-price > b{
color:#e30606;
font-size:16px;
}
.tbl-info tr > td .item-price > b > strong{
font-size:20px;
font-family:verdana;
}
.tbl-info tr > td .item-price.unavailable,
.tbl-info tr > td .item-price.unavailable > b{
color:#999;
}
.tbl-info tr > td .item-state{
position:relative;
color:#e30606;
font-size:16px;
padding-left:60px;
}
.tbl-info tr > td .item-state:before{
content:"";
position:absolute;
width:28px;
height:6px;
display:block;
left:12px;
top:8px;
background-color:#7d7d7d;
}
.tbl-info tr > td .item-state:after{
content:"";
position:absolute;
width:0;
height:0;
display:block;
left:40px;
top:3px;
border-width:8px;
border-style:solid;
border-color:transparent transparent transparent #7d7d7d;
}
.icon-required{
padding:1px 3px;
border:1px solid var(--cmn-font-color-red);
color:var(--cmn-font-color-red);
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
font-size:11px;
background-color:#fff;
white-space:nowrap;
line-height:1;
margin-left:6px;
margin-top:-1px;
}

/* ----------------------------------------------------------------
paragraph
----------------------------------------------------------------- */
/* .move_Agent
----------------------------------------------- */
.move_Agent{
font-size:18px;
text-align:center;
margin:12px 0;
font-weight:bold;
}

/* .btnText_Area
----------------------------------------------- */
.btnText_Area{
display:none;
text-align:center;
font-size:18px;
font-weight:bold;
line-height:1.5;
}
.btnText_Area.active{
display:block;
}

/* .btnText_Area.branch
----------------------------------------------- */
.btnText_Area.branch{
font-size:14px;
font-weight:normal;
line-height:1.5;
}
.btnText_Area.branch:before{
content:"";
width:48px;
height:48px;
display:block;
margin:0 auto 20px;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat left top;
}
.btnText_Area.branch:after{
display:none;
}
.btnText_Area.branch.active{
display:block;
}

/* .agt-link-txt
----------------------------------------------- */
.agt-link-txt{
font-size:18px;
font-weight:bold;
text-align:center;
margin:30px 0 16px;
}

/* .agt-link-loading-txt
----------------------------------------------- */
.agt-link-loading-txt{
font-size:17px;
text-align:center;
margin-top:30px;
}
.cmn-loading-spinner{
margin:40px auto;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link-note{
margin-top:10px;
color:var(--cmn-font-color-base);
font-size:13px;
text-align:center;
font-weight:normal;
}
.agt-link-note strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.formSubmit_Area + .agt-link-note{
margin-top:35px;
}
.agt-link-note a.cmn-dashed{
color:var(--cmn-font-color-link) !important;
font-weight:bold;
--cmn-dashed-color:var(--cmn-font-color-link);
}

/* .unavailable-txt
----------------------------------------------- */
.unavailable-txt{
text-align:center;
font-size:16px;
line-height:1.6;
margin:40px 0;
}
.unavailable-txt > b{
font-weight:normal;
color:#e30606;
}

/* .change-txt
----------------------------------------------- */
.change-txt{
margin:30px 0 20px;
font-size:16px;
font-weight:bold;
line-height:1.2;
text-align:center;
}

/* .error-txt
----------------------------------------------- */
.error-txt{
margin-top:50px;
text-align:center;
font-size:16px;
line-height:1.4;
}
.error-txt:after{
content:"";
display:block;
width:53px;
height:66px;
margin:30px auto;
background:url(/element/shared/images/error/error_pc01_002.gif) no-repeat;
}

/* .back-to-top
----------------------------------------------- */
.back-to-top{
text-align:center;
font-size:13px;
}

/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
.formSubmit_Area .button button{
text-align:center;
display:block;
font-weight:bold;
font-size:22px;
text-decoration:none;
line-height:48px;
margin:0 auto;
width:320px;
color:#fff;
border:none;
border-radius:4px;
background-color:#72ba00;
-webkit-box-shadow:inset 0 -3px #5b9500;
box-shadow:inset 0 -3px #5b9500;
}
.formSubmit_Area .button button:disabled{
background-color:#a9a9a9;
-webkit-box-shadow:none;
box-shadow:none;
}

/* .btn-01
----------------------------------------------- */
.btn-01{
color:#555;
font-size:17px;
font-weight:bold;
line-height:1.4;
vertical-align:middle;
height:48px;
width:200px;
margin:0 10px;
border:1px solid #c5c5c5;
border-radius:4px;
background-color:#fff;
background-image:-webkit-gradient(linear, left bottom, left top, from(#d5d5d5), color-stop(3%, #d6d6d6), color-stop(3%, #f4f4f4), color-stop(30%, #f7f7f7), to(#fff));
background-image:linear-gradient(0deg, #d5d5d5 0%, #d6d6d6 3%, #f4f4f4 3%, #f7f7f7 30%, #fff 100%);
cursor:pointer;
}
.btn-01 > .sup{
display:block;
font-size:11px;
font-weight:normal;
color:var(--font-color-btn-link);
}
.btn-01 > .sup:before{
content:"\203b";
display:inline-block;
}

/* ----------------------------------------------------------------
box
----------------------------------------------------------------- */
.btn-container{
letter-spacing:-.4em;
text-align:center;
margin:40px 0 15px;
}
.btn-container > *{
letter-spacing:normal;
}

/* ----------------------------------------------------------------
component
----------------------------------------------------------------- */
#container div.overlay_wrapper{
padding:0 20px 40px;
}
.overlay_wrapper div.item_Area{
overflow:visible !important;
margin:0 auto !important;
padding:0 !important;
width:auto !important;
height:auto !important;
border:none !important;
}

/* calendar
----------------------------------------------- */
.price-calendar{
position:absolute;
left:50%;
padding:0 20px 40px;
margin-left:-290px;
width:580px;
border:1px solid #999;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
-webkit-box-shadow:3px 3px 3.92px .08px rgba(191, 191, 191, .75);
box-shadow:3px 3px 3.92px .08px rgba(191, 191, 191, .75);
}
.overlay_wrapper{
margin:0;
width:690px;
border:solid 1px #b8b8b8;
background-color:#fff;
}
.overlay_wrapper p.popup_Name{
margin:-1px -21px 100px;
padding:7px 20px;
color:#fff;
font-size:14px;
font-weight:bold;
background-color:#484848;
}
.overlay_wrapper p.popup_Name > span:first-child br{
display:none;
}
.modalCloseImg.modalClose{
margin:0;
border:none;
width:53px;
height:52px;
position:absolute;
right:-20px;
top:-27px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
z-index:1;
}
.price-calendar-month-header{
position:relative;
line-height:30px;
}
.price-calendar-month-hdg{
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:bold;
text-align:center;
}
.popup_month{
position:absolute;
left:20px;
top:80px;
width:690px;
border-top:1px solid #ddd;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.popup_prev_month,
.popup_next_month{
position:absolute;
top:10px;
padding:5px 10px 3px;
border-radius:4px;
border:1px solid #c9c9c9;
background-color:#fff;
font-size:15px;
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:1;
}
.popup_prev_month{
left:0;
padding-left:20px;
}
.popup_next_month{
right:0;
padding-right:20px;
}
.popup_prev_month:before,
.popup_next_month:before{
margin-top:-6px;
border-right:2px solid #555;
border-bottom:2px solid #555;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.popup_prev_month:before{
right:auto;
left:10px;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.popup_prev_month + b{
position:absolute;
left:0;
width:100%;
padding:0 100px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
top:15px;
text-align:center;
color:var(--cmn-font-color-base);
font-size:16px;
z-index:0;
}
.modal-calendar-notice{
position:absolute;
left:20px;
top:50px;
color:var(--cmn-font-color-red);
font-size:13px;
padding-left:20px;
font-weight:normal;
}
.modal-calendar-notice:before{
content:"";
width:14px;
height:14px;
display:block;
position:absolute;
left:0;
top:3px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) top left no-repeat;
}
.price-calendar-month-nav-disabled:before{
border-color:transparent #d0d0d0 #d0d0d0 transparent;
}
.popup_prev_month:link,
.popup_prev_month:hover,
.popup_prev_month:visited,
.popup_prev_month:active,
.popup_next_month:link,
.popup_next_month:hover,
.popup_next_month:visited,
.popup_next_month:active{
color:#555;
text-decoration:none;
}
#modalPricingTable_Area > table{
margin:10px 0;
padding:0;
width:100%;
border-collapse:collapse;
border-spacing:0;
table-layout:fixed;
text-align:center;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
border:none !important;
}
#modalPricingTable_Area > table th,
#modalPricingTable_Area > table td{
padding:0;
font-weight:normal;
vertical-align:middle;
background:transparent;
border:none;
}
#modalPricingTable_Area > table th{
padding:4px 0 1px;
font-size:11px;
color:var(--cmn-font-color-gray);
border:1px solid #ddd;
background-color:#f5f5f5;
}
#modalPricingTable_Area > table td{
border:1px solid #ddd;
font-size:12px;
}
#modalPricingTable_Area > table td > *{
display:block;
height:80px;
cursor:pointer;
padding:3px;
line-height:1.4;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:left;
color:var(--cmn-font-color-base);
}
#modalPricingTable_Area > table td > *:active,
#modalPricingTable_Area > table td > *:hover,
#modalPricingTable_Area > table td > *:focus{
background-color:#fffbe2;
text-decoration:none;
}
#modalPricingTable_Area > table td > * > b{
display:block;
font-size:11px;
color:var(--cmn-font-color-gray);
font-weight:normal;
}
#modalPricingTable_Area > table td > .noData:before{
content:"-";
color:#bbb;
position:absolute;
bottom:50%;
right:50%;
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
display:block;
line-height:1;
font-size:18px;
}
#modalPricingTable_Area > table td > * > [class^="state"]{
margin-top:10px;
font-size:12px;
display:block;
text-align:center;
}

/* sunday */
#modalPricingTable_Area > table tr > td.sunday b{
color:#ea0000;
}
#modalPricingTable_Area > table td > span > .price{
color:#bfbfbf;
cursor:default;
}
#modalPricingTable_Area > table td > span:active,
#modalPricingTable_Area > table td > span:focus{
color:#bfbfbf;
cursor:default;
background-color:transparent;
}
.price-calendar-date{
font-size:13px;
text-align:left;
display:block;
margin:0 2px 2px;
}
.price-calendar-holiday{
color:#ea0000;
}
.price-calendar-active{
background-color:#fffbe2;
}
.price-calendar-month-tbl tr > td .price{
font-size:12px;
display:block;
text-align:center;
color:#0b41a1;
margin-top:8px;
}
.price-calendar-month-tbl tr > td .price:before{
display:inline-block;
}
.price-calendar-unavailable .price-calendar-price{
color:#b0b0b0;
}
#modalPricingTable_Area > table td > * > .state01,
#modalPricingTable_Area > table td > * > .state03{
margin-top:7px;
display:block;
text-align:center;
color:var(--cmn-font-color-base);
}
#modalPricingTable_Area > table td > * > .state03{
margin-top:11px;
}
#modalPricingTable_Area > table td > * > .state01,
#modalPricingTable_Area > table td > * > .state03{
line-height:2;
overflow:hidden;
}
#modalPricingTable_Area > table td > * > .state01:before{
content:"";
display:block;
border:3px solid #70b600;
border-radius:100%;
width:18px;
height:18px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:2;
margin:0 auto;
}
#modalPricingTable_Area > table td > * > .state03:before{
color:#a4a4a4;
content:"\00d7";
display:block;
font-size:18px;
line-height:1;
margin-top:-2px;
text-align:center;
}
.priceattention_Txt{
font-size:11px;
}
.priceattention_Txt + .table_base.priceInfo_Table{
margin-top:10px;
width:100%;
}

/*______________ [1-2-1] Font Size Settings __________________*/
#main_Col .sum .ticketPrice_Box .sum th{
font-weight:bold;
background-color:#fdf7e3;
}
#main_Col .sum .ticketPrice_Box .sum th span{
font-weight:normal;
}
#main_Col .sum .ticketPrice_Box .sum td{
padding-top:.5em;
font-weight:bold;
color:var(--cmn-font-color-red);
background-color:#fdf7e3;
}
#main_Col .sum .ticketPrice_Box .sum td strong{
font:bold 130% verdana;
}
#main_Col .sum .ticketPrice_Box .sum td span{
font-weight:normal;
color:var(--cmn-font-color-base);
}
#main_Col .price .ticketPrice_Box .price th{
font-weight:bold;
}
#main_Col .price .ticketPrice_Box .price th span{
font-weight:normal;
}
#main_Col .price .ticketPrice_Box .price th,
#main_Col .price .ticketPrice_Box .price td{
background-color:#fdf7e3;
}
#main_Col .price .ticketPrice_Box .price td{
padding-top:.5em;
font-weight:bold;
color:var(--cmn-font-color-red);
}
#main_Col .price .ticketPrice_Box .price td strong{
font:bold 130% verdana;
}
#main_Col .price .ticketPrice_Box .price td span{
font-weight:normal;
color:var(--cmn-font-color-base);
}

/*_______________ [1-3]   Tour Data Box                __________________*/
/*_______________ [1-3-1] Tour Detail Information List __________________*/
#tourTitle_Area .tourData_Box{
float:right;
padding:0 9px 1em 0;
width:546px;
}
#tourTitle_Area .tourData_Box .tourDetail_List:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
#tourTitle_Area .tourData_Box .tourDetail_List img{
float:left;
margin:1px 0 0 0;
vertical-align:middle;
}
#tourTitle_Area .tourData_Box .tourDetail_List dt,
#tourTitle_Area .tourData_Box .tourDetail_List dd{
line-height:1.2;
background:url(../../list/images/item_bg01_g002.gif) repeat-x left top;
}
#tourTitle_Area .tourData_Box .tourDetail_List dt{
clear:both;
float:left;
padding:.4em 5px .4em 0;
width:51px;
}
#tourTitle_Area .tourData_Box .tourDetail_List dt.destination{
background-image:none;
}
#tourTitle_Area .tourData_Box .tourDetail_List dd{
float:left;
padding:.4em 0;
width:427px;
min-height:15px;
color:#404040;
}
#tourTitle_Area .tourData_Box .tourDetail_List dd.destination{
background-image:none;
}

/*________________ [2-1] ___________________*/
.vacancy_Area{
text-align:center;
}
.vacancy_Area dl{
border:solid 1px #dcdcdc;
margin:0 auto 33px;
padding:0 15px;
width:570px;
background:#f5f5f5;
overflow:hidden;
text-align:left;
}
.vacancy_Area dt{
padding:0 0 0 5px;
clear:left;
float:left;
font-weight:bold;
line-height:42px;
width:128px;
color:#444;
}
.vacancy_Area dd{
line-height:42px;
color:#555;
padding-left:133px;
}
.vacancy_Area img{
margin-top:-2px;
vertical-align:middle;
}
.vacancy_Area .numbers{
font-weight:bold;
white-space:nowrap;
line-height:1.6;
padding:10px 0 10px 5px;
}
.vacancy_Area .numbers > div{
line-height:1;
}
.vacancy_Area dd.numbers{
border-bottom:solid 1px #d6d6d6;
}
.vacancy_Area dd.numbers .adults{
line-height:1;
}
.vacancy_Area dd.numbers .adults.branch,
.vacancy_Area dd.numbers .children{
display:inline-block;
margin-right:1em;
}
.vacancy_Area dd.numbers .baby{
display:inline-block;
}
.vacancy_Area dd.numbers p.notice{
margin:1em 0 0 1em;
white-space:normal;
text-indent:-1em;
font-weight:normal;
}
.vacancy_Area dd.numbers select{
margin:-3px 3px 0 5px;
padding:2px;
vertical-align:middle;
}
.vacancy_Area dd.numbers label{
cursor:pointer;
}
.addbed:after{
content:"\FF0F";
padding-left:5px;
}

/*________________ [2-2] ___________________*/
.vacancy_Area dd.stayingDay{
border-top:solid 1px #fff;
}
.vacancy_Area dd.stayingDay input{
width:175px;
cursor:pointer;
}
.vacancy_Area dd.stayingDay img{
cursor:pointer;
}
.vacancy_Area dd select{
margin:0 3px 0 0;
vertical-align:middle;
}
.formSubmit_Area input{
display:block;
margin:0 2px;
border-radius:4px;
text-align:center;
line-height:45px;
font-weight:bold;
font-size:20px;
text-decoration:none;
}

/*________________ [2-3] ___________________*/
/*________________ [2-4] ___________________*/
.vacancy_Area .submit_Attention{
width:800px;
margin:0 auto;
color:var(--font-color-btn-link);
line-height:1.6;
font-size:95%;
text-align:left;
}
.vacancy_Area .submit_Attention li{
padding-left:1em;
text-indent:-1em;
}

/*________________ [3]  formSimpleText_Area  __________________*/
#main_Col .attention_before_push{
padding:10px 10px 10px 18px;
margin:0 auto;
width:712px;
color:#4a4a4a;
background-color:#fff5f5;
}
#main_Col .attention_before_push p{
margin-bottom:.5em;
padding:18px 0 0 0;
width:61px;
height:0;
overflow:hidden;
background:url("../images/attention_tx01_001.gif") no-repeat;
}
.attention_before_push ul{
border-top:none;
padding:0px;
}
.attention_before_push ul li{
padding-left:.5em;
text-indent:-.5em;
line-height:1.1;
}
.attention_before_push ul.attention01{
font-size:109.5%;
font-weight:bold;
}
.attention_before_push ul.attention01 li{
margin-bottom:.3em;
padding:0 0 0 1em;
text-indent:-1em;
}
.attention_before_push ul.attention01 span{
font-size:85%;
font-weight:normal;
}
.attention_before_push ul.attention02 li{
margin-bottom:.3em;
}
.attention_before_push ul li img{
cursor:pointer;
}
.attention_before_push li em{
color:var(--cmn-font-color-red);
}
.notice-mainte{
display:inline-block;
margin:20px auto 0;
text-align:left;
}
.notice-mainte strong{
color:#e30606;
}
.notice-mainte li{
padding-left:18px;
position:relative;
}
.notice-mainte li .mark{
position:absolute;
left:0;
top:0;
}
.notice-mainte.branch{
margin:10px 0;
color:#e30606;
border:1px solid #e30606;
max-width:570px;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/*____________ tooltip-info-box  __________*/
.formSubmit_Area{
position:relative;
}
.tooltip-info-box{
padding:10px;
border:1px solid #aaa;
position:absolute;
top:58px;
left:50%;
margin-left:-200px;
text-align:left;
border-radius:4px;
max-width:400px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, .45);
background-color:#fff;
z-index:1;
}
.tooltip-info-box .info-main-box{
position:relative;
line-height:1.4;
font-size:13px;
text-align:left;
}
.tooltip-info-box:before{
margin-left:-5px;
content:"";
display:block;
width:10px;
height:10px;
position:absolute;
top:-6px;
left:50%;
display:block;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#a9a9a9;
background-color:#fff;
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.tooltip-info-box .text-style-01{
color:var(--cmn-font-color-red);
}
#main_Col .formSubmit_Area .tooltip-info-box .info-main-box p{
text-align:left;
}

/* ----------------------------------------------------------------
Area Attention
----------------------------------------------------------------- */
/* .area-attention
----------------------------------------------- */
.area-attention{
display:table;
margin-bottom:10px;
font-size:12px;
}
.area-attention > *{
display:table-cell;
vertical-align:top;
}
.area-attention > .area-attention-hdg > span{
display:block;
padding:1px 5px 0;
color:var(--cmn-font-color-red);
font-size:11px;
white-space:nowrap;
border:1px solid var(--cmn-font-color-red);
}
.area-attention > .area-attention-hdg > span:before{
content:"!";
}
.area-attention > ul{
padding-left:10px;
overflow-wrap:break-word;
word-break:break-word;
}

/* ----------------------------------------------------------------
Loading
----------------------------------------------------------------- */
/* .loading
----------------------------------------------- */
.loading{
margin:40px 0;
text-align:center;
font-weight:bold;
font-size:16px;
position:relative;
}
.loading:before{
content:"";
display:block;
width:48px;
height:48px;
overflow:hidden;
position:static;
}
.loading:before{
margin:0 auto 10px;
background:url(/element/shared/images/icon/ic_load_l.gif) 0 0 no-repeat;
}
.loading >span{
color:transparent;
}
.form-search-exec .loading,
.form-search-index-exec .loading{
margin:0;
}

/* .loading-01
----------------------------------------------- */
.loading-01{
margin:20px 0;
text-align:center;
font-weight:bold;
font-size:12px;
position:relative;
}
.form-search-calendar .loading-01{
position:absolute;
left:0;
top:0;
width:100%;
min-height:210px;
margin:0;
background-color:#fff;
z-index:1;
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;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* .suggest-container
----------------------------------------------- */
.suggest-container{
position:relative;
}
.suggest-container .suggest{
margin-top:-1px;
padding:10px;
border:1px solid #bebebe;
display:none;
position:absolute;
top:100%;
left:0;
z-index:101;
width:100%;
color:#555;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-align:left;
-webkit-box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
box-shadow:2px 2px 4px rgb(0 0 0 / 30%);
}
.suggest-container .suggest > :first-child{
margin-top:0;
}
.suggest-container .suggest > p{
color:var(--cmn-font-color-base);
}
.suggest-container .suggest.is-active{
display:block;
}

/* suggest form-search-index */
.form-search-index .suggest-container .suggest{
width:450px;
}

/* suggest form-search-index keyword */
.form-search-index .form-search-index-keyword.suggest-container .suggest{
width:490px;
top:34px;
}

/* suggest form-search keyword */
.form-search .form-search-keyword.suggest-container .suggest{
width:425px;
top:34px;
}

/* .suggest-hdg
----------------------------------------------- */
.suggest-container .suggest-hdg{
margin-bottom:7px;
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,
.suggest-container .suggest-list > li.over{
background-color:#f9eaba;
}
.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;
position:relative;
}
.suggest-container .suggest-list > li.area:before,
.suggest-container .suggest-list > li.spot:before,
.suggest-container .suggest-list > li.airport:before,
.suggest-container .suggest-list > li.station:before,
.suggest-container .suggest-list > li.hotel:before{
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:3px;
left:0;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-list > li.area:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:10px 14px;
}
.suggest-container .suggest-list > li.spot:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 15px;
}
.suggest-container .suggest-list > li.airport:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:16px 16px;
}
.suggest-container .suggest-list > li.station:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:12px 15px;
}
.suggest-container .suggest-list > li.hotel:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:15px 12px;
opacity:.75;
}
.suggest-container .suggest-list b{
color:#555;
display:inline;
font-size:12px;
}

/* .suggest-category
----------------------------------------------- */
.suggest-container .suggest-category{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:10px;
padding-top:7px;
border-top:1px solid #ccc;
color:var(--cmn-font-color-base);
font-size:11px;
}
.suggest-container .suggest-category-hdg{
font-weight:normal;
padding-right:12px;
}
.suggest-container .suggest-category-hdg:after{
content:":";
margin-left:3px;
}
.suggest-container .suggest-category-list,
.suggest-container .suggest-category-list-line{
margin-top:5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:1;
letter-spacing:-.1em;
}
.suggest-container .suggest-category-list > li,
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.suggest-container .suggest-category-list > li:not(:last-child),
.suggest-container .suggest-category-list-line > li:not(:last-child){
border-right:1px solid #ddd;
}
.suggest-container .suggest-category-list > li > a,
.suggest-container .suggest-category-list-line > li > a{
padding:19px 0 0;
color:var(--cmn-font-color-gray);
display:block;
position:relative;
text-decoration:none;
text-align:center;
}
.suggest-container .suggest-category-list > li > a:before,
.suggest-container .suggest-category-list-line > li > a:before{
content:"";
display:block;
width:100%;
height:16px;
position:absolute;
top:0;
left:0;
opacity:.5;
background-position:50% 50%;
background-repeat:no-repeat;
}
.suggest-container .suggest-category-list > li.is-active > a,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > li.is-active > a:before{
opacity:1;
}
.suggest-container .suggest-category-list > li.is-disabled > a,
.suggest-container .suggest-category-list-line > li.is-disabled > a{
color:#a4a4a4;
cursor:default;
}
.suggest-container .suggest-category-list > li.is-disabled > a:before,
.suggest-container .suggest-category-list-line > li.is-disabled > a:before{
opacity:.25;
}
.suggest-container .suggest-category-list > li.all > a:before,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > 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,
.suggest-container .suggest-category-list-line > li.hotel > a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:14px 11px;
}

/* .suggest-category-list-line
----------------------------------------------- */
.suggest-container .suggest-category-list-line{
margin-top:0;
}
.suggest-container .suggest-category-list-line > li{
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.suggest-container .suggest-category-list-line > li > a{
padding:0 12px 0 26px;
}
.suggest-container .suggest-category-list-line > li > a:before{
width:20px;
height:16px;
top:-3px;
left:0;
background-position:100% 50%;
}
.suggest-container .suggest-category-list-line > li:first-child > a{
padding-left:18px;
}
.suggest-container .suggest-category-list-line > li:first-child > a:before{
background-position:0 50%;
}

/* ----------------------------------------------------------------
  tooltip
-------------------------------------------------------------------
  payment tooltip
----------------------------------------------------------------- */
/* .tip-payment-info
----------------------------------------------- */
.tip-payment-info{
position:absolute;
top:100%;
right:12px;
padding:20px 20px 15px;
width:580px;
color:var(--cmn-font-color-base);
font-size:12px;
text-align:left;
border-radius:3px;
background-color:#fff;
border:1px solid #666;
-webkit-box-shadow:0 0 8px 0 rgba(0, 0, 0, .8);
box-shadow:0 0 8px 0 rgba(0, 0, 0, .8);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:101;
}
.tip-payment-info .tip-payment-info-hdg{
margin-bottom:5px;
font-weight:normal;
font-size:13px;
}
.tip-payment-info .stock-list{
margin-bottom:6px;
padding-bottom:6px;
border-bottom:1px solid #ccc;
}
.calendar-tbl .tip-payment-info{
right:50%;
margin-top:-4px;
-webkit-transform:translateX(90%);
transform:translateX(90%);
}
.calendar-tbl .tip-payment-info:hover{
cursor:default;
}
.detail-item-btn-cv + .tip-payment-info{
margin-top:10px;
left:0;
}

/* .list-payment
----------------------------------------------- */
.tip-payment-info .list-payment > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.tip-payment-info .list-payment > li > .hdg{
position:relative;
padding-right:12px;
width:5em;
font-weight:normal;
}
.tip-payment-info .list-payment > li > .hdg:after{
position:absolute;
content:"\ff1a";
right:0;
top:0;
color:#7d7d7d;
}
.tip-payment-info .notice-list-payment-01 + .list-payment{
margin-top:11px;
padding-top:13px;
border-top:1px solid #ddd;
}
.tip-payment-info .list-payment > .list-payment-flex > .hdg{
width:auto;
}

/* .list-payment-01
----------------------------------------------- */
.tip-payment-info .list-payment-01{
display:inline-block;
letter-spacing:-.4em;
vertical-align:top;
}
.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;
}

/* .list-payment-01
----------------------------------------------- */
.list-payment-01{
overflow:hidden;
}
.list-payment-01 > li{
position:relative;
padding-left:1em;
display:inline-block;
letter-spacing:normal;
}
.list-payment-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\ff0f";
}
.list-payment-01 > li:first-child{
padding-left:0;
}
.list-payment-01 > li:first-child:before{
display:none;
}
.list-payment-01 > li.disabled{
color:#ccc;
}
.list-payment-01 > li.disabled:before{
color:var(--cmn-font-color-base);
}
.list-payment-01 > li .payment-guide{
margin-left:4px;
}
.list-payment-01 > li .payment-guide .cmn-tip-btn{
position:relative;
top:-1px;
margin-left:4px;
}

/* .list-credit
----------------------------------------------- */
.list-credit{
overflow:hidden;
}
.list-credit > li{
float:left;
margin-right:5px;
}
.list-credit > li img{
vertical-align:bottom;
}

/* .list-credit
----------------------------------------------- */
.notice-list-payment > li{
position:relative;
padding-left:1.4em;
line-height:1.63;
color:var(--font-color-btn-link);
}
.notice-list-payment > li::before{
content:"\203b";
position:absolute;
left:0;
top:0;
font-size:11px;
}
.notice-list-payment > li strong{
font-weight:normal;
}
.tip-payment-info .notice-list-payment{
font-size:11px;
margin-top:7px;
}

/* .notice-list-payment-01
----------------------------------------------- */
.notice-list-payment-01{
font-size:12px;
line-height:1.5;
}
.notice-list-payment-01 > li{
padding-left:calc(1em + 2px);
position:relative;
}
.notice-list-payment-01 > li::before {
content:"\30fb";
display:block;
position:absolute;
top:0;
left:0;
}
.notice-list-payment-01 > li:not(:first-child){
margin-top:7px;
}
.notice-list-payment-01 > li strong{
font-weight:normal;
}
.notice-list-payment-01 > li a.cmn-dashed{
color:var(--cmn-font-color-link) !important;
font-weight:bold;
--cmn-dashed-color:var(--cmn-font-color-link);
}

/* .tip-payment-cv-btn
----------------------------------------------- */
.tip-payment-cv-btn{
margin:10px 0 0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:116px;
position:relative;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:18px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}

/* .tip-link-list-exclude-cv-btn
----------------------------------------------- */
.tip-link-list-exclude-cv-btn{
margin:10px auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff !important;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:250px;
position:relative;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow:0 1px 0 rgba(0, 0, 0, .3);
line-height:1.35;
}
.tip-payment-cv-btn:active,
.tip-payment-cv-btn:hover,
.tip-payment-cv-btn:focus,
.tip-link-list-exclude-cv-btn:active,
.tip-link-list-exclude-cv-btn:hover,
.tip-link-list-exclude-cv-btn:focus{
background-color:#67a700;
text-decoration:none;
}

/* ----------------------------------------------------------------
  FAQ tooltip
----------------------------------------------------------------- */
/* .tip-itinerary-list
----------------------------------------------- */
.cmn-tip-box .tip-itinerary-list{
position:relative;
margin-top:15px;
border:1px solid #ddd;
overflow:hidden;
}
.cmn-tip-box .tip-itinerary-list:before{
content:"";
display:block;
position:absolute;
left:0;
top:0;
height:100%;
width:60px;
background-color:#f1f1f1;
z-index:-1;
}
.cmn-tip-box .tip-itinerary-list:after{
content:"";
display:block;
position:absolute;
left:50%;
top:0;
height:100%;
width:60px;
background-color:#f1f1f1;
z-index:-1;
}
.cmn-tip-box .tip-itinerary-list > li{
float:left;
width:50%;
margin-bottom:-1px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-bottom:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list > li:first-child{
border-right:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list-inner > li{
display:table;
width:100%;
}
.cmn-tip-box .tip-itinerary-list-inner > li:not(:first-child){
border-top:1px solid #ddd;
}
.cmn-tip-box .tip-itinerary-list-inner > li > div{
display:table-cell;
padding:5px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.cmn-tip-box .tip-itinerary-list-inner > li > div:first-child{
width:60px;
font-weight:bold;
background-color:#f1f1f1;
}

/* .tip-split
----------------------------------------------- */
.cmn-tip-box .tip-split{
margin:11px -6px 13px;
border:none;
border-top:1px #aaa dotted;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing:0;
border-collapse:collapse;
font-size:12px;
margin:8px 0;
width:100%;
}
.terms-and-conditions-tbl th{
background-color:#f5f5f5;
border-left:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:normal;
padding:8px;
text-align:left;
}
.terms-and-conditions-tbl th:first-of-type{
min-width:100px;
}
.terms-and-conditions-tbl th:last-of-type{
min-width:75px;
}
.terms-and-conditions-tbl td{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:8px;
}

/* ----------------------------------------------------------------
Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:40px 0 120px;
}
.error .error-inner{
margin-top:30px;
padding:15px 20px;
font-size:11px;
background-color:#ededed;
position:relative;
}
.error .error-inner:before{
content:"";
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:0 15px 15px 15px;
border-color:transparent transparent #ededed transparent;
border-style:solid;
}
.error .error-inner:before{
left:50%;
top:-15px;
margin-left:-15px;
}
.error .error-hdg{
margin:0 0 15px;
text-align:center;
position:relative;
font-size:14px;
color:var(--cmn-font-color-base);
}
.error .error-wording{
font-size:18px;
text-align:center;
margin-bottom:20px;
}
.error .error-wording-sub{
font-size:14px;
text-align:center;
}
.error .btn{
margin:32px auto 0;
padding:6px 12px 5px;
border:1px solid #c5c5c5;
border-radius:4px;
color:#666 !important;
display:table;
min-width:202px;
width:auto;
min-height:40px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
}
.error .error-link-list{
font-size:14px;
font-weight:bold;
}
.error .error-link-list > li{
display:inline-block;
}
.error .error-link-list > li:after{
margin-left:5px;
content:"\ff1e";
display:inline-block;
}
.error .error-link-list > li:empty:after,
.error .error-link-list > li:last-child:after{
display:none;
}
.error-prev{
margin-top:20px;
text-align:center;
}
.error-prev a{
padding-left:18px;
display:inline-block;
background:url(/element/shared/images/icon/icon-return.svg) 0 50% no-repeat;
}
.error .error-hint{
margin:45px auto 30px;
max-width:90%;
}
.error .error-hint-catch{
font-size:16px;
font-weight:bold;
}
.error .error-hint-list{
margin-top:10px;
}
.error .error-hint-list > li{
padding:8px 0;
border-top:1px dotted #ccc;
overflow:hidden;
}
.error .error-hint-list > li:first-child{
padding-top:0;
border-top:none;
}
.error .error-hint-list > li:last-child{
padding-bottom:0;
}
.error .error-hint-list > li > div{
float:left;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.error .error-hint-list > li > div:first-child{
padding:0 10px 0 20px;
}
.error .error-hint-list > li > div:first-child:before{
content:"";
display:block;
width:13px;
height:13px;
overflow:hidden;
position:absolute;
top:3px;
left:0;
}
.error .error-hint-list > li > div:first-child:before{
background-color:#287ac4;
}
.error .error-hint-list > li > div:first-child:after{
content:"";
display:block;
position:absolute;
top:4px;
left:4px;
border-right:2.5px solid #fff;
border-bottom:2.5px solid #fff;
width:3px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .error-01
----------------------------------------------- */
.error-01{
margin:10px 0;
text-align:center;
font-weight:bold;
font-size:14px;
}

/* .error-link
----------------------------------------------- */
.error-link{
margin-top:10px;
padding:0 12px;
}
.error-link a{
font-size:14px;
font-weight:bold;
color:var(--cmn-font-color-base);
padding-left:12px;
position:relative;
}
.error-link a:before{
content:"";
display:block;
position:absolute;
border-right:1px solid #333;
border-bottom:1px solid #333;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.error-link a:before{
position:absolute;
left:0;
top:7px;
}

/* .error-link-btn
----------------------------------------------- */
.error-link-btn{
display:block;
padding:14px 15px 11px;
border-radius:5px;
border-width:1px;
border-color:#d7d7d7;
border-style:solid;
background-color:#fff;
color:var(--cmn-font-color-base);
position:relative;
}
.error-link-btn:after{
content:"";
display:block;
position:absolute;
border-right:1px solid #555;
border-bottom:1px solid #555;
width:3px;
height:3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.error-link-btn:after{
position:absolute;
right:10px;
top:50%;
margin-top:-7px;
width:10px;
height:10px;
}
.error-link-btn:hover,
.error-link-btn:focus,
.error-link-btn:active{
text-decoration:none;
}
.error-link-btn > *{
display:block;
color:#555;
font-size:12px;
}
.error-link-btn .error-link-btn-hdg{
padding-left:55px;
color:var(--cmn-font-color-base);
font-size:17px;
position:relative;
}
.error-link-btn .error-link-btn-hdg:before{
content:"";
display:block;
width:42px;
height:18px;
overflow:hidden;
position:absolute;
top:1px;
left:0;
}
.error-link-btn .error-link-btn-hdg:before{
background-image:url(/element/w_tour/error/images/icon-error-dp.png);
}

/* .lyt-simple .error
----------------------------------------------- */
.lyt-simple .error{
margin:54px 0 95px;
}
.lyt-simple .error >:first-child{
margin-top:0;
}

/* .lyt-simple .error .error-wording
----------------------------------------------- */
.lyt-simple .error .error-wording{
text-align:center;
font-size:13px;
margin:17px 0;
line-height:1.84;
}
.lyt-simple .error .error-wording > strong{
font-size:17px;
}

/* .error .error-prev-btn
----------------------------------------------- */
.error .error-prev-btn{
text-align:center;
margin-top:33px;
}
.error .error-prev-btn > a{
display:inline-block;
padding:8px 0 9px;
width:190px;
color:var(--font-color-btn-link);
font-size:14px;
border-radius:3px;
border:1px solid #c5c5c5;
-webkit-box-shadow:0 -2px 0 #ccc inset;
box-shadow:0 -2px 0 #ccc inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
}

/* .lyt-simple .error .notice-list
----------------------------------------------- */
.lyt-simple .error .notice-list{
text-align:center;
margin-top:28px;
font-size:12px;
}
.lyt-simple .error .notice-list > li{
display:inline;
}

/* ----------------------------------------------------------------
Research
----------------------------------------------------------------- */
/* .info-attention-container
----------------------------------------------- */
.info-attention-container{
position:relative;
}

/* .info-attention
----------------------------------------------- */
.info-attention-container .info-attention{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, .8);
z-index:2;
}
.info-attention-container .info-attention > p{
margin:144px 65px;
padding:24px 0 22px;
text-align:center;
font-size:18px;
line-height:1.4;
font-weight:bold;
color:var(--cmn-font-color-base);
border:solid 4px #ccc;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.info-attention-container #attention_Area{
color:var(--font-color-btn-link);
}

/* ----------------------------------------------------------------
Modal
----------------------------------------------------------------- */
.modal-separate{
display:table;
width:100%;
margin-top:5px;
}
.modal-separate > *{
display:table-cell;
vertical-align:top;
}
.modal-separate > *:first-child{
width:100px;
padding-top:5px;
}
.cmn-modal-item hr{
border:none;
background-color:#ccc;
height:1px;
}
.cmn-modal-item .modal-nav-list{
margin-bottom:10px;
}
.cmn-modal-item .modal-nav-list > li{
display:inline-block;
padding-left:10px;
margin-left:6px;
position:relative;
}
.cmn-modal-item .modal-nav-list > li:before{
content:"";
display:block;
width:1px;
height:80%;
overflow:hidden;
position:absolute;
top:5%;
left:0;
}
.cmn-modal-item .modal-nav-list > li:before{
background-color:#ccc;
}
.cmn-modal-item .modal-nav-list > li:first-child{
margin:0;
padding:0;
}
.cmn-modal-item .modal-nav-list > li:first-child:before{
display:none;
}
.cmn-modal-item > .error,
.cmn-modal-item > .loading{
margin:0;
}
.cmn-modal-item > .error .error-wording{
font-size:16px;
margin:20px 0;
}
.cmn-modal-item > .error .error-close{
text-align:center;
margin:20px 0;
}
.cmn-modal-item > .error .error-close a{
display:inline-block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-item > .error .error-close a:hover,
.cmn-modal-item > .error .error-close a:active,
.cmn-modal-item > .error .error-close a:visited,
.cmn-modal-item > .error .error-close a:focus{
text-decoration:none;
}

/* .inline-form-container
----------------------------------------------- */
.cmn-modal-select .modal-time-range-box,
.cmn-modal-select .modal-num-box{
position:relative;
padding-left:55px;
}
.cmn-modal-select .cmn-modal-hdg-02{
color:var(--cmn-font-color-base);
}
.cmn-modal-select .modal-time-range-box .cmn-modal-hdg-02-02{
position:absolute;
left:0;
top:5px;
}
.cmn-modal-select .modal-time-range-box .form-search-list-line > li{
margin-right:0;
}
.cmn-modal-select .modal-num-box{
margin:15px 0;
}
.cmn-modal-select .modal-num-box .cmn-modal-hdg-02-02{
position:absolute;
left:0;
top:8px;
margin-top:0;
}
.cmn-modal-select .modal-num-box .cmn-modal-hdg-02-02-sup{
display:inline-block;
width:160px;
font-weight:normal;
}
.cmn-modal-select .modal-num-box .form-search-list-line > li{
margin-right:0;
}
.cmn-modal-select .modal-num-box .form-custom-select{
min-width:40px;
}
.cmn-modal-select .modal-num-box select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
vertical-align:middle;
}
.cmn-modal-select .modal-num-box .modal-num-list{
white-space:nowrap;
display:inline-block;
}
.cmn-modal-select .modal-num-box .modal-num-list > li{
display:inline-block;
margin-left:15px;
}
.cmn-modal-select .modal-num-box .modal-num-list > li:first-child{
margin-left:0;
}

/* .hotelViewer_List
----------------------------------------------- */
.cmn-modal-select .hotelViewer_List{
overflow:hidden;
display:block;
margin-bottom:10px;
position:relative;
}
.cmn-modal-select .hotelViewer_List:after{
content:"";
display:block;
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#b8b8b8;
z-index:0;
}
.cmn-modal-select .hotelViewer_List > li > a{
display:block;
float:left;
width:200px;
margin-right:10px;
position:relative;
z-index:0;
padding:5px 0;
font-size:15px;
border-width:1px;
border-style:solid;
border-color:#b8b8b8;
border-radius:4px 4px 0 0;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
background-color:#f5f5f5;
}
.cmn-modal-select .hotelViewer_List > li > a:hover{
text-decoration:none;
background-color:#fff;
}
.cmn-modal-select .hotelViewer_List > li > a.selected{
border-width:2px 2px 0;
z-index:1;
background-color:#fff;
}

/* .category-l
----------------------------------------------- */
.cmn-modal-select .sort_Navi{
letter-spacing:-.4em;
margin-bottom:10px;
}
.cmn-modal-select .sort_Navi.hotelCity_List{
margin-left:-.5em;
}
.cmn-modal-select .sort_Navi.hotelCity_List > dd{
padding-left:10px;
}
.cmn-modal-select .sort_Navi.hotelCity_List > dt + dd{
padding-left:0;
}
.cmn-modal-select .sort_Navi.hotelCity_List > dd > a{
position:relative;
padding-left:10px;
}
.cmn-modal-select .sort_Navi.hotelCity_List > dd > a:before{
border-right:1px solid #666;
border-bottom:1px solid #666;
content:"";
display:block;
position:absolute;
top:7px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.cmn-modal-select .sort_Navi > *{
display:inline-block;
letter-spacing:normal;
line-height:1;
}
.cmn-modal-select .sort_Navi.hotelSort_List > dd{
padding:0 10px;
border-left:1px solid #ccc;
}
.cmn-modal-select .sort_Navi.hotelSort_List > dt + dd{
padding-left:0;
border-left:none;
}

/* .category-l
----------------------------------------------- */
.cmn-modal-select .category-l{
border:1px solid #aaa;
border-spacing:0;
border-collapse:collapse;
}
.cmn-modal-select .category-l input[type="checkbox"]{
vertical-align:middle;
margin-left:0;
}
.cmn-modal-select .category-l tr > th,
.cmn-modal-select .category-l tr > td{
border:1px solid #aaa;
padding:0;
}
.cmn-modal-select .category-l th{
font-weight:normal;
font-size:11px;
}
.cmn-modal-select .l-spc{
width:30px;
background:#f1f1f1;
}
.cmn-modal-select .l-day{
height:30px;
border-left:none;
background:#f1f1f1;
}
.cmn-modal-select .l-ngt{
width:30px;
border-top:none;
background:#f1f1f1;
}
.cmn-modal-select .box-overflow{
height:115px;
width:380px;
overflow:auto;
background:#fff;
}
.cmn-modal-select .box-overflow > table{
width:100%;
border-collapse:collapse;
}
.cmn-modal-select .box-overflow th,
.cmn-modal-select .box-overflow td{
line-height:28px;
min-width:74px;
white-space:nowrap;
}
.cmn-modal-select .box-overflow td{
border-right:none;
border-bottom:none;
text-align:center;
}
.cmn-modal-select .box-overflow th{
border-bottom:none;
border-right:none;
}
.cmn-modal-select .box-overflow .category-s.cell-sb-none th,
.cmn-modal-select .box-overflow .category-s.cell-sb-none td{
line-height:28px;
min-width:74px;
}
.cmn-modal-select .box-overflow .category-s.cell-sb-both th,
.cmn-modal-select .box-overflow .category-s.cell-sb-both td{
line-height:24px;
min-width:72px;
}
.cmn-modal-select .box-overflow .category-s.cell-sb-vr th,
.cmn-modal-select .box-overflow .category-s.cell-sb-vr td{
line-height:28px;
min-width:72px;
}
.cmn-modal-select .box-overflow .s-spc,
.cmn-modal-select .box-overflow .s-day{
border-top:none;
background:#f2f2f2;
}
.cmn-modal-select .box-overflow .s-spc,
.cmn-modal-select .box-overflow .s-ngt{
border-left:none;
}
.cmn-modal-select .box-overflow td > label{
cursor:pointer;
}

/* .list_Table
----------------------------------------------- */
.cmn-modal-select .list_Table{
width:100%;
border-spacing:0;
}
.cmn-modal-select .hotelList_Area .list_Table{
border:1px solid #ccc;
}
.cmn-modal-select .list_Table th,
.cmn-modal-select .list_Table td{
padding:7px 5px;
}
.cmn-modal-select .list_Table thead th{
background-color:#f1f1f1;
font-size:15px;
white-space:nowrap;
padding:3px 5px 2px;
}
.cmn-modal-select .list_Table thead th.carrier,
.cmn-modal-select .list_Table thead th.name{
text-align:left;
}
.cmn-modal-select .list_Table tbody th{
border-top:1px solid #ccc;
text-align:left;
font-size:11px;
padding:5px;
background-color:#f1f1f1;
}
.cmn-modal-select .list_Table tbody td{
border-bottom:1px dotted #ccc;
}
.cmn-modal-select .hotelList_Area .list_Table tbody td{
border-width:1px 0 0;
border-style:dotted;
border-color:#ccc;
}
.cmn-modal-select .list_Table tbody tr:hover,
.cmn-modal-select .list_Table tbody tr:focus{
background-color:#f2f2f2;
}
.cmn-modal-select .list_Table tbody tr:hover td[colspan],
.cmn-modal-select .list_Table tbody tr:focus td[colspan]{
background-color:#fff;
}
.cmn-modal-select .list_Table .check{
width:20px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .list_Table .check input[type="checkbox"]{
margin:0;
}
.cmn-modal-select .list_Table .belong{
width:120px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .list_Table .alliance{
width:145px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .list_Table .agent_img > span{
display:block;
text-align:center;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
}
.cmn-modal-select .list_Table .status{
width:2.5em;
text-align:center;
}
.cmn-modal-select .list_Table .rank,
.cmn-modal-select .list_Table .evaluation{
text-align:center;
width:120px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-select .vendorList_Area .list_Table .agent_img,
.cmn-modal-select .vendorList_Area .list_Table .agent_img > span{
width:60px;
}

/* .modal-tel
----------------------------------------------- */
.modal-tel{
width:560px;
}
.modal-tel .contact-description{
font-weight:bold;
margin-bottom:5px;
color:var(--font-color-btn-link);
}
.modal-tel .contact-description .addition{
font-weight:normal;
display:block;
}
.modal-tel .tour-code{
margin-bottom:20px;
padding:10px;
word-wrap:break-word;
background-color:#fff9ea;
}
.modal-tel .tour-code b{
font-weight:bold;
}
.modal-tel .tour-code b strong{
font-family:Arial,
Helvetica,
sans-serif;
font-size:18px;
font-weight:bold;
display:inline-block;
margin:0 5px;
padding:3px 5px;
color:#fff;
background-color:var(--cmn-font-color-red);
}
.modal-tel .tour-code .tour-code-notes{
margin-top:10px;
}
.modal-tel .tour-code .tour-code-notes li{
font-size:11px;
padding-left:1em;
color:var(--font-color-btn-link);
}
.modal-tel .tour-code .tour-code-notes li:before{
display:inline-block;
content:"\203b";
text-indent:-1em;
}
.modal-tel .contact-agt{
overflow:visible;
overflow-x:hidden;
overflow-y:visible;
height:auto;
min-height:250px;
margin:0 auto -5px auto;
border:solid 1px #bdbdbd;
}
.modal-tel .contact-agt table{
width:100%;
margin:0 0 15px 0;
table-layout:fixed;
border-collapse:collapse;
}
.modal-tel .contact-agt caption{
font-size:12px;
padding:3px 25px 3px 10px;
text-align:left;
color:var(--cmn-font-color-base);
background-color:#f0f0f0;
}
.modal-tel .contact-agt th{
font-weight:normal;
width:60px;
color:var(--font-color-btn-link);
padding:3px 0 0 10px;
text-align:left;
vertical-align:top;
}
.modal-tel .contact-agt td{
padding:3px 25px 3px 10px;
color:var(--font-color-btn-link);
}
.modal-tel .contact-agt td img{
margin:0 3px 0 0;
}
.modal-tel .contact-agt td em{
font-family:Arial,
Helvetica,
sans-serif;
font-size:16px;
font-weight:bold;
color:var(--cmn-font-color-red);
}

/* .modal-hotel
----------------------------------------------- */
.modal-hotel{
width:560px;
}
.modal-hotel .tbl-info{
margin-bottom:15px;
}
.modal-hotel .item_Area{
margin-top:15px;
}

/* ----------------------------------------------------------------
  flight condition
----------------------------------------------------------------- */
/* .modal-hdg-container
----------------------------------------------- */
.modal-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:5px 25px 10px 20px;
color:#fff;
position:relative;
}
.modal-hdg-container .modal-hdg{
font-size:15px;
}
.modal-hdg-container .modal-hdg-sup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
}

/* .form-select-vendor
----------------------------------------------- */
.cmn-modal-select .form-select-vendor{
display:inline-block;
vertical-align:middle;
font-size:13px;
letter-spacing:-.4em;
}
.cmn-modal-select .form-select-vendor > li{
margin-left:10px;
display:inline-block;
letter-spacing:normal;
}
.cmn-modal-select .form-select-vendor > li > label{
cursor:pointer;
position:relative;
padding-left:18px;
}
.cmn-modal-select .form-select-vendor input[type="radio"]{
margin:auto 0;
position:absolute;
left:0;
top:0;
bottom:0;
}
.cmn-modal-select .modal-hdg-container .form-select-vendor{
margin-right:20px;
}

/* .modal-hdg-01-container
----------------------------------------------- */
.modal-hdg-01-container{
position:relative;
}
.modal-hdg-01-sup{
position:absolute;
right:10px;
top:3px;
font-size:11px;
}
.modal-hdg-01-sup > b{
font-size:18px;
font-family:Arial;
margin:0 3px;
}

/* ----------------------------------------------------------------
.form-search-modal
----------------------------------------------------------------- */
/* .form-search-modal-tab
----------------------------------------------- */
.form-search-modal-tab-container > .form-search-modal-tab-item{
display:none;
}
.form-search-modal-tab-container > .form-search-modal-tab-item.is-active{
display:block;
}

/* .form-search-modal-tab
----------------------------------------------- */
.form-search-modal-tab{
position:relative;
display:none;
}
.form-search-modal-tab:after{
content:"";
height:1px;
width:100%;
display:block;
background-color:#bbb;
position:absolute;
left:0;
bottom:0;
z-index:0;
}
.form-search-modal-tab > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
width:20%;
}
.form-search-modal-tab >li:not(:first-child){
padding-left:5px;
}
.form-search-modal-tab > li > button{
width:100%;
min-height:44px;
height:100%;
font-size:13px;
color:var(--font-color-btn-link);
line-height:1.2;
border:1px solid #bbb;
border-bottom:none;
background-color:#f8f8f8;
}
.form-search-modal-tab > li > button:disabled{
position:relative;
border-bottom-color:#fff;
background-color:#fff;
z-index:1;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.is-tab-active .form-search-modal-tab{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* .form-search-modal-item
----------------------------------------------- */
.form-search-modal-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
}
.form-search-modal-item.is-disabled{
opacity:.25;
cursor:default;
}
.form-search-modal-item-cell:first-child{
margin-left:3px;
width:82px;
font-size:11px;
line-height:1.27;
}
.form-search-modal-item.others .form-search-modal-item-cell:first-child{
margin-left:0;
width:100px;
font-size:13px;
font-weight:bold;
}
.form-search-modal-item-cell:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:13px;
padding-left:10px;
}
.form-search-modal-item-cell:first-child > span:not([class]){
display:block;
}
.form-search-modal-item input[type="text"]{
padding:5px;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:34px;
border-radius:2px;
width:100%;
background-color:#fff;
}
.form-search-modal-item .form-custom-select{
border-radius:2px;
}
.form-search-modal-item.condition{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.form-search-modal-item.seat,
.form-search-modal-item.rank{
margin-top:16px;
}
.form-search-modal-item.review .form-custom-select{
width:140px;
}
.form-search-modal-item.others{
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.form-search-modal-item.others + .form-search-modal-item.others{
margin-top:10px;
padding-top:8px;
border-top:1px solid #ddd;
}

/* .form-search-modal-lyt
----------------------------------------------- */
.form-search-modal-lyt{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search-modal-lyt.hotel .form-search-modal-lyt-cell:first-child{
width:465px;
}
.form-search-modal-lyt.hotel .form-search-modal-lyt-cell:last-child{
margin-left:20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .form-search-modal-del-container
----------------------------------------------- */
.form-search-modal-del-container{
display:none;
margin:0 -20px;
padding:0 20px 17px;
font-size:11px;
border-bottom:1px solid #ddd;
}
.form-search-modal-del-container.is-active{
display:block;
margin-bottom:20px;
}
.form-search-modal-del-container + .cmn-modal-hdg-01{
margin-top:0;
}

/* .form-search-modal-del-toggle-item
----------------------------------------------- */
.form-search-modal-del-toggle-item-hdg{
width:7em;
}
.form-search-modal-del-toggle.is-active .form-search-modal-del-toggle-inner,
.form-search-modal-del-toggle-item{
display:none;
}
.form-search-modal-del-toggle-inner,
.form-search-modal-del-toggle.is-active .form-search-modal-del-toggle-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search-modal-del-toggle-inner .form-search-modal-del-toggle-item-cnt{
max-width:440px;
height:1.5em;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.form-search-modal-del-toggle-item .form-search-modal-del-toggle-item-cnt{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-top:-5px;
}

/* .form-search-modal-del-toggle-item
----------------------------------------------- */
.form-search-modal-del-toggle-item li button{
position:relative;
margin:0;
padding:0 15px 0 0;
font-size:11px;
color:var(--font-color-btn-link);
text-align:left;
background:transparent;
border:none;
}
.form-search-modal-del-toggle-item li button .del{
position:absolute;
right:0;
top:50%;
margin-top:-1px;
color:transparent;
width:10px;
height:10px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-close.svg) no-repeat right center transparent;
background-size:10px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-search-modal-del-toggle-item .is-disabled{
display:none;
}

/* .form-search-modal-del-list
----------------------------------------------- */
.form-search-modal-del-list{
position:relative;
}
.form-search-modal-del-list::after{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:100%;
height:4px;
background-color:#fff;
}
.form-search-modal-del-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
border-bottom:1px solid #ccc;
}

/* .form-search-modal-del-hdg
----------------------------------------------- */
.form-search-modal-del-hdg{
position:relative;
margin:5px 14px 0 0;
width:92px;
}
.form-search-modal-del-hdg > button{
width:100%;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}

/* .form-search-modal-del-cnt
----------------------------------------------- */
.form-search-modal-del-cnt{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .form-search-modal-del-list-01
----------------------------------------------- */
.form-search-modal-del-list-01{
position:relative;
}
.form-search-modal-del-list-01::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:1px;
background-color:#fff;
}
.form-search-modal-del-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
padding:5px 0;
border-bottom:1px dashed #ccc;
}

/* .form-search-modal-del-hdg-01
----------------------------------------------- */
.form-search-modal-del-hdg-01{
position:relative;
margin-right:20px;
width:130px;
}
.form-search-modal-del-hdg-01::after{
content:":";
position:absolute;
right:-10px;
top:0;
}
.form-search-modal-del-hdg-01 > button{
padding:0 25px 0 0;
width:100%;
}

/* .form-search-modal-del-cnt-01
----------------------------------------------- */
.form-search-modal-del-cnt-01{
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding-right:55px;
}

/* .form-search-modal-del-cnt-negative
----------------------------------------------- */
.form-search-modal-del-cnt-negative{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
.form-search-modal-del-list-line + .form-search-modal-del-cnt-negative{
margin-top:3px;
}
.form-search-modal-del-list-line.is-disabled + .form-search-modal-del-cnt-negative{
margin-top:0;
}

/* .form-search-modal-del-list-line
----------------------------------------------- */
.form-search-modal-del-list-line{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-top:-3px;
}
.form-search-modal-del-list-line > li{
margin:3px 20px 0 0;
}

/* .form-search-modal-del-icon
----------------------------------------------- */
.form-search-modal-del-icon{
margin:1px 7px 0 0;
padding:1px 3px 0;
font-size:11px;
color:var(--font-color-btn-link);
line-height:1;
border:1px solid #bbb;
}

/* .form-search-modal-del-toggle-btn
----------------------------------------------- */
.form-search-modal-del-toggle-btn-more{
padding:0 0 0 17px;
border:none;
font-size:11px;
color:var(--font-color-btn-link);
text-align:left;
background:none;
position:relative;
width:7em;
}
.form-search-modal-del-toggle-btn-more::before{
position:absolute;
left:4px;
top:50%;
margin-top:-5px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.form-search-modal-del-toggle-btn-close{
position:absolute;
right:0;
bottom:0;
padding:0 0 0 17px;
border:none;
font-size:11px;
color:var(--font-color-btn-link);
text-align:left;
background:none;
}
.form-search-modal-del-toggle-btn-close::before{
position:absolute;
left:4px;
top:50%;
margin-top:-7px;
content:"";
display:block;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}

/* .form-search-modal-list
----------------------------------------------- */
[class*="form-search-modal-list"]{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.form-search-modal-item-cell > [class*="form-search-modal-list"]{
margin:-8px 0 0 -10px;
}
[class*="form-search-modal-list"] > li{
margin-top:8px;
padding-left:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:20px;
}
[class*="form-search-modal-list"] label{
position:relative;
padding-left:20px;
cursor:pointer;
min-height:20px;
vertical-align:middle;
}
[class*="form-search-modal-list"] label > .sup{
display:block;
font-size:11px;
padding-left:15px;
}
[class*="form-search-modal-list"] li.is-disabled label{
opacity:.25;
cursor:default;
}
[class*="form-search-modal-list"] input[type="checkbox"],
[class*="form-search-modal-list"] input[type="radio"]{
position:absolute;
left:0;
top:1px;
margin:auto 0;
padding:0;
}
.form-search-modal-select-item [class*="form-search-modal-list"]{
display:block;
}
.form-search-modal-select-item [class*="form-search-modal-list"]:before,
.form-search-modal-select-item [class*="form-search-modal-list"]:after{
content:"";
display:table;
}
.form-search-modal-select-item [class*="form-search-modal-list"]:after{
clear:both;
}
.form-search-modal-select-item [class*="form-search-modal-list"].form-list-col-2 > li{
float:left;
width:50%;
}

/* .form-search-modal-list-seat
----------------------------------------------- */
.form-search-modal-list-seat > li{
width:33%;
}

/* .form-search-modal-list-condition
----------------------------------------------- */
.form-search-modal-list-condition{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.form-search-modal-list-condition > li{
width:33%;
min-height:30px;
}
.form-search-modal-list-condition > li:nth-child(n + 4){
margin-top:0;
}

/* .form-search-modal-list-time
----------------------------------------------- */
.form-search-modal-list-time > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.form-search-modal-list-time > li.is-disabled{
opacity:.25;
}
.form-search-modal-list-time .form-search-modal-select-btn{
border-radius:0 2px 2px 0;
}
.form-search-modal-time-cell:first-child{
padding:7px 10px 5px;
min-height:34px;
font-size:11px;
border:1px solid #bebebe;
border-right:none;
border-radius:2px 0 0 2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-modal-time-cell:not(:first-child){
width:179px;
}

/* .form-search-modal-list-service
----------------------------------------------- */
.form-search-modal-list-service{
display:block;
}
.form-search-modal-list-service::before,
.form-search-modal-list-service::after{
content:"";
display:table;
}
.form-search-modal-list-service::after{
clear:both;
}
.form-search-modal-list-service > li{
float:left;
width:190px;
}
.form-search-modal-list-service > li.is-disabled{
opacity:.25;
}
.form-search-modal-list-service > li:first-child .form-search-modal-select-btn{
border-radius:2px 0 0 2px;
}
.form-search-modal-list-service > li:last-child .form-search-modal-select-btn{
border-radius:0 2px 2px 0;
}
.form-search-modal-list-service > li:not(:first-child){
padding-left:0;
}
.form-search-modal-list-service > li:not(:first-child) .form-search-modal-select-btn{
border-left:none;
}
.form-search-modal-list-service > li.facility .form-search-modal-select-item{
left:auto;
left:initial;
width:370px;
right:0;
}
.form-search-modal-list-service > li.facility .form-search-modal-select-list >li{
float:left;
width:50%;
}

/* .form-search-modal-list-other
----------------------------------------------- */
.form-search-modal-lyt.hotel .form-search-modal-list-other:not(:root){
display:block;
}
.form-search-modal-lyt.hotel .form-search-modal-list-other li:not(:first-child){
margin:0;
}

/* .form-search-modal-list-review
----------------------------------------------- */
.form-search-modal-list-review{
display:block;
margin-bottom:30px;
}
.form-search-modal-list-review > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:28px;
}
.form-search-modal-list-review > li > div:first-child{
width:6em;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.form-search-modal-list-review > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-modal-list-review .form-search-modal-list{
margin-top:-8px;
-ms-flex-pack:distribute;
justify-content:space-around;
}

/* .form-search-modal-list-agent
----------------------------------------------- */
.form-search-modal-list-agent > li{
margin:0 18px 0 0;
}

/* .form-search-modal-list-others
----------------------------------------------- */
.form-search-modal-list-others{
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.form-search-modal-list-others li{
width:33%;
}
.form-search-modal-caption-others + .form-search-modal-list-others{
padding-top:2px;
}
.form-search-modal-caption-others > span{
font-size:11px;
}
.form-search-modal-list-others + .form-search-modal-caption-others{
margin-top:8px;
padding-top:6px;
font-size:13px;
border-top:1px dotted #ccc;
}
.form-search-modal-list-others .form-search-modal-tip-container,
.form-search-modal-item.condition .form-search-modal-tip-container{
position:relative;
padding-left:20px;
}
.form-search-modal-list-others .form-search-modal-tip-container label,
.form-search-modal-item.condition .form-search-modal-tip-container label{
display:inline;
padding:0;
line-height:1.25;
}

/* .form-search-modal-select
----------------------------------------------- */
.form-search-modal-select{
position:relative;
}

/* .form-search-modal-select-btn
----------------------------------------------- */
.form-search-modal-select-btn{
width:100%;
padding:6px 20px 6px 10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
border:1px solid #bebebe;
text-align:left;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.form-search-modal-select-btn:after{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:6px;
border-width:5px 4px 0 4px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.form-search-modal-select-btn.is-unselected{
color:var(--font-color-placeholder);
}

/* .form-search-modal-select-item
----------------------------------------------- */
.form-search-modal-select-item{
display:none;
position:absolute;
left:0;
top:100%;
margin-top:-1px;
padding:6px 0 6px 8px;
width:100%;
border:1px solid #bebebe;
background-color:#fff;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-search-modal-select.is-active .form-search-modal-select-item{
display:block;
}

/* .form-search-modal-select-list
----------------------------------------------- */
.form-search-modal-select-list li{
margin-top:3px;
}
.form-search-modal-select-list label{
height:20px;
min-height:20px;
display:inline-block;
}
.form-search-modal-select-list input[type="checkbox"],
.form-search-modal-select-list input[type="radio"]{
position:absolute;
left:0;
top:2px;
margin:auto 0;
padding:0;
}

/* .form-search-modal-list-alliance
----------------------------------------------- */
.form-search-modal-list-alliance{
margin-bottom:6px;
}
.form-search-modal-list-alliance > li{
margin-right:13px;
}
.form-search-modal-list-alliance input[type="checkbox"],
.form-search-modal-list-alliance input[type="radio"]{
position:absolute;
left:0;
top:1px;
margin:auto 0;
padding:0;
}
.form-search-modal-list-alliance .cmn-tip-btn{
margin-top:-1px;
}

/* .form-search-modal-tbl
----------------------------------------------- */
.form-search-modal-tbl{
margin-top:16px;
padding-top:65px;
position:relative;
font-size:11px;
border:1px solid #ddd;
}
.form-search-modal-tbl .notice-list{
position:absolute;
left:12px;
top:38px;
}
.form-search-modal-tbl-inner{
overflow-y:scroll;
padding:0 5px 0 12px;
height:258px;
background-color:#fff;
}
.form-search-modal-tbl[class*="is-"]{
padding-top:25px;
}
.form-search-modal-tbl[class*="is-"] .form-search-modal-tbl-inner{
overflow-y:hidden;
}
.form-search-modal-tbl .loading{
position:absolute;
margin:0;
left:50%;
top:50%;
width:48px;
height:48px;
overflow:hidden;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.form-search-modal-tbl .error{
position:absolute;
margin:0;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

/* .form-search-modal-tbl table
----------------------------------------------- */
.form-search-modal-tbl table{
border-collapse:collapse;
border-spacing:0;
width:100%;
background-color:#fff;
}
.form-search-modal-tbl table input[type="checkbox"]{
margin:0;
cursor:pointer;
}
.form-search-modal-tbl table input[type="checkbox"]:disabled{
cursor:default;
}
.form-search-modal-tbl table thead th{
padding:0;
border:none;
}
.form-search-modal-tbl table thead th > div{
position:absolute;
top:0;
padding:7px 0;
font-size:11px;
font-weight:normal;
color:var(--cmn-font-color-base);
line-height:1;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f1f1f1;
}
.form-search-modal-tbl table tr:not([class]):hover{
background-color:#fef4d5;
}
.form-search-modal-tbl table tr.is-disabled{
opacity:.25;
}
.form-search-modal-tbl table tr.is-disabled label{
cursor:default;
}
.form-search-modal-tbl table tr.is-disabled a{
text-decoration:none;
}
.form-search-modal-tbl table td{
padding:0;
height:27px;
border-top:1px dotted #c9c9c9;
}
.form-search-modal-tbl table tr:first-child td{
border-top:none;
}
.form-search-modal-tbl table td > label{
cursor:pointer;
height:100%;
}

/* .form-search-modal-tbl.flight
----------------------------------------------- */
.form-search-modal-tbl.flight table thead th.check > div{
width:5%;
left:0;
}
.form-search-modal-tbl.flight table thead th.name > div{
width:74%;
left:5%;
}
.form-search-modal-tbl.flight table thead th.alliance > div{
width:21%;
right:0;
}
.form-search-modal-tbl.flight table .check{
width:4%;
}
.form-search-modal-tbl.flight table .name{
width:75%;
}
.form-search-modal-tbl.flight table .alliance{
width:21%;
}
.form-search-modal-tbl.flight table label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:5px 0 5px 13px;
}
.form-search-modal-tbl.flight table td .logo{
position:relative;
display:block;
margin-right:13px;
width:86px;
height:27px;
border:1px solid #c4c4c4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}
.form-search-modal-tbl.flight table td .logo > img{
position:absolute;
top:50%;
left:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}
.form-search-modal-tbl.flight table td .logo + span:not([class]){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:13px;
}

/* .form-search-modal-tbl.hotel
----------------------------------------------- */
.form-search-modal-tbl.hotel table thead th.check > div{
width:4%;
left:0;
}
.form-search-modal-tbl.hotel table thead th.name > div{
width:56%;
left:4%;
}
.form-search-modal-tbl.hotel table thead th.area > div{
width:16%;
left:60%;
}
.form-search-modal-tbl.hotel table thead th.rank > div{
width:16%;
left:76%;
}
.form-search-modal-tbl.hotel table thead th.detail > div{
width:8%;
right:0;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.form-search-modal-tbl.hotel table .check{
width:3%;
}
.form-search-modal-tbl.hotel table .name{
width:48%;
}
.form-search-modal-tbl.hotel table .area{
width:16%;
}
.form-search-modal-tbl.hotel table .rank{
width:16%;
}
.form-search-modal-tbl.hotel table .detail{
width:4%;
}
.form-search-modal-tbl.hotel table td:nth-child(2) label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-search-modal-tbl.hotel table td:nth-child(2) label > span:not([class]){
max-width:360px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-align:left;
font-size:13px;
display:inline-block;
vertical-align:middle;
}
.form-search-modal-tbl.hotel table td:nth-child(4) label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:11px;
}
.form-search-modal-tbl.hotel table [class^="icon-r-"]{
padding-left:18px;
font-family:Arial;
font-size:12px;
line-height:1;
background-position:left center;
background-repeat:no-repeat;
background-size:13px 13px;
}
.form-search-modal-tbl.hotel table .icon-r-hotel{
width:1em;
margin-right:10px;
background-image:url(/element/w_tour/shared/images/icon/icon-r-hotel-01.svg);
}
.form-search-modal-tbl.hotel table .icon-r-review{
width:2em;
background-image:url(/element/w_tour/shared/images/icon/icon-r-review.svg);
}

/* .form-search-modal-tbl.agent
----------------------------------------------- */
.form-search-modal-tbl.agent table thead th.check > div{
width:6%;
left:0;
}
.form-search-modal-tbl.agent table thead th.name > div{
width:68%;
left:6%;
}
.form-search-modal-tbl.agent table thead th.detail > div{
width:8%;
left:74%;
color:transparent;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.form-search-modal-tbl.agent table thead th.association > div{
width:18%;
right:0;
}
.form-search-modal-tbl.agent table .check{
width:2%;
}
.form-search-modal-tbl.agent table .name{
width:60%;
}
.form-search-modal-tbl.agent table .detail{
width:10%;
}
.form-search-modal-tbl.agent table .association{
width:6%;
}
.form-search-modal-tbl.agent table label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:5px 0 5px 13px;
}
.form-search-modal-tbl.agent table td .logo{
position:relative;
display:block;
margin-right:13px;
width:60px;
height:23px;
border:1px solid #c4c4c4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
background-color:#fff;
}
.form-search-modal-tbl.agent table td .logo > img{
position:absolute;
top:50%;
left:50%;
max-width:100%;
max-height:100%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
height:auto;
}
.form-search-modal-tbl.agent table td .logo + span:not([class]){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:13px;
}
.form-search-modal-tbl.agent table td:nth-child(2) label{
padding-right:13px;
}
.form-search-modal-tbl.agent table td:nth-child(4) label{
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
padding:5px 10px 5px 0;
}
.form-search-modal-tbl.agent table td:nth-child(4) img{
margin-right:5px;
}
.form-search-modal-tbl.agent table td .agt-detail-link{
display:block;
padding:0 0 0 20px;
margin-right:10px;
}

/* .modal-box-cancel-list
----------------------------------------------- */
.modal-box-cancel-list{
margin:30px 0;
padding:9px 16px;
width:500px;
height:200px;
overflow-y:scroll;
border:1px solid #bebebe;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-box-cancel-list > li{
margin-top:4px;
}

/* .form-search-modal-sort
----------------------------------------------- */
.form-search-modal-sort{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:16px 0 20px;
font-size:12px;
line-height:1.2;
}
.form-search-modal-sort li{
position:relative;
}
.form-search-modal-sort li:not(:first-child){
border-left:1px solid #ccc;
}
.form-search-modal-sort li a{
margin:0 12px;
color:var(--font-color-btn-link);
text-decoration:none;
}
.form-search-modal-sort li.is-active a{
color:var(--cmn-font-color-base);
font-weight:bold;
}
.form-search-modal-sort li.is-active::after{
content:"";
width:80%;
height:3px;
display:block;
position:absolute;
left:10%;
bottom:-7px;
background-color:#444;
}

/* ----------------------------------------------------------------
  .info-departure-time
----------------------------------------------------------------- */
/* .modal-departure-time
----------------------------------------------- */
.modal-departure-time{
width:560px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tip-departure-time{
width:420px;
}

/* .info-departure-time-detail
----------------------------------------------- */
.modal-departure-time .info-departure-time-detail{
margin:0 40px;
font-size:13px;
}

/* .info-departure-time-hdg
----------------------------------------------- */
.info-departure-time-hdg{
margin:0 0 15px;
font-size:16px;
font-weight:bold;
text-align:center;
}

/* .info-departure-time-hdg-01
----------------------------------------------- */
.info-departure-time-hdg-01{
padding:5px 10px;
margin-top:17px;
font-size:13px;
font-weight:normal;
text-align:center;
background-color:#f5f5f5;
}

/* .info-departure-time-text
----------------------------------------------- */
.modal-departure-time .info-departure-time-text{
margin-bottom:17px;
font-size:14px;
line-height:1.7;
}
.tip-departure-time .info-departure-time-text{
margin-top:2px;
}

/* .info-departure-time-list
----------------------------------------------- */
.info-departure-time-list{
margin-bottom:30px;
padding:0 10px;
font-size:13px;
}
.info-departure-time-list > li{
position:relative;
padding:5px 0 5px 25px;
margin:0 -10px;
border-bottom:1px dotted #d7d7d7;
}
.info-departure-time-list > li:last-child{
border-bottom:1px solid #ddd;
}
.info-departure-time-list > li:before{
position:absolute;
left:10px;
top:4px;
}
.info-departure-time-list > li:nth-child(1):before{
content:"\2460";
}
.info-departure-time-list > li:nth-child(2):before{
content:"\2461";
}
.tip-departure-time .info-departure-time-list{
margin:3px 0 22px;
font-size:12px;
}
.tip-departure-time .info-departure-time-list > li{
padding:2px 0 0 25px;
border-bottom:none;
}
.tip-departure-time .info-departure-time-list > li:before{
top:2px;
}

/* def-list
---------------------------------- */
.def-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:5px 12px;
margin-top:10px;
}
.def-list dt{
white-space:nowrap;
position:relative;
}
.def-list dt::after {
content:":";
display:block;
position:absolute;
right:-8px;
top:0;
}

/* def-word-list
---------------------------------- */
.def-word-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
}
.def-word-list dt{
white-space:nowrap;
position:relative;
}
.def-word-list dt::after {
content:"...";
display:inline-block;
}

/* .info-departure-time-list-ex
----------------------------------------------- */
.info-departure-time-list-ex-container{
margin:8px 0 12px;
}
.tip-departure-time .info-departure-time-list-ex-container{
margin-bottom:21px;
}
.info-departure-time-list-ex{
font-size:13px;
}

/* .info-departure-time-img
----------------------------------------------- */
.info-departure-time-img{
position:relative;
padding-top:85px;
margin:0 auto 33px;
width:100%;
color:#023570;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element/w_tour/shared/images/img-departure-time.svg) center top no-repeat;
background-size:384px 56px;
}
.tip-departure-time .info-departure-time-img{
margin-bottom:14px;
}
.info-departure-time-img-date{
position:absolute;
bottom:0;
left:28px;
padding-top:1px;
min-width:70px;
text-align:center;
font-size:11px;
border:1px solid #396eaa;
}
.tip-departure-time .info-departure-time-img-date{
left:0;
}
.info-departure-time-img-date:last-of-type{
left:inherit;
right:97px;
}
.tip-departure-time .info-departure-time-img-date:last-of-type{
right:71px;
}
.info-departure-time-img-date:before,
.info-departure-time-img-date:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:-6px;
left:30px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #396eaa transparent;
border-style:solid;
}
.info-departure-time-img-date:after{
top:-5px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #fff transparent;
}

/* .info-departure-time-note
----------------------------------------------- */
.info-departure-time-note{
font-size:11px;
color:var(--font-color-btn-link);
}
.info-departure-time-note > li{
padding-left:1em;
text-indent:-1em;
}
.info-departure-time-note > li:before{
content:"\203b";
}

/* .info-departure-time-btn-box
----------------------------------------------- */
.modal-departure-time .info-departure-time-btn-box{
margin:25px 40px 0;
overflow:hidden;
}
.modal-departure-time .info-departure-time-btn-box >li{
width:50%;
padding:0 10px;
float:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-departure-time .info-departure-time-btn-box >li:first-child{
padding-left:0;
}
.modal-departure-time .info-departure-time-btn-box >li:last-child{
padding-right:0;
}
.modal-departure-time .info-departure-time-btn-box .info-btn{
border:none;
width:100%;
border-radius:4px;
color:#fff;
min-height:56px;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
background-color:#72ba00;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-size:17px;
font-weight:bold;
}
.modal-departure-time .info-departure-time-btn-box .info-btn:active,
.modal-departure-time .info-departure-time-btn-box .info-btn:hover,
.modal-departure-time .info-departure-time-btn-box .info-btn:focus{
background-color:#67a700;
}
.modal-departure-time .info-departure-time-btn-box .cancel-btn{
width:100%;
min-height:56px;
border-radius:4px;
background-color:#fff;
border:1px solid #c5c5c5;
color:#555;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
font-size:17px;
font-weight:bold;
}
.modal-departure-time .info-departure-time-btn-box .cancel-btn:active,
.modal-departure-time .info-departure-time-btn-box .cancel-btn:hover,
.modal-departure-time .info-departure-time-btn-box .cancel-btn:focus{
background-color:#f8f8f8;
}

/* .btn-inquiry
----------------------------------------------- */
.detail-item .btn-inquiry{
margin:15px 0 5px;
padding:8px 15px 6px;
border:1px solid #bebebe;
border-radius:3px;
color:#555;
-webkit-box-shadow:0 -1px 0 #bababa inset;
box-shadow:0 -1px 0 #bababa inset;
display:table;
background:none;
text-decoration:none;
font-weight:700;
font-size:14px;
color:#555;
text-decoration:none;
}
.detail-item .btn-inquiry#Act_AgentOpinionPost{
background:none;
}
.detail-item .btn-inquiry:before{
margin-right:6px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:middle;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}
.detail-item a.btn-inquiry:link,
.detail-item a.btn-inquiry:active,
.detail-item a.btn-inquiry:hover,
.detail-item a.btn-inquiry:focus,
.detail-item a.btn-inquiry:visited{
color:var(--font-color-btn-link);
text-decoration:none;
}

/* ----------------------------------------------------------------
  Alert Modules
----------------------------------------------------------------- */
/* .alert
----------------------------------------------- */
.alert{
width:560px;
}

/* .alert-content
----------------------------------------------- */
.alert .alert-content{
color:var(--cmn-font-color-base);
font-size:13px;
text-align:left;
}
.alert .alert-content > b{
margin-bottom:15px;
display:block;
font-size:16px;
text-align:center;
}
.alert .alert-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .alert-content-list
----------------------------------------------- */
.alert .alert-content-list >li{
margin-top:10px;
padding-left:.75em;
position:relative;
}
.alert .alert-content-list >li::before{
content:"";
display:block;
border-radius:50%;
width:2px;
height:2px;
position:absolute;
top:8px;
left:0;
background-color:#333;
}

/* ----------------------------------------------------------------
paragraph
----------------------------------------------------------------- */
/* .important
----------------------------------------------- */
.important{
color:var(--cmn-font-color-red);
}

/* .num
----------------------------------------------- */
.num{
font-family:Arial;
}

/* .tax
----------------------------------------------- */
.tax.include{
color:#2b65a0;
}
.tax.extra{
color:#af700a;
}

/* ----------------------------------------------------------------
  LP
----------------------------------------------------------------- */
/* #sub_Col
----------------------------------------------- */
#sub_Col img{
vertical-align:bottom;
}

/* .lp-hdg-l2
----------------------------------------------- */
.lp-hdg-l2{
padding:8px 16px 6px;
font-size:24px;
color:#fff;
font-weight:bold;
background-color:#666;
}

/* .lp-hdg-l3
----------------------------------------------- */
.lp-hdg-l3{
margin:25px 0 15px;
padding:6px 13px 4px;
font-size:17px;
color:var(--cmn-font-color-base);
background-color:#f6f6f6;
border-bottom:1px solid #d7d7d7;
}

/* .lp-hdg-flag
----------------------------------------------- */
.lp-hdg-flag{
position:relative;
line-height:20px;
font-size:15px;
margin:10px 20px 14px;
padding-left:37px;
}
.lp-hdg-flag img{
position:absolute;
top:-3px;
left:0;
width:30px;
height:20px;
border:1px solid #e0e0e0;
}
.lp-list-line + .lp-hdg-flag:before{
content:"";
display:block;
position:absolute;
top:-11px;
left:0;
width:100%;
height:1px;
background-color:#eaeaea;
}

/* .lp-nav-internal
----------------------------------------------- */
.lp-nav-internal{
margin-top:15px;
overflow:hidden;
}
.lp-nav-internal > li{
float:left;
width:15.51%;
margin:10px 0 0 1.36%;
}
.lp-nav-internal > li:nth-child(6n-5){
margin-left:0;
}
.lp-nav-internal > li > a{
position:relative;
display:block;
padding:3px 10px 8px;
font-size:14px;
color:var(--cmn-font-color-base);
text-align:center;
border-radius:3px;
border:1px solid #c4c4c4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
overflow:hidden;
}
.lp-nav-internal > li > a:before{
content:"";
position:absolute;
bottom:5px;
left:50%;
height:0;
width:0;
display:block;
border:3px transparent solid;
border-bottom-width:0;
border-top-color:var(--cmn-font-color-gray);
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
}

/* .lp-list-line
----------------------------------------------- */
.lp-list-line{
line-height:1.25;
margin:-10px 20px 11px;
padding-bottom:14px;
}
.lp-list-line > li{
font-size:12px;
display:inline-block;
margin:10px 7px 0 0;
padding-right:10px;
border-right:1px solid #d9d9d9;
}
.lp-list-line > li:last-child{
margin-right:0;
padding-right:0;
border-right:none;
}
.lp-list-line > li > a{
color:#555;
}

/* .lp-theme-hdg
----------------------------------------------- */
.lp-theme-hdg{
margin-top:30px;
padding:10px 0 9px;
color:var(--cmn-font-color-base);
font-size:13px;
font-weight:bold;
border-top:2px solid #777;
border-bottom:1px solid #ddd;
}

/* .lp-theme-list
----------------------------------------------- */
.lp-theme-list{
margin-bottom:30px;
}
.lp-theme-list > li{
padding:11px 0 10px;
font-size:12px;
border-bottom:1px dotted #bbb;
}
.lp-theme-list > li > a{
position:relative;
display:inline-block;
padding-left:14px;
color:#555;
}
.lp-theme-list > li > a:before{
border-right:1px solid #555;
border-bottom:1px solid #555;
content:"";
display:block;
position:absolute;
top:6px;
left:0;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* .lp-toggle-btn
----------------------------------------------- */
.lp-toggle-btn{
margin:0 20px;
font-size:12px;
text-align:right;
background:none;
}
.lp-toggle-btn > a{
position:relative;
display:inline-block;
color:var(--font-color-btn-link);
padding-left:15px;
}
.lp-toggle-btn > a::before{
content:"";
display:block;
position:absolute;
left:0;
top:4px;
width:11px;
height:11px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:11px 11px;
}
.toggle-container.active .lp-toggle-btn > a::before{
top:3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* ----------------------------------------------------------------
Dynamics
----------------------------------------------------------------- */
/* Width Control
----------------------------------------------- */
.w-5{
width:5% !important;
}
.w-10{
width:10% !important;
}
.w-15{
width:15% !important;
}
.w-20{
width:20% !important;
}
.w-25{
width:25% !important;
}
.w-30{
width:30% !important;
}
.w-35{
width:35% !important;
}
.w-40{
width:40% !important;
}
.w-45{
width:45% !important;
}
.w-50{
width:50% !important;
}
.w-55{
width:55% !important;
}
.w-60{
width:60% !important;
}
.w-65{
width:65% !important;
}
.w-70{
width:70% !important;
}
.w-75{
width:75% !important;
}
.w-80{
width:80% !important;
}
.w-85{
width:85% !important;
}
.w-90{
width:90% !important;
}
.w-95{
width:95% !important;
}
.w-100{
width:100% !important;
}

/* Margin Padding Control
----------------------------------------------- */
.m-auto{
margin-left:auto !important;
margin-right:auto !important;
}
.m-top-0{
margin-top:0 !important;
}
.m-right-0{
margin-right:0 !important;
}
.m-bottom-0{
margin-bottom:0 !important;
}
.m-left-0{
margin-left:0 !important;
}
.p-top-0{
padding-top:0 !important;
}
.p-right-0{
padding-right:0 !important;
}
.p-bottom-0{
padding-bottom:0 !important;
}
.p-left-0{
padding-left:0 !important;
}
.m-top-5{
margin-top:5px !important;
}
.m-right-5{
margin-right:5px !important;
}
.m-bottom-5{
margin-bottom:5px !important;
}
.m-left-5{
margin-left:5px !important;
}
.p-top-5{
padding-top:5px !important;
}
.p-right-5{
padding-right:5px !important;
}
.p-bottom-5{
padding-bottom:5px !important;
}
.p-left-5{
padding-left:5px !important;
}
.m-top-10{
margin-top:10px !important;
}
.m-right-10{
margin-right:10px !important;
}
.m-bottom-10{
margin-bottom:10px !important;
}
.m-left-10{
margin-left:10px !important;
}
.p-top-10{
padding-top:10px !important;
}
.p-right-10{
padding-right:10px !important;
}
.p-bottom-10{
padding-bottom:10px !important;
}
.p-left-10{
padding-left:10px !important;
}
.m-top-15{
margin-top:15px !important;
}
.m-right-15{
margin-right:15px !important;
}
.m-bottom-15{
margin-bottom:15px !important;
}
.m-left-15{
margin-left:15px !important;
}
.p-top-15{
padding-top:15px !important;
}
.p-right-15{
padding-right:15px !important;
}
.p-bottom-15{
padding-bottom:15px !important;
}
.p-left-15{
padding-left:15px !important;
}
.m-top-20{
margin-top:20px !important;
}
.m-right-20{
margin-right:20px !important;
}
.m-bottom-20{
margin-bottom:20px !important;
}
.m-left-20{
margin-left:20px !important;
}
.p-top-20{
padding-top:20px !important;
}
.p-right-20{
padding-right:20px !important;
}
.p-bottom-20{
padding-bottom:20px !important;
}
.p-left-20{
padding-left:20px !important;
}
.m-top-25{
margin-top:25px !important;
}
.m-right-25{
margin-right:25px !important;
}
.m-bottom-25{
margin-bottom:25px !important;
}
.m-left-25{
margin-left:25px !important;
}
.p-top-25{
padding-top:25px !important;
}
.p-right-25{
padding-right:25px !important;
}
.p-bottom-25{
padding-bottom:25px !important;
}
.p-left-25{
padding-left:25px !important;
}
.m-top-30{
margin-top:30px !important;
}
.m-right-30{
margin-right:30px !important;
}
.m-bottom-30{
margin-bottom:30px !important;
}
.m-left-30{
margin-left:30px !important;
}
.p-top-30{
padding-top:30px !important;
}
.p-right-30{
padding-right:30px !important;
}
.p-bottom-30{
padding-bottom:30px !important;
}
.p-left-30{
padding-left:30px !important;
}
.m-top-35{
margin-top:35px !important;
}
.m-right-35{
margin-right:35px !important;
}
.m-bottom-35{
margin-bottom:35px !important;
}
.m-left-35{
margin-left:35px !important;
}
.p-top-35{
padding-top:35px !important;
}
.p-right-35{
padding-right:35px !important;
}
.p-bottom-35{
padding-bottom:35px !important;
}
.p-left-35{
padding-left:35px !important;
}
.m-top-40{
margin-top:40px !important;
}
.m-right-40{
margin-right:40px !important;
}
.m-bottom-40{
margin-bottom:40px !important;
}
.m-left-40{
margin-left:40px !important;
}
.p-top-40{
padding-top:40px !important;
}
.p-right-40{
padding-right:40px !important;
}
.p-bottom-40{
padding-bottom:40px !important;
}

/* Display Control
----------------------------------------------- */
.block{
display:block !important;
}
.inline-block{
display:inline-block !important;
}
.inline{
display:inline !important;
}

/* Align Control
----------------------------------------------- */
.left,
table.left th,
table.left td,
thead.left > tr > *,
tbody.left > tr > *{
text-align:left !important;
}
.center,
table.center th,
table.center td,
thead.center > tr > *,
tbody.center > tr > *{
text-align:center !important;
}
.right,
table.right th,
table.right td,
thead.right > tr > *,
tbody.right > tr > *{
text-align:right !important;
}
.middle,
table.middle th,
table.middle td,
thead.middle > tr > *,
tbody.middle > tr > *{
vertical-align:middle !important;
}
.txt-imp{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.link-imp{
color:var(--cmn-font-color-link) !important;
font-weight:bold;
--cmn-dashed-color:var(--cmn-font-color-link);
}

/* for special information
---------------------------------- */
.special-info{
position:absolute;
top:16px;
left:182px;
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;
}
_:-ms-lang(x)::-ms-backdrop,
.special-info .cmn-dashed{
border-bottom-color:#fff;
}

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

/* popup-container
---------------------------------- */
.popup-container{
position:relative;
display:inline-block;
}
.popup-container .popup-content{
display:none;
position:absolute;
left:50%;
bottom:12px;
min-width:264px;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
z-index:1;
padding-bottom:16px;
}
.popup-container.is-active .popup-content{
display:block;
}
.popup-container .popup-content-inr{
background-color:#fff;
padding:12px;
-webkit-box-shadow:1px 1px 6px 0 rgba(0, 0, 0, .4);
box-shadow:1px 1px 6px 0 rgba(0, 0, 0, .4);
border-radius:6px;
}
.popup-container .popup-trigger{
position:relative;
color:var(--cmn-font-color-link);
}
.popup-container .popup-trigger::before{
content:"";
display:none;
width:10px;
height:10px;
position:absolute;
top:-15px;
left:50%;
margin-left:-4px;
background-color:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-box-shadow:1px 1px 6px 0 rgba(0, 0, 0, .4);
box-shadow:1px 1px 6px 0 rgba(0, 0, 0, .4);
z-index:1;
}
.popup-container .popup-trigger::after{
content:"";
display:none;
width:13px;
height:13px;
position:absolute;
top:-18px;
left:50%;
margin-left:-5px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
background-color:#fff;
z-index:2;
}
.popup-container.is-active .popup-trigger{
text-decoration:underline;
text-underline-offset:3px;
}
.popup-container.is-active .popup-trigger::before,
.popup-container.is-active .popup-trigger::after{
display:block;
}
.popup-container .popup-footer{
margin-top:16px;
}
.popup-container .popup-action{
border:none;
margin:0 auto;
padding:7px 5px 6px;
border-radius:4px;
color:#fff;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:96px;
min-height:35px;
position:relative;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
font-size:14px;
font-weight:bold;
}
.popup-container .popup-header{
position:relative;
margin-bottom:8px;
padding-right:20px;
}
.popup-container .popup-hdg{
font-size:12px;
font-weight:bold;
}
.popup-container .popup-close{
position:absolute;
top:-8px;
right:-8px;
background:none;
border:none;
display:block;
width:30px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
background:url(/element_sp/w_tour/shared/images/icon-close-gry.svg) center center no-repeat;
background-size:10px 10px;
}
.popup-item .filter-list > li label{
padding-left:18px;
cursor:pointer;
display:inline-block;
position:relative;
}
.popup-item .filter-list > li label input[type="checkbox"]{
position:absolute;
top:-1px;
bottom:0;
left:0;
margin:auto 0;
}

/* .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(--font-color-btn-link);
}
.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(--font-color-btn-link);
}
.modal-travel-info .special-info-note-list li a{
color:var(--font-color-btn-link);
}
.modal-travel-info .special-info-note-list li a:link,
.modal-travel-info .special-info-note-list li a:visited,
.modal-travel-info .special-info-note-list li a:hover,
.modal-travel-info .special-info-note-list li a:active{
text-decoration:none;
}
.modal-travel-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.modal-travel-info .special-info-note-list li > span{
margin-right:4px;
}
.modal-travel-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.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(--font-color-btn-link);
}
.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 > div{
width:100%;
}
.modal-travel-info .special-info-tbl-note-list li a:link,
.modal-travel-info .special-info-tbl-note-list li a:visited,
.modal-travel-info .special-info-tbl-note-list li a:hover,
.modal-travel-info .special-info-tbl-note-list li a:active{
color:var(--cmn-font-color-gray);
text-decoration:none;
}
.modal-travel-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.modal-travel-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* tip-special-info > special-info-guide
---------------------------------- */
.tip-special-info .special-info-guide{
margin-top:4px;
}
.tip-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.tip-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.tip-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:25px;
}
.tip-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:0;
right:8px;
content:":";
display:block;
}
.tip-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
color:var(--font-color-btn-link);
}
.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(--font-color-btn-link);
}
.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;
}
.modal-hankyu .cmn-modal-item{
font-size:14px;
}
.modal-hankyu .hankyu-plan li{
margin-top:24px;
}
.modal-hankyu .hankyu-plan li .hankyu-plan-hdg{
font-weight:bold;
font-size:16px;
border-bottom:1px solid #e5e5e5;
padding-bottom:4px;
margin-bottom:12px;
}
.modal-hankyu .hankyu-plan li img{
margin-bottom:12px;
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.attention ul a{
display:inline-block;
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;
}
.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  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:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-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;
font-size:12px;
}
.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;
}

/* faq-list for List footer LP
---------------------------------- */
/* .select-content .faq-list
---------------------------------- */
.card-container .faq-list{
margin-top:0;
}
.card-container .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.card-container .faq-list .faq-toggle-container.is-active .faq-toggle-trigger::after{
margin-top:-6px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-trigger{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0;
padding:0;
background:none;
border:none;
text-align:left;
font-size:14px;
font-weight:normal;
width:100%;
cursor:pointer;
}
.card-container .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.card-container .faq-list li{
font-size:14px;
border-top:1px solid #ddd;
}
.card-container .faq-list li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.card-container .faq-list li:not(:first-child){
margin-top:12px;
padding-top:12px;
}
.card-container .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.card-container .faq-list li .question{
position:relative;
padding-left:23px;
padding-right:30px;
}
.card-container .faq-list li .question h3{
font-weight:normal;
}
.card-container .faq-list li .question button{
display:block;
background:none;
border:none;
padding:0;
margin:0;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
}
.card-container .faq-list li .question::before{
position:absolute;
content:"";
display:block;
left:0;
top:50%;
margin-top:-8px;
width:11px;
height:15px;
background:url(/element_sp/w_tour/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-container .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;
}
.card-container .faq-list li .answer p:not(:first-child){
margin-top:8px;
}
.card-container .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.card-container .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:4px;
width:11px;
height:15px;
background:url(/element_sp/w_tour/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-container .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.card-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* select-content
---------------------------------- */
#two_column_right .select-content.branch{
margin-right:-230px;
}
.select-content{
--cmn-font-color-base:#222;
color:var(--cmn-font-color-base);
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 0 0;
clear:both;
margin:32px auto 0;
padding:20px 0 50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .seo-panel
----------------------------------------------------------------- */
.select-content .seo-panel{
margin-top:36px;
font-size:14px;
}
.select-content .seo-panel-header{
margin-bottom:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:0 8px;
font-weight:normal;
}
.select-content .seo-panel-header .seo-panel-hdg{
font-size:16px;
}
.select-content .seo-panel-header .seo-panel-date{
margin-left:auto;
font-size:14px;
}
.select-content .seo-panel .seo-panel-content{
padding:20px;
border-radius:6px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
overflow:hidden;
background-color:#fff;
margin-bottom:36px;
}
.select-content .seo-panel .seo-panel-content > :last-child{
margin-bottom:0;
}

/* ----------------------------------------------------------------
  list > .seo-cheapest
----------------------------------------------------------------- */
.seo-cheapest.cheapest-secondary{
margin-top:0;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-filter{
margin-bottom:8px;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-filter-list{
border:none;
gap:0 12px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-filter-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:4px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
width:100%;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table caption{
/* font-weight: bold;
          margin-bottom: 8px;
          text-align: left; */
height:0;
overflow:hidden;
position:absolute;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table th,
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table thead th:first-child,
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody th:first-child{
/* width:111px;
          min-width:111px; */
text-align:left;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody th,
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody td{
border-top:1px solid #ddd;
text-align:center;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table thead th{
background-color:#fff;
padding:0 0 8px;
font-weight:normal;
width:calc(100% / 4);
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody:not(:first-of-type){
display:none;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody tr:last-child th,
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody tr:last-child td{
border-bottom:1px solid #ddd;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody td a,
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl table tbody td > span{
display:inline-block;
min-width:72px;
text-align:right;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-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;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl-footer .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/w_tour/shared/images/icon/arrow_down_s.svg) no-repeat left 8px;
background-size:8px auto;
font-size:14px;
height:20px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data-tbl.tgl-container[aria-expanded=true] .tgl-hook {
background-image:url(/element/w_tour/shared/images/icon/arrow_up_s.svg);
}
.seo-cheapest.cheapest-secondary .seo-cheapest-data > p{
margin-top:12px;
}

/* .select-content .contents-footer-nav-list
---------------------------------- */
.select-content .contents-footer-nav-list > li > a{
color:var(--cmn-font-color-base);
}
.select-content .contents-footer-nav-list-line > li > a{
color:var(--cmn-font-color-base);
}

/* .card-container
---------------------------------- */
.card-container{
position:relative;
z-index:1;
}
.card-container .card-header{
margin-bottom:8px;
}
.card-container .card-header-hdg{
font-size:16px;
font-weight:bold;
display:inline-block;
}
.card-container .card-header-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.card-container .card-header-notes p > span{
margin-right:4px;
}
.card-container .card-footer{
margin-top:12px;
text-align:right;
}
.card-container .card-footer .card-footer-link{
margin-left:12px;
text-decoration:none;
}
.card-container .card-footer .card-footer-link .cmn-solid{
--cmn-solid-font-color:var(--cmn-font-color-base);
}
.card-container .card-content{
margin-top:36px;
}
.card-container .card-content .card-item{
-webkit-box-shadow:0px 0px 6px  rgba(0,0,0,.3);
box-shadow:0px 0px 6px  rgba(0,0,0,.3);
border-radius:6px;
margin-top:8px;
padding:20px;
background-color:#fff;
font-size:14px;
position:relative;
}
.card-container .card-content .card-item.is-branch{
padding:0;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}

/* card-container > swiper
---------------------------------- */
.card-container .swiper{
overflow:hidden;
}
.card-container .swiper .article-list{
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
.card-container .swiper-button-prev,
.card-container .swiper-button-next{
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-14px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .swiper-button-prev.swiper-button-disabled,
.card-container .swiper-button-next.swiper-button-disabled{
display:none;
}
.card-container .swiper-button-prev::after,
.card-container .swiper-button-next::after{
content:"";
display:block;
position:relative;
top:0;
left:-2px;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.card-container .swiper-button-next{
right:-14px;
left:auto;
}
.card-container .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
left:1px;
}

/* article-list
---------------------------------- */
.card-container .article-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.card-container .article-list > li {
width:calc(100% / 4);
}
.card-container .article-list > li > a {
display:block;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
border-radius:6px;
overflow:hidden;
margin:4px;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
background-color:#fff;
}
.card-container .article-list > li > a .article-pic{
position:relative;
width:100%;
height:125px;
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;
border-radius:6px 6px 0 0;
}
.card-container .article-list > li > a .article-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .article-list > li > a .article-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .article-list > li > a > .article-desc{
padding:12px 8px;
}
.card-container .article-list > li > a > .article-desc .article-text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
height:55px;
}
.card-container .article-list > li > a > .article-desc .article-update{
margin-top:12px;
font-size:12px;
color:var(--cmn-font-color-gray);
}

/* select-list
---------------------------------- */
.card-container .select-list{
margin:0;
background-color:#fff;
border-top:1px solid #e5e5e5;
}
.card-container .select-list:first-child{
border-top:none;
}
.card-container .select-list + .card-hdg-02{
margin-top:20px;
}
.card-container .select-list >li{
border-bottom:1px solid #e5e5e5;
}
.card-container .select-list > li:last-child{
border-bottom:none;
}
.card-container .select-list >li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 0;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:42px;
text-decoration:none;
}
.card-container .select-list >li > a:hover .price{
text-decoration:underline;
}
.card-container .select-list >li >ul{
margin-left:28px;
}
.card-container .select-list .key{
text-align:left;
}
.card-container .select-list .price{
font-size:12px;
white-space:nowrap;
margin-left:6px;
}
.card-container .select-list .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .select-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:8px;
}
.card-container .select-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .select-list .airline .airline-sup{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.card-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-trigger{
opacity:.5;
pointer-events:none;
}
.card-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-link{
opacity:.5;
pointer-events:none;
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-item{
display:block;
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-link .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
padding:8px 22px 8px 0;
min-height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.7;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a{
position:relative;
z-index:1;
color:var(--cmn-font-color-base);
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a:link,
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a:visited,
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a:hover,
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link a:active{
text-decoration:none;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link .select-list-tgl-trigger{
position:absolute;
background:none;
border:none;
text-indent:-99999px;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 6px) center;
background-size:12px auto;
background-repeat:no-repeat;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-link.is-parent .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
}
.card-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-link.is-parent .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-item{
display:none;
}
.card-container .select-list .select-list-tgl-container > .select-list-tgl-trigger{
min-height:42px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:8px 22px 8px 0;
margin:0;
width:100%;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
background-repeat:no-repeat;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:left;
}

/* select-list-child
---------------------------------- */
.card-container .select-list-child{
padding-bottom:8px;
display:-ms-grid;
display:grid;
-ms-grid-columns:(1fr)[3];
grid-template-columns:repeat(3, 1fr);

}
.card-container .select-list-child >li{
display:inline-block;
margin-right:32px;
}
.card-container .select-list-child >li .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .select-list-child >li .airline > a{
display:inline-block;
padding:8px 0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .select-list-child >li .airline > a:link,
.card-container .select-list-child >li .airline > a:visited,
.card-container .select-list-child >li .airline > a:hover,
.card-container .select-list-child >li .airline > a:active{
text-decoration:none;
}
.card-container .select-list-child >li > a{
display:inline-block;
color:var(--cmn-font-color-base);
padding:8px 0;
font-size:12px;
text-decoration:none;
}
.card-container .select-list-child >li > a:link,
.card-container .select-list-child >li > a:visited,
.card-container .select-list-child >li > a:hover,
.card-container .select-list-child >li > a:active{
text-decoration:none;
}
.card-container .select-list-child >li > a .cmn-solid,
.card-container .select-list-child >li > a .cmn-dashed{
display:inline;
}

/* card-content-footer
---------------------------------- */
.card-container .card-content-footer + .card-content {
margin-top:7px;
}
.card-container .card-content-footer .card-link-more{
margin:12px 0 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
font-size:14px;
line-height:1.35;
--cmn-solid-font-color:var(--cmn-font-color-base);
}

/* rcmd-list
---------------------------------- */
.card-container .rcmd-list{
margin:0;
}
.card-container .rcmd-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:auto;
}
.card-container .rcmd-list >li > div,
.card-container .rcmd-list >li >a{
-webkit-box-flex:1;
-ms-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;
border-radius:6px;
color:var(--cmn-font-color-base);
margin:4px;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.card-container .rcmd-list .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;
overflow:hidden;
}
.card-container .rcmd-list .pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .rcmd-list .pic .guard{
position:absolute;
top:0;
left:0;
}
.card-container .rcmd-list .pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.card-container .rcmd-list .pic.mod-noimg img{
width:89px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .rcmd-list .pic .cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .rcmd-list .pic .cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:11px;
color:rgba(255,255,255,.6);
}
.card-container .rcmd-list .pic .cap a{
color:rgba(255, 255, 255, .6);
}
.card-container .rcmd-list .pic .cap a:hover{
text-decoration:none;
}
.card-container .rcmd-list .pic .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%);
}
.card-container .rcmd-list .desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:8px 8px 0;
}
.card-container .rcmd-list .desc-hdg-sup{
font-size:12px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:30px;
line-height:1.3;
margin-bottom:4px;
}
.card-container .rcmd-list .desc-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:36px;
line-height:1.3;
}
.card-container .rcmd-list .desc-hdg a{
color:var(--cmn-font-color-link);
}
.card-container .rcmd-list .desc-hdg a:link,
.card-container .rcmd-list .desc-hdg a:visited,
.card-container .rcmd-list .desc-hdg a:hover,
.card-container .rcmd-list .desc-hdg a:active{
text-decoration:none;
}
.card-container .rcmd-list .desc-footer{
padding:8px;
}
.card-container .rcmd-list .desc-tag{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
margin-top:8px;
font-size:12px;
gap:0 4px;
}
.card-container .rcmd-list .desc-tag + .desc-tag{
margin-top:4px;
}
.card-container .rcmd-list .price{
text-align:right;
}
.card-container .rcmd-list .price .price-sup{
font-size:12px;
}
.card-container .rcmd-list .price .price-unit{
font-size:12px;
margin-left:3px;
}
.card-container .rcmd-list .price .price-dtl{
width:100%;
text-align:right;
}
.card-container .rcmd-list .price .price-dtl .price-num{
font-size:16px;
margin-left:5px;
}
.card-container .rcmd-list .price .price-dtl .price-unit{
font-size:12px;
margin-left:0px;
}
.card-container .rcmd-list .price .price-remarks{
text-align:right;
display:block;
font-size:12px;
line-height:1;
}

/* swiper-container
---------------------------------- */
.card-container .swiper-container{
overflow:visible;
}

/* swiper-button-prev,swiper-button-next
---------------------------------- */
.card-container .swiper-container .swiper-button-prev,
.card-container .swiper-container .swiper-button-next{
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-16px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .swiper-container .swiper-button-prev.swiper-button-disabled,
.card-container .swiper-container .swiper-button-next.swiper-button-disabled{
display:none;
}
.card-container .swiper-container .swiper-button-next{
right:-16px;
left:auto;
}
.card-container .swiper-container .swiper-button-prev::after,
.card-container .swiper-container .swiper-button-next::after{
content:"";
display:block;
position:relative;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
top:0px;
}
.card-container .swiper-container .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}

/* rcmd-spot-list
---------------------------------- */
.card-container .rcmd-spot-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 20px;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
padding:20px;
}
.card-container .rcmd-spot-list > li:not(:first-child){
margin-top:12px;
}
.card-container .rcmd-spot-list .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:218px;
height:165px;
overflow:hidden;
}
.card-container .rcmd-spot-list .pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .rcmd-spot-list .pic .guard{
position:absolute;
top:0;
left:0;
}
.card-container .rcmd-spot-list .pic.mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}
.card-container .rcmd-spot-list .pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .rcmd-spot-list .pic .cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .rcmd-spot-list .pic .cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:11px;
color:rgba(255,255,255,.6);
}
.card-container .rcmd-spot-list .pic .cap a{
color:rgba(255, 255, 255, .6);
}
.card-container .rcmd-spot-list .pic .cap a:hover{
text-decoration:none;
}
.card-container .rcmd-spot-list .pic .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%);
}
.card-container .rcmd-spot-list .desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .rcmd-spot-list .desc-hdg{
font-size:16px;
font-weight:normal;
}
.card-container .rcmd-spot-list .desc-tag-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
margin-top:12px;
}
.card-container .rcmd-spot-list .desc-tag-list li:not(:first-child){
margin-top:4px;
}
.card-container .rcmd-spot-list .desc-tag-list li span:first-child{
width:61px;
position:relative;
}
.card-container .rcmd-spot-list .desc-tag-list li span:first-child::after{
content:":";
display:block;
position:absolute;
right:5px;
top:0;
}
.card-container .rcmd-spot-list .desc-text{
margin-top:8px;
font-size:14px;
}

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

/* .tour-tab-01
----------------------------------------------- */
.card-container .tour-tab-01{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #dddddd;
gap:0 15px;
}
.card-container .tour-tab-01 li{
min-width:auto;
}
.card-container .tour-tab-01 li a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:100%;
border:none;
padding-bottom:4px;
background-color:transparent;
}
.card-container .tour-tab-01 li a{
font-size:12px;
color:var(--cmn-font-color-base);
}
.card-container .tour-tab-01 li a:link,
.card-container .tour-tab-01 li a:visited,
.card-container .tour-tab-01 li a:hover,
.card-container .tour-tab-01 li a:active{
text-decoration:none;
}
.card-container .tour-tab-01 li a > span > span{
display:block;
}
.card-container .tour-tab-01 li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .tour-tab-01 li.is-active a > span::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}

/* link-list-destination-flag
----------------------------------------------- */
.card-container .link-list-destination-flag{
padding:0;
}
.card-container .link-list-destination-flag > li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
min-height:22px;
color:var(--cmn-font-color-base);
}
.card-container .link-list-destination-flag > li > a > img{
width:30px;
height:20px;
margin-right:10px;
vertical-align:top;
}
.card-container .link-list-destination-flag > li.more{
text-align:right;
margin:12px 0 0 0;
padding-bottom:0;
border-top:none;
}
.card-container .link-list-destination-flag > li.more > a{
display:inline-block;
text-align:right;
margin:0;
padding:0;
border-top:none;
font-size:14px;
--cmn-solid-font-color:var(--cmn-font-color-base);
color:var(--cmn-font-color-base);
text-decoration:none;
}
.card-container .link-list-destination-flag > li.more > a::before{
display:none;
}

/* contents-footer-nav-list-separate
---------------------------------- */
.card-container .contents-footer-nav-list-separate > li:first-child{
margin-top:0;
}

/* lp-container Common Modules
---------------------------------- */
/* mod-noimg
---------------------------------- */
.lp-container .mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}

/* for CLS */
.lp-container #main_Col{
min-height:800px;
}
.lp-container .loading-container{
margin-top:102px;
padding-bottom:1000px;
font-size:16px;
font-weight:bold;
position:relative;
text-align:center;
}

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

}
.lp-container .detail-header form{
width:100%;
}
.lp-container .detail-header .detail-header-hdg{
color:#fff;
margin-bottom:68px;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
width:100%;
text-align:center;
}
.lp-container .detail-header .detail-header-hdg > span{
display:block;
font-size:28px;
}
.lp-container .detail-header .detail-header-cap{
color:#fff;
margin-bottom:16px;
font-size:14px;
text-shadow:1px 1px 0px #000,
1px 1px 3px #000;
padding:16px;
background-color:rgba(0,0,0,.5);
border-radius:8px;
}
.lp-container .detail-header .detail-header-cap p{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:8;
}
.lp-container .detail-header .detail-header-sup{
display:block;
position:absolute;
width:100%;
bottom:0;
left:0;
display:block;
height:28px;
padding:4px 8px 5px;
text-align:right;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header .detail-header-sup::before{
position:absolute;
left:0;
bottom:0;
width:100%;
height:28px;
content:"";
display:block;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .detail-header .detail-header-sup a{
position:relative;
font-size:12px;
color:rgba(255,255,255,.7);
text-decoration:none;
}
.lp-container .detail-header .detail-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:100%;
overflow:hidden;
}
.lp-container .detail-header .detail-header-image img{
width:100%;
height:100%;;
-o-object-fit:cover;;
object-fit:cover;
}
.lp-container .detail-header .detail-header-form-btn{
border:none;
border-radius:6px;
color:#fff;
width:140px;
height:40px;
display:block;
position:absolute;
bottom:20px;
right:45px;
background-color:var(--button-color);
font-size:16px;
font-weight:bold;
}
.lp-container .detail-header .detail-header-form-btn:active,
.lp-container .detail-header .detail-header-form-btn:hover,
.lp-container .detail-header .detail-header-form-btn:focus{
background-color:var(--button-color-hover);
}

/* detail-header-form
---------------------------------- */
.lp-container .detail-header-form{
margin:0;
padding:20px;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
background-color:rgba(255,255,255,.9);
width:100%;
}

/* form-search
---------------------------------- */
.lp-container{
--cmn-font-color-base:#222;
}
.lp-container .form-search{
padding:0;
margin-bottom:0;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.lp-container .form-search-hdg > h2{
font-size:12px;
font-weight:normal;
}
.lp-container .form-search-lyt > .form-search-lyt-cell:last-child{
margin-left:0;
}
.lp-container .form-search input,
.lp-container .form-search select{
font-size:14px;
}
.lp-container .form-search-list-line > li label input[type="radio"],
.lp-container .form-search-list-line > li label input[type="checkbox"]{
bottom:auto;
top:3px;
}
.lp-container .form-search-index-city > li .form-search-index-city-list > li:first-child .form-search-index-select{
width:112px;
}
.lp-container .form-search-index-city > li .form-search-index-city-list > li .form-search-index-select{
width:150px;
}
.form-search-index-city > li .form-search-index-city-list > li:last-child .form-search-index-select{
width:242px;
}
.lp-container .form-search-index-city-container{
padding-left:10px;
min-height:auto;
}
.lp-container .form-search-item.origin{
margin-top:0;
margin-bottom:-5px;
}
.lp-container .form-search-origin{
margin-top:5px;
}
.lp-container .form-search-origin li{
margin-right:11px;
}
.lp-container .form-search-origin li .brackets li{
margin-right:0;
}
.lp-container .form-search-origin li label{
padding-left:17px;
color:var(--cmn-font-color-base);
}
.lp-container .form-search-index-city{
margin-bottom:0;
}
.lp-container .form-search-item.date > .form-search-item-cell:last-child{
padding-left:10px;
}
.lp-container .form-search-item.days > .form-search-item-cell:first-child{
width:52px;
}
.lp-container .form-search-item.guide > .form-search-item-cell:last-child{
padding-left:90px;
}
.lp-container .form-search .form-search-item.date input[type="text"]{
width:187px;
}
.lp-container .form-search-list-line{
position:absolute;
left:535px;
top:2px;
width:135px;
}
.lp-container .form-search-list-line > li > label{
line-height:1.35;
font-size:14px;
color:var(--cmn-font-color-base);
}
.lp-container .form-search-list-line > li > label > span{
display:block;
}
.lp-container .form-search-list-line > li{
margin:0;
}
.lp-container .form-search-list-line.chk-guide{
position:relative;
left:auto;
width:auto;
}
.lp-container .form-search .form-search-btn-reset{
top:-3px;
right:0;
}
.lp-container .form-search .form-search-exec-btn{
position:absolute;
bottom:-7px;
right:0px;
padding:5px;
border:none;
border-radius:4px;
color:#fff;
min-width:140px;
min-height:40px;
font-size:16px;
font-weight:bold;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
}
.lp-container .form-search .form-search-btn-reset span{
--cmn-dashed-font-color:var(--cmn-font-color-base);
color:var(--cmn-font-color-base);
line-height:1.35;
}
.lp-container .form-search .form-search-exec::before,
.lp-container .form-search .form-search-exec::after{
display:none;
}
.lp-container .form-search-lyt > .form-search-lyt-cell:first-child:last-child{
width:100%;
}
.lp-container .form-search-item-col{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .form-search-item-col > .form-search-item{
width:auto;
margin-right:12px;
}

/* menu-navi-container
---------------------------------- */
.lp-container .menu-navi-container{
position:relative;
margin:0;
overflow:hidden;
padding-bottom:12px;
}
.lp-container .menu-navi-container .menu-navi{
scrollbar-width:none;
overflow:hidden;
overflow-x:scroll;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.lp-container .menu-navi-container .menu-navi::-webkit-scrollbar{
display:none;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0 -8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:25px;
padding:0 8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li.is-active{
font-weight:bold;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li.is-active span::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li span,
.lp-container .menu-navi-container .menu-navi .menu-navi-list li a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:25px;
background:none;
border:none;
padding:0 0 8px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-base);
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:first-child{
margin-left:0;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list li:last-child{
padding-right:12px;
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0;
padding:0 0 30px;
}
.lp-container .card-container .card-main-footer{
margin-top:20px;
text-align:right;
}
.lp-container .card-container .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-footer-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-header{
margin-bottom:8px;
}
.lp-container .card-container .card-header-hdg{
color:var(--cmn-font-color-base);
padding:0;
display:inline-block;
font-size:16px;
font-weight:bold;
line-height:calc(21 / 16);
background-color:transparent;
margin-right:16px;
}
.lp-container .card-container .card-header-desc{
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-header-notes{
color:#777;
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-header-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .card-container .card-footer{
margin-top:4px;
text-align:right;
}
.lp-container .card-container .card-footer a{
text-decoration:none;
}
.lp-container .card-container .card-footer .card-footer-link{
margin-left:12px;
text-decoration:none;
color:var(--cmn-font-color-base);
}
.lp-container .card-container .card-footer .card-footer-link .cmn-solid{
--cmn-solid-font-color:var(--cmn-font-color-base);
}
.lp-container .card-container .card-content{
margin-top:36px;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content .card-content-footer{
text-align:right;
margin-top:4px;
}
.lp-container .card-container .card-content .card-item{
padding:20px;
background-color:#fff;
-webkit-box-shadow:0 0 6px rgb(0 0 0 / 30%);
box-shadow:0 0 6px rgb(0 0 0 / 30%);;
border-radius:6px;
}
.lp-container .card-container .card-content .card-item.is-branch{
padding:0;
margin:-4px -4px 0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
margin-bottom:8px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item{
padding-top:8px;
padding-bottom:8px;
}
.lp-container .card-container .card-desc p{
font-size:14px;
margin:0;
}
.lp-container .card-container .card-desc + .card-desc-hdg{
margin-top:14px;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:14px;
}
.lp-container .card-container .card-main-footer{
margin-top:16px;
text-align:right;
}
.lp-container .card-container .card-main-footer .card-footer-notes{
color:#777;
font-size:12px;
line-height:1.3;
margin:0;
padding:0;
display:inline-block;
border:none;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.lp-container .card-container .card-main-footer .card-footer-notes .aster > span{
margin-right:.4em;
}

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

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

/* area-list
---------------------------------- */
.lp-container .card-container .swiper-area .swiper{
padding:4px;
}
.lp-container .card-container .area-list{
display:-ms-grid;
display:grid;
grid-auto-flow:column;
grid-gap:0 8px;
grid-auto-columns:calc((100% - 2 * 8px) / 3);
}
.lp-container .area-list > li{
display:-ms-grid;
display:grid;
-ms-grid-row-span:4;
grid-row:span 4;

/* for safari 15 falesafe */
-ms-grid-rows:125px auto 1fr 123px;
grid-template-rows:125px auto 1fr 123px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .area-list .area-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .area-list .area-pic > a{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .area-list .area-pic.mod-noimg{
border-top:none;
border-left:none;
border-right:none;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:90px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .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-cap > span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .area-list .area-cap a:hover{
text-decoration:none;
}
.lp-container .area-list .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-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_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .area-list .area-desc{
padding:0 8px 8px;
}
.lp-container .area-list .area-desc a{
color:var(--cmn-font-color-base);
}
.lp-container .area-list .area-desc p{
margin:0;
font-size:12px;
letter-spacing:-.02em;
}
.lp-container .area-list .area-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
margin-bottom:4px;
padding:8px 8px 0;
text-overflow:ellipsis;
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.lp-container .area-list .area-txt{
font-size:12px;
margin-top:4px;
}
.lp-container .area-list .area-txt p{
margin:0;
}
.lp-container .area-list .area-txt .txt-more{
color:#a4a4a4;
}
.lp-container .area-list .area-txt .txt-more::before{
content:"...";
display:inline-block;
margin-right:4px;
color:var(--cmn-font-color-base);
}

/* find-btn-list
---------------------------------- */
.lp-container .find-btn-list{
margin:0 8px 8px;
}
.lp-container .find-btn-list li:not(:first-child){
margin-top:4px;
}
.lp-container .find-btn-list .btn-find-optional,
.lp-container .find-btn-list .btn-find-tour,
.lp-container .find-btn-list .btn-find-hotel{
width:100%;
min-height:31px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:4px 8px;
margin:0;
background-repeat:no-repeat;
background-position:8px center;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
text-decoration:none;
text-align:center;
}

/* find-btn-list-03
---------------------------------- */
.lp-container .find-btn-list-03{
margin:0 8px 8px;
gap:6px 8px;
position:relative;

/* display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap; */
margin-top:-4px;
}
.lp-container .find-btn-list-03::after{
content:"";
display:table;
clear:both;
}
.lp-container .find-btn-list-03 li:nth-child(2n){
margin-left:2px;
}
.lp-container .find-btn-list-03 li:nth-child(2n+1){
margin-right:2px;
}
.lp-container .find-btn-list-03 a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .find-btn-list-03 .btn-find-flight,
.lp-container .find-btn-list-03 .btn-find-dp,
.lp-container .find-btn-list-03 .btn-find-tour,
.lp-container .find-btn-list-03 .btn-find-hotel{
width:calc( 50% - 2px);
}
.lp-container .find-btn-list-03 .btn-find-optional{
width:100%;
}
.lp-container .find-btn-list-03 .btn-find-optional,
.lp-container .find-btn-list-03 .btn-find-flight,
.lp-container .find-btn-list-03 .btn-find-dp,
.lp-container .find-btn-list-03 .btn-find-tour,
.lp-container .find-btn-list-03 .btn-find-hotel{
float:left;
min-height:31px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background:none;
border:none;
padding:4px 8px;
margin:4px 0 0 0;
background-repeat:no-repeat;
background-position:8px center;
border:1px solid #ccc;
border-radius:4px;
font-size:12px;
line-height:calc(15 / 12);
color:var(--cmn-font-color-base);
text-decoration:none;
text-align:center;
}

/* spot-list
---------------------------------- */
.lp-container .card-container .swiper-spot .swiper{
padding:4px;
}
.lp-container .card-container .spot-list{
display:-ms-grid;
display:grid;
grid-auto-flow:column;
grid-gap:0 8px;
grid-auto-columns:calc((100% - 2 * 8px) / 3);
}
.lp-container .spot-list > li{
display:-ms-grid;
display:grid;
-ms-grid-row-span:4;
grid-row:span 4;
-ms-grid-rows:125px auto 1fr auto;
grid-template-rows:125px auto 1fr auto;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .spot-list >li a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.lp-container .spot-list .spot-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 .spot-list .spot-cap > span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .spot-list .spot-cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .spot-list .spot-cap a:hover{
text-decoration:none;
}
.lp-container .spot-list .spot-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 .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 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_tour/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-size:27px 32px;
}
.lp-container .spot-list .spot-desc{
padding:0 8px 8px;
}
.lp-container .spot-list .spot-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
margin-bottom:4px;
padding:8px 8px 0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
}
.lp-container .spot-list .spot-text{
min-height:53px;
}
.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;
}
.lp-container .spot-list .toggle-text .toggle-text-intro{
height:60px;
}
.lp-container .spot-list .toggle-text{
min-height:70px;
}
.lp-container .spot-list .toggle-text .toggle-text-desc{
height:50px;
}
.lp-container .spot-list .toggle-text.is-active .toggle-text-desc {
height:auto;
}

/* lp-container > swiper
---------------------------------- */
.lp-container .card-container .swiper{
overflow:hidden;
}
.lp-container .card-container .swiper .article-list{
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
}
.lp-container .card-container .swiper-button-prev,
.lp-container .card-container .swiper-button-next{
width:32px;
height:32px;
background-color:#fff;
border:1px solid #bbb;
border-radius:50%;
left:-14px;
top:50%;
margin-top:-16px;
background-image:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .swiper-button-prev.swiper-button-disabled,
.lp-container .card-container .swiper-button-next.swiper-button-disabled{
display:none;
}
.lp-container .card-container .swiper-button-prev::after,
.lp-container .card-container .swiper-button-next::after{
content:"";
display:block;
position:relative;
top:0;
left:-2px;
width:7px;
height:12px;
overflow:hidden;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
}
.lp-container .card-container .swiper-button-next{
right:-14px;
left:auto;
}
.lp-container .card-container .swiper-button-next::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
left:1px;
}

/* article-list
---------------------------------- */
.lp-container .article-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.lp-container .article-list > li {
width:calc(100% / 4);
}
.lp-container .article-list > li > a {
display:block;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
border-radius:6px;
overflow:hidden;
margin:4px;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
}
.lp-container .article-list > li > a .article-pic{
position:relative;
width:100%;
height:125px;
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;
border-radius:6px 6px 0 0;
}
.lp-container .article-list > li > a .article-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .article-list > li > a .article-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .article-list > li > a > .article-desc{
padding:12px 8px;
}
.lp-container .article-list > li > a > .article-desc .article-text{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
height:55px;
}
.lp-container .article-list > li > a > .article-desc .article-update{
margin-top:12px;
font-size:12px;
color:var(--cmn-font-color-gray);
}

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

/* info-tbl
---------------------------------- */
.lp-container .info-tbl{
width:100%;
margin:12px 0 0 0;
border-collapse:separate;
table-layout:fixed;
border-spacing:0;
height:100%;
}
.lp-container .info-tbl th,
.lp-container .info-tbl td{
position:relative;
padding:5px;
font-weight:normal;
font-size:12px;
}
.lp-container .info-tbl thead th{
background-color:#999999;
color:#fff;
white-space:nowrap;
}
.lp-container .info-tbl thead th:first-child,
.lp-container .info-tbl thead th:nth-child(5){
width:24px;
}
.lp-container .info-tbl thead th:nth-child(2),
.lp-container .info-tbl thead th:nth-child(6){
width:24px;
}
.lp-container .info-tbl thead th:nth-child(4),
.lp-container .info-tbl thead th:nth-child(8){
width:70px;
}
.lp-container .info-tbl tbody th{
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
background-color:#f5f5f5;
font-weight:normal;
}
.lp-container .info-tbl tbody th:first-child,
.lp-container .info-tbl tbody th:nth-child(2):not([rowspan]),
.lp-container .info-tbl tbody th:nth-child(5){
background-color:#ececec;
font-size:14px;
}
.lp-container .info-tbl tbody td{
vertical-align:top;
border-bottom:1px solid #ccc;
border-left:1px solid #cccccc;
word-wrap:break-word;
}
.lp-container .info-tbl tbody td:last-child{
border-right:1px solid #cccccc;
}
.lp-container .info-tbl .month{
padding:0;
height:100%;
}
.lp-container .info-tbl .month + th{
background-color:#f5f5f5 !important;
}
.lp-container .info-tbl .month ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
background-color:#ececec;
height:100%;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-tbl .month ul >li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .info-tbl .month ul >li >span{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:5px 0;
width:100%;
height:100%;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-tbl .month ul >li:not(:first-child){
border-top:1px solid #cccccc;
}

/* contents-footer-nav-list-separate
---------------------------------- */
.lp-container .contents-footer-nav-list-separate > li:first-child{
margin-top:0;
}
.lp-container .contents-footer-nav-list-separate > li > span{
width:11em;
}
.lp-container .contents-footer-nav-list-separate > li > span a{
font-weight:normal;
margin-right:20px;
}
.lp-container .contents-footer-nav-list-separate.area > li{
margin-top:12px;
}

/* card-tools-container
---------------------------------- */
.lp-container .card-tools-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
margin-bottom:-39px;
}

/* search-select
---------------------------------- */
.lp-container .search-select{
border-radius:6px;
background:#4e4e4e;
padding:3px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .search-select .serch-select-sup{
color:#fff;
font-size:16px;
margin-right:22px;
margin-left:15px;
}
.lp-container .search-select .form-custom-select{
background-color:#f5f5f5;
border:none;
border-radius:0 4px 4px 0;
min-width:172px;
}
.lp-container .search-select .form-custom-select select{
font-size:16px;
}

/* swiper-rcmd-list
---------------------------------- */
.lp-container .card-container .swiper-rcmd .swiper{
padding:4px;
}
.lp-container .card-container .swiper-rcmd-list{
display:-ms-grid;
display:grid;
grid-auto-flow:column;
grid-gap:0 8px;
grid-auto-columns:calc((100% - 3 * 8px) / 4);
}
.lp-container .card-container .swiper-rcmd-list >li{
display:-ms-grid;
display:grid;
-ms-grid-row-span:5;
grid-row:span 5;

/* for safari fail safe */
-ms-grid-rows:125px auto 34px 1fr 58px;
grid-template-rows:125px auto 34px 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
border-radius:6px;
color:var(--cmn-font-color-base);
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.lp-container .card-container .card-select-rcmd-dp .swiper-rcmd-list >li{
-ms-grid-rows:125px auto 34px 1fr 58px;
grid-template-rows:125px auto 34px 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
}
.lp-container .card-container .card-select-rcmd-flight .swiper-rcmd-list >li,
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-list >li{
/* for safari fail safe */
-ms-grid-rows:125px auto 1fr 58px;
grid-template-rows:125px auto 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-container .card-select-rcmd-optional .swiper-rcmd-list >li{
/* for safari fail safe */
-ms-grid-rows:125px auto 1fr 58px;
grid-template-rows:125px auto 1fr 58px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:4;
grid-row:span 4;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer{
text-align:center;
margin-right:8px;
margin-left:8px;
margin-top:8px;
padding:8px 0;
border-top:1px solid #ddd;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:44px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:calc(100%  - 16px);
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer.is-branch{
border-top:none;
margin-top:0;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer a{
text-decoration:none;
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer a .cmn-solid{
padding:0;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
overflow:hidden;
max-width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-name{
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .area .area-sup{
white-space:nowrap;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer .sup{
display:inline-block;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item .tags-list{
padding:0 8px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-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;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic img{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .guard{
position:absolute;
top:0;
left:0;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic.mod-noimg img{
width:80px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-sup{
position:absolute;
top:0;
left:0;
background-color:rgba(0,0,0,.45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
z-index:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:20px;
height:26px;
position:absolute;
top:0;
left:8px;
padding-top:5px;
line-height:1;
background:url(/element/j_air_on/shared/images/icon-ranking.svg) 0 0 no-repeat;
-webkit-filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
filter:drop-shadow(rgba(0,0,0,.5) 0 1px 1px);
background-size:22px 26px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-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 .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap > span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a{
color:rgba(255, 255, 255, .6);
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-cap a:hover{
text-decoration:none;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-pic .swiper-rcmd-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 .card-container .swiper-rcmd-list .swiper-rcmd-desc{
-webkit-box-flex:1;
-ms-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;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
padding:0 8px;
word-break:break-all;
word-wrap:break-word;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label{
width:100%;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label .swiper-rcmd-sup{
background-color:rgba(0,0,0,.45);
padding:3px 5px 2px;
color:#fff;
font-size:14px;
display:inline-block;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg{
padding:8px 8px 0;
margin-bottom:4px;
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-link);
display:-webkit-box;
-webkit-box-orient:vertical;

/* -webkit-line-clamp:1; */
overflow:hidden;
line-height:1.3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-02{
/* height:36px; */
-webkit-line-clamp:2;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-03{
/* height:54px; */
-webkit-line-clamp:3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-04{
/* height:5.2em; */
-webkit-line-clamp:4;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
min-height:54px;
margin-top:8px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text.is-line-04{
-webkit-line-clamp:4;
min-height:72px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text p{
margin:0;
font-size:12px;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-footer{
padding:8px 8px 0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list{
margin:0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list.is-flex{
/* height:36px; */
}
.lp-container .card-container .swiper-rcmd-list .tags-list.is-flex .review{
top:-2px;
position:relative;
width:100px;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li{
gap:0 8px;
display:-ms-flexbox;
display:flex;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
font-size:12px;
line-height:1.35;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li:not(:first-child){
margin-top:4px;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li > span:not(:last-child){
margin-right:4px;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .key{
position:relative;
white-space:nowrap;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .key::after{
content:":";
display:block;
position:absolute;
right:-8px;
top:0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list .kv .val{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .price{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
font-size:12px;
gap:0 4px;
margin-top:8px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-sup{
width:100%;
text-align:right;
line-height:1.2;
}
.lp-container .card-container .swiper-rcmd-list .price .price-sup > span{
margin-left:4px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-item{
margin-top:2px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-dtl .price-num{
font-size:16px;
margin-left:3px;
line-height:1;
}
.lp-container .card-container .swiper-rcmd-list .price .price-dtl .price-unit{
line-height:1.2;
}
.lp-container .card-container .swiper-rcmd-list .price .price-guide{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
text-align:right;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.lp-container .card-container .swiper-rcmd-list .price .price-guide a{
line-height:1.2;
display:inline-block;
}

/* list-tgl-container
---------------------------------- */
.lp-container .list-tgl-contaner{
border:1px solid #ddd;
}
.lp-container .list-tgl-contaner::after{
content:"";
display:table;
clear:both;
}
.lp-container .list-tgl-contaner.is-active .list-tgl-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .list-tgl-contaner.is-active .list-tgl-trigger span::before{
top:-3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .list-tgl-contaner .list-tgl-item{
display:none;
}
.lp-container .list-tgl-contaner .list-tgl-trigger{
background:none;
border:none;
margin:0;
padding:4px 8px 4px 0;
float:right;
font-size:14px;
}
.lp-container .list-tgl-contaner .list-tgl-trigger span::before{
position:relative;
top:-2px;
content:"";
display:inline-block;
margin-right:4px;
width:9px;
height:5px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:9px auto;
}

/* info-kv-list
---------------------------------- */
.lp-container .list-tgl-contaner .info-kv-list{
margin-top:-1px;
margin-left:-1px;
margin-right:-1px;
}
.lp-container .info-kv-list{
font-size:12px;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin:0;
}
.lp-container .info-kv-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-top:1px solid #ddd;
min-height:34px;
line-height:1.25;
}
.lp-container .info-kv-list >li.hotel{
min-height:59px;
}
.lp-container .info-kv-list >li.feature{
min-height:56px;
}
.lp-container .info-kv-list >li.hotel-plan{
min-height:45px;
}
.lp-container .info-kv-list >li.hotel-plan .plan{
display:inline-block;
vertical-align:middle;
}
.lp-container .info-kv-list >li.hotel-plan .option{
display:inline-block;
}
.lp-container .info-kv-list >li.hotel-plan .option::before{
content:"/";
display:inline;
padding-right:4px;
}
.lp-container .info-kv-list >li .key{
background-color:#f5f5f5;
width:70px;
padding:4px 8px 3px;
line-height:1.2;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-kv-list >li .val{
padding:5px 8px;
word-break:break-all;
word-wrap:break-word;
-ms-flex-item-align:center;
-ms-grid-row-align:center;
align-self:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .info-kv-list >li .val-kv{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
}
.lp-container .info-kv-list >li .val-kv-key{
position:relative;
white-space:nowrap;
padding-right:12px;
}
.lp-container .info-kv-list >li .val-kv-key::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.lp-container .info-kv-list >li .val-hdg::before{
content:"---";
display:inline;
padding-right:5px;
}
.lp-container .info-kv-list >li .val-hdg::after{
content:"---";
display:inline;
padding-left:5px;
}
.lp-container .info-kv-list >li .val-desc + .val-hdg{
margin-top:8px;
}
.lp-container .info-kv-list >li .val-desc.is-indent{
text-indent:-1em;
margin-left:1em;
}
.lp-container .info-kv-list .overflow{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
}
.lp-container .info-kv-list .overflow.is-line-02{
-webkit-line-clamp:2;
}

/* card-select-information > info-kv-list
---------------------------------- */
.lp-container .card-select-information .info-kv-list{
font-size:14px;
}
.lp-container .card-select-information .info-kv-list >li .key{
width:90px;
}

/* select-list
---------------------------------- */
.lp-container .select-list{
margin:0;
background-color:#fff;
border-top:1px solid #e5e5e5;
}
.lp-container .select-list:first-child{
border-top:none;
}
.lp-container .select-list + .card-hdg-02{
margin-top:20px;
}
.lp-container .select-list >li{
border-bottom:1px solid #e5e5e5;
}
.lp-container .select-list > li:last-child{
border-bottom:none;
}
.lp-container .select-list >li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 0;
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1.3;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:42px;
text-decoration:none;
}
.lp-container .select-list >li > a:hover .price{
text-decoration:underline;
}
.lp-container .select-list >li >ul{
margin-left:28px;
}
.lp-container .select-list .key{
text-align:left;
}
.lp-container .select-list .price{
font-size:12px;
white-space:nowrap;
margin-left:6px;
}
.lp-container .select-list .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.lp-container .select-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:8px;
}
.lp-container .select-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .select-list .airline .airline-sup{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
}
.lp-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-trigger{
opacity:.5;
pointer-events:none;
}
.lp-container .select-list .select-list-tgl-container .is-disabled > .select-list-tgl-link{
opacity:.5;
pointer-events:none;
}
.lp-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-item{
display:block;
}
.lp-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-link .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:12px;
padding:8px 22px 8px 0;
min-height:42px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.7;
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link a{
position:relative;
z-index:1;
color:var(--cmn-font-color-base);
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link a:link,
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link a:visited,
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link a:hover,
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link a:active{
text-decoration:none;
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link .select-list-tgl-trigger{
position:absolute;
background:none;
border:none;
text-indent:-99999px;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 6px) center;
background-size:12px auto;
background-repeat:no-repeat;
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-link.is-parent .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
}
.lp-container .select-list .select-list-tgl-container.is-active > .select-list-tgl-link.is-parent .select-list-tgl-trigger{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-item{
display:none;
}
.lp-container .select-list .select-list-tgl-container > .select-list-tgl-trigger{
min-height:42px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:8px 22px 8px 0;
margin:0;
width:100%;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-size:16px auto;
background-repeat:no-repeat;
font-size:12px;
line-height:1.3;
color:var(--cmn-font-color-base);
text-align:left;
}

/* select-list-child
---------------------------------- */
.lp-container .select-list-child{
padding-bottom:8px;
display:-ms-grid;
display:grid;
-ms-grid-columns:(1fr)[3];
grid-template-columns:repeat(3, 1fr);

}
.lp-container .select-list-child >li{
display:inline-block;
margin-right:32px;
}
.lp-container .select-list-child >li .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.lp-container .select-list-child >li .airline > a{
display:inline-block;
padding:8px 0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .select-list-child >li .airline > a:link,
.lp-container .select-list-child >li .airline > a:visited,
.lp-container .select-list-child >li .airline > a:hover,
.lp-container .select-list-child >li .airline > a:active{
text-decoration:none;
}
.lp-container .select-list-child >li > a{
display:inline-block;
color:var(--cmn-font-color-base);
padding:8px 0;
font-size:12px;
text-decoration:none;
}
.lp-container .select-list-child >li > a:link,
.lp-container .select-list-child >li > a:visited,
.lp-container .select-list-child >li > a:hover,
.lp-container .select-list-child >li > a:active{
text-decoration:none;
}
.lp-container .select-list-child >li > a .cmn-solid,
.lp-container .select-list-child >li > a .cmn-dashed{
display:inline;
}