@charset "utf-8";
:root {
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
}

/* local override
---------------------------------- */
/* cmn-notice-list
---------------------------------- */
main .cmn-notice-list{
margin-bottom:14px;
}

/* .cmn-pager
---------------------------------- */
.cmn-pager{
margin-bottom:36px;
}
.cmn-pager:empty{
margin:0 0 26px;
}

/* .cmn-modal
---------------------------------- */
.cmn-modal .info-text-size-L{
font-size:16px;
}
.cmn-modal .modal-btn-box li:first-child:last-child {
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
width:80%;
margin:0 auto;
}

/* .cmn-ad-bnr
-------------------------------- */
/* list bnr */
.search-result .cmn-ad-bnr{
padding:0;
border-top:6px solid #666;
}

/* cmn-seo-link-hdg
---------------------------------- */
.cmn-seo-link .cmn-seo-link-hdg{
font-size:14px;
margin:0 -10px;
padding:8px 10px;
color:var(--cmn-font-color-base);
background-color:#444;
color:#fff;
font-weight:normal;
}

/* link-history-back
---------------------------------- */
a.link-history-back{
padding:11px 0 11px 28px;
margin:8px 0 -10px;
border-top:1px solid rgba(255,255,255,.45);
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:45px;
position:relative;
line-height:1.35;
text-align:left;
font-size:16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
white-space:nowrap;
}
a.link-history-back:link{
color:#fff;
}
a.link-history-back::before{
margin-top:-8px;
content:"";
display:block;
width:16px;
height:16px;
position:absolute;
top:50%;
left:0;
background:url(/element_sp/w_tour/shared/images/icon-arrow-prev.svg) no-repeat 0 0;
-webkit-filter:brightness(0) invert(1);
filter:brightness(0) invert(1);
}
a.link-history-back > span{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

/* ----------------------------------------------------------------
  Clear Fix
----------------------------------------------------------------- */
.calendar-note:before,
.calendar-note:after{
content:"";
display:table;
}
.calendar-note:after{
clear:both;
}

/* ----------------------------------------------------------------
  Base
----------------------------------------------------------------- */
body button::-moz-focus-inner{
padding:0;
border:0;
}
body img{
vertical-align:top;
}
main p,
main ul,
main ol,
main dl,
main table{
font-size:14px;
}
main p{
word-break:break-all;
word-wrap:break-word;
}
button{
padding:0;
margin:0;
}

/* ----------------------------------------------------------------
  Dynamic
----------------------------------------------------------------- */
/* pseudo data-role
----------------------------------------------- */
[data-role="page"],
[data-role="dialog"]{
color:var(--cmn-font-color-base);
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
}
[data-role="page"].active,
[data-role="dialog"].active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
opacity:1;
}
[data-role="page"].lyt-sticky,
[data-role="dialog"].lyt-sticky{
padding-bottom:65px;
}
[data-role="page"].lyt-sticky .form-btn-container,
[data-role="dialog"].lyt-sticky .form-btn-container{
position:fixed;
}

/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 10px 10px;
height:100%;
overflow:hidden;
overflow-y:scroll;
}
#mdl_air.pseudo-content{
height:inherit;
overflow:inherit;
overflow-y:inherit;
}
.pseudo-content .cmn-tip-link-list-01,
.pseudo-content .cmn-tip-search-box{
margin:0 -10px;
}
.pseudo-content .cmn-tip-link{
margin:12px 0;
}
.pseudo-content .cmn-tip-hdg-faq{
background-color:#444;
}
.pseudo-content .hdg-l2{
background-color:#444;
}
.pseudo-content.pseudo-lyt-sticky{
padding-bottom:75px;
}
.pseudo-content.pseudo-lyt-sticky-header{
padding-top:45px;
}

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

/* .pseudo-hdg-l1
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l1{
padding:11px 5px 8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:45px;
line-height:1.55;
font-size:17px;
font-weight:bold;
text-align:center;
}

/* .pseudo-header / .pseudo-header-sticky
----------------------------------------------- */
.pseudo-content .pseudo-header-sticky{
margin:0 -10px;
padding:0 40px;
color:#fff;
position:relative;
background-color:#111;
}
.pseudo-content .pseudo-header-sticky{
margin:0;
position:fixed;
top:0;
left:0;
z-index:1;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .pseudo-content-overlay
----------------------------------------------- */
.pseudo-content .pseudo-content-overlay{
display:none;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:#fff;
opacity:.75;
z-index:1;
}
.pseudo-content.is-disabled .pseudo-content-overlay{
display:block;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-header{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-height:45px;
margin:0 -10px;
padding:11px 55px 8px;
line-height:1.55;
color:#fff;
background-color:#111;
}
.pseudo-header .pseudo-hdg{
font-size:16px;
font-weight:bold;
text-align:center;
}
.pseudo-header [class*="pseudo-btn"]{
padding:0 5px;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
width:40px;
height:100%;
background:url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px auto;
}
.pseudo-header [class*="pseudo-btn"]:disabled{
color:#a4a4a4 !important;
}
.pseudo-header .pseudo-btn-prev{
left:0;
}
.pseudo-header .pseudo-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
background:none;
}
.pseudo-header .pseudo-btn-condition{
right:0 !important;
background:none;
width:64px;
color:#fff;
line-height:1.2;
font-size:11px;
}
.pseudo-header + p{
margin-top:10px;
}
main > .pseudo-header{
margin-top:-10px;
}
.pseudo-header.is-fixed{
position:fixed;
width:100%;
z-index:2;
top:0;
left:0;
margin:0;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.pseudo .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo .pseudo-hdg-01:before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo .pseudo-hdg-01:first-child{
margin-top:11px;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-01{
font-weight:normal;
margin-top:16px;
font-size:14px;
}
.pseudo-content .pseudo-hdg-01::before,
.pseudo .pseudo-hdg-01::before{
display:inline-block;
content:"";
background-color:#333;
width:11px;
height:11px;
margin-right:2px;
}
.pseudo-content .pseudo-hdg-01:first-child{
margin-top:11px;
}

/* .pseudo-hdg-01
----------------------------------------------- */
.pseudo-content .pseudo-hdg-l3{
margin-top:16px;
font-size:14px;
}

/* .pseudo-hdg-02
----------------------------------------------- */
.pseudo-content .pseudo-hdg-02{
margin-top:12px;
font-size:14px;
color:var(--cmn-font-color-base);
}
.pseudo-content .pseudo-hdg-02 .cmn-tip-btn{
margin-bottom:2px;
}

/* .pseudo-faq-container
----------------------------------------------- */
.pseudo-faq-container,
.pseudo-tel-container{
margin:10px 0;
}

/* .pseudo-content .form-btn-container
----------------------------------------------- */
.pseudo-content .form-btn-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:10;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}
.pseudo-content .form-btn-container > * + *{
margin-left:10px;
}

/* .pseudo
----------------------------------------------- */
.pseudo-checked-baggage,
.pseudo-pex{
padding-top:16px;
padding-bottom:65px;
}
.pseudo-checked-baggage strong,
.pseudo-pex strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-checked-baggage p,
.pseudo-pex p{
margin-bottom:6px;
}
.pseudo-checked-baggage p + .pseudo-checked-baggage-hdg,
.pseudo-pex .terms-and-conditions-tbl + .pseudo-pex-hdg{
margin-top:20px;
}

/* .pseudo-btn-container
----------------------------------------------- */
.pseudo-btn-container{
margin-top:0;
padding:10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.pseudo-btn-list-01{
display:table;
width:100%;
max-width:85%;
margin:0 auto;
}
@media screen and (max-width:374px){
.pseudo-btn-list-01{
max-width:90%;
}
}
.pseudo-btn-list-01 > li{
display:table-cell;
vertical-align:middle;
}
.pseudo-btn-list-01 > li +li{
padding-left:10px;
width:100%;
}
.pseudo-btn-list-01 > li a{
display:block;
border-radius:5px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-btn-list-01 > li a > span{
display:block;
}
.pseudo-btn-list-01 .reservation-sticky-btn{
padding:10px 0;
color:#fff;
line-height:1.55;
font-size:16px;
border:none;
background-color:var(--cmn-btn-color);
}
.pseudo-btn-list-01 .reservation-sticky-btn.disabled{
padding:12px 15px 12px;
background-color:#d5d5d5;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}
.pseudo-btn-list-01 .important-sticky-btn{
padding:8px 4px 7px;
color:var(--cmn-font-color-base);
font-size:12px;
white-space:nowrap;
background-color:#fff;
border:1px solid #fff;
line-height:1.22;
}

/* .terms-and-conditions-tbl
----------------------------------------------- */
.terms-and-conditions-tbl{
border:1px solid #ccc;
border-spacing:0;
border-collapse:collapse;
font-size:13px;
margin:20px 0 10px;
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 10px;
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 10px;
}

/* .sticky-btn-list
----------------------------------------------- */
.form-sticky-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0;
}
.form-sticky-btn-list > li:first-child{
width:60px;
}
.form-sticky-btn-list > li:last-child{
width:219px;
}
.form-sticky-btn-list > li + li{
margin-left:8px;
}
.form-sticky-btn-list.branch > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-sticky-btn-list > li a{
display:block;
border-radius:4px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
height:44px;
}
.form-sticky-btn-list .search-sticky-btn{
padding:10px 0;
color:#fff;
font-size:16px;
border:none;
background-color:#444;
}
.form-sticky-btn-list .set-sticky-btn{
padding:7px 0 9px;
color:#fff;
line-height:1.55;
font-size:20px;
border:none;
background-color:var(--cmn-btn-color);
}
.form-sticky-btn-list .clear-sticky-btn{
padding:11px 0;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
line-height:1.55;
}
.form-sticky-btn-list .exclusion-sticky-btn{
padding:5px 0 9px;
color:var(--font-color-btn-link);
line-height:1.55;
font-size:20px;
border:none;
-webkit-box-shadow:0 -4px 0 #ccc inset;
box-shadow:0 -4px 0 #ccc inset;
background-color:#fff;
}
.pseudo-content .form-btn-container .form-sticky-btn-list .clear-sticky-btn{
border-color:#fff;
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content .pseudo-sticky{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:10px;
position:fixed;
bottom:0;
left:0;
z-index:1;
font-size:12px;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background-color:rgba(0, 0, 0, .7);
}
.pseudo-content .pseudo-sticky > * + *{
margin-left:10px;
}
.pseudo-content .pseudo-content-lyt .pseudo-sticky{
margin:0 -10px;
position:static;
width:auto;
padding:10px;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
}

/* .pseudo-sticky-form-list
----------------------------------------------- */
.pseudo-content .pseudo-sticky-form-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:7px;
}
.pseudo-content .pseudo-sticky-form-list li:last-child{
margin-left:5px;
}

/* .pseudo-sticky-btn-list
----------------------------------------------- */
.pseudo-content .pseudo-sticky-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.pseudo-content .pseudo-sticky-btn-list > li:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-content .pseudo-sticky-btn-list > li + li{
margin-left:10px;
}
.pseudo-content .pseudo-sticky-btn-list > li > a{
display:block;
border-radius:5px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-content .pseudo-sticky-btn-list > li.set > a{
padding:6px 0;
color:#fff;
line-height:1.55;
font-size:20px;
border:none;
background-color:var(--cmn-btn-color);
}
.pseudo-content .pseudo-sticky-btn-list > li.clear > a{
padding:11px 8px;
color:var(--cmn-font-color-base);
font-size:14px;
white-space:nowrap;
background-color:#fff;
border:1px solid #bbb;
line-height:1.55;
}

/* ----------------------------------------------------------------
  Toggle
----------------------------------------------------------------- */
.toggle-container > .toggle-item,
.toggle-container.branch.active > :first-child{
display:none;
}
.toggle-container.active > .toggle-item{
display:block;
}

/* .toggle-box
----------------------------------------------- */
.toggle-container.toggle-box{
margin-bottom:25px;
padding:0 10px;
border-radius:3px;
border:1px solid #bbb;
}

/* .toggle-box
----------------------------------------------- */
.toggle-container.toggle-box-01{
margin-bottom:25px;
padding:0 10px;
border-radius:0 0 3px 3px;
border:1px solid #bbb;
word-break:break-all;
}
.hdg-l2 +.toggle-box-01{
margin-top:15px;
}

/* .toggle-btn
----------------------------------------------- */
.toggle-btn{
font-size:14px;
position:relative;
padding:9px 0;
text-align:left;
border:none;
width:100%;
background-color:transparent;
color:var(--font-color-btn-link);
}
.toggle-btn:before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-3px 7px 0 0;
width:13px;
height:13px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
background-size:100%;
margin-top:4px;
}
.toggle-container.active > .toggle-btn:before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .toggle-btn-01
----------------------------------------------- */
.toggle-btn-01{
margin:-1px -10px 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0 1px;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.toggle-btn-01::before{
position:relative;
top:1px;
content:"";
margin-right:8px;
display:inline-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.active > .toggle-btn-01:before{
top:0;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.toggle-container.toggle-box .toggle-btn-01{
border:0;
margin-top:0;
border-radius:3px;
}
.toggle-container.toggle-box.active .toggle-btn-01{
border-bottom:1px solid #bbb;
border-radius:3px 3px 0 0;
}
.toggle-container.toggle-box-01 .toggle-btn-01{
border-top-color:#bbb;
border-radius:0 0 3px 3px;
-webkit-box-shadow:0 -2px 0 #bbb inset;
box-shadow:0 -2px 0 #bbb inset;
}

/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* Form Default
----------------------------------------------- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"],
textarea,
select{
border:1px solid #bbb;
border-radius:4px;
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:38px;
padding:5px;
background-color:#fff;
color:var(--cmn-font-color-base);
}
textarea{
-webkit-appearance:none;
}
button{
color:var(--cmn-font-color-base);
}

/* input[type="text"]
----------------------------------------------- */
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="email"]{
display:block;
padding:5px;
-webkit-appearance:none;
}
.search-index-form input[type="text"]{
border-color:#888;
}
.search-index-form input[type="text"]::-webkit-input-placeholder{
font-size:14px;
color:#9e9e9e;
}
.search-index-form input[type="text"]::-webkit-input-placeholder,
.search-index-form input[type="text"]::placeholder{
font-size:14px;
color:#9e9e9e;
}
.form-inner-item input[type="text"]::-webkit-input-placeholder{
font-size:14px;
color:#9e9e9e;
}
.form-inner-item input[type="text"]::-webkit-input-placeholder,
.form-inner-item input[type="text"]::placeholder{
font-size:14px;
color:#9e9e9e;
}

/* input[type="checkbox"]
----------------------------------------------- */
input[type="checkbox"]{
position:absolute;
left:10px;
top:0;
bottom:0;
margin:auto 0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-checkbox.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="checkbox"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-on.svg);
}
input[type="checkbox"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-checkbox-disabled.svg);
}
.checkbox-custom input[type="checkbox"]:disabled + span{
color:#ccc;
}
.checkbox-custom{
display:block;
position:relative;
padding:10px 10px 10px 40px;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
}
.checkbox-custom > span{
display:block;
}
.checkbox-custom.branch{
display:inline-block;
}
.search-container .search-form td .checkbox-custom{
padding:12px 10px 12px 40px;
}

/* input[type="radio"]
----------------------------------------------- */
input[type="radio"]{
position:absolute;
left:13px;
margin:0;
padding:0;
border:none;
border-radius:0;
width:20px;
height:20px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:baseline;
background:url(/element_sp/shared/images/icon/icon-form-radio.svg) 0 0 no-repeat;
background-size:100%;
}
input[type="radio"]:checked{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-on.svg);
}
input[type="radio"]:disabled{
background-image:url(/element_sp/shared/images/icon/icon-form-radio-disabled.svg);
}
.radio-custom{
display:block;
position:relative;
padding-left:25px;
font-size:14px;
line-height:1.2;
}
.radio-custom input[type="radio"]{
position:absolute;
left:0;
top:50%;
margin-top:-10px;
}

/* select
----------------------------------------------- */
.select-custom{
position:relative;
display:block;
width:100%;
}
.select-custom:before{
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#888 transparent transparent transparent;
}
.select-custom > select{
padding:5px 20px 6px 7px;
-webkit-appearance:none;
-moz-appearance:none;
color:var(--cmn-font-color-base);
}
.select-custom select[disabled]{
color:#ccc;
}
.search-index-form .select-custom > select{
border-color:#999;
color:#9e9e9e;
}
.search-index-form .select-custom.is-selected > select{
color:var(--cmn-font-color-base);
}

/* .form-inner-01
----------------------------------------------- */
.form-inner-01{
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;
}
.form-inner-01 + .form-inner-01{
margin-top:10px;
}
.form-inner-01 > *{
margin:0 2px;

/* white-space:nowrap; */
}
.form-inner-01 > .form-inner-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-inner-01 > .form-inner-item input{
padding:7px 20px 5px 8px;
}
.form-inner-01 > .form-inner-item input::-webkit-input-placeholder{
color:#9e9e9e;
}
.form-inner-01 > .form-inner-item input::-webkit-input-placeholder,
.form-inner-01 > .form-inner-item input::placeholder{
color:#9e9e9e;
}
.form-inner-01 > :first-child{
margin-left:0;
}
.form-inner-01 > :last-child{
margin-right:0;
}
.form-inner-01 > span{
font-size:12px;
letter-spacing:-.05em;
}
.form-inner-01 > span.form-sup{
width:auto;
text-align:left;
}
.form-inner-01 > span.form-sup-tilde{
width:2em;
margin:0;
}

/* .form-list-extra
----------------------------------------------- */
.form-list-extra{
margin:0 -10px;
}
.form-list-extra > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:49px;
padding:5px 10px 5px 40px;
border-bottom:1px solid #e9e9e9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-list-extra > li label > span:not([class]){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-list-extra > li > label > .review-list{
line-height:1;
margin-left:10px;
}
.form-list-extra > li > label > .org-icon{
width:50px;
text-align:center;
}
.form-list-extra > li > label > .org-icon > span{
display:block;
margin:0 auto;
background-size:100% auto;
overflow:hidden;
font-size:11px;
}
.form-list-extra > li > label > .org-icon.jata > span{
width:25px;
height:25px;
background-image:url(/element_sp/w_tour/shared/images/icon-jata.png);
}
.form-list-extra > li > label > .org-icon.anta > span{
width:25px;
height:25px;
background-image:url(/element_sp/w_tour/shared/images/icon-anta.png);
}
.form-list-extra > li > label > .org-icon > span > span{
opacity:0;
}
.notice-list + .form-list-extra{
border-top:1px solid #e9e9e9;
}

/* .form-list-line
----------------------------------------------- */
.form-list-line{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}

/* mod-radio-custom
------------------------------------------------ */
.mod-radio-custom{
display:inline-block;
vertical-align:middle;
position:relative;
padding-left:22px;
padding-top:8px;
padding-bottom:8px;
}
.mod-radio-custom >label{
display:inline;
}
.mod-radio-custom input[type="radio"]{
display:none;
}
.mod-radio-custom .mod-radio-custom-inner{
display:inline;
}
.mod-radio-custom .mod-radio-custom-inner::before{
content:"";
width:15px;
height:11px;
position:absolute;
left:0;
top:14px;
}
.mod-radio-custom input[type=radio]:checked + .mod-radio-custom-inner::before{
background:url(/element_sp/w_tour/shared/images/icon-form-checked.svg) top left no-repeat;
}

/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
line-height:1.35;
font-size:13px;
}
.link-list > li > .link-list-cat{
padding:12px 10px 10px;
color:var(--cmn-font-color-base);
display:block;
}
.link-list > li > a{
font-size:14px;
padding:11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.link-list > li > a > .sup{
color:var(--font-color-btn-link);
font-size:11px;
margin-left:15px;
}
.link-list > li > .link-list{
margin:0;
}
.link-list > li > .link-list > li > a{
padding:12px 12px 12px 24px;
}
.link-list.indent > li > a{
padding-left:34px;
}
.hdg-l3-02 + .link-list > li:first-child > a{
border-top:1px solid #e9e9e9;
}
.link-list > li.no-arrow > a{
padding:11px 10px;
}
.link-list > li.no-arrow > a:before{
display:none;
}
.pseudo-content .link-list > li > a:before{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#888;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:10px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-content .link-list > li > a{
font-size:14px;
padding:11px 25px 11px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.pseudo-content .link-list > li.no-arrow > a{
padding:11px 10px;
}
.pseudo-content .link-list > li.no-arrow > a:before{
display:none;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
line-height:1.35;
font-size:14px;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:12px 10px 10px;
border-bottom:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.link-list-toggle > li > .link-list-toggle-hook::before{
position:absolute;
right:10px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:16px;
height:10px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.link-list-toggle > li.is-active > .link-list-toggle-hook::before{
margin-top:-5px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.link-list-toggle > li > .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}
.link-list-toggle .link-list{
margin:0;
}
.link-list-toggle .link-list > li > a{
padding-left:34px;
}
.link-list-toggle .link-list > li .link-list > li > a{
padding-left:58px;
}

/* .link-list-cheapest
----------------------------------------------- */
.cheapest-sup{
color:var(--cmn-font-color-base);
font-size:12px;
}
.cheapest-sup + .link-list-cheapest > li:first-child > a{
border-top:1px solid #e9e9e9;
}
.link-list-cheapest{
margin:0 -10px;
}
.link-list-cheapest > li > a{
display:table;
position:relative;
padding:10px 10px 9px;
font-size:14px;
color:var(--cmn-font-color-base);
width:100%;
border-top:1px solid #e9e9e9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-cheapest > li > a > *{
display:table-cell;
vertical-align:middle;
}
.link-list-cheapest > li > a > b{
margin-left:auto;
color:var(--cmn-font-color-red);
font-weight:normal;
white-space:nowrap;
text-align:right;
padding-left:1em;
}
.tab-container + .link-list-cheapest > li:first-child > a{
border-top:0;
}

/* .link-list-tour
----------------------------------------------- */
.link-list-tour{
margin:0 -10px;
overflow:hidden;
border-top:1px solid #e5e5e5;
}
.link-list-tour > li{
border-bottom:1px solid #e9e9e9;
display:table;
width:33.333%;
float:left;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.link-list-tour > li:nth-child(3n-1){
border-width:0 1px 1px;
border-color:#e5e5e5;
border-style:solid;
}
.link-list-tour > li > a{
font-size:14px;
line-height:1.3;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:1px 8px 1px 8px;
}
.link-list-tour > li > a::after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-6px;
height:12px;
width:6px;
display:block;
}
.link-list-tour > li > a > span{
display:block;
}
.link-list-tour.branch > li{
width:50%;
}
.link-list-tour.branch > li:nth-child(3n-1){
border-width:0 0 1px;
}
.link-list-tour.branch > li:nth-child(2n-1){
border-right:1px solid #ebebeb;
}
.link-list-tour + h2{
position:relative;
margin-top:-1px;
}

/* .link-list-text
----------------------------------------------- */
.link-list-text{
margin:0 -10px;
padding:12px 10px;
text-align:right;
font-size:14px;
line-height:1.42;
}
.link-list-text .cmn-tip-link{
margin:0;
}

/* .link-list-area
----------------------------------------------- */
.link-list-area{
margin:0 -10px;
}
.link-list-area > li{
padding:10px;
border-bottom:1px solid #e5e5e5;
}
.link-list-area > li > ul{
margin:0;
letter-spacing:-.4em;
}
.link-list-area > li > ul > li{
display:inline;
letter-spacing:normal;
margin-right:14px;
}
.link-list-area > li > ul > li > a{
color:var(--font-color-btn-link);
}
.link-list-area > li > ul > li:not(:last-child) > a{
position:relative;
padding-right:14px;
}
.link-list-area > li > ul > li:not(:last-child) > a:after{
margin-top:-5px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bfbfbf;
content:"";
display:block;
width:8px;
height:8px;
position:absolute;
top:50%;
right:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .link-list-recommend
----------------------------------------------- */
.link-list-recommend{
margin:0 -10px;
}
.link-list-recommend > li > a{
padding:12px 10px 10px;
display:block;
font-size:14px;
line-height:1.28;
border-top:1px solid #d4d4d4;
}
.link-list-recommend > li .recommend-price{
overflow:hidden;
color:var(--cmn-font-color-base);
margin-top:6px;
}
.link-list-recommend > li .recommend-price > span{
float:left;
font-size:12px;
line-height:1.24;
}
.link-list-recommend > li .recommend-price > span > span{
display:block;
font-size:11px;
line-height:1.36;
}
.link-list-recommend > li .recommend-price > div{
float:right;
text-align:right;
font-size:12px;
line-height:1.1;
}
.link-list-recommend > li .recommend-price > div > .num{
font-size:22px;
}
.link-list-recommend > li .recommend-price > div > span{
display:block;
}
.link-list-recommend > li .recommend-price > div > span .num{
font-size:15px;
}
.link-list-recommend > li .recommend-info{
margin:0;
line-height:1.41;
font-size:12px;
color:var(--cmn-font-color-base);
}
.link-list-recommend > li .recommend-info > li{
display:table;
width:100%;
}
.link-list-recommend > li .recommend-info > li > *{
display:table-cell;
}
.link-list-recommend > li .recommend-info > li > span{
position:relative;
width:4em;
padding-right:1em;
}
.link-list-recommend > li .recommend-info > li > span:after{
content:"\ff1a";
position:absolute;
top:0;
right:0;
}
.link-list-recommend > li .recommend-info > li .num{
font-size:13px;
font-family:Arial;
}

/* .link-list-image
----------------------------------------------- */
.link-list-image{
margin:6px -6px;
overflow:hidden;
}
.hdg-l2 + .link-list-image{
margin:9px -6px;
}
.hdg-l2-note + .link-list-image{
margin-top:0;
margin-bottom:0;
}
.link-list-image img{
width:100%;
vertical-align:top;
}
.link-list-image > li{
float:left;
padding:0 6px 12px;
width:33.33%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-image > li > a{
display:block;
position:relative;
}
.link-list-image > li > a > b{
font-size:12px;
font-weight:normal;
position:absolute;
bottom:0;
left:0;
padding:3px 0 2px;
line-height:1.3;
width:100%;
text-align:center;
color:#fff;
background-color:rgba(0, 0, 0, .7);
}

/* .link-list-image-01
----------------------------------------------- */
.link-list-image-01{
margin:0;
padding:2px 0;
}
.link-list-image-01 > li:not(:first-child){
border-top:1px solid #e9e9e9;
}
.link-list-image-01 > li > a{
line-height:1.35;
font-size:12px;
position:relative;
padding:8px 0 8px 108px;
display:block;
color:var(--cmn-font-color-base);
min-height:71px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.link-list-image-01 > li > a .img{
position:absolute;
left:0;
top:8px;
width:100%;
max-width:98px;
max-height:55px;
overflow:hidden;
}
.link-list-image-01 > li > a > .txt > b{
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
margin-bottom:4px;
color:var(--cmn-font-color-base);
font-size:13px;
}
.toggle-container.active > .toggle-item > .link-list-image-01{
padding-top:0;
margin-top:-2px;
border-top:1px solid #e9e9e9;
}

/* .card-article .link-list-image-01
---------------------------------- */
.card-article .link-list-image-01{
margin:0 12px;
padding:0;
}
.card-article .link-list-image-01 >li > a{
padding:8px 0 8px 80px;
}
.card-article .link-list-image-01 .txt{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
}
.card-article .link-list-image-01 .update{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}
.card-article .link-list-image-01 .img{
width:72px;
height:54px;
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;
}
.card-article .link-list-image-01 .img img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-article .link-list-image-01 .img.mod-noimg img{
width:72px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}

/* .link-list-image-02
----------------------------------------------- */
.link-list-image-02{
margin:0 -6px;
overflow:hidden;
letter-spacing:-.4em;
}
.link-list-image-02 > li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
font-size:12px;
line-height:1.4;
margin-bottom:12px;
padding:0 6px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:33.33%;
}
.link-list-image-02 > li img{
display:block;
margin:0 auto 6px;
max-width:100%;
}
.link-list-image-02 > li a{
color:var(--font-color-btn-link);
}
.box-bg-ctrl .link-list-image-02{
padding-top:10px;
}

/* .link-list-image-03
----------------------------------------------- */
.link-list-image-03{
margin:0 -10px;
overflow:hidden;
border-top:1px solid #ebebeb;
}
.link-list-image-03 > li{
display:table;
width:100%;
height:54px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
}
.link-list-image-03 > li > a{
font-size:14px;
color:var(--cmn-font-color-base);
position:relative;
display:table-cell;
vertical-align:middle;
padding:3px 25px 0 67px;
border-bottom:1px solid #e9e9e9;
}
.link-list-image-03 > li > a:after{
content:"";
position:absolute;
top:50%;
right:10px;
margin-top:-5px;
height:8px;
width:8px;
display:block;
border:1px solid #bfbfbf;
border-left-width:0;
border-bottom-width:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.link-list-image-03 > li > a .img{
position:absolute;
left:10px;
top:50%;
width:43px;
height:43px;
overflow:hidden;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-color:#ccc;
}
.link-list-image-03 > li > a .img > img{
height:100%;
}

/* .link-tel
----------------------------------------------- */
.link-tel{
margin:0 auto;
padding:11px 15px 10px 35px;
color:var(--font-color-btn-link);
border:1px solid #bbb;
border-radius:4px;
display:block;
width:200px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
background:#fff url(/element_sp/shared/images/icon/icon-phone.svg) 10px 50% no-repeat;
background-size:20px auto;
}

/* .link-tel-01
----------------------------------------------- */
.link-tel-01{
margin:0 auto;
padding:11px 10px;
color:var(--font-color-btn-link);
border:1px solid #bbb;
border-radius:4px;
display:block;
width:200px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
line-height:1;
font-size:16px;
font-weight:bold;
}
.link-tel-container .link-tel,
.link-tel-container .link-tel-01{
border:0;
-webkit-box-shadow:0 -2px 0 #bbb inset;
box-shadow:0 -2px 0 #bbb inset;
}

/* .link-tel-container
----------------------------------------------- */
.link-tel-container{
margin-top:0;
padding:10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.link-tel-container .tel-info-list{
margin:7px 0 0;
font-size:11px;
}
.link-tel-container .tel-info-list > li:not(:first-child){
overflow:hidden;
margin-top:3px;
}
.link-tel-container .tel-info-list > li > span{
float:left;
display:block;
width:5em;
}
.link-tel-container .tel-info-list > li > div{
overflow:hidden;
}

/* .link-more
----------------------------------------------- */
.link-more{
margin:0 -10px;
padding:11px 10px;
border-top:1px solid #e9e9e9;
color:var(--font-color-btn-link);
display:block;
text-align:center;
font-size:13px;
line-height:1.45;
}
.link-more > span:before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#666;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .spot-link
----------------------------------------------- */
.detail-schedule-container .spot-link{
color:var(--font-color-btn-link);
text-decoration:underline;
text-decoration-color:var(--font-color-btn-link);
text-decoration-style:dotted;
-webkit-text-decoration-color:var(--font-color-btn-link);
-webkit-text-decoration-style:dotted;
}

/* ----------------------------------------------------------------
  .seo-cheapest
----------------------------------------------------------------- */
.seo-cheapest{
font-size:14px;
margin:12px 0;
}
.seo-cheapest-date{
position:absolute;
right:10px;
}
.seo-cheapest-app-push{
font-weight:bold;
margin:0 0 12px;
}
.seo-cheapest-filter-pulldown{
position:relative;
z-index:2;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.seo-cheapest-filter-pulldown > button{
margin:0 0 0 auto;
padding:8px 20px 8px 12px;
border:1px solid #bbb;
border-radius:4px;
position:relative;
display:block;
width:100%;
height:44px;
background-color:#fff;
font-size:16px;
text-align:left;
}
.seo-cheapest-filter-pulldown > button::after{
margin-top:-2px;
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:50%;
right:8px;
display:block;
border-width:6px 6px 0 6px;
border-color:#666 transparent transparent transparent;
border-style:solid;
}
.seo-cheapest-filter-pulldown[aria-expanded=true] > button::after{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.seo-cheapest-filter-pulldown-content{
margin-top:8px;
padding:24px 16px 10px;
border-radius:4px;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:none;
position:absolute;
top:100%;
right:0;
width:100%;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-box-shadow:0 0 6px rgba(0,0,0,.3);
box-shadow:0 0 6px rgba(0,0,0,.3);
}
.seo-cheapest-filter-pulldown-content::before{
margin-left:-6px;
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
right:50%;
-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);
box-shadow:0 0 4px rgba(0,0,0,.3);
background-color:#fff;
}
.seo-cheapest-filter-pulldown-content::after{
content:"";
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
right:calc(50% - 15px);
background-color:#fff;
}
.seo-cheapest-filter-pulldown[aria-expanded=true] .seo-cheapest-filter-pulldown-content{
display:block;
}
.seo-cheapest-filter-pulldown-content > ul{
margin:0;
}
.seo-cheapest-filter-pulldown-content > ul > li{
padding:10px 0 10px 23px;
display:block;
}
.seo-cheapest-filter-pulldown-content > ul > li.is-active{
background:url(/element_sp/w_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:15px auto;
}
.seo-cheapest-filter-pulldown-content > button{
padding:0;
border:none;
color:rgba(0,0,0,0);
width:24px;
height:24px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/w_tour/shared/images/icon-close-gry.svg) 0 100% no-repeat;
background-size:12px;
}
.seo-cheapest-filter-list{
margin:16px 0 12px;
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;
gap:4px 12px;
}
.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-filter-list > li > span{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.seo-cheapest-filter-list > li input{
position:relative;
left:0;
}
.seo-cheapest-tbl{
margin-top:12px;
}
.seo-cheapest-tbl table{
margin:0;
border-collapse:collapse;
border-spacing:0;
width:100%;
table-layout:fixed;
font-size:14px;
}
.seo-cheapest-tbl table caption > span{
margin-bottom:8px;
display:block;
text-align:left;
}
.seo-cheapest-tbl table caption > span:first-child{
font-weight:bold;
}
.seo-cheapest-tbl table th,
.seo-cheapest-tbl table td{
padding:4px 0;
font-weight:normal;
border-bottom:1px solid #e5e5e5;
}
.seo-cheapest-tbl table td{
text-align:right;
}
.seo-cheapest-tbl table thead th{
padding:8px 0;
line-height:1.25;
}
.seo-cheapest-tbl table thead th > span{
display:block;
}
.seo-cheapest-tbl table thead tr > th:first-child{
width:98px;
padding-left:8px;
text-align:left;
}
.seo-cheapest-tbl table thead tr > th:last-child{
padding:0 8px;
}
.seo-cheapest-tbl table tbody tr > td:last-child{
padding-right:8px;
}
.seo-cheapest-tbl table tbody th{
padding-left:8px;
text-align:left;
}
.seo-cheapest-tbl table tbody th > span{
display:inline-block;
}
.seo-cheapest-tbl table tbody > tr:last-child > th,
.seo-cheapest-tbl table tbody > tr:last-child > td{
padding-bottom:0;
border-bottom:none;
}
.seo-cheapest-tbl table tr > th.unset{
padding-left:2.5em;
}
.seo-cheapest-tbl table tr > td.unset{
padding-right:0;
text-align:center;
}
.seo-cheapest-tbl.hotel table caption{
height:0;
overflow:hidden;
position:absolute;
}

/* .seo-cheapest.cheapest-secondary
----------------------------------------------- */
.seo-cheapest.cheapest-secondary{
margin:12px 0 20px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-filter-list{
margin:16px 0 8px;
gap:4px 20px;
}
.seo-cheapest.cheapest-secondary .seo-card-cheapest-sup{
margin-bottom:20px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl{
position:relative;
font-size:14px;
margin-top:8px;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table caption {
/* > span {
          margin-bottom:20px;
          display:block;
          text-align:left;
          &:first-child {
            font-weight:bold;
            margin-bottom:8px;
          }
        } */
height:0;
overflow:hidden;
position:absolute;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table th,
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table td{
padding:8px 0;
font-weight:normal;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table th{
text-align:left;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table thead th{
padding:0 0 8px;
border-bottom:1px solid #e5e5e5;
line-height:1.25;
text-align:center;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table thead th:first-child{
width:96px;
text-align:left;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table thead th:last-child{
letter-spacing:-.05em;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody th,
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody td{
padding:12px 0;
font-weight:normal;
border-bottom:1px solid #e5e5e5;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody th{
text-align:left;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody td{
text-align:right;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody td.unset{
text-align:center;
padding-right:0;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl table tbody:not(:first-of-type){
display:none;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl .seo-cheapest-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-tbl .seo-cheapest-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-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-tbl > p{
margin:12px 0 0;
text-align:left;
}
.seo-cheapest.cheapest-secondary .seo-cheapest-tbl .seo-cheapest-date{
text-align:right;
position:static;
}

/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .review-list
----------------------------------------------- */
.review-list{
margin:0;
font-size:11px;
}
.review-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.review-list > li:not(:first-child){
margin-top:5px;
}
.review-list > li > div:first-child{
min-width:6.5em;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-right:5px;
}
.review-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.review-list .review-rate{
margin-top:-1px;
display:inline-block;
vertical-align:top;
}
.review-list .review-list-score{
font-weight:bold;
font-size:12px;
}
.info-list .review-list,
.item-info td .review-list,
.item-info .tbl-td .review-list{
margin-top:6px;
}

/* .info-list
----------------------------------------------- */
.info-list{
line-height:1.4;
}
.info-list > li{
margin-top:4px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;

/*overflow:hidden;*/
}
.info-list > li > div:first-child{
position:relative;

/*float:left;*/
padding-right:20px;
margin-right:8px;
}
.info-list > li > div:first-child .cmn-tip-btn{
position:absolute;
right:0;
top:2px;
}
.info-list > li > div:first-child > span{
display:inline-block;
padding:2px 0 1px;
width:70px;
text-align:center;
line-height:1;
font-size:12px;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.info-list > li > div:last-child{
/*overflow:hidden;*/
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.info-list > li > div:last-child .inner-list{
margin:0;
}
.info-list .review-list > li > div:first-child{
position:relative;
padding-right:20px;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
.info-list .review-list > li > div:first-child .cmn-tip-btn{
position:absolute;
right:5px;
top:0;
}

/* .meal-list
----------------------------------------------- */
.meal-list{
margin:0;
}
.meal-list > li{
display:inline;
}
.meal-list > li:not(:last-child){
margin-right:15px;
}

/* .time-list
----------------------------------------------- */
.time-list{
margin:0;
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
font-size:12px;
}
.detail-header .item-info td .time-list,
.detail-header .item-info .tbl-td .time-list{
font-size:13px;
}
.time-list > li{
position:relative;
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
-moz-align-items:center;
-ms-align-items:center;
-o-align-items:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.time-list > li:first-child{
padding-right:18px;
}
.time-list > li:first-child:after{
content:"\ff0f";
position:absolute;
right:3px;
}
.time-list > li > .place{
padding-right:10px;
}
.time-list > li > ul > li{
display:inline-block;
}
.time-list > li > ul > li > span:first-child{
width:2em;
display:inline-block;
}
.time-list > li > ul > li > span:after{
content:"\ff1a";
}
.time-list > li > ul > li > div{
width:3em;
display:inline-block;
}
.time-list .time-list-detail-btn{
display:inline-block;
color:var(--font-color-btn-link);
margin-left:7px;
padding:4px 9px 3px;
font-size:12px;
border-radius:3px;
border:1px solid #bbb;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
}

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

/* .modal-time-list-detail
----------------------------------------------- */
.modal-time-list-detail{
font-size:13px;
}
.modal-time-list-detail > li{
-webkit-display:flex;
-moz-display:flex;
-ms-display:flex;
-o-display:flex;
display:-webkit-box;
display:flex;
white-space:nowrap;
}
.modal-time-list-detail > li > .place{
padding-right:12px;
}
.modal-time-list-detail > li > .time{
width:2em;
}

/* .card-list
----------------------------------------------- */
.card-list{
overflow:hidden;
}
.card-list > li{
float:left;
margin-right:5px;
}
.meal-list > li > img{
max-height:22px;
}

/* ----------------------------------------------------------------
  Table
----------------------------------------------------------------- */
/* .item-info
----------------------------------------------- */
.item-info-container{
margin:0 -10px 8px;
}
.hdg-l2 + .item-info-container{
margin:-1px -10px;
}
.item-info-container + .item-info-container{
margin-top:15px;
}
.item-info{
display:table;
margin:0;
width:100%;
line-height:1.2;
border-collapse:collapse;
}
.item-info .tbl-tr{
display:table-row;
}
.item-info .tbl-th,
.item-info .tbl-td{
display:table-cell;
}
.item-info .tbl-th{
vertical-align:middle;
}
.item-info tr,
.item-info .tbl-tr{
border-style:solid;
border-width:1px 0;
border-color:#e5e5e5;
}
.item-info .tbl-th,
.item-info th{
padding:6px 0 5px 10px;
width:80px;
font-size:12px;
font-weight:normal;
text-align:left;
background:#f5f5f5;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-info .tbl-th span,
.item-info th span{
display:block;
}
.item-info .tbl-th > div,
.item-info th > div{
position:relative;
padding-right:20px;
}
.item-info .tbl-th > div > .cmn-tip-btn,
.item-info th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.item-info .tbl-th > div > .icon-essential,
.item-info th > div > .icon-essential{
display:inline-block;
width:7px;
height:0;
padding-top:17px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 50% no-repeat;
background-size:7px auto;
overflow:hidden;
line-height:2;
vertical-align:middle;
position:relative;
margin-left:3px;
margin-top:-4px;
}
.item-info .tbl-thead .tbl-th,
.item-info thead th{
font-size:14px;
font-weight:bold;
text-align:left;
background:#f0f0f0;
}
.item-info .tbl-td,
.item-info td{
padding:10px;
font-size:13px;
line-height:1.4;
word-break:break-all;
background:#fff;
}
.item-info .tbl-td ul,
.item-info td ul{
margin:0;
}
.item-info .tbl-td .org-icon,
.item-info td .org-icon{
width:29px;
height:29px;
margin:2px 0 4px;
display:block;
}
.item-info .tbl-td .compnay-logo,
.item-info td .compnay-logo{
display:block;
}
.item-info .tbl-td .link-tel,
.item-info td .link-tel{
margin:0 auto 7px;
}
.item-info .item-info-link{
display:block;
color:var(--font-color-btn-link);
position:relative;
padding-left:13px;
font-size:12px;
}
.item-info .item-info-link:before{
border-right:1px solid #555;
border-top:1px solid #555;
content:"";
display:block;
position:absolute;
top:4px;
left:0;
width:6px;
height:6px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.item-info .list-paytype .payment-guide{
margin-left:4px;
}
.item-info .list-paytype .cmn-tip-btn{
margin-left:4px;
}
.detail-header .item-info .item-info-link{
display:block;
font-size:12px;
}
.search-result-item .item-info .tbl-td,
.search-result-item .item-info td{
padding:5px 10px 4px;
font-size:12px;
}
.search-result-item .item-info .tbl-td > a{
color:var(--cmn-font-color-link);
}
.detail-header .item-info .tbl-td,
.detail-header .item-info td{
padding:4px 10px 3px;
font-size:13px;
line-height:1.4;
}
.detail-header .item-info td > a.link-hotel{
color:var(--cmn-font-color-link);
}
.detail-header .item-info .tbl-td .link-tel,
.detail-header .item-info .tbl-td .link-tel-01,
.detail-header .item-info td .link-tel,
.detail-header .item-info td .link-tel-01{
margin:6px auto 7px;
}

/* .item-info-agt-link-container
----------------------------------------------- */
.item-info-agt-link-container{
margin:16px 0 20px;
}
.item-info-agt-link-container > p{
text-align:center;
font-size:12px;
}
.item-info-agt-link-container .item-info .tbl-th,
.item-info-agt-link-container .item-info th{
width:105px;
}
.item-info-agt-link-container .item-info .tbl-th > span,
.item-info-agt-link-container .item-info th > span{
font-size:11px;
}
.item-info-agt-link-container .item-info .tbl-td,
.item-info-agt-link-container .item-info td{
font-size:16px;
}
.item-info-agt-link-container .item-info .tbl-td .form-inner-01,
.item-info-agt-link-container .item-info td .form-inner-01{
font-size:12px;
}
.item-info-agt-link-container .item-info .tbl-td .num,
.item-info-agt-link-container .item-info td .num{
font-size:18px;
}
.item-info-agt-link-container .item-info .tbl-td .num + span,
.item-info-agt-link-container .item-info td .num + span{
font-size:14px;
}
.item-info-agt-link-container .item-info .tbl-td .note,
.item-info-agt-link-container .item-info td .note{
display:block;
font-size:12px;
margin-top:8px;
}
.form-validation-error + .note{
text-indent:-18px;
padding-left:18px;
}
.form-validation-error + .note::before{
content:"";
display:inline-block;
width:14px;
height:12px;
vertical-align:text-top;
margin:0 4px 0 0;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg);
background-size:100%;
}
.item-info-agt-link-container .item-info .tbl-td .sup,
.item-info-agt-link-container .item-info td .sup{
font-size:11px;
}
.item-info-agt-link-container .item-info .tbl-td .departure-btn,
.item-info-agt-link-container .item-info td .departure-btn{
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:#a4a4a4;
padding:6px 0 6px 6px;
border:2px solid #bbb;
text-align:left;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#fff5f5;
}
.item-info-agt-link-container .item-info td .form-validation-error{
background-color:rgba(227,7,7,.1);
border:2px solid rgba(227,7,7,.35);
}
.item-info-agt-link-container .item-info .tbl-td .departure-btn.active,
.item-info-agt-link-container .item-info td .departure-btn.active{
padding:8px 0 7px 6px;
font-weight:bold;
color:var(--cmn-font-color-base);
font-size:14px;
border-width:1px;
background-color:#fff;
}

/* .agt-link-box-border
----------------------------------------------- */
.agt-link-box-border{
margin:20px 0 10px;
padding:10px 13px;
border:1px solid #ddd;
text-align:left;
font-size:13px;
}
.agt-link-box-border > :first-child{
margin-top:0;
}
.agt-link-box-border > :last-child{
margin-bottom:0;
}
.agt-link-box-border strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agt-link-box-border a.cmn-dashed{
color:var(--cmn-font-color-link) !important;
font-weight:bold;
--cmn-dashed-color:var(--cmn-font-color-link);
}

/* .feature-icon-list
----------------------------------------------- */
.item-info .feature-icon-list{
letter-spacing:-.4em;
margin:0;
}
.item-info .feature-icon-list{
margin-bottom:-2px;
}
.item-info .feature-icon-list > li{
display:inline-block;
margin:0 5px 2px 0;
padding:2px 3px 1px;
text-align:center;
letter-spacing:normal;
color:var(--cmn-font-color-base);
font-size:10px;
border:1px solid #aaa;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.item-info .feature-icon-list > li:first-child{
margin-left:0;
}
.item-info .feature-icon-list > li.disabled{
opacity:.25;
}
.search-result-item .item-info .feature-icon-list{
margin-bottom:-1px;
}
.search-result-item .item-info .feature-icon-list > li{
margin:0 1px 1px 0;
}

/* ----------------------------------------------------------------
  Payment Info
----------------------------------------------------------------- */
/* .payment-info
----------------------------------------------- */
.payment-info{
margin:10px 0;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info{
margin:0 -10px;
padding:10px 10px 0;
border-radius:10px 10px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
-ms-flex-direction:column-reverse;
flex-direction:column-reverse;
background-color:rgba(0, 0, 0, .7);
}

/* .payment-info-list
----------------------------------------------- */
.payment-info-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.payment-info-list > li{
margin-right:15px;
}
.payment-info-list button{
padding:3px 0 3px 12px;
border:none;
color:var(--cmn-font-color-base);
background:url(/element_sp/w_tour/shared/images/icon-arrow-01-down.svg) no-repeat 0 50%;
background-size:8px auto;
font-size:11px;
}
.payment-info-list button[aria-selected="true"]{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-01-up.svg);
}
.payment-info-list button > span{
color:#e30707;
}
.payment-info-list .no-icon button,
.payment-info-list .no-icon button[aria-selected="true"]{
background:none;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info-list button{
padding-left:16px;
color:#fff;
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
background-size:12px auto;
font-size:12px;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
background-image:url(/element/shared/images/icon/icon-chevron-down-wht.svg);
}
.pseudo-content-lyt-footer .payment-info-list button > span{
color:#fff;
}

/* .payment-info-content
----------------------------------------------- */
.payment-info-content{
padding:10px;
border-radius:4px;
display:none;
position:relative;
background-color:#f5f5f5;
font-size:12px;
text-align:left;
}
.payment-info-content.is-active{
display:block;
}
.payment-info-content.is-active .notice-list{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.payment-info-content > *:first-child{
margin-top:0;
}
.payment-info-content > *:last-child{
margin-bottom:0;
}
.payment-info-content::before{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:-6px;
left:2.5em;
border-width:0 9px 6px 9px;
border-color:transparent transparent #f5f5f5 transparent;
border-style:solid;
}
.payment-info-content:last-child::before{
left:12em;
}

/* .pseudo-content-lyt-footer > .payment-info-content
------------------------ */
.pseudo-content-lyt-footer .payment-info-content{
margin-bottom:12px;
border-radius:0;
}
.pseudo-content-lyt-footer .payment-info-content::before{
top:auto;
bottom:-6px;
border-width:6px 9px 0 9px;
border-color:#f5f5f5 transparent transparent transparent;
}
.pseudo-content-lyt-footer .payment-info-content:last-child::before{
left:145px;
}

/* .payment-info-content-more
----------------------------------------------- */
.payment-info-content-more{
text-align:right;
}
.payment-info-content-more a{
color:var(--cmn-font-color-base);
}

/* .payment-info-content-list
----------------------------------------------- */
.payment-info-content-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.payment-info-content-list > li:not(:first-child){
margin-top:3px;
}
.payment-info-content-list > li > div:first-child{
margin-right:5px;
min-width:5.8em;
position:relative;
}
.payment-info-content-list > li > div:first-child::after{
content:":";
display:block;
position:absolute;
top:0;
right:0;
}
.payment-info-content-list > li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
}
.payment-info-content-list > li .list-payment-link{
margin-left:8px;
}

/* .payment-info-content-list-bullet
----------------------------------------------- */
.payment-info-content-list-bullet > li{
padding-left:8px;
position:relative;
font-size:12px;
text-align:left;
}
.payment-info-content-list-bullet > li::before{
border-radius:1px;
content:"";
display:block;
width:2px;
height:2px;
overflow:hidden;
position:absolute;
top:.55em;
left:0;
background-color:#333;
}
.payment-info-content-list-bullet > li:not(:first-child){
margin-top:10px;
}
.payment-info-content-list-bullet > li > span{
margin-right:5px;
}
.payment-info-content-list-bullet > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.payment-info-content-list-bullet a{
color:var(--font-color-btn-link);
}
.payment-info-content-list-bullet a.cmn-dashed{
font-weight:bold;
--cmn-dashed-font-color:var(--cmn-font-color-link);
--cmn-dashed-color:var(--cmn-font-color-link);
}
.txt-imp{
color:var(--cmn-font-color-red);
font-weight:normal;
margin-right:0 !important;
}
.link-imp{
font-weight:bold;
--cmn-dashed-font-color:var(--cmn-font-color-link);
--cmn-dashed-color:var(--cmn-font-color-link);
}
.item-info-container + .payment-info{
margin:8px 0;
table-layout:fixed;
width:100%;
border-collapse:collapse;
line-height:1.35;
font-size:10px;
text-align:center;
display:table;
}
.item-info-container + .payment-info .tbl-tr{
display:table-row;
}
.item-info-container + .payment-info .tbl-th,
.item-info-container + .payment-info .tbl-td{
display:table-cell;
}
.item-info-container + .payment-info .tbl-thead{
display:table-header-group;
}
.item-info-container + .payment-info .tbl-tbody{
display:table-row-group;
}
.item-info-container + .payment-info .tbl-th,
.item-info-container + .payment-info .tbl-td,
.item-info-container + .payment-info th,
.item-info-container + .payment-info td{
padding-top:2px;
vertical-align:middle;
}
.item-info-container + .payment-info .tbl-th,
.item-info-container + .payment-info th{
padding:4px 0;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
white-space:nowrap;
}
.item-info-container + .payment-info .tbl-th:first-child,
.item-info-container + .payment-info th:first-child{
width:16%;
}
.item-info-container + .payment-info .tbl-th:nth-child(2),
.item-info-container + .payment-info th:nth-child(2){
width:18%;
}
.item-info-container + .payment-info .tbl-th:last-child,
.item-info-container + .payment-info th:last-child{
width:41%;
border-right-color:#f5f5f5;
}
.item-info-container + .payment-info .tbl-td,
.item-info-container + .payment-info td{
border-bottom:1px solid #ddd;
}
.item-info-container + .payment-info .tbl-td:first-child,
.item-info-container + .payment-info td:first-child{
border-left:1px solid #ddd;
}
.item-info-container + .payment-info .tbl-td:last-child,
.item-info-container + .payment-info td:last-child{
border-right:1px solid #ddd;
}
.item-info-container + .payment-info .payment-info-credit{
margin:0;
font-size:10px;
}
.item-info-container + .payment-info .payment-info-credit > li:not(:first-child){
display:inline-block;
}
.item-info-container + .payment-info .payment-info-credit ul{
margin:0;
white-space:nowrap;
text-align:center;
display:inline-block;
vertical-align:middle;
font-size:10px;
letter-spacing:-.4em;
}
.item-info-container + .payment-info .payment-info-credit ul > li{
margin:0;
display:inline-block;
letter-spacing:normal;
margin-left:1px;
}
.item-info-container + .payment-info .payment-info-credit ul > li img{
max-height:10px;
}
.item-info-container + .payment-info .payment-info-credit > li:nth-child(2) + li:before{
display:inline-block;
margin:0 2px 0 0;
content:"\ff0f";
}

/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .tab
----------------------------------------------- */
.tab-container{
margin:0 -10px;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background-color:#444;
}
.tab-container .btn-nav-dp{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:3px 5px;
margin:8px 8px 8px 0;
background-color:#666666;
border:1px solid #999999;
border-radius:4px;
font-size:12px;
line-height:1.35;
color:#fff;
width:160px;
height:40px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tab{
display:table;
width:100%;
margin:0;
border-top:1px solid #bbb;
}
.tab > li{
display:table-cell;
width:50%;
vertical-align:middle;
border-left:1px solid #bbb;
border-bottom:1px solid #bbb;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.tab > li:first-child{
border-left:none;
}
.tab > li.active{
background-color:#fff;
border-bottom:1px solid #fff;
}
.tab > li > a{
display:block;
padding:12px 0 11px;
text-align:center;
font-size:14px;
color:var(--font-color-btn-link);
}
.tab > li.active > a{
font-weight:bold;
color:var(--cmn-font-color-base);
}

/* search-result > .tab-container
---------------------------------- */
.search-result .tab-container {
margin:0;
position:relative;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
}
.search-result .tab{
background-color:#444;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:0 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-top:0;
margin:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .tab > li{
position:relative;
width:auto;
display:block;
border:none;
background-color:transparent;
}
.search-result .tab > li:not(:first-child){
margin-left:16px;
}
.search-result .tab > li.active a{
color:#fff;
font-weight:normal;
}
.search-result .tab > li.active a::after{
content:"";
display:block;
position:absolute;
bottom:8px;
left:0;
width:100%;
height:2px;
background-color:#fff;
}
.search-result .tab > li > a{
position:relative;
display:block;
padding:12px 0 16px;
font-size:12px;
color:#fff;
min-height:46px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-condition .search-condition-btn{
-webkit-box-shadow:none;
box-shadow:none;
width:46px;
height:39px;
line-height:1.2;
}
.search-result .search-result .search-result-item-header{
padding-top:0;
}

/* .tab-calendar
----------------------------------------------- */
.tab-calendar{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0;
overflow:hidden;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
background-color:#fff;
}
.tab-calendar:after{
position:absolute;
left:0;
bottom:0;
content:"";
height:1px;
width:100%;
background-color:#bbb;
}
.tab-calendar > li{
position:relative;
float:left;
width:50%;
vertical-align:middle;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#bbb;
}
.tab-calendar > li + li{
border-width:1px 0 0;
}
.tab-calendar > li.active{
background-color:#fff;
}
.tab-calendar > li.active:after{
position:absolute;
left:0;
bottom:0;
content:"";
height:1px;
width:100%;
background-color:#fff;
z-index:1;
}
.tab-calendar > li > a{
display:block;
padding:10px 0;
text-align:center;
font-size:14px;
color:var(--font-color-btn-link);
line-height:1.22;
}
.tab-calendar > li > a .num{
font-size:15px;
}
.tab-calendar > li > a > .type{
display:block;
font-size:11px;
}
.tab-calendar > li > a > .type .num{
font-size:12px;
}
.tab-calendar > li.active > a{
font-weight:bold;
color:var(--cmn-font-color-base);
}

/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:13px;
line-height:1.3;
}
.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:var(--font-color-btn-link);
text-align:center;
}
.pager > li.pager-first{
margin-right:6px;
}
.pager > li.pager-first + .pager-prev{
margin-left:0;
}
.pager > li.pager-prev{
margin-left:51px;
}
.pager > li.pager-current{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.pager > li.pager-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-prev + li.pager-current{
margin-left:0;
}
.pager > li.pager-current span{
font-family:Arial;
}
.pager > li.pager-current > b{
display:block;
font-weight:normal;
font-size:14px;
}
.pager > li.pager-current > b > span{
font-size:15px;
}
.pager > li.pager-next{
width:96px;
}

/* .tab-alliance
----------------------------------------------- */
.tab-alliance{
margin:10px -5px 15px 0;
overflow:hidden;
}
.tab-alliance > li{
float:left;
padding-right:5px;
margin-top:5px;
width:50%;
font-size:13px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.tab-alliance > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--font-color-btn-link);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tab-alliance > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-alliance > li > a > span > span{
display:block;
}
.tab-alliance > li.active > a{
background-color:#888;
border-color:#888;
color:#fff;
font-weight:bold;
}

/* .tab-guide
----------------------------------------------- */
.tab-guide{
margin:5px -5px 10px 0;
overflow:hidden;
}
.tab-guide > li{
float:left;
padding-right:5px;
margin-top:5px;
width:33.33%;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.tab-guide > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--font-color-btn-link);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tab-guide > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-guide > li > a > span > span{
display:block;
}

/* .tab-area
----------------------------------------------- */
.tab-area{
margin:5px -5px 10px 0;
overflow:hidden;
}
.tab-area > li{
float:left;
padding-right:5px;
margin-top:5px;
width:25%;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1.2;
}
.tab-area > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:var(--cmn-font-color-base);
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tab-area > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.tab-area > li > a > span > span{
display:block;
}
.tab-area > li.active > a{
background-color:#666;
border-color:#666;
color:#fff;
}
.tab-area.dest > li{
width:33.333%;
}
.hdg-l2-note + .tab-area,
.hdg-l2-note + .tab-area li:nth-child(-n+4){
margin-top:0;
}

/* .nav-internal
----------------------------------------------- */
.nav-internal{
display:block;
padding:7px;
margin:10px 0 20px;
font-size:16px;
font-weight:bold;
color:var(--font-color-btn-link);
text-align:center;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.nav-internal > span{
position:relative;
padding-left:20px;
}
.nav-internal > span:after{
content:"";
position:absolute;
top:50%;
left:0;
margin-top:-6px;
display:block;
width:14px;
height:14px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-color:transparent;
background-repeat:no-repeat;
background-size:14px 14px;
}

/* ----------------------------------------------------------------
  Box
----------------------------------------------------------------- */
/* .box-bg-ctrl
----------------------------------------------- */
.box-bg-ctrl{
margin:0 -10px;
padding:10px;
background-color:#fff;
}
.box-bg-ctrl.toggle-container{
padding:0 10px;
}

/* .box-bg-ctrl-01
----------------------------------------------- */
.box-bg-ctrl-01{
margin:0 -10px;
padding:10px;
background-color:#f5f5f5;
}

/* .box-important
----------------------------------------------- */
.box-important{
margin:0 0 25px;
padding:10px 13px;
font-size:13px;
background-color:#fff3f3;
}
.hdg-important{
color:var(--cmn-font-color-red);
text-align:center;
font-size:14px;
margin-bottom:2px;
}
.hdg-important > span:before{
content:"\3010";
}
.hdg-important > span:after{
content:"\3011";
}
.hdg-l2 + .box-important{
margin-top:15px;
}

/* ----------------------------------------------------------------
  Headings
----------------------------------------------------------------- */
/* .hdg-l2-container
----------------------------------------------- */
.hdg-l2-container{
position:relative;
}

/* .hdg-l2-btn
----------------------------------------------- */
.hdg-l2-btn{
margin:0;
padding:0 6px;
border:1px solid #fff;
border-radius:3px;
color:#fff;
position:absolute;
bottom:50%;
right:10px;
line-height:21px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
font-size:12px;
background-color:transparent;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
position:relative;
font-size:14px;
font-weight:normal;
margin:0 -10px;
padding:8px 10px;
color:#fff;
background-color:#444;
line-height:1;
}
.hdg-l2-note{
color:var(--cmn-font-color-gray);
margin:0 -10px;
padding:8px 10px;
}
.hdg-l2-note li{
display:block;
padding-left:16px;
position:relative;
font-size:12px;
}
.hdg-l2-note li:before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.hdg-l2 + p{
font-size:12px;
}
.hdg-l2-note + .toggle-container .link-list,
.hdg-l2-note + .toggle-container .hdg-l3-02:first-child,
.hdg-l2-note + .link-list-toggle,
.hdg-l2-note + .link-list-area{
border-top:1px solid #e5e5e5;
}
.hdg-l3-02 + .link-list,
.toggle-item > .link-list{
border-top:none !important;
}
.hdg-l2 .hdg-l2-sup{
font-size:12px;
font-weight:normal;
}

/* .hdg-l2-link
----------------------------------------------- */
.hdg-l2-link{
position:absolute;
right:0;
top:50%;
padding-left:10px;
font-size:13px;
color:#fff;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.hdg-l2-link:before{
content:"";
position:absolute;
top:50%;
left:-5px;
display:block;
width:6px;
height:6px;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#fff;
-webkit-transform:rotate(45deg) translateY(-50%);
transform:rotate(45deg) translateY(-50%);
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
padding:8px 10px;
margin:0 -10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
background:#444;
font-weight:normal;
font-size:14px;
line-height:1;
}
.cmn-ad-bnr + .hdg-l2-01{
margin-top:20px;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
margin:15px 0 5px;
color:var(--cmn-font-color-base);
font-size:13px;
}

/* .pseudo-hdg-l2-container
----------------------------------------------- */
.pseudo-hdg-l2-container{
margin:0 -10px;
padding:7px 135px 7px 10px;
position:relative;
background-color:#444;
}
.pseudo-hdg-l2-container .hdg-l2{
margin:0;
padding:0;
color:#fff;
}

/* .hdg-l2-container presentation
----------------------------------------------- */
.hdg-l2-container [role="presentation"]{
line-height:1.18;
position:absolute;
right:0;
top:50%;
font-size:11px;
text-align:center;
color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.hdg-l2-container [role="presentation"] > span{
display:block;
}
.hdg-l2-container.hotel:after{
right:87px;
}
.hdg-l2-container.hotel [role="presentation"]{
width:87px;
}
.hdg-l2-container.agt:after{
right:75px;
}
.hdg-l2-container.agt [role="presentation"]{
width:75px;
}
.hdg-l2-container.airline:after{
right:42px;
}
.hdg-l2-container.airline [role="presentation"]{
width:42px;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
font-size:14px;
margin:16px 0 5px;
}
.link-list-image + .hdg-l3{
margin-top:12px;
}
.hdg-l2-01 + .hdg-l3{
margin-top:10px;
}

/* .hdg-l3-01
----------------------------------------------- */
.hdg-l3-01{
position:relative;
font-size:13px;
margin:0 -10px;
padding:5px 10px;
border-bottom:1px solid #e5e5e5;
background-color:#f5f5f5;
}

/* .hdg-l3-02
----------------------------------------------- */
.hdg-l3-02{
padding:12px 10px 11px;
margin:0 -10px;
line-height:1.35;
font-size:13px;
}

/* .hdg-l3-03
----------------------------------------------- */
.hdg-l3-03{
margin:12px 0;
padding:3px 10px;
font-size:14px;
background-color:#eee;
}
.toggle-container .hdg-l3-03{
margin:0 -10px 12px;
}

/* .hdg-l3-04
----------------------------------------------- */
.hdg-l3-04{
margin:7px 0;
font-size:14px;
}
.hdg-l3-04-sup{
display:block;
font-size:12px;
font-weight:normal;
}

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

  Paragraph

-------------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
font-size:11px;
color:var(--font-color-btn-link);
margin:8px 0;
}
.notice-list > li{
position:relative;
padding-left:1em;
}
.notice-list > li:not(:first-child){
margin-top:5px;
}
.notice-list > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.notice-list > li .mark{
display:none;
}
.notice-list > li > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.notice-list > li .cmn-tip-btn{
margin-left:4px;
}
.search-result-item .notice-list,
.detail-header .notice-list{
font-size:11px;
}
.notice-list .notice-list .cmn-tip-caution-btn{
vertical-align:top;
}

/* .notice-list-01
----------------------------------------------- */
.notice-list-01{
font-size:12px;
color:var(--font-color-btn-link);
margin:8px 0;
}
.notice-list-01 > li{
position:relative;
padding-left:1em;
}
.notice-list-01 > li:not(:first-child){
margin-top:5px;
}
.notice-list-01 > li:before{
position:absolute;
left:0;
top:0;
content:"\203b";
}
.notice-list-01 > li > .mark{
display:none;
}

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

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

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

  Components

-------------------------------------------------------------------
  Calendar
-------------------------------------------------------------------
/* calendar
----------------------------------------------- */
.hdg-cal-container{
position:relative;
margin:0 -10px;
color:var(--cmn-font-color-base);
}
.hdg-cal-container .hdg-cal{
font-size:15px;
line-height:1.2;
padding:20px 10px;
}
.hdg-cal-container .hdg-cal-btn{
font-size:12px;
line-height:1;
position:absolute;
top:12px;
right:10px;
width:62px;
height:30px;
color:var(--cmn-font-color-base);
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
}
.hdg-cal-container .hdg-cal-btn.active{
border-color:#2584d1;
color:#fff;
background-color:#2584d1;
}
.pseudo-header.is-fixed + .hdg-cal-container{
margin-top:45px;
}
.calendar-container{
margin:0 -10px;
padding-bottom:16px;
border-bottom:1px solid #bbb;
}
.calendar-container .calendar{
font-size:14px;
width:100%;
table-layout:fixed;
border-collapse:collapse;
text-align:center;
background-color:#fff;
}
.calendar-container .calendar tr > th{
font-size:13px;
font-weight:normal;
padding-bottom:12px;
}
.calendar-container .calendar tr > td{
padding-top:8px;
}
.calendar-container .calendar tr > td a{
position:relative;
display:block;
overflow:hidden;
padding:9px 0;
height:38px;
color:var(--cmn-font-color-base);
z-index:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-container .calendar tr > td.disabled a{
color:#ccc!important;
}
.calendar-container .calendar tr > td.active a{
color:#fff;
margin:0 auto;
}
.calendar-container .calendar tr > td.active a:after{
content:"";
display:block;
position:absolute;
left:50%;
top:50%;
-webkit-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:38px;
height:38px;
border-radius:5px;
background-color:#2584d1;
z-index:-1;
}
.lyt-calendar.pseudo-content{
padding-top:35px;
}
.lyt-calendar.lyt-sticky .pseudo-header{
position:fixed;
width:100%;
top:10px;
z-index:1;
margin-top:-10px;
}
.calendar-container .calendar tr > td.disabled:first-child a,
.calendar-container .calendar tr > td.disabled:nth-child(7) a,
.calendar-container .calendar tr > td.disabled.holiday a{
color:var(--cmn-font-color-base);
}
.calendar-container .calendar tr > th:first-child,
.calendar-container .calendar tr > td:first-child a,
.calendar-container .calendar tr > td.holiday a{
color:var(--cmn-font-color-red);
}
.calendar-container .calendar tr > td:first-child.active a,
.calendar-container .calendar tr > td.active.holiday a{
color:#fff;
}

/* ----------------------------------------------------------------
  calendar-cheapest
----------------------------------------------------------------- */
/* .calendar-catch
----------------------------------------------- */
.calendar-catch{
margin:0 -10px 10px;
padding:10px;
font-size:12px;
background-color:#f5f5f5;
}
.calendar-catch > :first-child{
margin-top:0;
}
.calendar-catch > :last-child{
margin-bottom:0;
}
.calendar-catch .calendar-sup{
font-size:11px;
display:block;
color:var(--font-color-btn-link);
}

/* .calendar-nav
----------------------------------------------- */
.pseudo-content .calendar-nav{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
min-height:32px;
position:relative;
margin-bottom:12px;
padding:0 75px;
text-align:center;
}
.pseudo-content .calendar-nav .calendar-nav-hdg{
width:100%;
font-size:18px;
}
.pseudo-content .calendar-nav .calendar-nav-info{
font-size:12px;
font-weight:bold;
}
.pseudo-content .calendar-nav .calendar-nav-info strong{
font-size:14px;
color:var(--cmn-font-color-red);
}

/* .calendar-nav-list
----------------------------------------------- */
.pseudo-content .calendar-nav-list{
margin:0;
}
.pseudo-content .calendar-nav-list > li{
position:absolute;
top:50%;
margin-top:-16px;
}
.pseudo-content .calendar-nav-list > li.prev{
left:0;
}
.pseudo-content .calendar-nav-list > li.next{
right:0;
}
.pseudo-content .calendar-nav-list > li button{
padding:0;
width:65px;
height:32px;
border:1px solid #bbb;
font-size:15px;
font-weight:bold;
color:var(--cmn-font-color-base);
background:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
}
.pseudo-content .calendar-nav-list > li button:before{
position:absolute;
top:50%;
margin-top:-5px;
display:block;
width:0;
height:0;
content:"";
border-width:6px 6px 6px 0;
border-style:solid;
border-color:transparent #888 transparent transparent;
}
.pseudo-content .calendar-nav-list > li button:disabled{
opacity:.25;
}
.pseudo-content .calendar-nav-list > li.prev button{
text-align:left;
padding-left:25px;
}
.pseudo-content .calendar-nav-list > li.next button{
text-align:right;
padding-right:25px;
}
.pseudo-content .calendar-nav-list > li.prev button:before{
left:10px;
}
.pseudo-content .calendar-nav-list > li.next button:before{
right:10px;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
}

/* .calendar-note
----------------------------------------------- */
.pseudo-content .calendar-note{
font-size:12px;
color:var(--cmn-font-color-base);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.pseudo-content .calendar-note .calendar-note-icon{
position:relative;
padding-left:22px;
margin-right:auto;
}
.pseudo-content .calendar-note .calendar-note-icon:before{
content:"";
width:18px;
height:12px;
display:block;
position:absolute;
top:3px;
left:0;
border:1px solid #e93939;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:50%;
opacity:.5;
}

/* .calendar-cheapest-tbl
----------------------------------------------- */
.pseudo-content .calendar-cheapest-tbl{
position:relative;
}
.pseudo-content .calendar-cheapest-tbl table{
margin:8px 0;
font-size:11px;
line-height:1;
width:100%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
color:var(--font-color-btn-link);
}
.pseudo-content .calendar-cheapest-tbl table thead th{
padding:4px 0;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.pseudo-content .calendar-cheapest-tbl table thead th{
border-bottom:1px solid #e5e5e5;
}
.pseudo-content .calendar-cheapest-tbl table thead th:first-child{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-cheapest-tbl table tbody td{
padding:0;
text-align:center;
vertical-align:top;
border-bottom:1px solid #eaeaea;
}
.pseudo-content .calendar-cheapest-tbl table tbody td > div{
height:48px;
padding:8px 3px;
cursor:pointer;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-line-pack:justify;
align-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.pseudo-content .calendar-cheapest-tbl table tbody td:first-child > div{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-cheapest-tbl .date{
display:block;
font-size:12px;
height:14px;
padding-top:2px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--cmn-font-color-gray);
}
.pseudo-content .calendar-cheapest-tbl .price{
position:relative;
display:block;
font-size:12px;
color:var(--cmn-font-color-link);
margin-top:auto;
}
.pseudo-content .calendar-cheapest-tbl .calendar-cheapest-icon{
position:absolute;
top:-1px;
bottom:0;
left:0;
right:0;
margin:auto;
display:block;
width:43px;
height:19px;
color:transparent;
border:1px solid #e93939;
border-radius:50%;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
opacity:.5;
}
.pseudo-content .calendar-cheapest-tbl .calendar-disabled{
position:relative;
pointer-events:none;
}
.pseudo-content .calendar-cheapest-tbl .calendar-disabled .date{
color:var(--cmn-font-color-base);
opacity:.33;
}
.pseudo-content .calendar-cheapest-tbl .calendar-disabled:after{
content:"";
width:8px;
height:1px;
display:inline-block;
background-color:#ccc;
position:absolute;
bottom:14px;
left:calc(50% - 4px);
}
.pseudo-content .calendar-cheapest-tbl .calendar-holiday{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-cheapest-tbl .no-tour .price{
opacity:.33;
color:rgba(0,0,0,0);
background:url(/element_sp/w_tour/shared/images/icon/icon-calendar-state-no.svg) no-repeat 50% 50%;
background-size:8px auto;
}
.pseudo-content .calendar-cheapest-tbl .calendar-active .date{
color:#fff;
background-color:var(--cmn-btn-color);
}
.pseudo-content .calendar-cheapest-tbl td:first-child > .calendar-active{
color:#fff;
}

/* .calender-cheapest-tbl-loading
----------------------------------------------- */
.calendar-cheapest-tbl .calender-cheapest-tbl-loading{
display:none;
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(255,255,255,.75);
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.calendar-cheapest-tbl .calender-cheapest-tbl-loading.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.calendar-cheapest-tbl .calender-cheapest-tbl-loading > div{
padding:0 18px;
max-height:60px;
border-radius:6px;
-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);
box-shadow:0 0 5px rgba(0,0,0,.2);
background-color:#fff;
}

/* .calendar-stock-tbl
----------------------------------------------- */
.pseudo-content .calendar-stock-tbl{
margin:8px 0;
font-size:11px;
line-height:1;
width:100%;
table-layout:fixed;
border-spacing:0;
border-collapse:collapse;
color:var(--font-color-btn-link);
}
.pseudo-content .calendar-stock-tbl table thead th{
padding:4px 0;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:normal;
}
.pseudo-content .calendar-stock-tbl thead th:first-child{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-stock-tbl tbody td{
padding:0;
text-align:center;
vertical-align:top;
border-bottom:1px solid #eaeaea;
}
.pseudo-content .calendar-stock-tbl tbody td > div{
min-height:50px;
padding:4px 0;
cursor:pointer;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-family:Arial;
}
.pseudo-content .calendar-stock-tbl tbody td:first-child > div{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-stock-tbl .calendar-price{
position:relative;
display:block;
color:var(--font-color-btn-link);
font-size:12px;
line-height:1;
}
.pseudo-content .calendar-stock-tbl .calendar-price-child{
color:var(--font-color-btn-link);
font-size:11px;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-icon{
display:block;
position:relative;
margin-top:2px;
height:16px;
color:transparent;
font-size:13px;
line-height:16px;
font-weight:bold;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-available .calendar-stock-icon:before{
content:"";
position:absolute;
top:0;
left:50%;
margin-left:-8px;
display:block;
width:16px;
height:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:2px solid var(--cmn-btn-color);
border-radius:100%;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-double-circle .calendar-stock-icon:before{
content:"";
position:absolute;
top:0;
left:50%;
margin-left:-8px;
display:block;
width:16px;
height:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:5px double var(--cmn-btn-color);
border-radius:100%;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon:before,
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon:after{
content:"";
position:absolute;
height:2px;
width:16px;
display:block;
background:#c2c2c2;
top:50%;
left:50%;
margin-left:-8px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo-content .calendar-stock-tbl .calendar-stock-contact .calendar-stock-text{
color:var(--cmn-btn-color);
font-size:13px;
font-weight:bold;
font-family:"Hiragino Kaku Gothic ProN",
"\30d2\30e9\30ae\30ce\89d2\30b4 ProN W3",
"Hiragino Sans",
"\30d2\30e9\30ae\30ce\89d2\30b4\30b7\30c3\30af",
Meiryo,
\30e1\30a4\30ea\30aa,
sans-serif;
padding-top:3px;
display:block;
}
.pseudo-content .calendar-stock-tbl .is-disabled{
position:relative;
}
.pseudo-content .calendar-stock-tbl .is-disabled:before{
font-size:16px;
font-weight:bold;
line-height:1;
position:absolute;
bottom:20px;
right:50%;
display:block;
content:"－";
-webkit-transform:translate(50%, 50%);
transform:translate(50%, 50%);
color:#c2c2c2;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon:before,
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon:after{
content:"";
position:absolute;
height:2px;
width:16px;
display:block;
background:#c2c2c2;
top:50%;
left:50%;
margin-left:-8px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon:after{
position:absolute;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.pseudo-content .calendar-stock-tbl .calendar-stock-available .calendar-stock-icon > span,
.pseudo-content .calendar-stock-tbl .calendar-stock-full .calendar-stock-icon > span{
opacity:0;
}
.pseudo-content .calendar-stock-tbl .calendar-disabled{
cursor:default;
color:#c2c2c2 !important;
}
.pseudo-content .calendar-stock-tbl .calendar-holiday{
color:var(--cmn-font-color-red);
}
.pseudo-content .calendar-stock-tbl .calendar-active{
color:#fff;
background-color:#2584d1;
}
.pseudo-content .calendar-stock-tbl td:first-child > .calendar-active,
.pseudo-content .calendar-stock-tbl .calendar-active .calendar-price,
.pseudo-content .calendar-stock-tbl .calendar-active .calendar-price-child{
color:#fff;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-full.calendar-active .calendar-stock-icon:after,
.pseudo-content .calendar-stock-tbl .calendar-stock-full.calendar-active .calendar-stock-icon:before{
background-color:#fff;
}
.pseudo-content .calendar-stock-tbl .calendar-stock-available.calendar-active .calendar-stock-icon:before{
border-color:#fff;
}

/* calendar-detail-container
----------------------------------------------- */
.calendar-detail-container{
margin:0 -10px;
}
.calendar-detail-container [role="presentation"]{
display:table;
margin:0;
padding:5px 10px;
width:100%;
font-size:12px;
color:var(--cmn-font-color-base);
line-height:1.16;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-detail-container [role="presentation"] > li{
display:table-cell;
vertical-align:middle;
}
.calendar-detail-container [role="presentation"] > li.date{
width:80px;
text-align:center;
}
.calendar-detail-container [role="presentation"] > li.price{
text-align:center;
}
.calendar-detail-container [role="presentation"] > li.seat{
padding-right:75px;
text-align:center;
width:50px;
}
.calendar-detail-container [role="presentation"] > li > span{
display:block;
font-size:12px;
}
.calendar-detail-container [role="presentation"] > li > span > .num{
font-size:13px;
}
.calendar-detail-container [role="presentation"] > li > .calendar-detail-tax{
font-size:11px;
}

/* calendar-detail-nav
----------------------------------------------- */
.calendar-detail-nav{
background-color:#f5f5f5;
border-width:1px 0;
border-color:#d9d9d9;
border-style:solid;
position:relative;
}
.calendar-detail-nav-hdg{
font-size:15px;
color:var(--cmn-font-color-base);
text-align:center;
padding:9px 60px 8px;
}
.calendar-detail-nav-hdg .num{
font-size:16px;
}
.calendar-detail-nav-list{
margin:0;
}
.calendar-detail-nav-list > li{
position:absolute;
top:0;
width:60px;
height:100%;
}
.calendar-detail-nav-list > li.prev{
left:0;
}
.calendar-detail-nav-list > li.next{
right:0;
}
.calendar-detail-nav-list > li > button{
position:relative;
width:100%;
height:100%;
color:var(--font-color-btn-link);
padding:0 0 0 25px;
text-align:left;
font-size:12px;
border-width:0 1px 0 0;
border-color:#d9d9d9;
border-style:solid;
background-color:transparent;
}
.calendar-detail-nav-list > li > button .num{
font-size:13px;
}
.calendar-detail-nav-list > li.next > button{
border-width:0 0 0 1px;
padding:0 25px 0 0;
text-align:right;
}
.calendar-detail-nav-list > li > button:after{
position:absolute;
left:12px;
top:50%;
margin:-4px 0 0 0;
border-width:0 0 1px 1px;
border-style:solid;
border-color:#666;
content:"";
height:6px;
width:6px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.calendar-detail-nav-list > li.next > button:after{
left:inherit;
right:12px;
border-width:1px 1px 0 0;
}
.calendar-detail-nav-list > li > button:disabled{
opacity:0;
}

/* calendar-detail-list
----------------------------------------------- */
.calendar-detail-list{
margin:0;
}
.calendar-detail-list > li{
display:table;
width:100%;
min-height:65px;
padding:8px 10px 7px;
color:var(--cmn-font-color-base);
border-top:1px solid #d9d9d9;
-webkit-box-sizing:border-box;
box-sizing:border-box;
table-layout:fixed;
}
.calendar-detail-list > li.is-selected{
background-color:#f9ebbb;
}
.calendar-detail-list > li > *{
display:table-cell;
text-align:center;
vertical-align:middle;
}
.calendar-detail-list > li > .date{
text-align:left;
width:80px;
font-size:14px;
}
.calendar-detail-list > li > .date .num{
font-size:16px;
}
.calendar-detail-list > li > .price{
font-size:15px;
}
.calendar-detail-list > li > .price .num{
font-size:16px;
font-weight:normal;
}
.calendar-detail-list > li > .price > a{
display:block;
padding:4px 0;
margin:0 auto;
width:68px;
font-size:12px;
color:var(--font-color-btn-link);
text-align:center;
line-height:1.3;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.calendar-detail-list > li > .seat{
width:50px;
font-size:22px;
}
.calendar-detail-list > li > .button{
width:75px;
}
.calendar-detail-list > li > .button > a{
display:block;
padding:8px 0;
color:#fff;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
}
.calendar-detail-list > li > .button.branch > a{
font-size:12px;
padding:4px 0;
line-height:1.1;
}
.calendar-detail-list > li > .button.branch > a > span{
display:block;
}
.calendar-detail-list > li.holiday > .date{
color:var(--cmn-font-color-red);
}

/* calendar-detail-mark-list
----------------------------------------------- */
.calendar-detail-mark-list{
font-size:11px;
margin-top:12px;
}
.calendar-detail-mark-list > li{
display:inline-block;
margin-right:10px;
}
.calendar-detail-mark-list > li > span:after{
content:"\ff1a";
}

/* ----------------------------------------------------------------
  Carousel
----------------------------------------------------------------- */
/* .carousel-list-container
----------------------------------------------- */
.carousel-list-container{
margin:0 -10px 20px;
padding:0 28px;
position:relative;
}
.carousel-list-inner{
overflow:hidden;
}
.carousel-list{
overflow:hidden;
margin:0;
display:table;
table-layout:fixed;
-webkit-transition-property:-webkit-transform;
transition-property:-webkit-transform;
transition-property:transform;
transition-property:transform, -webkit-transform;
transition-property:transform,
-webkit-transform;
-webkit-transition-timing-function:cubic-bezier(0, 0, .25, 1);
transition-timing-function:cubic-bezier(0, 0, .25, 1);
-webkit-transition-duration:350ms;
transition-duration:350ms;
-webkit-transform:translate3d(0px, 0px, 0px);
transform:translate3d(0px, 0px, 0px);
}
.carousel-list > li{
display:table-cell;
width:100%;
font-size:13px;
font-weight:bold;
line-height:1.45;
}
.carousel-list > li > a{
position:relative;
display:block;
padding-left:108px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--font-color-btn-link);
min-height:55px;
}
.carousel-list > li > a > .img{
position:absolute;
left:0;
top:0;
width:100%;
max-width:98px;
height:auto;
margin:0 8px 0 0;
}
.carousel-list img{
vertical-align:bottom;
}

/* .carousel-list-nav
----------------------------------------------- */
.carousel-list-nav{
margin:0;
}
.carousel-list-nav > li{
position:absolute;
top:0;
}
.carousel-list-nav > li.prev{
left:0;
}
.carousel-list-nav > li.next{
right:0;
}
.carousel-list-nav > li > a{
display:block;
width:18px;
height:55px;
background-color:#dedede;
}
.carousel-list-nav > li > a:before{
content:"";
position:absolute;
top:50%;
margin-top:-5px;
height:8px;
width:8px;
display:block;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.carousel-list-nav > li.prev > a:before{
left:5px;
border:2px solid #fff;
border-right-width:0;
border-top-width:0;
}
.carousel-list-nav > li.next > a:before{
right:5px;
border:2px solid #fff;
border-left-width:0;
border-bottom-width:0;
}
.carousel-list-nav > li.active > a{
background-color:#888;
}
.carousel-list-nav > li > a > span{
left:-9999px;
position:absolute;
}

/* .carousel-img-container
----------------------------------------------- */
.carousel-img-container{
margin-top:25px;
}
.carousel-img-inner{
overflow:hidden;
}
.carousel-img-list{
overflow:hidden;
width:500%;
margin:0;
}
.carousel-img-list > li{
float:left;
font-size:13px;
line-height:1.45;
text-align:center;
}
.carousel-img-list > li > .img{
max-height:200px;
min-height:100px;
margin-bottom:10px;
}
.carousel-img-list > li > .img > img{
max-width:100%;
max-height:200px;
min-height:100px;
}
.carousel-img-list > li > div{
font-size:11px;
color:var(--font-color-btn-link);
}

/* .carousel-list-nav-01
----------------------------------------------- */
.carousel-list-nav-01{
text-align:center;
letter-spacing:-.4em;
margin:10px 0 15px;
}
.carousel-list-nav-01 > li{
display:inline-block;
letter-spacing:normal;
margin:0 5px;
}
.carousel-list-nav-01 > li > a{
display:block;
overflow:hidden;
width:8px;
height:8px;
}
.carousel-list-nav-01 > li > a > span{
opacity:0;
}
.carousel-list-nav-01 > li > a:before{
content:"";
width:8px;
height:8px;
display:block;
background-color:#ccc;
border-radius:100%;
}
.carousel-list-nav-01 > li.active a:before{
background-color:#666;
}

/* ----------------------------------------------------------------
  Suggest
----------------------------------------------------------------- */
/* suggest
----------------------------------------------- */
.suggest-container{
position:relative;
}
.tbl-form .suggest-container{
margin:0;
}
.suggest-container .form-sup{
font-size:12px;
font-weight:normal;
}
.box-suggest{
display:none;
margin:0 0 65px;
position:absolute;
left:0;
top:37px;
width:100%;
background-color:#fff;
border:1px solid #bbb;
z-index:2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.box-suggest.active{
display:block;
}
.box-suggest .error-suggest{
padding:13px 11px;
font-size:15px;
}
.hdg-suggest{
font-size:14px;
padding:8px 10px 6px;
color:#fff;
background-color:#666;
}
.list-suggest{
margin:0;
white-space:normal;
}
.list-suggest > li{
font-size:15px;
border-bottom:1px solid #e9e9e9;
}
.list-suggest > li > a{
padding:10px 13px;
display:block;
color:var(--cmn-font-color-base);
}
.list-suggest > li.suggest-close-btn > a{
padding:6px 13px;
text-align:center;
}

/* ----------------------------------------------------------------
  Search Form
-------------------------------------------------------------------
  Index
---------------------------------------------------------------- */
.search-index-hdg-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:12px;
line-height:1.2;
}

/* .search-index-container-hdg
----------------------------------------------- */
.search-index-container-hdg{
font-size:16px;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
}
.search-index-container .form-box-idx-header-link-history{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:right;
font-size:14px;
position:relative;
bottom:1px;
}
.search-index-container .form-box-idx-header-link-history a{
--cmn-dashed-color:#fff;
--cmn-dashed-font-color:#fff;
}

/* .search-index-container-hdg-sup
----------------------------------------------- */
.search-index-container-hdg-sup{
font-size:14px;
padding-left:4px;
display:inline-block;
vertical-align:baseline;
color:#fff;
text-shadow:0 1px 0 rgb(0 0 0 / 50%);
}

/* .search-index-container
----------------------------------------------- */
.search-index-container{
position:relative;
margin:-10px -10px 0;
padding:12px 8px 32px;
background-image:url(/element_sp/w_tour/index/images/bg.png),
url(/element_sp/w_tour/index/images/bg-index.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0,
0 100%;
background-color:#004c9a;
}
.search-index-container + .cmn-ad-bnr{
margin:0;
}

/* .search-index-container-inner
----------------------------------------------- */
.search-index-container-inner{
position:relative;
padding:12px 12px 72px;
border-radius:6px;
background-color:rgba(255, 255, 255, .95);
}
.search-index-container-inner p{
margin:8px 0 0 0;
font-size:12px;
}

/* .search-index-form
----------------------------------------------- */
.search-index-form{
display:table;
margin:0;
border-collapse:collapse;
width:100%;
table-layout:fixed;
}
.search-index-form .tbl-tr{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-top:8px;
}
.search-index-form .tbl-tr:first-child{
margin-top:0;
}
.search-index-form .tbl-th,
.search-index-form .tbl-td{
text-align:left;
vertical-align:middle;
}
.search-index-form .tbl-th >:first-child,
.search-index-form .tbl-td >:first-child{
margin-top:0;
}
.search-index-form .tbl-th >:last-child,
.search-index-form .tbl-td >:last-child{
margin-bottom:0;
}
.search-index-form .tbl-tr.guide .tbl-td{
padding-left:74px;
}
.search-index-form .toggle-container .toggle-btn{
font-size:14px;
position:relative;
padding:8px 0;
text-align:left;
border:none;
width:100%;
background-color:transparent;
color:var(--cmn-font-color-base);
}
.search-index-form .toggle-container .toggle-btn::before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-3px 7px 0 0;
width:13px;
height:13px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center no-repeat;
background-size:100%;
}
.search-index-form .toggle-container.active .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.search-index-form .tbl-th{
font-size:14px;
width:74px;
min-height:38px;
text-align:left;
line-height:1.25;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
}
.search-index-form .tbl-th.align-top{
margin-bottom:auto;
height:38px;
}
.search-index-form .tbl-th > div{
position:relative;
padding-right:23px;
}
.search-index-form .tbl-th > div .cmn-tip-btn{
position:absolute;
right:8px;
top:50%;
margin-top:-8px;
}
.search-index-form .tbl-th span:not([class]){
display:block;
}
.search-index-form .tbl-td{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-index-form .tbl-td .checkbox-custom{
padding:0 10px 0 40px;
}
.search-index-form .tbl-tr:first-child .tbl-td{
padding-top:0;
}
.search-index-form .tbl-tr:last-child .tbl-td{
padding-bottom:0;
}
.search-index-form .tbl-td > *:first-child{
margin-top:0;
}
.search-index-form .tbl-td > *:last-child{
margin-bottom:0;
}
.search-index-form .suggest-container{
margin:0;
}
.search-index-form .checkbox-custom{
margin-left:-10px;
}
.form-index-btn-container{
margin-top:0;
padding:12px 20px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(255, 255, 255, .9);
position:fixed;
z-index:1;
bottom:0;
left:0;
border-top:1px solid #ddd;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.form-index-btn-container.is-static{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:absolute;
background:none;
border-top:0;
padding:0 10px 15px !important;
z-index:1;
}

/* .tbl-form-container
----------------------------------------------- */
.tbl-form-container{
position:relative;
}
.search-container .tbl-form-container{
padding:10px;
}
.tbl-form-container + .tbl-form-container{
margin-top:8px;
}
.tbl-form-container .form-sup{
display:block;
font-size:13px;
color:var(--font-color-btn-link);
line-height:1.25;
}
.tbl-form-btn,
.tbl-form-btn-s{
font-size:16px;
width:100%;
min-height:38px;
color:var(--cmn-font-color-base);
padding:7px 20px 5px 8px;
border:1px solid #888;
text-align:left;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#fff;
}
.tbl-form-btn-s{
font-size:16px;
}
.tbl-form-btn:before,
.tbl-form-btn-s:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.tbl-form-btn.is-unselected,
.tbl-form-btn-s.is-unselected{
font-weight:normal;
color:#9e9e9e;
}
.tbl-form-btn.is-selected,
.tbl-form-btn-s.is-selected{
font-weight:normal;
}
.tbl-form-container .tbl-form-btn.is-selected,
.tbl-form-container .tbl-form-btn-s.is-selected{
padding-left:55px;
}

/* .tbl-form-btn-del
----------------------------------------------- */
.tbl-form-btn-del{
position:absolute;
top:50%;
left:7px;
font-size:12px;
min-height:24px;
width:42px;
padding:2px 8px;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
display:none;
color:var(--font-color-btn-link);
line-height:1.2;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.search-index-form .tbl-form-btn-del{
font-size:12px;
height:20px;
width:40px;
min-height:auto;
padding:0;
color:var(--font-color-btn-link);
line-height:1.2;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-form-btn.is-selected + .tbl-form-btn-del,
.tbl-form-btn-s.is-selected + .tbl-form-btn-del,
.search-word-btn-s.is-selected + .tbl-form-btn-del,
.disp-selectitem.active .tbl-form-btn-del{
display:block;
}

/* .tbl-form-area-list
----------------------------------------------- */
.tbl-form-area-list{
margin:4px 0;
}
.tbl-form-area-list > li{
min-height:30px;
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:center;
-ms-flex-align:center;
align-items:center;
}
.tbl-form-area-list > li > a{
position:relative;
display:block;
padding:6px 20px 6px 10px;
color:var(--cmn-font-color-base);
font-size:16px;
font-weight:normal;
line-height:1.2;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.tbl-form-area-list > li > a:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:10px;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}

/* .tbl-form-area-list.is-unselected
----------------------------------------------- */
.tbl-form-area-list.is-unselected{
margin:0;
}
.tbl-form-area-list.is-unselected > li:first-child > a{
padding:16px 20px 15px 10px;
font-weight:normal;
color:#9e9e9e;
}

/* .tbl-form-area-tour-type
----------------------------------------------- */
.tbl-form-area-tour-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tbl-form-area-tour-type > li{
margin-left:10px;
}
.tbl-form-area-tour-type > li:not(:first-child){
margin-left:5.6%;
}
.tbl-form-area-tour-type > li > label{
padding:7px 0 7px 25px;
}

/* .tbl-form-area-exclude
----------------------------------------------- */
.tbl-form-area-exclude{
display:none;
margin:1px 10px 0;
padding-top:10px;
font-size:14px;
border-top:1px solid #e5e5e5;
}
.tbl-form-area-exclude .tbl-form-area-exclude-inner{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.tbl-form-area-exclude-hdg{
position:relative;
width:45px;
padding-right:1em;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-form-area-exclude-hdg:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
color:var(--cmn-font-color-base);
}
.tbl-form-area-exclude.is-selected{
display:block;
}

/* .tbl-form-area-list-exclude
----------------------------------------------- */
.tbl-form-area-list-exclude{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow:hidden;
}
.tbl-form-area-list-exclude > li{
float:left;
margin-right:11px;
}
.tbl-form-area-list-exclude > li:last-child{
margin-right:0;
}
.tbl-form-area-list-exclude > li > button{
position:relative;
color:var(--font-color-btn-link);
font-size:14px;
padding-left:20px;
background:transparent;
border:none;
line-height:1;
-moz-text-align-last:left;
text-align-last:left;
}
.tbl-form-area-list-exclude > li > button:after{
position:absolute;
left:0;
top:0;
width:13px;
height:13px;
content:"";
background-image:url(/element_sp/shared/images/icon/icon-del.svg);
background-size:13px 13px;
opacity:.5;
}

/* .tbl-form-area-list-btn-del
----------------------------------------------- */
.tbl-form-area-list .tbl-form-area-list-btn-del{
font-size:12px;
height:20px;
width:40px;
margin-left:10px;
color:var(--font-color-btn-link);
line-height:1.2;
border:1px solid #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tbl-form-area-list.is-unselected .tbl-form-area-list-btn-del{
display:none;
}

/* .tbl-form-area-list-btn-add
----------------------------------------------- */
.tbl-form-area-list-btn-add{
display:block;
padding:5px 10px 8px;
color:var(--font-color-btn-link);
font-size:13px;
text-align:right;
}
.tbl-form-area-list-btn-add > span{
position:relative;
padding-left:20px;
}
.tbl-form-area-list-btn-add > span:after{
position:absolute;
left:0;
top:50%;
width:14px;
height:14px;
content:"";
background-image:url(/element_sp/w_tour/shared/images/icon-add.svg);
background-size:14px 14px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.checkbox-custom + .tbl-form-area-list-btn-add{
padding-top:1px;
}
.tbl-form-area-exclude .tbl-form-area-list-btn-add{
padding:1px 0 8px 10px;
}

/* .form-tour-type
----------------------------------------------- */
.form-tour-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:8px 0;
}
.form-tour-type > li:not(:first-child){
margin-left:5.6%;
}
.form-tour-type > li .radio-custom{
color:var(--cmn-font-color-base);
}
.tbl-form-container .form-tour-type{
display:inherit;
line-height:1.25;
margin:8px 0;
}
.tbl-form-container .form-tour-type > li:not(:first-child){
margin-top:10px;
margin-left:0;
}
.tbl-td .form-tour-only{
margin:8px 0;
}

/* .form-tour-guide-web .form-tour-type
----------------------------------------------- */
.form-tour-guide-web .form-tour-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin:0;
gap:60px;
}
.form-tour-guide-web .form-tour-type .checkbox-custom {
padding:10px 0 10px 40px;
}
.form-tour-guide-web .form-tour-type > li:not(:first-child) {
margin-left:0;
}

/* .list-selectitem
----------------------------------------------- */
.list-selectitem li{
font-size:14px;
color:var(--cmn-font-color-base);
line-height:1.2;
margin-top:7px;
}
.list-selectitem li:first-child{
margin-top:0;
}
.list-selectitem li > .list-selectitem-hdg{
font-weight:normal;
font-size:12px;
display:block;
}
.list-selectitem.number li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
margin-top:2px;
}
.list-selectitem.number li > div:first-child{
position:relative;
padding-right:1em;
}
.list-selectitem.number li > div:first-child:after{
position:absolute;
right:0;
top:0;
content:"\ff1a";
}
.list-selectitem.time li{
line-height:1.4;
}

/* ----------------------------------------------------------------
  Result
-------------------------------------------------------------------
/* .search-container
----------------------------------------------- */
.search-container{
position:relative;
margin:0 -10px;
}

/* .search-container > .search-form
----------------------------------------------- */
.search-container .search-form{
border-spacing:0;
width:100%;
margin:0;
border-collapse:collapse;
table-layout:fixed;
}
.search-container .search-form .select-custom > select{
border-color:#999;
color:#9e9e9e;
}
.search-container .search-form .select-custom > select option{
color:var(--cmn-font-color-base);
}
.search-container .search-form .select-custom > select option[disabled]{
color:#9e9e9e;
}
.search-container .search-form .select-custom.is-selected > select{
color:var(--cmn-font-color-base);
}
.search-container .search-form .toggle-container .toggle-btn{
font-size:14px;
position:relative;
padding:9px 10px;
text-align:left;
border:none;
width:100%;
background-color:transparent;
color:var(--font-color-btn-link);
}
.search-container .search-form .toggle-container .toggle-btn::before{
content:"";
display:inline-block;
vertical-align:middle;
margin:-3px 7px 0 0;
width:13px;
height:13px;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center no-repeat;
background-size:100%;
}
.search-container .search-form .toggle-container.active .toggle-btn::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.search-container .form-inner-01{
padding:10px;
}
.search-container .search-form th,
.search-container .search-form td{
padding:0;
border-bottom:1px solid #e5e5e5;
}
.search-container .search-form th{
vertical-align:middle;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
width:85px;
padding-left:10px;
line-height:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.search-container .search-form tr > th span{
display:block;
}
.search-container .search-form tr > th span.sup{
margin-top:6px;
font-weight:normal;
font-size:11px;
}
.search-container .search-form tr > th > div{
position:relative;
}
.search-container .search-form tr > th > div > .cmn-tip-btn{
position:absolute;
right:4px;
top:50%;
margin-top:-8px;
}
.search-container .search-form tr > th .note{
font-size:10px;
margin-top:2px;
}
.search-container .search-form td{
overflow:hidden;
}
.search-container .search-form td > .checkbox-custom input[type="checkbox"]{
left:10px;
}
.search-container .search-form tr.is-disabled{
display:none;
}
.search-container .search-form .toggle-btn{
padding:9px 10px;
}
.search-container .tbl-form-btn,
.search-container .tbl-form-btn-s{
border:0;
width:auto;
line-height:1.2;
}
.search-container .tbl-form-btn > b,
.search-container .tbl-form-btn-s > b{
font-weight:normal;
}
.search-container .tbl-form-container .tbl-form-btn,
.search-container .tbl-form-container .tbl-form-btn-s{
margin:-10px;
}
.search-container .tbl-form-btn{
padding:16px 20px 15px 8px;
}
.search-container .tbl-form-btn-s{
font-size:14px;
padding:10px 20px 10px 8px;
}
.search-container .tbl-form-container .tbl-form-btn.is-selected,
.search-container .tbl-form-container .tbl-form-btn-s.is-selected{
padding-left:60px;
}
.search-container .tbl-form-container .tbl-form-btn-del{
left:10px;
}
.search-container .toggle-container{
margin-top:-10px;
}
.search-container .toggle-container.active{
margin-bottom:0;
}
.search-container .toggle-item .form-inner-01{
padding-top:0;
}
.search-container .tbl-form-btn.disabled,
.search-container .tbl-form-btn-s.disabled{
opacity:.5;
}

/* .form-search-list
----------------------------------------------- */
.form-search-list{
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;
}
.form-search-list > li:first-child{
width:43%;
}
.form-search-list > li label{
position:relative;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:100%;
min-height:30px;
padding:10px 5px 10px 38px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:14px;
letter-spacing:-.07em;
line-height:1.3;
}
.form-search-list >li.form-search-list-full{
width:100%;
}

/* .form-list-rank
----------------------------------------------- */
.form-list-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
line-height:1;
margin:5px 0 10px;
font-family:Arial;
}
.form-list-rank > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
width:20%;
}
.form-list-rank > li label{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
height:100%;
min-height:35px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:15px;
padding-left:34px;
}
.form-list-rank input[type="checkbox"]{
position:absolute;
left:0;
top:50%;
margin:-2px 0 0;
padding:0;
border:none;
border-radius:0;
width:24px;
height:24px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
display:inline-block;
vertical-align:middle;
background:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox.svg) 0 0 no-repeat;
background-size:100%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-list-rank input[type="checkbox"]:checked{
background-image:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox-on.svg);
}
.form-list-rank > li.is-disabled{
color:#ccc;
}
.form-search-col .form-list-rank{
margin:3px 0 0 0;
}
.form-search-col .form-list-rank > li label{
min-height:20px;
padding:0 0 0 22px;
}
.form-search-col .form-list-rank input[type="checkbox"]{
width:20px;
height:20px;
}

/* .form-search-col
----------------------------------------------- */
.search-form .form-search-col{
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);
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:10px;
}
.search-form .form-search-col.form-search-col-split{
border-top:1px solid #e5e5e5;
margin:0 10px;
padding-left:0;
padding-right:0;
}
.search-form .form-search-col + .form-search-col:not([class*="form-search-col-split"]){
padding:2px 10px 10px;
}
.search-form .form-search-col > div:first-child{
width:52px;
font-size:12px;
line-height:1.25;
}
.search-form .form-search-col > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .form-search-btn
----------------------------------------------- */
.search-form .form-search-btn{
display:-webkit-box;
display:-ms-flexbox;
display:flex;

/* align-items:flex-start; */
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
width:100%;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:15px 30px 14px 10px;
min-height:47px;
}
.search-form .form-search-col .form-search-btn{
margin:-10px;
padding:6px 30px 8px 10px;
}
.search-form .form-search-btn:after{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
margin-top:-5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.search-form .form-search-btn > div:first-child:not(:last-child){
width:52px;
font-size:12px;
}
.search-form .form-search-btn > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-form .form-search-btn .form-search-btn-col{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:1.3;
width:100%;
padding-top:1px;
}
.search-form .form-search-btn .form-search-btn-col:not(:first-child){
margin-top:4px;
}
.search-form .form-search-btn .form-search-btn-col:empty{
display:none;
}
.search-form .form-search-btn .form-search-btn-icon{
position:relative;
top:-1px;
display:inline-block;
margin:0 5px 0 0;
padding:2px 3px 0;
height:17px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:11px;
line-height:1;
border:1px solid #ccc;
vertical-align:middle;
}
.search-form .form-search-btn.is-disabled .form-search-btn-col{
color:#bbb;
}

/* .disp-selectitem
----------------------------------------------- */
.disp-selectitem{
display:table;
margin-left:50px;
min-height:30px;
}
.disp-selectitem .list-selectitem{
display:table-cell;
vertical-align:middle;
}
.search-container .tbl-form-container{
margin-top:0;
border-bottom:1px solid #e5e5e5;
}
.search-container .tbl-form-container:last-child{
border-bottom:0;
}
.search-container .form-inner-item .tbl-form-container{
padding:0;
}

/* ----------------------------------------------------------------
  .search-result-header
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-10px -10px 0;
padding:12px 10px;
background:#004c9a url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}
.search-result-header > :first-child{
margin-top:0 !important;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
color:#fff;
line-height:1.35;
font-size:16px;
font-weight:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, .5);
}
.search-result-header .search-result-header-category + .search-result-header-category-sup{
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:4px;
margin:2px 0 0;
}
.search-result-header .search-result-header-category + .search-result-header-category-sup .search-result-header-category-sup-hdg{
font-weight:normal;
}

/* .search-result-header-category-sup
----------------------------------------------- */
.search-result-header-category-sup{
padding-left:4px;
}

/* .search-result-header-sup
----------------------------------------------- */
.search-result-header .search-result-header-sup{
margin-bottom:0;
color:#fff;
line-height:1.35;
font-size:11px;
}
.search-result-header .search-result-header-sup a:not([class]){
color:#fff;
text-decoration:underline;
}

/* .search-condition
----------------------------------------------- */
.search-condition{
margin-top:12px;
padding:12px 12px 8px;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:0 2px 1px rgba(0, 0, 0, .15);
box-shadow:0 2px 1px rgba(0, 0, 0, .15);
position:relative;
background-color:#fff;
font-size:12px;
line-height:1.35;
}
.search-condition.is-sticky{
border-radius:0;
position:fixed;
top:0;
left:0;
width:100%;
z-index:2;
}

/* .search-condition-state
----------------------------------------------- */
.search-condition .search-condition-state{
padding-right:50px;
position:relative;
}

/* .search-condition-hdg
----------------------------------------------- */
.search-condition .search-condition-hdg{
font-weight:bold;
font-size:14px;
margin-bottom:5px;
}
.search-condition .search-condition-hdg .search-condition-hdg-sup{
display:block;
font-size:11px;
font-weight:normal;
color:var(--font-color-btn-link);
}

/* .search-condition-state-list
----------------------------------------------- */
.search-condition .search-condition-state-list{
margin:0;
font-size:13px;
}
.search-condition .search-condition-state-list > li{
margin-top:2px;
display:table;
width:100%;
}
.search-condition .search-condition-state-list > li > span{
font-size:11px;
color:var(--font-color-btn-link);
}
.search-condition .search-condition-state-list > li > ul{
margin:0;
letter-spacing:-.4em;
}
.search-condition .search-condition-state-list > li > ul > li{
display:inline-block;
letter-spacing:normal;
margin-left:15px;
vertical-align:top;
}
.search-condition .search-condition-state-list > li > ul > li:first-child{
margin-left:0;
}
.search-condition .search-condition-state-list > li > ul > li > span{
display:block;
}

/* .search-condition-state-list-01
----------------------------------------------- */
.search-condition .search-condition-state-list-01{
margin:0;
font-size:12px;
line-height:1.58;
}
.search-condition .search-condition-state-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-condition .search-condition-state-list-01 > li:not(:last-child){
margin-bottom:2px;
}
.search-condition .search-condition-state-list-01 > li > span{
padding-right:1em;
width:110px;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
white-space:nowrap;
}
.search-condition .search-condition-state-list-01 > li > span:after{
content:"\ff1a";
position:absolute;
top:0;
right:0;
}
.search-condition .search-condition-state-list-01 > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-condition .search-condition-state-list-01 > li > div > ul{
margin:0;
font-size:12px;
}
.search-condition .search-condition-state-list-01 > li > div > ul > li{
line-height:1.4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-condition .search-condition-state-list-01 > li > div > ul > li:not(:first-child){
margin-top:2px;
}
.search-condition .search-condition-state-list-01 > li > div > ul > li > span{
width:4.5em;
}
.search-condition .search-condition-state-list-01 > li > div > ul > li > div{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-condition .search-condition-state-list-icon{
display:inline-block;
margin:-2px 4px 0 0;
padding:1px 2px;
font-size:10px;
line-height:1.2;
vertical-align:middle;
border:1px solid #ccc;
}

/* .search-condition-state-list-hdg
----------------------------------------------- */
.search-condition .search-condition-state-list-hdg{
position:relative;
display:inline-block;
padding-right:6px;
}
.search-condition .search-condition-state-list-hdg::after{
content:"";
width:1px;
height:12px;
background-color:#333;
display:inline-block;
vertical-align:top;
margin:2px 0 0 5px;
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition .search-condition-btn{
position:absolute;
top:10px;
right:10px;
display:inline-block;
padding:4px 10px 0;
background:none;
font-size:12px;
line-height:1.2;
color:var(--cmn-font-color-base);
text-align:center;
border:1px solid #bbb;
width:46px;
height:39px;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-condition .search-condition-btn > span{
display:block;
}

/* .search-condition-toggle
----------------------------------------------- */
.search-condition .search-condition-toggle{
margin-top:10px;
position:relative;
}
.search-condition .search-condition-toggle .search-condition-toggle-item{
padding-right:110px;
height:1.5em;
position:relative;
overflow:hidden;
}
.search-condition .search-condition-toggle .search-condition-toggle-item .search-condition-state-list-01 li > div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.search-condition .search-condition-toggle .search-condition-toggle-item .search-condition-state-list-01 li > div > div{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook{
position:absolute;
top:0;
right:0;
background-color:#fff;
}
.search-condition .search-condition-toggle .search-condition-toggle-hook button{
margin:0;
padding:0 0 0 17px;
border:none;
color:var(--font-color-btn-link);
font-size:12px;
position:relative;
background:none;
border:none;

}
.search-condition .search-condition-toggle .search-condition-toggle-hook button::before{
position:absolute;
left:2px;
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;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook button::before{
top:2px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);

}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item{
padding-right:0;
height:auto;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item .search-condition-state-list-01 li > div{
white-space:normal;
word-wrap:break-word;
word-break:break-all;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-item .search-condition-state-list-01 li > div > div{
white-space:normal;
word-break:break-all;
word-wrap:break-word;
overflow:visible;
}
.search-condition .search-condition-toggle.is-active .search-condition-toggle-hook{
margin-top:5px;
padding-left:0;
position:static;
text-align:right;
}

/* .search-condition-cheapest-btn
----------------------------------------------- */
.search-condition-cheapest-btn{
position:relative;
display:block;
color:var(--font-color-btn-link);
font-size:12px;
padding:9px 12px 8px;
margin-top:5px;
border-radius:3px;
-webkit-box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
box-shadow:0 2px 1px 0 rgba(0, 0, 0, .15);
background-color:#fff;
}
.search-condition-cheapest-btn:before{
content:"";
margin-right:7px;
width:14px;
height:16px;
display:inline-block;
vertical-align:top;
background:url(/element_sp/shared/images/icon/icon-calendar.svg) 0 0 #fff no-repeat;
background-size:100%;
}
.search-condition-cheapest-btn > span{
font-size:11px;
}

/* ----------------------------------------------------------------
  .search-result
----------------------------------------------------------------- */
/* .pr-box
----------------------------------------------- */
.pr-box{
position:relative;
display:block;
margin:15px 10px 15px;
padding:7px;
border:3px solid #8ab7ec;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:var(--font-color-btn-link);
}
.pr-box .pr-hdg{
font-size:13px;
font-weight:bold;
line-height:1.38;
margin-bottom:3px;
text-indent:52px;
}
.pr-box .pr-icon{
position:absolute;
left:7px;
top:6px;
display:inline-block;
font-size:11px;
line-height:1;
padding:2px 10px;
color:#fff;
font-weight:normal;
background-color:#333;
}
.pr-box .pr-item{
padding-left:80px;
position:relative;
min-height:50px;
}
.pr-box .pr-item .pr-item-image{
width:70px;
position:absolute;
left:0;
top:0;
}
.pr-box .pr-item .pr-item-image img{
width:100%;
height:auto;
max-width:70px;
max-height:50px;
}
.pr-box .pr-item .pr-item-price{
color:var(--cmn-font-color-base);
font-size:12px;
line-height:1;
margin-bottom:5px;
}
.pr-box .pr-item .pr-item-price .num{
font-size:15px;
}
.pr-box .pr-item .pr-item-note{
color:var(--font-color-btn-link);
font-size:11px;
margin:0;
line-height:1.36;
padding-right:60px;
}
.pr-box .pr-item .pr-item-agt{
position:absolute;
right:0;
bottom:0;
}
.pr-box .pr-item .pr-item-agt > span{
display:block;
width:52px;
height:19px;
text-align:center;
background-color:#fff;
border:1px solid #b4b4b4;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pr-box .pr-item .pr-item-agt img{
max-width:50px;
max-height:17px;
vertical-align:top;
}

/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
}
.search-result .cmn-loading-spinner{
margin-bottom:1000px;
}

/* .search-result-num
----------------------------------------------- */
.search-result .search-result-num{
padding:5px 10px;
color:#fff;
line-height:1.25;
background-color:#444;
font-size:12px;
}
.search-result .search-result-num > b{
font-size:14px;
font-weight:normal;
}

/* .search-result-sort
----------------------------------------------- */
/* .search-result-sort
---------------------------------- */
.search-result-sort{
padding:10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:34px;
background-color:#fff;
}
.search-result .loading{
margin:20px auto 300px;
}

/* .search-result-sort-num
---------------------------------- */
.search-result-sort .search-result-sort-num{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
line-height:1.25;
min-width:105px;
}
.search-result-sort .search-result-sort-num > span{
display:block;
font-size:12px;
}
.search-result-sort .search-result-sort-num button{
padding:0 19px 0 0;
border:none;
min-height:15px;
background:url(/element/shared/images/icon/icon-tip-faq.svg) 99% 50% no-repeat;
background-size:15px;
font-size:12px;
text-align:left;
line-height:1;
}

/* .search-result-sort-btn
---------------------------------- */
.search-result-sort .search-result-sort-btn{
margin:-4px 0 0 -3px;
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;
background-color:transparent;
height:inherit;
width:inherit;
border:none;
}
.search-result-sort .search-result-sort-btn > li{
margin:4px 0 0 4px;
position:relative;
}
.search-result-sort .search-result-sort-btn button:not([class]){
padding:0 8px 0 27px;
border:1px solid #ccc;
border-radius:17px;
height:34px;
max-width:180px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
background-color:#fff;
background-position:10px 50%;
background-repeat:no-repeat;
background-size:15px auto;
font-size:14px;
}
.search-result-sort .search-result-sort-btn button.is-disabled,
.search-result-sort .search-result-sort-btn button:disabled{
opacity:.33;
}
.search-result-sort .search-result-sort-btn .sort button:not([class]){
background-image:url(/element_sp/w_tour/shared/images/icon-form-sort.svg);
}

/* .search-result-sort-btn-pulldown
----------------------------------------------- */
.sort[aria-expanded="true"] .search-result-sort-btn-pulldown{
display:block;
}
.search-result-sort-btn-pulldown{
margin-top:8px;
padding:26px 16px 10px;
border-radius:4px;
display:none;
position:absolute;
top:100%;
right:50%;
max-width:210px;
-webkit-transform:translateX(50%);
transform:translateX(50%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
z-index:2;
background-color:#fff;
font-size:14px;
-webkit-filter:drop-shadow(1px 2px 3px rgba(0, 0, 0, .4));
filter:drop-shadow(1px 2px 3px rgba(0, 0, 0, .4));
}
.search-result-sort-btn-pulldown::before{
margin-left:-6px;
content:"";
display:block;
width:12px;
height:12px;
-webkit-transform:rotate(-45deg) skew(10deg, 10deg);
transform:rotate(-45deg) skew(10deg, 10deg);
position:absolute;
top:-6px;
left:50%;
background-color:#fff;
}
.search-result-sort-btn-pulldown::after{
margin-left:-20px;
content:"";
display:block;
width:40px;
height:15px;
position:absolute;
top:0;
left:50%;
background-color:#fff;
}
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown{
right:0;
-webkit-transform:none;
transform:none;
width:auto;
}
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::before,
.search-result-sort-btn > li:last-child .search-result-sort-btn-pulldown::after{
left:68%;
}

/* Media Queries */
@media screen and (max-width: 359px){
.search-result-sort-btn-pulldown{
padding:16px 8px 8px;
}
}

/* .search-result-sort-btn-pulldown-btn-close
----------------------------------------------- */
.search-result-sort-btn-pulldown-btn-close{
padding:0;
border:none;
color:rgba(0, 0, 0, 0);
width:36px;
height:36px;
position:absolute;
top:0;
right:0;
background:url(/element_sp/w_dp/shared/images/icon-close.svg) calc(100% - 12px) 12px no-repeat;
background-size:12px;
}

/* .search-result-sort-btn-pulldown-list
----------------------------------------------- */
.search-result-sort-btn-pulldown-list{
margin:0;
line-height:1;
overflow:hidden;
}
.search-result-sort-btn-pulldown-list > li > a{
padding:10px 0 10px 23px;
color:var(--cmn-font-color-base);
display:block;
white-space:nowrap;
}
.search-result-sort-btn-pulldown-list > li.is-active > a{
background:url(/element_sp/w_tour/shared/images/icon-form-checked.svg) no-repeat 0 50%;
background-size:15px auto;
}

/* search-result-header-term-guide
---------------------------------- */
.search-result-header-term-guide{
padding:12px 8px;
background-color:#fff;
}
.search-result-header-term-guide-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.search-result-header-term-guide-title{
font-size:12px;
margin:0;
width:39px;
}
.search-result-header-term-guide-title::after{
content:":";
margin:0 4px;
}
.search-result-header-term-guide-list{
font-size:0;
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.search-result-header-term-guide-list > li{
font-size:12px;
display:inline-block;
}
.search-result-header-term-guide-list > li&:not(:first-child){
margin-right:8px;
}
.search-result-header-term-guide-list .route{
display:block;
}
.search-result-header-term-guide-list .route .ico-route{
position:relative;
top:-1px;
margin:0 3px;
}
.search-result-header-term-guide > p{
margin:8px 0 0;
}

/* search-result-header-guide
---------------------------------- */
.search-result-header-guide{
padding:9px 10px 8px;
color:#fff;
background-color:#444;
min-height:55px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-header-guide p{
margin:0;
font-size:16px;
line-height:1.2;
}
.search-result-header-guide .serch-result-cnt{
font-size:12px;
}
.search-result-header-guide .search-result-header-add{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-top:6px;
}
.search-result-header-guide .serch-result-about{
font-size:12px;
}
.search-result-header-guide .serch-result-about .cmn-tip-btn{
margin-left:4px;
}

/* search-result-footer-guide
---------------------------------- */
.search-result-footer-guide{
padding:16px 0;
}
.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;
background:none;
border:none;
padding:0;
margin:20px auto 0;
border-radius:5px;
border:1px solid #ccc;
font-size:14px;
min-width:200px;
min-height:35px;
}

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

/* .search-result-item-header
----------------------------------------------- */
.search-result .search-result-item-header{
padding-top:24px;
margin-bottom:12px;
position:relative;
}
.search-result .search-result-item-header > a{
display:block;
position:relative;
}

/* .search-result-item-header-hdg
----------------------------------------------- */
.search-result .search-result-item-header-hdg{
margin-bottom:4px;
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-link);
}

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

/* .search-result-item-header-info
----------------------------------------------- */
.search-result .search-result-item-header-info{
margin-top:-24px;
margin-bottom:6px;
}
.search-result .search-result-item-header-info::after{
content:"";
display:table;
clear:both;
}

/* .search-result-item-header-icon
----------------------------------------------- */
.search-result .search-result-item-header-icon{
padding:2px 5px 0;
color:#fff;
font-size:12px;
background-color:#666;
position:absolute;
top:-24px;
}

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

/* .search-result-item-header-list
----------------------------------------------- */
.search-result .search-result-item-header-list{
margin:0 0 12px;
color:var(--cmn-font-color-base);
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
line-height:1;
}
.search-result .search-result-item-header-list > li .num{
font-family:Arial;
font-size:13px;
line-height:1;
}
.search-result .search-result-item-header-list > li:not(:first-child){
padding-left:15px;
}
.search-result .search-result-item-header-list > li{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result .search-result-item-header-list > li > div{
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.search-result .search-result-item-header-list > li > div:first-child{
padding-right:5px;
}
.search-result .search-result-item-header-list > li > div > b{
display:inline-block;
vertical-align:top;
}
.search-result .search-result-item-mark{
text-align:right;
font-size:12px;
margin-left:auto;
}
.search-result .search-result-item-mark .search-result-item-mark-01{
color:#af700a;
padding-right:0!important;
}

/* .search-result-item-price
----------------------------------------------- */
.search-result-item-price-container{
border-top:1px solid #e9e9e9;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.search-result-item-price-container .search-result-item-price-sup{
position:relative;
width:80px;
}
.search-result-item-price-container .search-result-item-price-sup .search-result-item-price-tag{
margin-top:-16px;
margin-bottom:4px;
font-size:11px;
top:6px;
}

/* .search-result-item-price-btn
----------------------------------------------- */
.search-result-item-price-btn{
text-align:center;
width:85px;
-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;
}
.search-result-item-price-btn > a{
display:inline-block;
color:var(--font-color-btn-link);
padding:4px 5px 3px;
font-size:12px;
border-radius:3px;
border:1px solid #bbb;
-webkit-box-shadow:0 -1px 0 #bbb inset;
box-shadow:0 -1px 0 #bbb inset;
}

/* .search-result-item-price-detail
----------------------------------------------- */
.search-result-item-price-detail{
font-size:11px;
padding:7px 0 9px 10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result-item-price-detail .icon-pex{
text-align:right;
}
.search-result-item-price-detail .icon-pex span{
text-align:center;
margin-top:3px;
padding:2px 2px 1px;
color:var(--cmn-font-color-base);
font-size:11px;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
display:inline-block;
}

/* .price-detail
----------------------------------------------- */
.price-detail{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.price-detail.tax{
margin-bottom:-3px;
}
.price-detail.tax .price-detail-hdg{
width:60px;
}
.price-detail.person{
margin-top:5px;
}
.price-detail.sum{
margin-top:1px;
}
.price-detail-hdg{
width:90px;
font-size:11px;
}
.price-detail.is-active .price-detail-hdg{
margin-top:3px;
}
.price-detail-hdg > .num{
font-size:12px;
}
.price-detail-tax,
.price-detail-num{
margin-left:auto;
text-align:right;
}
.price-detail-num{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:12px;
line-height:1.15;
}
.price-detail-num > span{
display:inline-block;
}
.price-detail-num .num{
font-size:16px;
}
.price-detail.is-active .price-detail-num{
color:var(--cmn-font-color-red);
}
.price-detail.is-active .price-detail-num .num{
font-size:19px;
}
.price-detail-note{
margin:6px 0 0;
font-size:11px;
}
.price-detail-note-list{
margin:3px 0 0 0;
text-align:right;
font-size:11px;
}
.price-detail-note-list .num{
font-family:Arial;
margin-left:3px;
}
.tax.include{
margin-left:2px;
color:#2b65a0;
}
.tax.extra{
margin-left:2px;
color:#af700a;
}
.price-detail.tag{
display:block;
text-align:right;
font-size:11px;
}

/* .search-result-item-price-note
----------------------------------------------- */
.search-result-item-price-note{
text-align:right;
margin:0;
}
.search-result-item-price-note > a{
color:var(--font-color-btn-link);
font-size:11px;
}
.search-result-item-price-note > a > span{
position:relative;
display:inline-block;
padding-left:17px;
background:url(/element_sp/shared/images/icon/icon-caution.svg) no-repeat 0 50%;
background-size:14px 14px;
}

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

/* .search-result-item-btn
----------------------------------------------- */
.search-result .search-result-item-btn-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
margin:16px 0;
font-size:11px;
text-align:center;
}
.search-result .search-result-item-btn-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:12px;
line-height:1.18;
min-height:24px;
min-width:63px;
position:relative;
}
.search-result .search-result-item-btn-hdg:after{
content:"";
width:1px;
height:100%;
position:absolute;
right:0;
top:0;
background-color:#e5e5e5;
}
.search-result .search-result-item-btn-hdg > span{
padding-left:3px;
}
.search-result .search-result-item-btn-hdg > span > span{
display:block;
font-weight:normal;
}
.search-result .search-result-item-btn-icon{
position:relative;
width:22px;
height:100%;
padding-right:8px;
}
.search-result .search-result-item-btn-icon:before{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:22px;
height:22px;
border:2px solid var(--cmn-btn-color);
border-radius:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-btn-icon > span{
opacity:0;
}
.search-result .search-result-item-btn-note{
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;
line-height:1.18;
width:112px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.search-result .search-result-item-btn-note > .search-result-item-btn-icon + span{
font-size:12px;
}
.search-result-item-btn{
padding:9px 0 10px;
color:#fff;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
text-shadow:0 1px 2px rgba(0, 0, 0, .1);
text-align:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-content .search-result-item-btn{
font-size:18px;
}

/* .search-result-note
----------------------------------------------- */
.search-result-note{
padding:17px 0;
text-align:center;
color:#fff;
font-size:14px;
font-weight:bold;
background-color:#444;
}
.search-result-note + .search-result-item{
border-top:0;
}
.search-result-note > div{
margin:0;
font-weight:normal;
font-size:13px;
}
.search-result-note > div > span,
.search-result-note > div > div{
display:inline-block;
vertical-align:top;
}
.search-result-note > div > span:after{
content:"\ff1a";
}
.company-info-container{
margin:16px 0 10px;
line-height:1.6;
}
.company-info-link{
font-size:12px;
}
.company-info-link > a{
margin-right:8px;
}
.company-info-link > span{
display:inline-block;
}

/* ----------------------------------------------------------------
  Detail
------------------------------------------------------------------- */
.detail-bg{
margin-top:-10px;
padding:10px;
background:#004c9a url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}
.detail-bg.bg-black{
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.detail-bg .cmn-info{
margin:10px 0 0 0;
padding:0;
}
.detail-bg .important-area{
margin-top:10px;
padding:0;
}

/* .detail-header
----------------------------------------------- */
.detail-header .detail-header-hdg{
position:relative;
margin-bottom:2px;
padding-right:38px;
line-height:1.33;
}
.detail-header .detail-header-hdg h1{
font-size:14px;
font-weight:normal;
}
.detail-header .detail-header-hdg-sup{
font-size:12px;
}
.detail-header .search-result-item-note-list{
margin-top:4px;
}
.detail-header .search-result-item-note-list li{
font-size:12px;
color:var(--cmn-font-color-gray);
text-align:right;
}
.detail-header .search-result-item-note-list .aster{
margin-right:4px;
}

/* .detail-header-hdg-btn-favorite
----------------------------------------------- */
.detail-header .detail-header-hdg-btn-favorite{
margin:0;
padding:0;
color:transparent;
border:none;
position:absolute;
top:5px;
right:5px;
width:22px;
height:20px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/sprite/sprite-icon-favorite.svg) no-repeat 0 -20px;
background-size:100% auto;
}
.detail-header .detail-header-hdg-btn-favorite.is-active{
background-position:0 0;
}

/* .detail-header-list
----------------------------------------------- */
.detail-header-list{
margin:12px 0;
position:relative;
letter-spacing:-.4em;
line-height:1.25;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.detail-header-list > li{
position:relative;
display:inline-block;
letter-spacing:normal;
margin-right:10px;
font-size:12px;
}
.detail-header-list > li .font-num{
font-size:13px;
font-family:Arial;
}
.detail-header-list > li.icon-pex{
position:absolute;
right:0;
top:0;
margin:0;
padding:0;
}
.detail-header-list > li.icon-pex:after{
display:none;
}
.detail-header-list > li.icon-pex > span{
margin-top:1px;
display:inline-block;
padding:2px 3px 1px;
text-align:center;
letter-spacing:normal;
color:var(--cmn-font-color-base);
line-height:1;
font-size:11px;
border:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail-header-list .detail-header-mark{
font-size:12px;
text-align:right;
margin-left:auto;
margin-right:0;
}
.detail-header-list .detail-header-mark .detail-header-mark-01{
color:#af700a;
padding-right:0!important;
}

/* ----------------------------------------------------------------
  detail-reservation-btn
----------------------------------------------------------------- */
/* .detail-reservation-btn-container
----------------------------------------------- */
.detail-reservation-btn-container{
margin:0 0 25px;
}

/* .detail-reservation-btn
----------------------------------------------- */
.detail-reservation-btn{
display:block;
padding:8px 0;
color:#fff;
border-radius:5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:18px;
text-align:center;
}

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

/* .detail-schedule-container
----------------------------------------------- */
.detail-schedule-container > .toggle-container{
padding-bottom:10px;
}
.detail-schedule-container > .toggle-container .toggle-btn-hotel{
padding:4px 0 9px 20px;
font-size:13px;
color:var(--font-color-btn-link);
display:inline-block;
width:auto;
}
.detail-schedule-container > .toggle-container .toggle-btn-hotel > span{
padding-left:20px;
display:inline-block;
position:relative;
}
.detail-schedule-container > .toggle-container .toggle-btn-hotel > span::before{
content:"";
position:relative;
top:1px;
display:inline-block;
margin-right: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;
}
.detail-schedule-container > .toggle-container.active .toggle-btn-hotel > span::before{
top:0;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.detail-schedule-container > .toggle-container > .toggle-item .info-list{
margin:0;
padding:10px 0 8px;
border-top:1px dotted #ccc;
}
.detail-schedule-container > .toggle-container > .toggle-item .info-list > li:not(:first-child){
margin-top:15px;
}

/* .tour-point-toggle
----------------------------------------------- */
.tour-point-toggle{
line-height:1.45;
font-size:13px;
margin:10px 0 26px;
word-break:break-all;
word-wrap:break-word;
}

/* ..tour-point-toggle-more
----------------------------------------------- */
.tour-point-toggle.is-active .tour-point-toggle-more{
display:none;
}

/* ..tour-point-toggle-more-text
----------------------------------------------- */
.tour-point-toggle-more-text{
display:inline-block;
font-weight:normal;
color:#a4a4a4;
}
.tour-point-toggle-more-text::before{
margin-right:5px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}

/* ..tour-point-toggle-detail
----------------------------------------------- */
.tour-point-toggle-detail{
display:none;
}
.tour-point-toggle.is-active .tour-point-toggle-detail{
display:block;
}

/* ..tour-point-toggle-detail-close
----------------------------------------------- */
.tour-point-toggle-detail-close{
margin:10px 0 29px auto;
padding:0 0 0 17px;
border:none;
color:#a4a4a4;
position:relative;
line-height:1;
display:table;
background:0 0;
}
.tour-point-toggle-detail-close::before{
content:"";
display:block;
position:absolute;
top:50%;
left:0;
margin-top:-6px;
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;
}

/* ----------------------------------------------------------------
  SNS
----------------------------------------------------------------- */
/* .cmn-sns-list
----------------------------------------------- */
.detail-header + .cmn-sns-list{
border-bottom:1px solid #e5e5e5;
margin:0 -10px;
padding:10px 0;
}

/* ----------------------------------------------------------------
  Agt-link
----------------------------------------------------------------- */
/* .agt-link-catch
----------------------------------------------- */
.agt-link-catch{
text-align:center;
margin:6px 0 16px;
}

/* .agt-link-loading
----------------------------------------------- */
.agt-link-loading{
text-align:center;
}
.agt-link-loading [class^="notice-list"]{
text-align:left;
}

/* .agt-link-btn-container
----------------------------------------------- */
.agt-link-no-result-list{
padding-bottom:15px;
margin-bottom:30px;
border-bottom:1px solid #e5e5e5;
}
.agt-link-no-result-list > li{
overflow:hidden;
line-height:1.25;
margin-top:5px;
}
.agt-link-no-result-list > li > span{
position:relative;
float:left;
padding:0 0 0 10px;
color:var(--cmn-font-color-base);
width:8em;
}
.agt-link-no-result-list > li > span:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
}
.agt-link-no-result-list > li > span > span{
display:block;
font-size:11px;
}
.agt-link-no-result-list > li > div{
overflow:hidden;
color:#b9b9b9;
}

/* .agt-link-btn-list-container
----------------------------------------------- */
.agt-link-btn-list-container{
margin:0 -5px;
}
.agt-link-btn-list{
display:table;
width:100%;
overflow:hidden;
}
.agt-link-btn-list > li{
display:table-cell;
width:50%;
padding:0 5px;
vertical-align:middle;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agt-link-btn-list > li > div{
display:table;
width:100%;
vertical-align:middle;
}
.agt-link-btn-list > li > div > a{
display:table-cell;
height:45px;
vertical-align:middle;
font-size:13px;
color:var(--font-color-btn-link);
font-weight:bold;
text-align:center;
line-height:1.22;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.agt-link-btn-list > li > div > a > span{
display:block;
font-weight:normal;
font-size:11px;
}

/* .agt-link-btn-container
----------------------------------------------- */
.agt-link-btn-container{
margin-top:0;
padding:10px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
position:fixed;
z-index:1;
bottom:0;
left:0;
color:#fff;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}
.agt-link-btn-list-01{
width:100%;
margin:0;
}
.agt-link-btn-list-01 > li{
vertical-align:middle;
width:300px;
margin:0 auto;
}
.agt-link-btn-list-01 > li a{
display:block;
border-radius:4px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.agt-link-btn-list-01 > li a > span{
display:block;
}
.agt-link-btn-list-01 .reservation-sticky-btn{
padding:10px 15px;
color:#fff;
line-height:1.55;
font-size:16px;
border:none;
background-color:var(--cmn-btn-color);
}
.agt-link-btn-list-01 .reservation-sticky-btn.disabled{
padding:12px 15px 12px;
background-color:#d5d5d5;
color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
pointer-events:none;
}
.agt-link-btn-list-01 .important-sticky-btn{
padding:8px 4px 7px;
color:var(--cmn-font-color-base);
font-size:12px;
white-space:nowrap;
background-color:#fff;
border:1px solid #fff;
line-height:1.22;
}

/* ----------------------------------------------------------------
  Alert
----------------------------------------------------------------- */
/* .alert > strong
----------------------------------------------- */
.alert strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* .alert-catch
----------------------------------------------- */
.alert .alert-catch{
margin-bottom:10px;
text-align:center;
}

/* .alert-list
----------------------------------------------- */
.alert .alert-list > li{
padding-left:10px;
position:relative;
}
.alert .alert-list > li::before{
content:"";
border-radius:50%;
display:block;
width:3px;
height:3px;
position:absolute;
top:.45em;
left:0;
background-color:#333;
}
.alert .alert-list > li:not(:first-child){
margin-top:15px;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error,
.error-result{
margin:22px 0 60px;
text-align:center;
font-size:14px;
}
.error .error-align-l{
text-align:left;
}
.error > *,
.error-result > *{
margin:0;
font-size:14px;
}
.error .error-catch,
.error-result .error-catch{
font-size:16px;
margin-bottom:16px;
}
.error .error-catch strong,
.error-result .error-catch strong{
color:var(--cmn-font-color-base) !important;
font-weight:normal;
}
.error .error-catch + p,
.error-result .error-catch + p{
font-size:12px;
}
.error .btn,
.error-result .btn{
margin:20px auto 0;
padding:6px 12px 5px;
border:1px solid #bbb;
border-radius:5px;
color:var(--cmn-font-color-base) !important;
display:table;
min-width:164px;
width:auto;
min-height:34px;
height:auto;
text-align:center;
font-size:14px;
font-weight:normal;
background-color:#fff;
-webkit-box-shadow:none;
box-shadow:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .error-pseudo
----------------------------------------------- */
.error-pseudo{
margin:30px 0;
text-align:center;
}

/* .error-agt-link
----------------------------------------------- */
.error-agt-link{
margin:10px 0 20px;
text-align:center;
}
.error-agt-link strong{
color:var(--cmn-font-color-red);
}

/* .error-calendar-detail
----------------------------------------------- */
.error-calendar-detail{
padding:35px 0;
text-align:center;
border-bottom:1px solid #d9d9d9;
}
.error-calendar-detail strong{
font-size:15px;
font-weight:normal;
}

/* .btn
----------------------------------------------- */
.error [class^="notice-list"]{
margin-top:23px;
font-size:11px;
}

/* .btn-inquiry
----------------------------------------------- */
.btn-inquiry{
margin:15px 0 18px;
padding:10px 5px 9px;
border:1px solid #bbb;
border-radius:3px;
color:var(--font-color-btn-link);
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:none;
box-shadow:none;
font-weight:400;
font-size:11px;
text-decoration:none;
display:table;
text-align:center;
}
.btn-inquiry:before{
margin-right:3px;
content:"";
display:inline-block;
width:15px;
height:15px;
vertical-align:text-top;
opacity:.65;
background:url(/element/shared/images/icon/icon-balloon.svg) 0 0 no-repeat;
background-size:100% auto;
}

/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
@-webkit-keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
@keyframes loading{
0%{
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
100%{
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}
}
.loading{
margin:20px auto 40px;
color:transparent;
width:40px;
height:40px;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
text-align:center;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.agt-link-loading .loading{
margin:15px auto 17px;
width:25px;
height:25px;
}
.loading-container{
text-align:center;
}

/* .loading-modal
----------------------------------------------- */
.loading-modal{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .6);
z-index:101;
}
.loading-modal .loading-modal-inner{
padding:10px 20px 8px;
position:absolute;
border-radius:8px;
bottom:50%;
right:50%;
-webkit-transform:translate(50%,50%);
transform:translate(50%,50%);
background-color:#fff;
font-weight:bold;
}
.loading-modal .loading-modal-icon{
margin-bottom:5px;
display:block;
width:40px;
height:40px;
background:url(/element_sp/shared/images/icon/icon-loading.svg) 0 0 no-repeat;
background-size:100%;
-webkit-animation:1s linear 0s infinite loading;
animation:1s linear 0s infinite loading;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.loading-modal .cmn-loading-spinner{
margin:5px auto;
}

/* ----------------------------------------------------------------
  Modal
----------------------------------------------------------------- */
/* .price-detail
----------------------------------------------- */
.cmn-modal .price-detail{
padding:12px 3px;
}
.cmn-modal .price-detail > :first-child{
margin-top:0;
}
.cmn-modal .price-detail > :last-child{
margin-bottom:0;
}
.cmn-modal .price-detail .price-detail-item{
padding-bottom:8px;
}
.cmn-modal .price-detail .price-detail-item + .price-detail-item{
padding:10px 0 8px;
border-top:1px solid #e5e5e5;
}
.cmn-modal .price-detail .price-detail-item-container{
position:relative;
display:table;
width:100%;
min-height:40px;
}
.cmn-modal .price-detail .price-detail-item-container > *{
display:table-cell;
vertical-align:top;
}
.cmn-modal .price-detail .price-detail-hdg{
color:var(--cmn-font-color-base);
font-size:14px;
line-height:1.14;
padding-top:2px;
min-width:90px;
}
.cmn-modal .price-detail .price-detail-hdg-inner > span:first-child{
float:left;
display:block;
width:66px;
font-weight:bold;
}
.cmn-modal .price-detail .price-detail-hdg-inner > span:last-child{
overflow:hidden;
display:block;
}
.cmn-modal .price-detail .price-detail-hdg-sup{
display:block;
color:var(--font-color-btn-link);
font-size:11px;
font-weight:normal;
}
.cmn-modal .price-detail .price-detail-hdg-sup-01{
display:block;
color:var(--cmn-font-color-base);
font-size:11px;
}
.cmn-modal .price-detail .price-detail-hdg-num{
text-align:right;
font-size:12px;
}
.cmn-modal .price-detail .price-detail-hdg-num .num{
font-size:15px;
}
.cmn-modal .price-detail .price-detail-total{
display:table;
width:100%;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.cmn-modal .price-detail .price-detail-total > *{
display:table-cell;
vertical-align:middle;
}
.cmn-modal .price-detail .price-detail-total > .price-detail-hdg{
font-size:13px;
min-width:4em;
}
.cmn-modal .price-detail .price-detail-total > .price-detail-hdg-num{
color:var(--cmn-font-color-red);
}
.cmn-modal .price-detail .price-detail-total > .price-detail-hdg-num .num{
font-size:18px;
}
.cmn-modal .price-detail-item .toggle-btn-container{
text-align:right;
margin-top:5px;
}
.cmn-modal .price-detail-item .toggle-item{
margin-top:7px;
padding:12px;
background-color:#f5f5f5;
}
.cmn-modal .price-detail-item .price-detail-itemize{
font-size:12px;
}
.cmn-modal .price-detail-item .price-detail-itemize > li{
overflow:hidden;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:not(:first-child){
margin-top:6px;
}
.cmn-modal .price-detail-item .price-detail-itemize > li > span{
display:block;
float:left;
width:92px;
line-height:1.33;
position:relative;
}
.cmn-modal .price-detail-item .price-detail-itemize > li > span:after{
content:"\ff1a";
position:absolute;
right:0;
top:0;
}
.cmn-modal .price-detail-item .price-detail-itemize > li > span > span{
display:block;
color:var(--font-color-btn-link);
font-size:10px;
}
.cmn-modal .price-detail-item .price-detail-itemize > li > div{
overflow:hidden;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:last-child{
border-top:1px solid #e5e5e5;
padding-top:10px;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:last-child > span:after{
display:none;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:last-child > div{
text-align:right;
line-height:1.33;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:last-child > div b{
font-size:15px;
}
.cmn-modal .price-detail-item .price-detail-itemize > li:last-child > div > span{
display:block;
}
.cmn-modal .price-detail-item.toggle-container.active + .price-detail-item{
border-top:0;
margin-top:-8px;
}
.cmn-modal .toggle-container .toggle-btn-detail{
color:var(--font-color-btn-link);
display:block;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal .toggle-container .toggle-btn-detail > span{
padding-left:18px;
display:inline-block;
position:relative;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
}
.cmn-modal .toggle-container.active .toggle-btn-detail > span{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* ----------------------------------------------------------------
  .info-departure-time
----------------------------------------------------------------- */
/* .info-departure-time-detail
----------------------------------------------- */
.info-departure-time{
margin:10px 0;
}
.modal-info-area .info-departure-time{
padding:0 3px 0;
font-size:12px;
}

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

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

/* .info-departure-time-text
----------------------------------------------- */
.modal-info-area .info-departure-time-text{
font-size:13px;
line-height:1.7;
}

/* .info-departure-time-list
----------------------------------------------- */
.info-departure-time-list{
margin-bottom:15px;
font-size:13px;
border-bottom:1px solid #ddd;
}
.info-departure-time-list > li{
position:relative;
padding-left:20px;
margin:6px 0 4px;
}
.info-departure-time-list > li:before{
position:absolute;
left:5px;
top:0;
}
.info-departure-time-list > li:nth-child(1):before{
content:"\2460";
}
.info-departure-time-list > li:nth-child(2):before{
content:"\2461";
}

/* .info-departure-time-list-ex
----------------------------------------------- */
.info-departure-time-list-ex-container{
margin:8px 0 12px;
}

/* .info-departure-time-img
----------------------------------------------- */
.info-departure-time-img{
position:relative;
padding-bottom:15.92%;
margin:0 auto;
color:#023570;
text-align:center;
background:url(/element_sp/w_tour/shared/images/img-departure-time.svg) no-repeat;
background-size:100% auto;
}
.info-departure-time-img-date{
position:absolute;
top:100%;
left:0%;
margin-top:7px;
padding-top:1px;
width:20%;
text-align:center;
font-size:11px;
border:1px solid #396eaa;
}
.info-departure-time-img-date:last-of-type{
left:inherit;
right:18.095%;
}
.info-departure-time-img-date:before,
.info-departure-time-img-date:after{
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:-6px;
left:50%;
margin-left:-4px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #396eaa transparent;
border-style:solid;
}
.info-departure-time-img-date:after{
top:-5px;
margin-left:-4px;
border-width:0 4px 6px 4px;
border-color:transparent transparent #fff transparent;
}
.info-departure-time-img-date:first-child:before,
.info-departure-time-img-date:first-child:after{
left:43%;
}
.info-departure-time-img + p{
margin-top:40px;
}

/* .info-departure-time-note
----------------------------------------------- */
.info-departure-time-note > li{
padding-left:1em;
text-indent:-1em;
}
.info-departure-time-note > li:before{
content:"\203b";
}

/* .info-departure-time-btn-box
----------------------------------------------- */
.info-departure-time-btn-box{
margin-top:20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.info-departure-time-btn-box >li{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:10px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.info-departure-time-btn-box >li:first-child{
padding-left:0;
}
.info-departure-time-btn-box .info-btn{
display:block;
border-radius:4px;
cursor:pointer;
font-family:"\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3",
"Hiragino Kaku Gothic ProN",
"\ff2d\ff33 \ff30\30b4\30b7\30c3\30af",
sans-serif;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:100%;
background-color:var(--cmn-btn-color);
color:#fff;
border:none;
font-size:14px;
padding:10px 5px;
min-height:37px;
}
.info-departure-time-btn-box .cancel-btn{
display:block;
border-radius:4px;
cursor:pointer;
font-family:"\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3",
"Hiragino Kaku Gothic ProN",
"\ff2d\ff33 \ff30\30b4\30b7\30c3\30af",
sans-serif;
font-weight:bold;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:100%;
background-color:#fff;
color:var(--font-color-btn-link);
font-size:14px;
padding:9px 3px;
border:1px solid #bbb;
}

/* .hdg-l1-container
----------------------------------------------- */
.hdg-l1-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:-10px -10px 10px;
border-bottom:1px solid #bbb;
min-height:45px;
background:#fff;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:7px 10px;
text-align:left;
font-weight:bold;
font-size:16px;
line-height:1.2;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

/* .btn-input *** for form
----------------------------------------------- */
.btn-input{
display:block;
margin:0;
padding:8px 5px;
width:100%;
font-weight:normal;
font-size:14px;
text-shadow:none;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #bbb;
border-radius:3px;
background-color:#fff;
-webkit-box-shadow:inset 0 -3px rgba(11,3,6,.1);
box-shadow:inset 0 -3px rgba(11,3,6,.1);
}
.btn-input.date{
-webkit-box-shadow:none;
box-shadow:none;
background-image:none;
text-align:left;
color:#a9a9a9;
}
.btn-input.date.active{
color:#000;
}

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

/* .form-input-word-inner
----------------------------------------------- */
.form-input-word .form-input-word-inner{
position:relative;
}
.form-input-word .form-input-word-inner input[type="text"]{
padding:0 30px 0 7px;
border:1px solid #ddd;
height:42px;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder{
font-size:16px;
color:#9e9e9e;
}
.form-input-word .form-input-word-inner input[type="text"]::-webkit-input-placeholder,
.form-input-word .form-input-word-inner input[type="text"]::placeholder{
font-size:16px;
color:#9e9e9e;
}
.form-input-word .form-input-word-inner button{
color:transparent;
border:none;
position:absolute;
top:0;
right:0;
width:30px;
height:100%;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background:url(/element_sp/shared/images/icon/icon-del.svg) 6px 50% no-repeat;
background-size:14px;
}

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

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

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

/* .form-input-word-suggest-list
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list > li:not(:last-child){
border-bottom:1px solid #e5e5e5;
}
.form-input-word .form-input-word-suggest-list > li a{
padding:0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-input-word .form-input-word-suggest-list > li[class] a{
padding-left:35px;
position:relative;
}
.form-input-word .form-input-word-suggest-list > li[class] a:before{
position:absolute;
left:0;
bottom:50%;
-webkit-transform:translateY(50%);
transform:translateY(50%);
display:block;
width:35px;
height:100%;
content:"";
background-position:50% 50%;
background-repeat:no-repeat;
}
.form-input-word .form-input-word-suggest-list > li.area a:before{
background-image:url(/element/shared/images/icon/icon-pin.svg);
background-size:11px 16px;
}
.form-input-word .form-input-word-suggest-list > li.spot a:before{
background-image:url(/element/shared/images/icon/icon-flag.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.airport a:before{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-size:18px 18px;
}
.form-input-word .form-input-word-suggest-list > li.station a:before{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-size:13px 16px;
}
.form-input-word .form-input-word-suggest-list > li.hotel a:before{
background-image:url(/element/shared/images/icon/icon-hotel-gray.svg);
background-size:18px 14px;
opacity:.75;
}

/* .form-input-word-suggest-list-keyword
----------------------------------------------- */
.form-input-word .form-input-word-suggest-list-keyword{
font-size:14px;
line-height:1.25;
}
.form-input-word .form-input-word-suggest-list-keyword > li{
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li a{
padding:0 40px 0 10px;
color:var(--cmn-font-color-base);
min-height:45px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.form-input-word .form-input-word-suggest-list-keyword > li button{
margin:0;
padding:0;
border:none;
color:transparent;
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
overflow:hidden;
background:none;
}
.form-input-word .form-input-word-suggest-list-keyword > li button:before{
content:"";
display:block;
width:13px;
height:100%;
position:absolute;
right:10px;
opacity:.9;
background:url(/element/shared/images/icon/icon-arrow-up-left.svg) 50% 50% no-repeat;
}

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

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

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

/* .search-word-btn
----------------------------------------------- */
.search-word-btn,
.search-word-btn-s{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:16px;
width:100%;
height:100%;
min-height:38px;
color:#9e9e9e;
padding:3px 20px 3px 8px;
border:1px solid #bbb;
text-align:left;
line-height:1.25;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background:#fff;
}
.search-word-btn-s{
padding-top:5px;
padding-right:8px;
font-size:14px;
}
.search-word-btn:before{
position:absolute;
display:block;
content:"";
border-right:2px solid #888;
border-bottom:2px solid #888;
top:50%;
right:9px;
width:6px;
height:6px;
margin-top:-2px;
-webkit-transform:rotate(-45deg) translateY(-50%);
transform:rotate(-45deg) translateY(-50%);
}
.search-word-btn.is-unselected,
.search-word-btn-s.is-unselected{
font-weight:normal;
}
.search-word-btn.is-selected,
.search-word-btn-s.is-selected{
padding-left:55px;
color:var(--cmn-font-color-base) !important;
}
.search-word-btn-s.is-selected{
font-size:14px;
}
.search-index-form .search-word-btn,
.search-index-form .search-word-btn-s{
border-color:#888;
color:#9e9e9e;
}

/* ----------------------------------------------------------------
  Pseudo Components
-------------------------------------------------------------------
/* .pseudo-tab-container
----------------------------------------------- */
.pseudo-tab-container .pseudo-tab-item{
display:none;
}
.pseudo-tab-container .pseudo-tab-item.is-active{
display:block;
}
.pseudo-tab-container.is-tab-fixed{
padding-top:87px;
}
.pseudo-tab-container.is-area-active.is-tab-fixed{
padding-top:145px;
}

/* .pseudo-tab
----------------------------------------------- */
.pseudo-tab{
margin:0 -10px;
}
.pseudo-tab-container.is-tab-fixed .pseudo-tab{
position:fixed;
width:100%;
z-index:1;
margin-top:-42px;
}
.pseudo-tab-container.is-area-active.is-tab-fixed .pseudo-tab{
margin-top:-100px;
}

/* .pseudo-category-tab
----------------------------------------------- */
.pseudo-category-tab{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-category-tab > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo-category-tab > li:not(:first-child){
border-left:1px solid #bbb;
}
.pseudo-category-tab > li button{
width:100%;
height:42px;
font-size:14px;
color:var(--font-color-btn-link);
border:none;
border-bottom:1px solid #bbb;
background-color:#f5f5f5;
}
.pseudo-category-tab > li button:disabled{
color:var(--cmn-font-color-base);
font-weight:bold;
border-bottom-color:#fff;
background-color:#fff;
}
.pseudo-category-tab > li button >.sup{
font-size:12px;
}
.pseudo-tab-container.is-tab-fixed .pseudo-category-tab > li button:disabled{
border-bottom-color:#bbb;
}

/* .pseudo-area-tab
----------------------------------------------- */
.pseudo-area-tab-container{
display:none;
padding:15px 10px;
background:#888;
}
.pseudo-area-tab-container.is-slide-active{
padding:15px 0;
}
.pseudo-tab-container.is-area-active .pseudo-area-tab-container{
display:block;
}
.pseudo-area-tab{
height:28px;
overflow:hidden;
position:relative;
z-index:1;
background:#888;
}
.pseudo-area-tab .pseudo-area-tab-list{
display:table;
table-layout:fixed;
width:100%;
}
.pseudo-area-tab .pseudo-area-tab-list > li{
display:table-cell;
}
.pseudo-area-tab-list > li button{
padding:0 6px;
height:28px;
width:100%;
font-size:14px;
color:#fff;
background-color:transparent;
border:1px solid #fff;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.pseudo-area-tab .pseudo-area-tab-list > li.is-current button{
color:var(--cmn-font-color-base);
background-color:#fff;
}
.pseudo-area-tab .pseudo-area-tab-list > li:not(:first-child) button{
border-left:none;
}
.pseudo-area-tab .pseudo-area-tab-list > li:first-child button{
border-radius:4px 0 0 4px;
}
.pseudo-area-tab .pseudo-area-tab-list > li:last-child button{
border-radius:0 4px 4px 0;
}
.pseudo-area-tab-container.is-slide-active .pseudo-area-tab-inner{
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
display:block;
height:48px;
overflow-y:hidden;
position:relative;
-webkit-overflow-scrolling:touch;
overflow-x:scroll;
}
.pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list{
display:inline-block;
position:relative;
white-space:nowrap;
overflow:hidden;
font-size:0;
margin:0 10px;
width:auto;
}
.pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list > li{
display:inline-block;
margin:0;
text-align:center;
font-size:14px;
position:relative;
}
.pseudo-area-tab-container.is-slide-active .pseudo-area-tab-list > li{
width:110px;
}

/* .pseudo-airline-num
----------------------------------------------- */
.pseudo-airline-num{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:10px -10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-hotel-hdg
----------------------------------------------- */
.pseudo-hotel-hdg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:10px -10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-agent-num
----------------------------------------------- */
.pseudo-agent-num{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 -10px 10px;
padding:4px 10px;
color:#fff;
font-size:11px;
background-color:#888;
}

/* .pseudo-toggle-list
----------------------------------------------- */
.pseudo-toggle-list{
margin:0 -10px;
line-height:1.35;
}
.pseudo-toggle-list > li{
border-bottom:1px solid #e9e9e9;
}
.pseudo-toggle-list > li .pseudo-toggle-list-hook{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:3px 30px 3px 10px;
min-height:45px;
font-size:14px;
color:var(--cmn-font-color-base);
font-weight:bold;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-toggle-list > li .pseudo-toggle-list-hook::before{
content:"";
display:block;
position:absolute;
right:10px;
top:50%;
margin-top:-7px;
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;
}
.pseudo-toggle-list > li.is-active .pseudo-toggle-list-hook:before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .pseudo-toggle-list-item
----------------------------------------------- */
.pseudo-toggle-list > li > .pseudo-toggle-list-item{
display:none;
padding:0 10px 10px 10px;
}
.pseudo-toggle-list > li.is-active > .pseudo-toggle-list-item{
display:block;
}
.pseudo-toggle-list > li > .pseudo-toggle-list-item >:first-child{
margin-top:0;
}
.pseudo-toggle-list > li > .pseudo-toggle-list-item > p > .cmn-tip-btn{
margin-bottom:1px;
}
.pseudo-toggle-list > li > .pseudo-toggle-list-item > .pseudo-toggle-guide{
margin-top:5px;
}

/* .pseudo-del-header
----------------------------------------------- */
.pseudo-del-header{
position:relative;
margin:0 -10px;
padding:13px 90px 13px 10px;
}
.pseudo-del-header-hdg{
font-size:14px;
}
.pseudo-del-header-btn{
position:absolute;
right:10px;
top:10px;
width:70px;
height:25px;
font-size:11px;
color:var(--font-color-btn-link);
border-radius:4px;
border:1px solid #bbb;
background-color:#fff;
}
.pseudo-del-list + .pseudo-del-header{
border-top:6px solid #888;
}

/* .pseudo-del-list
----------------------------------------------- */
.pseudo-del-list{
margin:15px 0 10px;
}
.pseudo-del-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.pseudo-del-list > li button{
position:relative;
padding:3px 25px 3px 6px;
min-height:34px;
height:100%;
font-size:13px;
color:var(--font-color-btn-link);
text-align:left;
line-height:1;
border:none;
border-radius:2px;
background-color:#f3f3f3;
}
.pseudo-del-list > li button:after{
content:"";
position:absolute;
right:9px;
top:50%;
margin-top:-4px;
display:block;
width:7px;
height:7px;
background:url(/element/shared/images/icon/icon-reset-line.svg) right center no-repeat;
}
.pseudo-del-list > li > button{
width:80px;
font-size:12px;
color:var(--cmn-font-color-base);
font-weight:bold;
}
.pseudo-del-list > li > button >span{
display:block;
}
.pseudo-del-list-item{
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:0 0 0 10px;
}
.pseudo-del-list-item > li{
margin-bottom:6px;
}
.pseudo-del-list-item > li:not(:last-child){
margin-right:6px;
}

/* .form-list
----------------------------------------------- */
.form-list{
margin:0 -10px -1px;
}
.form-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-bottom:1px solid #e9e9e9;
margin-top:3px;
}
.form-list > li:first-child{
margin-top:0;
}
.form-list > li:first-child:last-child{
border-bottom:none;
}
.form-list > li .form-list-tip-container{
position:relative;
padding:0 5px 0 37px;
}
.form-list > li .form-list-tip-container label{
display:inline;
min-height:35px;
}
.form-list > li > label{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
min-height:50px;
padding:0 0 0 37px;
font-size:15px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-list > li > label input[type="radio"]{
left:13px;
}
.form-list > li > label span:not([class]){
font-size:11px;
display:block;
}
.form-list > li > label .sup{
font-size:14px;
margin-left:.3em;
}
.form-list > li.is-disabled label{
color:#ccc;
}
.form-list[class*="form-list-col-"]{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
border-bottom:1px solid #e9e9e9;
}
.form-list.form-list-col-2 > li{
width:50%;
}
.form-list.form-list-col-2 > li:nth-last-child(-n+2):last-child{
border-bottom:none;
}
.form-list.form-list-col-2 > li:nth-last-child(-n+2):nth-child(2n+1){
border-bottom:none;
}
.form-list.form-list-col-2 > li.form-list-col-2-full{
width:100%;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.form-list.form-list-col-2 > li.form-list-col-2-full label{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-flex:0;
-ms-flex:none;
flex:none;
}
.form-list.form-list-col-2 > li.form-list-col-2-full .form-list-notes{
display:block;
width:100%;
margin:-5px 0 0 40px;
}
.form-list.form-list-col-3 > li{
width:33.33%;
}
.form-list.form-list-col-3 > li:last-child{
border-bottom:none;
}
.form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(3n+1){
border-bottom:none;
}
.form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(2n+1){
border-bottom:none;
}
.form-list.form-list-col-3 > li:nth-last-child(2):not(:nth-child(3n)):nth-child(2n){
border-bottom:none;
}
.form-list.form-list-col-3 > li:nth-last-child(3):nth-child(3n+1){
border-bottom:none;
}
.form-list.form-list-line > li{
display:inline-block;
}
.pseudo-toggle-list .form-list,
.pseudo-toggle-list .form-list > li,
.pseudo-tab-item .form-list,
.pseudo-tab-item .form-list > li{
border:none;
}
.pseudo-toggle-list .form-list > li > label,
.pseudo-tab-item .form-list > li > label{
min-height:35px;
}

/* .form-list-airline
----------------------------------------------- */
.form-list-airline{
margin:-8px -10px 0;
}
.form-list-airline > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.form-list-airline > li label{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:50px;
padding:0 10px 0 40px;
}
.form-list-airline > li.is-disabled label{
color:#999;
}
.form-list-airline .name{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.form-list-airline .logo{
margin-left:10px;
width:70px;
text-align:center;
}
.form-list-airline .logo img{
max-width:70px;
max-height:40px;
}
.form-list-airline .alliance{
margin-left:10px;
width:25px;
text-align:center;
font-size:11px;
}
.form-list-airline .alliance img{
max-width:25px;
height:auto;
}

/* .form-list-hotel
----------------------------------------------- */
.form-list-hotel{
margin:-8px -10px 0;
}
.form-list-hotel > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.form-list-hotel > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
min-height:50px;
}
.form-list-hotel > li label{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:40px;
padding-right:10px;
}
.form-list-hotel > li.is-disabled label{
color:#999;
}
.form-list-hotel > li > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 12px;
}
.form-list-hotel .name{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:14px;
line-height:1.2;
padding:11px 0 10px;
}
.form-list-hotel .name > .num{
font-size:11px;
}
.form-list-hotel .name > .sup{
display:block;
font-size:11px;
color:#a4a4a4;
}
.form-list-hotel .score{
margin-left:10px;
width:48px;
}
.form-list-hotel .score > span{
position:relative;
display:block;
margin-top:2px;
padding-left:20px;
font-size:13px;
line-height:1.4;
font-family:Arial;
}
.form-list-hotel .score > .icon-r-hotel::before{
content:"";
width:15px;
height:15px;
display:block;
position:absolute;
left:0;
top:0;
background:url(/element_sp/w_tour/shared/images/icon/icon-rate-checkbox-on.svg) no-repeat 0 0;
background-size:100%;
}
.form-list-hotel .score > .icon-r-review::before{
content:"";
width:14px;
height:14px;
display:block;
position:absolute;
left:1px;
top:1px;
background:url(/element/w_tour/shared/images/icon/icon-r-review.svg) no-repeat 0 0;
background-size:100%;
}

/* .form-list-agent
----------------------------------------------- */
.form-list-agent{
margin:-8px -10px 0;
}
.form-list-agent > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.form-list-agent > li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.form-list-agent > li 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;
position:relative;
min-height:50px;
padding:0 10px 0 40px;
line-height:1.14;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.form-list-agent > li.is-disabled label{
color:#999;
}
.form-list-agent .name{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:8px 0 7px;
}
.form-list-agent .association{
margin-left:10px;
width:45px;
text-align:center;
}
.form-list-agent .association img{
max-width:45px;
max-height:40px;
}
.form-list-agent > li .detail{
width:40px;
}
.form-list-agent > li .detail 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;
height:100%;
}
.form-list-hotel .hotel-detail{
width:52px;
}

/* ----------------------------------------------------------------
  pseudo-price
-------------------------------------------------------------------
.pseudo-price-tbl-hdg
----------------------------------------------------------------- */
.pseudo-price-tbl-hdg{
margin-top:10px;
padding:4px 11px;
font-size:11px;
color:#fff;
font-weight:normal;
background-color:#888;
}
.pseudo-price-tbl-hdg .num{
font-size:12px;
}

/* .pseudo-price-tbl-container
----------------------------------------------- */
.pseudo-price-tbl-container{
border-width:0 1px;
border-style:solid;
border-color:#999;
}
.pseudo-price-tbl-container +.pseudo-price-tbl-container{
margin-top:15px;
border-top:1px solid #999;
}

/* .pseudo-price-tbl-inner
----------------------------------------------- */
.pseudo-price-tbl-inner{
border-bottom:1px solid #999;
}
.pseudo-price-tbl-inner + .pseudo-price-tbl-inner{
border-top:1px solid #999;
margin-top:3px;
}

/* .pseudo-price-tbl
----------------------------------------------- */
.pseudo-price-tbl{
display:table;
margin:0;
padding:0;
width:100%;
border-collapse:collapse;
}
.pseudo-price-tbl .tbl-tbody{
display:table-row-group;
}
.pseudo-price-tbl .tbl-thead{
display:table-header-group;
}
.pseudo-price-tbl .tbl-tr{
display:table-row;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl .tbl-td{
display:table-cell;
vertical-align:middle;
}
.pseudo-price-tbl .tbl-tr .tbl-th,
.pseudo-price-tbl .tbl-tr .tbl-td,
.pseudo-price-tbl tr th,
.pseudo-price-tbl tr td{
height:35px;
border-top:1px solid #ccc;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl th{
padding-left:10px;
font-weight:normal;
text-align:left;
font-size:11px;
line-height:1.27;
width:51%;
}
.pseudo-price-tbl .tbl-tr:first-child .tbl-th,
.pseudo-price-tbl .tbl-tr:first-child .tbl-td,
.pseudo-price-tbl tr:first-child th,
.pseudo-price-tbl tr:first-child td{
border-top:0;
}
.pseudo-price-tbl .tbl-th,
.pseudo-price-tbl th{
border-right:1px solid #ccc;
}
.pseudo-price-tbl .tbl-th span:not([class]),
.pseudo-price-tbl th span:not([class]){
display:block;
}
.pseudo-price-tbl .tbl-th .num,
.pseudo-price-tbl th .num{
font-size:12px;
}
.pseudo-price-tbl .tbl-td,
.pseudo-price-tbl td{
text-align:right;
font-size:12px;
padding:0 8px 0 0;
width:49%;
line-height:1.1;
}
.pseudo-price-tbl .tbl-td span:not([class]),
.pseudo-price-tbl td span:not([class]){
display:inline-block;
}
.pseudo-price-tbl.price-br .tbl-td span:not([class]),
.pseudo-price-tbl.price-br td span:not([class]){
display:block;
}
.pseudo-price-tbl .tbl-td .num,
.pseudo-price-tbl td .num{
font-size:13px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.pseudo-price-tbl.total{
background:#f5f5f5;
}
.pseudo-price-tbl.total .tbl-th > div,
.pseudo-price-tbl.total th > div{
margin:8px 0;
}
.pseudo-price-tbl.total .tbl-td b.num,
.pseudo-price-tbl.total td b.num{
font-size:17px;
}

/* .pseudo-price-tbl.total
----------------------------------------------- */
.pseudo-price-tbl.agt{
margin-top:12px;
}
.pseudo-price-tbl.agt .tbl-th,
.pseudo-price-tbl.agt .tbl-td,
.pseudo-price-tbl.agt th,
.pseudo-price-tbl.agt td{
height:auto;
}
.pseudo-price-tbl.agt .tbl-th,
.pseudo-price-tbl.agt th{
border-right:0;
vertical-align:top;
width:11em;
white-space:nowrap;
}
.pseudo-price-tbl.agt .tbl-td,
.pseudo-price-tbl.agt td{
font-size:11px;
width:auto;
line-height:1.36;
}
.pseudo-price-tbl.agt .tbl-td > div,
.pseudo-price-tbl.agt td > div{
display:inline-block;
font-size:11px;
}
.pseudo-price-tbl.agt .tbl-td > div .num,
.pseudo-price-tbl.agt td > div .num{
font-size:12px;
}
.pseudo-price-tbl.agt .tbl-td > .price,
.pseudo-price-tbl.agt td > .price{
font-size:12px;
line-height:1;
display:block;
}
.pseudo-price-tbl.agt .tbl-td > .price .num,
.pseudo-price-tbl.agt td > .price .num{
font-size:14px;
}
.pseudo-price-tbl.agt .tbl-td > .price-tax,
.pseudo-price-tbl.agt td > .price-tax{
white-space:nowrap;
}

/* .pseudo-price-hdg
----------------------------------------------- */
.pseudo-price-hdg{
font-size:11px;
font-weight:normal;
margin:12px 0 6px;
}

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

/* .pseudo-notice
----------------------------------------------- */
p.pseudo-notice{
position:relative;
margin:10px 0;
padding-left:1em;
font-size:11px;
line-height:1.45;
color:var(--font-color-btn-link);
}
p.pseudo-notice:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}
ul.pseudo-notice{
margin:10px 0;
}
ul.pseudo-notice > li{
position:relative;
margin:0;
padding-left:1em;
font-size:11px;
line-height:1.45;
color:#666;
}
ul.pseudo-notice > li > a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
ul.pseudo-notice > li:before{
content:"\203b";
position:absolute;
left:0;
top:0;
}

/* .pseudo-price-toggle
------------------------------------------------ */
.pseudo-price-toggle{
border:1px solid #e5e5e5;
border-radius:5px;
margin:30px 0 20px;
}
.pseudo-price-toggle > .toggle-item{
padding:10px;
}
.pseudo-price-toggle > .toggle-item >:first-child{
margin-top:0;
}

/* .pseudo-price-toggle-hook
----------------------------------------------- */
.pseudo-price-toggle-hook{
padding:8px 20px 8px 10px;
color:var(--cmn-font-color-base);
display:block;
position:relative;
font-weight:bold;
font-size:13px;
}
.pseudo-price-toggle-hook::after{
position:absolute;
right:10px;
top:13px;
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.active .pseudo-price-toggle-hook::after{
top:12px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .pseudo-container
----------------------------------------------- */
.pseudo-content .pseudo-container{
margin:11px 0 26px;
}
.pseudo-content .pseudo-container >:first-child{
margin-top:0;
}
.pseudo-content .pseudo-container p{
margin-top:10px;
}
.pseudo-content .pseudo-container .pseudo-hdg-01 + p{
margin-top:0;
}
.pseudo-content .pseudo-container > hr{
background-color:#e5e5e5;
width:100%;
height:1px;
border:none;
margin:10px 0;
}
.pseudo-price-toggle .pseudo-hdg-01{
font-size:13px;
}

/* .pseudo-list-bullet
----------------------------------------------- */
.pseudo-list-bullet{
margin-top:9px;
}
.pseudo-list-bullet > li{
padding-left:1em;
position:relative;
}
.pseudo-list-bullet > li:not(:first-child){
margin-top:3px;
}
.pseudo-list-bullet > li:before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}
.pseudo-list-bullet > li > div{
margin-bottom:15px;
}
.pseudo-list-bullet > li > span:not([class]){
font-size:12px;
}
.pseudo-showrate-note{
font-size:11px;
position:relative;
padding-left:1em;
color:var(--font-color-btn-link);
}
.pseudo-showrate-note:before{
position:absolute;
content:"\203b";
left:0;
top:0;
}

/* .pseudo-link
----------------------------------------------- */
.pseudo-link{
margin:0 0 15px;
color:var(--font-color-btn-link);
display:block;
text-align:right;
font-size:13px;
line-height:1.45;
}
.pseudo-link:before{
margin:-3px 5px 0 0;
border-width:1px 1px 0 0;
border-style:solid;
border-color:#666;
content:"";
height:5px;
width:5px;
display:inline-block;
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* ----------------------------------------------------------------
  Alert
----------------------------------------------------------------- */
/* .alert-list-bullet
----------------------------------------------- */
.alert-list-bullet{
margin-bottom:16px;
}
.alert-list-bullet > li{
padding-left:1em;
position:relative;
}
.alert-list-bullet > li:not(:first-child){
margin-top:5px;
}
.alert-list-bullet > li:before{
content:"\30fb";
position:absolute;
left:0;
top:0;
}

/* ----------------------------------------------------------------
  Common
-------------------------------------------------------------------
margin / padding
----------------------------------------------------------------- */
.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;
}
.p-left-40{
padding-left:40px !important;
}

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

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

/* ----------------------------------------------------------------
  for Google App
----------------------------------------------------------------- */
.support-app-google .search-index-btn-container,
.support-app-google .form-btn-container,
.support-app-google .agt-link-btn-container,
.support-app-google .pseudo-sticky{
padding-bottom:145px;
}
.support-app-google [data-role="page"].lyt-sticky,
.support-app-google [data-role="dialog"].lyt-sticky{
padding-bottom:220px;
}

/* for android app
---------------------------------- */
.is-app-android .form-index-btn-container{
padding-bottom:57px;
}
.is-app-android .form-btn-container{
padding-bottom:57px;
}
.is-app-android [data-role="page"].lyt-sticky,
.is-app-android [data-role="dialog"].lyt-sticky{
padding-bottom:113px;
}

/* for ios
---------------------------------- */
.is-ios{
min-height:100dvh;
}
.is-ios [role=page],
.is-ios [data-role=dialog],
.is-ios [data-role=page]{
display:none;
}
.is-ios [role=page].pseudo-content,
.is-ios [data-role=page].pseudo-content,
.is-ios [data-role=dialog].pseudo-content{
display:none;
}
.is-ios [role=page].is-active,
.is-ios [data-role=page].is-active,
.is-ios [data-role=page].active,
.is-ios [data-role=dialog].active{
display:block;
min-height:100dvh;
}
.is-ios [data-role=dialog].pseudo.is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-height:100dvh;
}

/* ----------------------------------------------------------------
  for external
----------------------------------------------------------------- */
/* .ext-operating
----------------------------------------------- */
.ext-operating{
font-size:11px;
text-align:right;
}

/* .ext-request-btn
----------------------------------------------- */
.ext-request-btn{
text-align:center;
}
.ext-request-btn > a{
display:inline-block;
padding:6px 40px;
color:#fff;
border-radius:4px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:18px;
text-align:center;
}

/* .ext-agent
----------------------------------------------- */
.ext-agent{
display:block;
font-size:14px;
margin-bottom:2px;
}

/* .ext-business-list
----------------------------------------------- */
.ext-business-list{
margin:0 0 17px;
}
.ext-business-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.ext-business-list > li > b{
position:relative;
font-weight:normal;
width:5em;
}
.ext-business-list > li > b:after{
position:absolute;
right:0;
top:0;
content:"\ff1a";
}

/* .ext-tel-btn-list
----------------------------------------------- */
.ext-tel-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:0 0 17px;
}
.ext-tel-btn-list > li{
width:50%;
}
.ext-tel-btn-list > li:not(:first-child){
margin-left:10px;
}
.ext-tel-btn-list > li > b{
display:block;
margin-bottom:6px;
}

/* .ext-tel-btn
----------------------------------------------- */
.ext-tel-btn{
display:block;
padding:7px 0;
font-size:14px;
font-weight:bold;
color:var(--font-color-btn-link);
text-align:center;
border:1px solid #bbb;
border-radius:4px;
-webkit-box-shadow:0 -2px 0 #bbb inset;
box-shadow:0 -2px 0 #bbb inset;
}
.ext-tel-btn > span{
position:relative;
padding-left:20px;
}
.ext-tel-btn > span:before{
content:"";
position:absolute;
left:0;
top:50%;
display:block;
width:19px;
height:21px;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background:url(/element_sp/shared/images/icon/icon-phone.svg) no-repeat;
background-size:19px 21px;
}

/* .ext-search-result-item-header-hdg
----------------------------------------------- */
.search-result .ext-search-result-item-header-hdg{
margin:-30px 0 5px;
font-size:14px;
font-weight:normal;
}

/* .ext-internal-link
----------------------------------------------- */
.ext-internal-link{
display:block;
text-align:center;
color:#df062f;
text-decoration:underline;
font-size:10px;
}

/* .pseudo-content-lyt-content
----------------------------------------------- */
.pseudo-content .pseudo-content-lyt-content{
margin:0 -10px;
padding:0 10px 270px;
}

/* .pseudo-content-lyt-footer
----------------------------------------------- */
.pseudo-content-lyt-footer{
position:fixed;
left:10px;
bottom:0;
margin:0 10px 0 0;
width :calc(100% - 20px);
z-index:1;
-webkit-transform:translateZ(1px);
transform:translateZ(1px);
}
.pseudo-content .pseudo-content-lyt.lyt-suggest .pseudo-content-lyt-footer{
position:static;
margin:0;
width:auto;
}

/* .pseudo-content-lyt-footer > .payment-info-list
------------------------ */
.pseudo-content-lyt-footer .payment-info-list button{
color:#fff;
background:url(/element/shared/images/icon/icon-chevron-up-wht.svg) 0 45% no-repeat;
background-size:12px;
font-size:12px;
padding-left:16px;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]{
background:url(/element/shared/images/icon/icon-chevron-down-wht.svg) 0 45% no-repeat;
background-size:12px;
position:relative;
}
.pseudo-content-lyt-footer .payment-info-list button[aria-selected="true"]::after{
content:"";
width:0;
height:0;
border-style:solid;
border-width:6px 9px 0 9px;
border-color:#f5f5f5 transparent transparent transparent;
position:absolute;
top:-15px;
left:50%;
margin-left:-9px;
}
.pseudo-content-lyt-footer .payment-info-list button > span{
color:#fff;
}

/* .pseudo-content-lyt-footer > .payment-info-content
------------------------ */
.pseudo-content-lyt-footer .payment-info-content{
margin-bottom:15px;
border-radius:0;
background-color:#f5f5f5;
}
.pseudo-content-lyt-footer .search-result-item-btn-container{
width:100%;
color:#fff;
margin:0;
}
.pseudo-content-lyt-footer .reservation-sticky-btn{
padding:2px 5px 3px;
color:#fff;
line-height:1.55;
font-size:16px;
border:none;
background:var(--cmn-btn-color);
border-radius:4px;
width:100%;
margin:0 auto;
display:block;
text-align:center;
min-height:40px;
width:85%;
margin:auto;
}
@media screen and (max-width:320px){
.pseudo-content-lyt-footer .reservation-sticky-btn{
width:90%;
}
}

/* .pseudo-sticky
----------------------------------------------- */
.pseudo-content-lyt-footer .pseudo-sticky{
margin:0 -10px;
position:static;
width:auto;
padding:10px;
bottom:0;
left:0;
z-index:1;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:rgba(0, 0, 0, .7);
}

/* .search-result-item-btn
----------------------------------------------- */
.pseudo-content-lyt-footer .search-result-item-btn-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:distribute;
justify-content:space-around;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
margin:10px 0 5px;
font-size:11px;
text-align:center;
}
.pseudo-content-lyt-footer .search-result-item-btn-hdg{
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;
font-size:12px;
line-height:1.18;
min-height:24px;
min-width:60px;
position:relative;
padding-right:12px;
}
.pseudo-content-lyt-footer .search-result-item-btn-hdg:after{
content:"";
width:1px;
height:28px;
position:absolute;
right:0;
top:50%;
margin-top:-14px;
background-color:#e5e5e5;
}
.pseudo-content-lyt-footer .pseudo-sticky .search-result-item-btn-hdg:after{
background-color:#ccc;
}
.pseudo-content-lyt-footer .search-result-item-btn-hdg > span > span{
display:block;
font-weight:normal;
}
.pseudo-content-lyt-footer .search-result-item-btn-icon{
position:relative;
width:22px;
height:100%;
padding-right:5px;
}
.pseudo-content-lyt-footer .search-result-item-btn-note{
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:left;
justify-content:left;
line-height:1.18;
max-width:123px;
text-align:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:0 12px;
white-space:nowrap;
}
.pseudo-content-lyt-footer .search-result-item-btn-note > .search-result-item-btn-icon + span{
font-size:12px;
padding-left:5px;
text-align:left;
}
.pseudo-content-lyt-footer .search-result-item-btn{
padding:11px 0 10px;
color:#fff;
border-radius:4px;
display:block;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
min-height:45px;
}
.pseudo-content-lyt-footer .search-result-item-btn-icon:before{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
content:"";
width:22px;
height:22px;
border:2px solid var(--cmn-btn-color);
border-radius:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-content-lyt-footer .search-result-item-btn-icon > span{
opacity:0;
}
.pseudo-content-lyt-footer .search-result-item-btn-container .search-result-item-btn{
padding:10px 0;
font-size:16px;
}

/* for special information
---------------------------------- */
.special-info{
background-color:rgba(255,255,255,.7);
text-align:center;
padding:8px 4px;
margin-bottom:12px;
border-radius:4px;
font-size:14px;
line-height:calc(17 / 12);
color:var(--cmn-dashed-font-color);
}
.special-info ul{
margin:0;
}
.special-info a .cmn-dashed{
--cmn-dashed-font-color:#000;
--cmn-dashed-color:var(--font-color-placeholder);
font-size:14px;
}

/* special-info-nav
---------------------------------- */
.special-info-nav{
border-bottom:1px solid #bbb;
}
.special-info-nav a{
display:block;
font-size:12px;
font-weight:normal;
color:var(--cmn-font-color-base);
position:relative;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 11px no-repeat #fff;
background-size:14px 12px;
padding:9px 10px 8px 28px;
min-height:36px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* .pseudo-special-info
---------------------------------- */
.pseudo-special-info[role=dialog]{
display:none;
height:100%;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
color:var(--cmn-font-color-base);
}
.pseudo-special-info[role=dialog].active,
.pseudo-special-info[role=dialog].is-active{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.pseudo-special-info .pseudo-special-info-content{
margin:0;
padding:16px 10px 20px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
overflow-y:scroll;
color:var(--cmn-font-color-base);
}
.pseudo-special-info .pseudo-special-info-content > :first-child{
margin-top:0 !important;
}
.pseudo-special-info .pseudo-special-info-header-hdg{
padding:8px 55px;
margin:0;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo-special-info .pseudo-special-info-header-hdg h2{
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-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;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.pseudo-special-info .pseudo-special-info-header-prev{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-left-wht.svg) no-repeat 15px 50%;
background-size:9px auto;
}
.pseudo-special-info .special-info-point{
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-sup{
font-size:12px;
margin:0;
}
.pseudo-special-info .special-info-desc{
margin-top:8px;
}
.pseudo-special-info .special-info-desc p{
margin-top:4px;
font-size:12px;
line-height:calc(18 / 12);
}
.pseudo-special-info .special-info-desc p:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-hdg-l3{
font-size:18px;
line-height:calc(21 / 18);
}
.pseudo-special-info .special-info-hdg-l4{
margin-top:24px;
font-size:16px;
margin-right:5px;
display:inline-block;
vertical-align:bottom;
}
.pseudo-special-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:2px;
font-size:12px;
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-hdg-sup >span{
margin-right:4px;
}
.pseudo-special-info .special-info-tabs{
margin:8px -10px 16px;
-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;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr{
overflow:hidden;
overflow-x:scroll;
vertical-align:top;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-inr::-webkit-scrollbar{
display:none;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
font-size:0;
}
.pseudo-special-info .special-info-tabs .special-info-tabs-list >li.is-active button::after{
background-color:var(--cmn-font-color-base);
}
.pseudo-special-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;
}
.pseudo-special-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;
}
.pseudo-special-info .special-info-tabs-content .special-info-status{
margin-top:12px;
}
.pseudo-special-info .special-info-status{
margin-top:24px;
}
.pseudo-special-info .special-info-status.branch{
margin-top:12px;
}
.pseudo-special-info .special-info-status .special-info-status-list{
font-size:0;
}
.pseudo-special-info .special-info-status .special-info-status-list > li{
font-size:12px;
display:inline-block;
}
.pseudo-special-info .special-info-status .special-info-status-list > li:not(:first-child){
margin-left:12px;
}
.pseudo-special-info .special-info-note-list{
margin-top:8px;
margin-bottom:0;
}
.pseudo-special-info .special-info-note-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
font-size:12px;
line-height:calc(17 / 12);
color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-note-list li > span{
margin-right:4px;
}
.pseudo-special-info .special-info-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-guide > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
}
.pseudo-special-info .special-info-guide > li:not(:first-child){
margin-top:8px;
}
.pseudo-special-info .special-info-guide > li > span:first-child{
position:relative;
padding-right:13px;
}
.pseudo-special-info .special-info-guide > li > span:first-child::after{
position:absolute;
top:2px;
right:4px;
content:":";
display:block;
}
.pseudo-special-info .special-info-link{
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-link.right{
text-align:right;
}
.pseudo-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;
}
.pseudo-special-info .special-info-tgl{
margin-top:8px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item{
display:none;
margin-top:8px;
padding-bottom:4px;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tgl .special-info-tgl-hook{
display:inline-block;
cursor:pointer;
margin:0;
padding:0 0 0 13px;
border:none;
background:none;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-01-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:8px 5px;
font-size:12px;
font-weight:normal;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-item{
display:block;
}
.pseudo-special-info .special-info-tgl[aria-expanded=true] .special-info-tgl-hook{
background-position:0 6px;
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-01-up.svg);
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item{
display:none;
margin-bottom:12px;
}
.pseudo-special-info .special-info-dtl-tgl .special-info-dtl-tgl-item >:first-child{
margin-top:0;
}
.pseudo-special-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:16px;
border-bottom:1px solid #e5e5e5;
line-height:calc(20 / 16);
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] + .special-info-tbl-note-list{
margin-top:-4px;
}
.pseudo-special-info .special-info-dtl-tgl[aria-expanded=true] .special-info-dtl-tgl-item{
display:block;
}
.pseudo-special-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;
}
.pseudo-special-info .special-info-summary-tbl{
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
margin-top:8px;
}
.pseudo-special-info .special-info-summary-tbl th{
font-size:12px;
font-weight:normal;
padding:8px;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-summary-tbl td{
font-size:12px;
padding:8px;
text-align:center;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl{
margin-top:8px;
width:100%;
border-collapse:collapse;
border-right:1px solid #ddd;
border-top:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl th{
font-size:12px;
font-weight:normal;
background-color:#f5f5f5;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
text-align:left;
padding:8px 6px 8px 8px;
width:100px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo-special-info .special-info-tbl td{
padding:8px;
font-size:12px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.pseudo-special-info .special-info-tbl td >:first-child{
margin-top:0;
}
.pseudo-special-info .special-info-tbl-list{
margin:4px 0 0;
}
.pseudo-special-info .special-info-tbl-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:12px;
line-height:calc(17 / 12);
}
.pseudo-special-info .special-info-tbl-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list{
margin:8px 0 0;
}
.pseudo-special-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);
}
.pseudo-special-info .special-info-tbl-note-list li:not(:first-child){
margin-top:4px;
}
.pseudo-special-info .special-info-tbl-note-list li > span{
margin-right:4px;
white-space:nowrap;
}
.pseudo-special-info .special-info-tbl-note-list li .cmn-dashed{
--cmn-dashed-font-color:var(--cmn-font-color-gray);
}
.pseudo-special-info .special-info-tbl-note-list .special-info-tbl-list{
margin-top:4px;
}

/* important-info
------------------------------------------------ */
.important-info{
background-color:#fff;
border-radius:3px;
border-bottom:1px solid #bbb;
}
.important-info.is-active .important-info-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.important-info.is-active .important-info-item{
display:block;
}
.important-info .important-info-hdg{
position:relative;
padding:10px 10px 10px 30px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 10px 12px no-repeat;
background-size:14px 12px;
}
.important-info .important-info-hdg h2{
text-align:left;
font-size:11px;
}
.important-info .important-info-trigger{
overflow:hidden;
display:block;
position:absolute;
top:0;
left:0;
border:none;
width:100%;
height:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) center right 10px no-repeat transparent;
background-size:12px;
text-indent:-9999px;
}
.important-info .important-info-item{
display:none;
padding:10px;
font-size:11px !important;
}
.important-info .important-info-item > :first-child{
margin-top:0;
}
.important-info .important-info-item p{
margin-bottom:10px;
font-size:11px !important;
}
.important-info .important-info-item a{
color:var(--font-color-btn-link);
text-decoration:underline;
}
.important-info .important-info-date{
margin-top:-10px;
}
.important-info .important-info-list-01{
margin:10px 0;
font-size:11px !important;
}
.important-info .important-info-list-01 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:7px;
font-size:11px !important;
}
.important-info .important-info-list-01 > li > div:first-child{
width:6em;
}
.important-info .important-info-list-01 > li > div:last-child{
-ms-flex:1;
flex:1;
-webkit-box-flex:1;
}
.important-info .important-info-list-02{
margin:0;
}
.important-info .important-info-list-02 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-size:11px !important;
}
.important-info .important-info-list-02 > li > div:first-child{
position:relative;
padding-right:11px;
width:4em;
}
.important-info .important-info-list-02 > li > div:first-child::after{
display:block;
position:absolute;
top:0;
right:4px;
content:":";
}
.important-info .important-info-list-02 > li > div:last-child{
-ms-flex:1;
flex:1;
-webkit-box-flex:1;
}
.important-info .important-info-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin-left:2px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.important-info .important-info-notes-01{
margin:0;
font-size:11px !important;
}
.important-info .important-info-notes-01 > li{
margin-left:1em;
color:var(--font-color-btn-link);
text-indent:-1em;
}
.important-info .important-info-notes-02{
margin:0;
}
.important-info .important-info-notes-02 > li{
margin-left:1em;
color:var(--font-color-btn-link);
text-indent:-1em;
font-size:11px !important;
}
.important-area{
padding:12px 10px 0;
}
.detail-bg .cmn-info + .important-area{
padding-top:0;
}
.important-area > .important-info{
border:none;
}
.important-area .special-info-nav{
border:none;
}
.important-area .special-info-nav > a{
border-radius:3px;
}

/* area-attention */
.area-attention{
border:1px solid #bbb;
padding:8px 10px;
margin-bottom:12px;
font-size:12px;
}
.area-attention-hdg{
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:12px;
}
.area-attention-hdg + p{
margin:4px 0 0;
font-size:12px;
}
.area-attention ul{
margin:0;
}
.area-attention ul li{
margin-top:4px;
display:block;
overflow-wrap:break-word;
word-break:break-word;
font-size:12px;
}

/* ----------------------------------------------------------------
  Pseudo
----------------------------------------------------------------- */
.pseudo{
/* margin:0;
padding:0;
line-height:1.42;
position:absolute;
width:auto;
height:auto;
font-size:14px;
background-color:#fff;
opacity:0;
z-index:-1; */
}
.pseudo.is-active{
position:fixed;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
opacity:1;
z-index:120;
width:100%;
height:100%;
overflow:hidden !important;
left:0;
line-height:1.42;
}
@supports(-webkit-touch-callout: none){
.pseudo.is-active{
height:-webkit-fill-available;
}
}
.pseudo .pseudo-header{
position:relative;
top:0;
width:100%;
z-index:10;
margin:0;
padding:0;
display:block;
}
.pseudo input::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.pseudo .pseudo-header-hdg{
padding:8px 10px 8px 10px;
color:#fff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
background-color:#111;
}
.pseudo .pseudo-header-hdg h2{
padding:0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
font-weight:bold;
text-align:center;
-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;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.pseudo .pseudo-header-hdg-btn-close{
margin:0;
padding:0;
border:none;
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:url(/element_sp/shared/images/icon/icon-close-wht.svg) no-repeat 12px 50%;
background-size:16px auto;
}
.pseudo .pseudo-header-hdg-btn-clear{
margin:0;
padding:0;
border:1px solid #999;
border-radius:3px;
color:#ccc;
width:44px;
height:23px;
position:absolute;
bottom:50%;
right:10px;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background-color:transparent;
font-size:12px;
}
.pseudo.pseudo-wrap{
position:fixed;
}
.pseudo.pseudo-wrap > .pseudo-header{
position:relative;
}
.pseudo .pseudo-contents{
margin:0;
padding:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
height:100%;
overflow-y:scroll;
overflow-x:hidden;
background-color:#fff;
padding:16px 10px;
}
.pseudo .pseudo-contents .cmn-tip-hdg-faq:first-child{
margin-top:-16px;
}
.pseudo .pseudo-contents p{
line-height:1.5;
}
.pseudo .pseudo-contents p + p{
margin-top:8px;
}
.pseudo .pseudo-contents strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo .pseudo-contents .hdg-l2{
background-color:#444;
}
.pseudo .pseudo-contents .cmn-tip-link-list-01{
margin:0 -10px;
}
.pseudo .pseudo-contents > .hdg-l2:first-child,
.pseudo .pseudo-contents > .hdg-l2-container:first-child,
.pseudo .pseudo-contents > .pseudo-tab-container,
.pseudo .pseudo-contents > .form-list:first-child,
.pseudo .pseudo-contents > .pseudo-toggle-list,
.pseudo .pseudo-contents > .hdg-cal-container:first-child,
.pseudo .pseudo-contents > .calendar-cheapest-container,
.pseudo .pseudo-contents > .calendar-stock-container{
margin-top:-10px;
}
.pseudo .pseudo-contents > .pseudo-del-list:first-child{
margin-top:0;
}
.pseudo .pseudo-footer{
padding:12px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#444;
position:relative;
width:100%;
text-align:center;
}
.pseudo .pseudo-contents-header{
margin-bottom:24px;
}

/* .pseudo-footer-btn-list
----------------------------------------------- */
.pseudo .pseudo-footer-btn-list{
margin:0 auto;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
gap:0 8px;
min-width:calc((100% + 20px) * .6);
max-width:calc((100% + 20px) * .8);
}
.pseudo .pseudo-footer-btn-list .cmn-loading-spinner-dot-wht{
margin:0 4px 0 0;
display:inline-block;
width:12px;
height:12px;
}
.pseudo .pseudo-footer-btn-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.pseudo .pseudo-footer-btn-list > li:first-child:not(:last-child),
.pseudo .pseudo-footer-btn-list > li:not(:first-child){
width:40vw;
}
.pseudo .pseudo-footer-btn-list li .br{
display:block;
}
.pseudo .pseudo-footer-btn-list button{
padding:4px 12px;
border:none;
border-radius:4px;
width:100%;
height:100%;
min-height:42px;
line-height:1.25;
font-size:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.pseudo .pseudo-footer-btn-list button >span{
display:block;
}
.pseudo .pseudo-footer-btn-list > li.cv button{
color:#fff;
background-color:var(--cmn-btn-color);
}
.pseudo .pseudo-footer-btn-list > li.cv.search button{
font-size:16px;
}
.pseudo .pseudo-footer-btn-list > li.cv button:disabled,
.pseudo .pseudo-footer-btn-list > li.cv.search button:disabled{
opacity:.4;
color:transparent;
}
.pseudo .pseudo-footer-btn-list button:disabled{
opacity:.4;
}
.pseudo .pseudo-footer-btn-list button b{
font-weight:normal;
font-size:17px;
}
.pseudo .pseudo-hdg-l3{
margin:12px 0;
padding:12px 0 0 0;
border-bottom:none;
border-top:1px solid #e5e5e5;
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;
}
.pseudo .pseudo-hdg-l3:first-child {
margin-top:0;
padding-top:0;
border-top:none;
}
.pseudo-hankyu .pseudo-contents > p > strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan li{
margin-top:16px;
padding-top:16px;
border-top:1px solid #e5e5e5;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan li .hankyu-plan-hdg{
font-weight:bold;
}
.pseudo-hankyu .pseudo-contents .hankyu-plan img{
width:100%;
margin:12px 0;
}

/* pseudo-def-list
---------------------------------- */
.pseudo .pseudo-def-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
grid-gap:8px 21px;
}
.pseudo .pseudo-def-list dt{
white-space:nowrap;
position:relative;
}
.pseudo .pseudo-def-list dt::after {
content:":";
display:block;
position:absolute;
right:-8px;
top:1px;
line-height:1;
}

/* pseudo-toggle-container
---------------------------------- */
.pseudo .pseudo-toggle-container.is-active .pseudo-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.pseudo .pseudo-toggle-container.is-active .pseudo-toggle-item{
display:block;
}
.pseudo .pseudo-toggle-container{
border-top:1px solid #e5e5e5;
margin-top:12px;
}
.pseudo .pseudo-toggle-container:first-child{
border-top:none;
margin-top:0;
}
.pseudo .pseudo-toggle-container:first-child .pseudo-toggle-header{
padding-top:0;
}
.pseudo .pseudo-toggle-container .pseudo-toggle-header{
position:relative;
padding:12px 0 0;
}
.pseudo .pseudo-toggle-container .pseudo-toggle-trigger{
position:absolute;
text-indent:-9999px;
height:100%;
width:100%;
top:0;
left:0;
border:none;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 100% 50% no-repeat;
background-size:12px auto;
padding:0;
}
.pseudo .pseudo-toggle-container .pseudo-toggle-item{
display:none;
}

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

/* .pseudo-filter
---------------------------------- */
.pseudo-filter .select-custom > select{
color:#9e9e9e;
}
.pseudo-filter .select-custom.is-selected > select{
color:var(--cmn-font-color-base);
}
.cmn-modal .cmn-info-btn{
background-color:var(--cmn-btn-color);
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
font-weight:normal !important;
}

/* select-content
---------------------------------- */
.select-content{
background-color:#f5f5f5;
margin:0 -10px -10px;
padding:30px 8px 10px;
}
.select-content .card-container .card-content{
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
margin:8px 0 0;
padding:12px;
position:relative;
}
.select-content .card-container .card-content .card-item-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
margin-top:12px;
padding:12px 0;
border-top:1px solid #ddd;
gap:0 8px;
font-size:14px;
}
.select-content .card-container .card-header .card-header-hdg {
font-size:18px;
font-weight:normal;
line-height:calc(22.5 / 16);
padding:0;
color:var(--cmn-font-color-base);
background-color:transparent;
}
.select-content .card-container .card-content.card-attention-list{
margin-top:0;
}
.select-content .card-container .card-content.card-news-list{
margin-top:12px;
padding-bottom:0;
overflow:hidden;
}
.select-content .card-container .card-content.card-seo-list{
margin-top:0;
padding-bottom:0;
overflow:hidden;
z-index:10;
}

/* attention
---------------------------------- */
.attention ul{
font-size:14px;
margin:12px 0 0;
}
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.attention ul a{
padding-left:22px;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul {
margin-top:12px;
margin-bottom:0;
}
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #e5e5e5;
}
.news ul a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.news ul a > div{
font-size:14px;
line-height:1.42;
}
.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 8px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:76px;
line-height:1;
text-align:center;
font-size:10px;
padding-top:4px;
}
.news ul a > span > span{
height:16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.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;
}

/* card-content
---------------------------------- */
.card-content{
margin:0 -10px;
}

/* card-header-hdg
---------------------------------- */
.card-content .card-header-hdg{
padding:8px 10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#fff;
background:#444;
font-weight:normal;
font-size:14px;
line-height:1;
}

/* faq-list
---------------------------------- */
.card-content .faq-list .faq-toggle-container.is-active .faq-toggle-item{
display:block;
}
.card-content .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-content .faq-list .faq-toggle-container .faq-toggle-item{
display:none;
}
.card-content .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:12px;
font-weight:normal;
width:100%;
}
.card-content .faq-list .faq-toggle-container .faq-toggle-trigger::after{
content:"";
display:block;
position:absolute;
right:0px;
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-content .faq-list{
margin:0;
border-bottom:1px solid #e5e5e5;
}
.card-content .faq-list li{
padding:0 10px;
font-size:12px;
border-top:1px solid #e5e5e5;
}
.card-content .faq-list li:first-child{
border-top:none;
}
.card-content .faq-list li p{
margin:0;
}
.card-content .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.card-content .faq-list li .question{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding-left:23px;
padding-right:30px;
min-height:50px;
}
.card-content .faq-list li .question h3{
font-weight:normal;
}
.card-content .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-content .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-content .faq-list li .answer{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.card-content .faq-list li .answer p:not(:first-child){
margin:8px 0 0;
}
.card-content .faq-list li .answer::after{
content:"";
display:table;
clear:both;
}
.card-content .faq-list li .answer::before{
position:absolute;
content:"";
display:block;
left:0;
top:2px;
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-content .faq-list li .faq-modified{
float:right;
color:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.card-content .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* .card-content-footer
---------------------------------- */
.card-content-footer{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border-top:1px solid #dddddd;
text-align:center;
padding:12px 0;
}
.card-content-footer .card-link-more{
font-size:14px;
line-height:1.35;
}

/* rcmd-list
---------------------------------- */
.rcmd-list{
margin:0 12px;
}
.rcmd-list > li{
padding:12px 0;
}
.rcmd-list > li:not(:first-child){
border-top:1px solid #dddddd;
}
.rcmd-list > li > div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 12px;
}
.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:120px;
height:90px;
overflow:hidden;
}
.rcmd-list .pic-item .cap{
display:block;
}
.rcmd-list .pic-item .cap > span{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.rcmd-list .pic-item .cap > span > a{
color:var(--cmn-font-color-gray);
}
.rcmd-list .pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.rcmd-list .pic .guard{
position:absolute;
top:0;
left:0;
}
.rcmd-list .pic.mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}
.rcmd-list .pic.mod-noimg img{
width:89px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.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;
}
.rcmd-list .pic .cap >span{
position:absolute;
bottom:1px;
left:5px;
font-size:11px;
color:rgba(255,255,255,.6);
}
.rcmd-list .pic .cap a{
color:rgba(255, 255, 255, .6);
}
.rcmd-list .pic .cap a:hover{
text-decoration:none;
}
.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%);
}
.rcmd-list .desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.rcmd-list .desc-hdg-sup{
font-size:12px;
margin-bottom:5px;
}
.rcmd-list .desc-hdg{
font-size:16px;
font-weight:normal;
line-height:1.3;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.rcmd-list .desc-tag{
margin-top:4px;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 4px;
line-height:1.3;
}
.rcmd-list .desc-tag-airline{
margin-top:4px;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 4px;
line-height:1.3;
}
.rcmd-list .desc-footer{
width:100%;
text-align:right;
margin-top:5px;
}
.rcmd-list .price .price-sup{
font-size:12px;
margin-right:3px;
}
.rcmd-list .price .price-unit{
margin-left:3px;
font-size:12px;
}
.rcmd-list .price .price-dtl .price-unit{
margin-left:0px;
}
.rcmd-list .price .price-num{
font-size:18px;
line-height:1;
}
.rcmd-list .price-remarks{
display:block;
font-size:12px;
line-height:1;
}

/* rcmd-spot-list
---------------------------------- */
.rcmd-spot-list{
margin:0 12px;
}
.rcmd-spot-list > li{
padding:12px 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 12px;
}
.rcmd-spot-list > li:not(:first-child){
border-top:1px solid #dddddd;
}
.rcmd-spot-list .desc-text{
width:100%;
margin-top:8px;
}
.rcmd-spot-list .desc-text p{
font-size:12px;
margin:0;
}
.rcmd-spot-list .pic-item .cap{
display:block;
}
.rcmd-spot-list .pic-item .cap > span{
font-size:11px;
color:var(--cmn-font-color-gray);
}
.rcmd-spot-list .pic-item .cap > span > a{
color:var(--cmn-font-color-gray);
}
.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:120px;
height:90px;
overflow:hidden;
}
.rcmd-spot-list .pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.rcmd-spot-list .pic .guard{
position:absolute;
top:0;
left:0;
}
.rcmd-spot-list .pic.mod-noimg{
border:1px solid #eee;
background-color:#fcfcfc;
}
.rcmd-spot-list .pic.mod-noimg img{
width:89px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.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;
}
.rcmd-spot-list .pic .cap > span{
position:absolute;
bottom:1px;
left:5px;
font-size:11px;
color:rgba(255,255,255,.6);
}
.rcmd-spot-list .pic .cap a{
color:rgba(255, 255, 255, .6);
}
.rcmd-spot-list .pic .cap a:hover{
text-decoration:none;
}
.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%);
}
.rcmd-spot-list .desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.rcmd-spot-list .desc-hdg{
font-size:16px;
font-weight:normal;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
line-height:1.3;
}
.rcmd-spot-list .desc-tag-list{
margin:6px 0 0;
}
.rcmd-spot-list .desc-tag-list li{
margin-top:4px;
font-size:12px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 4px;
line-height:1.2;
}
.rcmd-spot-list .desc-tag-list li:not(:first-child){
margin-top:4px;
}
.rcmd-spot-list .desc-tag-list li span:first-child{
width:61px;
position:relative;
}
.rcmd-spot-list .desc-tag-list li span:first-child::after{
content:":";
display:block;
position:absolute;
right:5px;
top:0;
}
.rcmd-spot-list .desc-footer{
width:100%;
text-align:right;
margin-top:5px;
}
.rcmd-spot-list .price .price-num{
font-size:18px;
line-height:1;
}
.rcmd-spot-list .price-remarks{
display:block;
font-size:11px;
line-height:1;
}

/* toggle-text
---------------------------------- */
.toggle-text::after{
content:"";
display:table;
clear:both;
}
.toggle-text .toggle-text-desc{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
height:56px;
}
.toggle-text .toggle-text-intro{
display:block;
}
.toggle-text .toggle-text-full p + p{
margin-top:8px;
}
.toggle-text .toggle-text-btn,
.toggle-text .toggle-text-full{
display:none;
}
.toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
cursor:pointer;
}
.toggle-text .toggle-text-intro-more::before {
margin:0 3px;
content:"...";
color:#333;
display:inline-block;
vertical-align:bottom;
}
.toggle-text .toggle-text-hook{
text-align:right;
line-height:1;
margin-top:4px;
}
.toggle-text .toggle-text-hook button{
display:inline-block;
background:none;
border:none;
padding:0;
margin:0;
font-size:12px;
color:#a4a4a4;
line-height:1;
}
.toggle-text.is-active .toggle-text-intro{
display:none;
}
.toggle-text.is-active .toggle-text-btn,
.toggle-text.is-active .toggle-text-full{
display:block;
}
.toggle-text.is-active .toggle-text-hook{
text-align:right;
}
.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 3px;
padding-left:12px;
}
.toggle-text.is-active .toggle-text-desc{
overflow:visible;
height:auto;
display:block;
}

/* lp-container Common Modules
---------------------------------- */
.lp-container .card-content-local >:first-child.card-content{
margin-top:16px;
}
.lp-container .detail-bg{
margin-left:-10px;
margin-right:-10px;
border-top:1px solid #2a2a2a;
background:#2a2a2a url(/element_sp/shared/images/frame/bg-secondary.jpg) repeat 0 0;
background-size:100% auto;
}
.lp-container .hdg-l2-note{
margin:0;
}
.lp-container .mod-noimg{
border:1px solid #ddd;
}
.lp-container .search-index-container-inner{
background:none;
background-color:#fff;
border-radius:6px;
}
.lp-container .search-index-container-inner .tbl-td .form-tour-only{
margin-bottom:0;
}

/* detail-header-container
---------------------------------- */
.lp-container .detail-header-container .detail-header{
position:relative;
margin:0 -10px;
}
.lp-container .detail-header-container .detail-header-inner{
position:relative;
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;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
z-index:1;
padding:62px 28px 28px;
min-height:250px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header-container .detail-header-pic{
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.lp-container .detail-header-container .detail-header-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:0 0;
object-position:0 0;
}
.lp-container .detail-header-container .detail-header-hdg{
color:#fff;
text-shadow:1px 1px 2px #000000;
font-size:24px;
font-weight:bold;
line-height:1.2;
text-align:center;
margin-bottom:55px;
padding:0;
}
.lp-container .detail-header-container .detail-header-hdg .area{
display:inline-block;
vertical-align:middle;
}
.lp-container .detail-header-container .detail-header-hdg .sup{
display:inline-block;
vertical-align:middle;
margin-left:6px;
}
.lp-container .detail-header-container .detail-header-hdg .sup-02{
display:inline-block;
vertical-align:middle;
}
.lp-container .detail-header-container .detail-header-cap{
padding:12px;
background-color:rgba(255,255,255,.85);
border-radius:6px;
font-size:12px;
line-height:calc(18 / 12);
margin:8px auto 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
color:#000;
}
.lp-container .detail-header-container .detail-header-cap p{
margin:0;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:16;
}
.lp-container .detail-header-container .detail-header-sup{
position:absolute;
left:0;
bottom:0;
display:block;
width:100%;
text-align:right;
padding:0 12px 4px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .detail-header-container .detail-header-sup a {
font-size:12px;
color:rgba(255,255,255,.7);
position:relative;
}
.lp-container .detail-header-container .detail-header-sup::before {
content:"";
display:block;
position:absolute;
height:28px;
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 .detail-header-container .detail-header-hdg-l2{
color:#fff;
font-size:14px;
font-weight:normal;
text-shadow:0px 1px 0px #00000080;
}

/* menu-navi-container
---------------------------------- */
.lp-container .menu-navi-container{
position:relative;
margin:0 -10px 8px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
color:#fff;
border-bottom:1px solid #000;
}
.lp-container .menu-navi-container .menu-navi{
overflow:hidden;
overflow-x:scroll;
}
.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:12px 0 8px;
}
.lp-container .menu-navi-container .menu-navi .menu-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(59, 59, 59, 0)), to(rgba(59, 59, 59, 1)));
background:linear-gradient(to right, rgba(59, 59, 59, 0) 0%, rgba(59, 59, 59, 1) 100%);
z-index:1;
}
.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 span::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#fff;
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:#fff;
}
.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;
}

/* page-navi-container
---------------------------------- */
.lp-container .page-navi-container{
position:relative;
margin:0 -10px;
-webkit-box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
box-shadow:0px 4px 6px -2px rgba(0, 0, 0, .2);
z-index:10;
}
.lp-container .page-navi-container.is-end .page-navi .page-navi-list::after{
display:none;
}
.lp-container .page-navi-container.is-start .page-navi .page-navi-list::before{
display:none;
}
.lp-container .page-navi-container .page-navi{
overflow:hidden;
overflow-x:scroll;
}
.lp-container .page-navi-container .page-navi::-webkit-scrollbar{
display:none;
}
.lp-container .page-navi-container .page-navi .page-navi-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:8px 0;
}
.lp-container .page-navi-container .page-navi .page-navi-list::before{
display:none;
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list::after{
content:"";
position:absolute;
right:0;
top:0;
height:100%;
width:20px;
background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);
z-index:1;
}
.lp-container .page-navi-container .page-navi .page-navi-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin-left:8px;
min-height:40px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled{
opacity:.33;
}
.lp-container .page-navi-container .page-navi .page-navi-list li.is-disabled a{
cursor:default;
}
.lp-container .page-navi-container .page-navi .page-navi-list li span,
.lp-container .page-navi-container .page-navi .page-navi-list li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
text-align:center;
width:100%;
height:44px;
background:none;
border:none;
padding:0 8px 13px 8px;
margin:0;
position:relative;
font-size:12px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
background:url(/element_sp/w_tour/shared/images/icon-anchor-down.svg) center bottom no-repeat;
background-size:7px 7px;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:first-child{
margin-left:0;
}
.lp-container .page-navi-container .page-navi .page-navi-list li:last-child{
padding-right:12px;
}
@media screen and (max-width: 360px) {
.lp-container .detail-header-container .detail-header-inner{
padding-left:8px;
padding-right:8px;
}
.lp-container .detail-header-container .detail-header-cap{
max-width:295px;
}
}

/* card-container
---------------------------------- */
.lp-container .card-container{
margin:0 -10px -10px;
padding:1px 8px 24px;
position:relative;
z-index:1;
background:#f5f5f5;
}
.lp-container .card-container .cmn-loading-spinner{
margin-top:100px;
margin-bottom:1000px;
}
.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:18px;
font-weight:normal;
background-color:transparent;
line-height:calc(22.5 / 16);
}
.lp-container .card-container .card-header-desc{
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-header-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-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-main-footer{
margin-top:20px;
}
.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.is-right{
margin-left:auto;
}
.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-content{
margin:28px 0 0 0;
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
background-color:transparent;
}
.lp-container .card-container .card-content .card-content-footer{
border-top:none;
padding:8px 0 0 0;
}
.lp-container .card-container .card-content.card-faq .card-item{
padding-top:0px;
padding-bottom:0px;
}
.lp-container .card-container .card-content.card-select-area{
margin-top:16px;
}
.lp-container .card-container .card-content.card-select-area .toggle-text .toggle-text-desc{
height:auto;
}
.lp-container .card-container .card-content.card-select-other-area .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-area .card-item > .link-list-toggle{
margin-top:-1px;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item{
padding-top:0;
padding-bottom:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list{
margin:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .link-list >li > a{
padding-left:0;
padding-right:0;
}
.lp-container .card-container .card-content.card-select-other-tour .card-item .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content.card-select-other-theme .card-item{
padding:0 12px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a{
padding-left:80px;
}
.lp-container .card-container .card-content.card-select-other-theme .link-list-image-01 > li > a .img{
max-width:72px;
max-height:54px;
min-height:54px;
}
.lp-container .card-container .card-content.card-select-other-theme .toggle-btn-01{
margin-left:0;
margin-right:0;
}
.lp-container .card-container .card-content .card-item{
padding:12px;
background-color:#fff;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
border-radius:6px;
overflow:hidden;
}
.lp-container .card-container .card-content .card-item.is-branch{
padding:0;
margin:-4px -8px;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}
.lp-container .card-container .card-content .card-item .card-header-notes{
padding-bottom:8px;
display:block;
border-bottom:1px solid #e9e9e9;
}
.lp-container .card-container .card-desc p{
font-size:12px;
margin:0;
}
.lp-container .card-container .card-desc .card-desc-item + .card-desc-item{
margin-top:8px;
}
.lp-container .card-container .card-desc .card-hdg-02{
font-size:12px;
}
.lp-container .card-container .card-desc-list{
margin:0;
font-size:12px;
}
.lp-container .card-container .card-desc-list >li{
margin-top:2px;
}
.lp-container .card-container .card-desc-list >li::before{
content:"\30FB";
display:inline;
}
.lp-container .card-container .card-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:0;
}
.lp-container .card-container .card-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .card-container .card-notes li.aster{
position:relative;
padding-left:16px;
}
.lp-container .card-container .card-notes li.aster::before{
position:absolute;
top:0;
left:0;
display:block;
content:"\203b";
}
.lp-container .card-container .card-main-footer{
margin-top:12px;
}
.lp-container .card-container .card-main-footer .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-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;
}

/* link-list-toggle
---------------------------------- */
.lp-container .link-list-toggle{
margin:0;
font-size:14px;
line-height:1.35;
}
.lp-container .link-list-toggle .link-list > li {
border-top:1px solid #e9e9e9;
}
.lp-container .link-list-toggle > li{
border-top:1px solid #e9e9e9;
}
.lp-container .link-list-toggle > li > .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:left;
background:none;
border:none;
padding:12px 32px 12px 0;
margin:0;
width:100%;
min-height:42px;
cursor:pointer;
word-break:break-all;
word-wrap:break-word;
font-size:14px;
}
.lp-container .link-list-toggle > li > .link-list-toggle-hook::before{
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:16px;
height:10px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.lp-container .link-list-toggle > li.is-active > .link-list-toggle-hook::before{
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.lp-container .link-list-toggle > li > div{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
padding:0;
}
.lp-container .link-list-toggle > li > div > a{
padding:12px 0;
}
.lp-container .link-list-toggle > li > div .link-list-toggle-hook{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:none;
padding:0;
margin:0;
width:50px;
height:100%;
position:absolute;
right:0;
top:0;
overflow:hidden;
text-indent:-9999px;
background:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg) calc(100% - 4px) center no-repeat;
background-size:16px 10px;
cursor:pointer;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item {
display:none;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li{
margin-left:16px;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li a{
padding:12px 0;
border-bottom:none;

/* display:inline-flex; */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin:0;
word-break:break-all;
word-wrap:break-word;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li{
margin-left:16px;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li a{
padding-left:0;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item >li .link-list > li.is-active{
border-bottom:none;
padding:0;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li{
padding:0;
border-bottom:none;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li > div > .link-list-toggle-hook{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-down-l.svg);
background-size:12px 7px;
background-position:calc(100% - 6px) center;
}
.lp-container .link-list-toggle > li > .link-list-toggle-item.link-list-toggle >li.is-active > div > .link-list-toggle-hook{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .link-list-toggle > li.is-active > div >.link-list-toggle-hook{
background-image:url(/element_sp/w_tour/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .link-list-toggle > li.is-active > .link-list-toggle-item{
display:block;
}

/* .lp-container .faq-list
---------------------------------- */
.lp-container .faq-list{
margin:0;
border-bottom:none;
}
.lp-container .faq-list li{
padding: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_sp/w_tour/shared/images/icon-arrow-04-up-l.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:12px;
font-weight:normal;
width:100%;
min-height:50px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-right:30px;
}
.lp-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;
}
.lp-container .faq-list li{
font-size:12px;
}
.lp-container .faq-list li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.lp-container .faq-list li em{
color:#e93939;
font-weight:normal;
}
.lp-container .faq-list li .question{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
position:relative;
padding-left:23px;
min-height:50px;
}
.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{
position:relative;
padding-left:23px;
padding-bottom:12px;
}
.lp-container .faq-list li .answer p{
margin:0;
font-size:12px;
}
.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:#9e9e9e;
font-size:12px;
margin-top:8px;
}
.lp-container .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* link-list-image-01
---------------------------------- */
.lp-container .card-article .link-list-image-01{
margin:-8px 0;
}
.lp-container .card-article .link-list-image-01 >li > a{
padding:8px 0 8px 80px;
}
.lp-container .card-article .link-list-image-01 .txt{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
font-size:12px;
}
.lp-container .card-article .link-list-image-01 .update{
margin-top:2px;
color:var(--cmn-font-color-gray);
display:block;
}
.lp-container .card-article .link-list-image-01 .img{
width:72px;
height:54px;
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;
}
.lp-container .card-article .link-list-image-01 .img img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .card-article .link-list-image-01 .img.mod-noimg img{
width:72px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}

/* select-link-list
---------------------------------- */
.lp-container .select-link-list{
margin:0;
}
.lp-container .select-link-list li:not(:first-child){
border-top:1px solid #ddd;
margin-top:12px;
padding-top:12px;
}
.lp-container .select-link-list li a{
font-size:14px;
display:block;
color:var(--cmn-font-color-base);
}

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

/* area-list
---------------------------------- */
.lp-container .area-list{
margin:0;
}
.lp-container .area-list >li:not(:first-child){
padding-top:20px;
}
.lp-container .area-list .area-item{
gap:0 8px;
}
.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:110px;
}
.lp-container .area-list .area-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.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:22px;
height:26px;
position:absolute;
top:0;
left:6px;
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:22px 26px;
}
.lp-container .area-list .area-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.lp-container .area-list .area-pic .area-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .area-list .area-pic .area-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:10px;
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-pic .area-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.lp-container .area-list .area-pic .area-cap a{
color:rgba(255,255,255,.6);
}
.lp-container .area-list .area-desc{
margin-top:8px;
}
.lp-container .area-list .area-desc p{
margin:0;
}
.lp-container .area-list .area-hdg{
font-size:16px;
margin-bottom:4px;
font-weight:normal;
}
.lp-container .area-list .area-hdg a{
color:var(--cmn-font-color-base);
}
.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);
}

/* tour-list-footer
---------------------------------- */
.lp-container .card-footer{
display:block;
text-align:center;
margin-top:12px;
font-size:12px;
}
.lp-container .card-footer .card-footer-txt-link{
text-align:right;
font-size:14px;
}
.lp-container .card-footer .card-footer-link{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
background:none;
border:1px solid #cccccc;
border-radius:4px;
padding:4px 8px 2px;
min-height:30px;
min-width:255px;
color:var(--cmn-font-color-base);
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-footer .card-footer-link .area{
display:inline-block;
line-height:1;
}
.lp-container .card-footer .card-footer-link .sup{
display:inline-block;
line-height:1;
}

/* find-btn-list
---------------------------------- */
.lp-container .find-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.lp-container .find-btn-list li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.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%;
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:3px 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);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
}

/* find-btn-list-03
---------------------------------- */
.lp-container .find-btn-list-03{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:8px;
margin:12px 0 0;
}
.lp-container .find-btn-list-03 .btn-find-dp,
.lp-container .find-btn-list-03 .btn-find-flight,
.lp-container .find-btn-list-03 .btn-find-tour,
.lp-container .find-btn-list-03 .btn-find-hotel{
width:calc(50% - 4px);
}
.lp-container .find-btn-list-03 .btn-find-optional{
width:100%;
}
.lp-container .find-btn-list-03 .btn-find-dp a,
.lp-container .find-btn-list-03 .btn-find-flight a,
.lp-container .find-btn-list-03 .btn-find-optional a,
.lp-container .find-btn-list-03 .btn-find-tour a,
.lp-container .find-btn-list-03 .btn-find-hotel a{
width:100%;
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:3px 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);
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
min-height:38px;
}

/* select-content
---------------------------------- */
.lp-container .spot-list{
margin:0;
}
.lp-container .spot-list >li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.lp-container .spot-list >li a{
color:var(--cmn-font-color-base);
}
.lp-container .spot-list .spot-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 8px;
}
.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:108px;
height:105px;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
}
.lp-container .spot-list .spot-pic img{
position:absolute;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.lp-container .spot-list .spot-pic.mod-noimg img{
width:80px;
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:22px;
height:26px;
position:absolute;
top:0;
left:6px;
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:22px 26px;
z-index:1;
}
.lp-container .spot-list .spot-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .spot-list .spot-hdg{
font-size:16px;
line-height:calc(21 / 16);
font-weight:normal;
}
.lp-container .spot-list .spot-text{
margin-top:4px;
}
.lp-container .spot-list .spot-text p{
margin:0;
font-size:12px;
}
.lp-container .spot-list .spot-text p + p{
margin-top:12px;
}
.lp-container .spot-list .spot-link{
float:right;
margin-top:8px;
font-size:12px;
line-height:calc(17 / 12);
}

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

/* 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;
padding:10px 0 4px;
margin-bottom:-24px;
}
.lp-container .card-tools-container .card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
text-align:left;
margin-top:12px;
margin-bottom:0;
overflow:hidden;
}

/* search-selector
---------------------------------- */
.lp-container .search-selector{
position:relative;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.lp-container .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 6px 7px 6px;
border-color:transparent transparent #666 transparent;
}
.lp-container .search-selector .search-selector-header{
position:relative;
}
.lp-container .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.lp-container .search-selector .search-selector-header .search-selector-close button {
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.lp-container .search-selector .search-selector-header .search-selector-close button span{
display:block;
width:12px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element_sp/w_tour/shared/images/icon-close-gry.svg) top left no-repeat;
}
.lp-container .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.lp-container .search-selector .search-selector-item{
display:none;
position:absolute;

/* top:37px; */
top:43px;
right:0;
}
.lp-container .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
z-index:2;
text-align:left;
max-width:172px;
padding:20px 40px 8px 16px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:6px;
background:#fff;
z-index:2;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.lp-container .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.lp-container .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .search-selector .search-selector-list >li{
white-space:nowrap;
}
.lp-container .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:14px;
display:block;
text-decoration:none;
}
.lp-container .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/w_tour/shared/images/icon-check.svg) no-repeat 0 50%;
background-size:12px auto;
}
.lp-container .search-selector .search-selector-btn-container{
position:relative;
}
.lp-container .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;

/* top:calc(100% - 7px); */
top:100%;
left:50%;
margin-left:-5px;
-webkit-filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
filter:drop-shadow(0px -3px 2px rgba(0, 0, 0, .2));
z-index:10;
}
.lp-container .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.lp-container .search-selector .search-selector-btn{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
min-width:120px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding:0 28px 0 10px;
background:#fff;
border:1px solid #ccc;
border-radius:35px;
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
}
.lp-container .search-selector .search-selector-btn::after{
content:"";
position:absolute;
display:block;
width:0;
height:0;
margin:0;
content:"";
top:50%;
right:8px;
margin-top:-3px;
border-width:7px 6px 0 6px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

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

/* for safari fail safe */
-ms-grid-rows:135px 1fr 60px;
grid-template-rows:135px 1fr 60px;
-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{
/* for safari fail safe */
-ms-grid-rows:90px 1fr 60px;
grid-template-rows:90px 1fr 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:3;
grid-row:span 3;
}
.lp-container .card-container .card-select-rcmd-flight .swiper-rcmd-list >li{
/* for safari fail safe */
-ms-grid-rows:135px 60px;
grid-template-rows:135px 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:2;
grid-row:span 2;
}
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-list >li,
.lp-container .card-container .card-select-rcmd-optional .swiper-rcmd-list >li{
/* for safari fail safe */
-ms-grid-rows:135px 1fr 60px;
grid-template-rows:135px 1fr 60px;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
-ms-grid-row-span:3;
grid-row:span 3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer{
text-align:center;
padding:8px 0;
margin-right:12px;
margin-left:12px;
margin-top:12px;
border-top:1px solid #ddd;
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;
min-height:33px;
width:calc(100%  - 24px);
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer a{
overflow:hidden;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item-footer.is-branch{
border-top:none;
margin-top:8px;
padding-top: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;
}
.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{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
color:var(--cmn-font-color-base);
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-item > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
min-height:144px;
color:var(--cmn-font-color-base);
}
.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:100px;
border-radius:0 0 6px;
-ms-flex-item-align:stretch;
-ms-grid-row-align:stretch;
align-self:stretch;
overflow:hidden;
}
.lp-container .card-container .card-select-rcmd-tour .swiper-rcmd-list .swiper-rcmd-pic{
height:135px;
}
.lp-container .card-container .card-select-rcmd-dp .swiper-rcmd-list .swiper-rcmd-pic{
height:95px;
}
.lp-container .card-container .card-select-rcmd-flight .swiper-rcmd-list .swiper-rcmd-pic{
height:135px;
}
.lp-container .card-container .card-select-rcmd-hotel .swiper-rcmd-list .swiper-rcmd-pic{
height:135px;
}
.lp-container .card-container .card-select-rcmd-optional .swiper-rcmd-list .swiper-rcmd-pic{
height:135px;
}
.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:3px;
font-size:10px;
color:rgba(255,255,255,.6);
letter-spacing:-.04em;
}
.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;
padding:12px 12px 0;
word-break:break-all;
word-wrap:break-word;
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:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label{
/* width:100%; */
/* height:21px; */
/* margin-bottom:-8px; */
position:absolute;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-label + .swiper-rcmd-desc{
padding-top:29px;
}
.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;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg{
font-size:14px;
font-weight:normal;
color:var(--cmn-font-color-link);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
line-height:1.3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-03{
-webkit-line-clamp:3;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-02{
-webkit-line-clamp:2;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-hdg.is-line-01{
-webkit-line-clamp:1;
}
.lp-container .card-container .swiper-rcmd-list .swiper-rcmd-text{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
}
.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{
width:100%;
padding:12px 12px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .card-container .swiper-rcmd-list .tags-list{
margin:4px 0 8px 0;
}
.lp-container .card-container .swiper-rcmd-list .tags-list > li{
gap:0 8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
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 .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:-12px;
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:auto;
}
.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:8px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-dtl .price-num{
font-size:16px;
margin-left:3px;
}
.lp-container .card-container .swiper-rcmd-list .price .price-guide{
text-align:right;
}

/* review-list
---------------------------------- */
.lp-container .review .review-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 12px;
margin:0;
line-height:1;
}

/* review
---------------------------------- */
.lp-container .review .review-rate{
font-size:12px;
}
.lp-container .review .review-rate .review-num{
margin-left:3px;
position:relative;
top:0px;
}
.lp-container .review .icon-r-face.rank-mark > span{
width:13px;
background:url(/element/shared/images/icon/icon-review-1.svg) no-repeat 0 1px;
background-size:auto 11px;
}

/* 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:8px 8px 8px 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:44px;
}
.lp-container .info-kv-list >li.hotel-plan{
min-height:41px;
}
.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;
}
.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;
line-height:1.3;
}
.lp-container .info-kv-list .overflow.is-line-02{
-webkit-line-clamp:2;
}
.lp-container .info-kv-list .review{
margin-top:0;
}