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

  Custom Properties

----------------------------------------------------------------- */
:root{
--key-color:#00428e;
}



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

  Clearfix

----------------------------------------------------------------- */
.tab-view-switch:before,
.search-result .search-result-agt-info-airport:before,
.tab-view-switch:after,
.search-result .search-result-agt-info-airport:after{
content:'';
display:table;
}

.tab-view-switch:after,
.search-result .search-result-agt-info-airport:after{
clear:both;
}



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

	Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

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

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

progress{
vertical-align:baseline;
}


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

  Site Common Modules modify

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-loading-spinner
----------------------------------------------------------------- */
.loading-modal .cmn-loading-spinner{
margin:5px auto;
}


/* ----------------------------------------------------------------
  .cmn-tip-btn
----------------------------------------------------------------- */
.form-search-column-item.days .cmn-tip-btn{
position:absolute;
top:50%;
right:0;
transform:translateY(-50%);
}


/* ----------------------------------------------------------------
  .cmn-ad-bnr
----------------------------------------------------------------- */
.form-search-index + .act_ad_manage .cmn-ad-bnr{
padding-top:12px;
padding-bottom:12px;
}

.search-result .cmn-ad-bnr{
padding:12px 10px;
border-top:6px solid #666;
}

.seo .cmn-ad-bnr{
padding-bottom:0;
}



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

  Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
position:relative;
font-size:14px;
margin:0 -10px;
padding:8px 10px;
color:#fff;
line-height:1;
background-color:#444;
font-weight:normal;
}

.hdg-l2-sup{
color:var(--cmn-font-color-gray);
font-size:12px;
font-weight:normal;
}

.form-search .hdg-l2{
margin:15px -10px;
}
.form-search .hdg-l2:first-child{
margin-top:0;
}

/* .pseudo-content > .hdg-l2
----------------------------------------------- */
.pseudo-content .hdg-l2{
margin:24px 0 12px;
padding:0 ;
color:var(--cmn-font-color-base);
background:none;
font-size:14px;
font-weight:bold;
}

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

.hdg-l2-container .hdg-l2{
margin:0;
padding:0;
}

.hdg-l2-container .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
}

/* .pseudo-content > .hdg-l2-container
----------------------------------------------- */
.pseudo-content .hdg-l2-container{
margin:24px 0 12px;
padding:0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
color:var(--cmn-font-color-base);
background:none;
}

.pseudo-content .hdg-l2-container .hdg-l2{
margin:0;
padding:0;
border:none;
-webkit-box-flex:1;
flex:1;
}

.pseudo-content .hdg-l2-container .hdg-l2-btn{
margin:0;
padding:0;
position:static;
transform:none;
line-height:1.35;
}

/* .hdg-l2-container-01
----------------------------------------------- */
.hdg-l2-container-01 .hdg-l2-sup{
color:var(--cmn-font-color-gray);
padding-top:7px;
display:-webkit-box;
display:flex;
font-size:12px;
}

.hdg-l2-container-01 .hdg-l2-sup >span{
margin-right:4px;
}

.hdg-l2-container-01 .hdg-l2-sup > div{
-webkit-box-flex:1;
flex:1;
}

/* .hdg-l2-01
----------------------------------------------- */
.hdg-l2-01{
font-size:14px;
margin:0 -10px;
padding:8px 10px 6px;
color:var(--cmn-font-color-base);
background-color:#e5e5e5;
}

.act_ad_manage + .hdg-l2-01{
margin-top:20px;
}

/* .hdg-l2-01-container
----------------------------------------------- */
.hdg-l2-01-container .hdg-l2-01-sup{
color:#666;
padding-top:7px;
display:block;
font-size:11px;
}


/* ----------------------------------------------------------------
  List
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
/* ----------------------------------------------------------------
  Link
----------------------------------------------------------------- */
/* .link-list
----------------------------------------------- */
.link-list{
margin:0 -10px;
border-bottom:1px solid #e5e5e5;
line-height:1.35;
font-size:14px;
}
.link-list > li > a{
padding:11px 10px;
border-top:1px solid #e5e5e5;
color:var(--cmn-font-color-base);
display:block;
position:relative;
}
.link-list > li > span{
display:block;
padding:11px 25px 11px 10px;
}
.link-list > .link-list{
margin:0;
}
.link-list > .link-list > li > a{
padding:12px 10px 12px 25px;
}

.hdg-l2-container-01 + .link-list,
.hdg-l2-01-container + .toggle-container > .link-list{
margin-top:7px;
border-top:1px solid #e9e9e9;
}

/* .pseudo-content > .link-list
----------------------------------------------- */
.pseudo-content .link-list{
margin:0;
}

.pseudo-content .link-list > li > a,
.pseudo-content .link-list > li > span{
padding:11px 0;
}

/* .link-list-toggle
----------------------------------------------- */
.link-list-toggle{
margin:0 -10px;
border-bottom:1px solid #e9e9e9;
line-height:1.35;
font-size:14px;
}
.link-list-toggle > li > .link-list-toggle-hook{
padding:11px 30px 10px 10px;
border-top:1px solid #e9e9e9;
color:var(--cmn-font-color-base);
display:block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
}
.link-list-toggle > li .link-list-toggle-item{
display:none;
}
.link-list-toggle > li.is-active .link-list-toggle-hook{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.link-list-toggle > li.is-active .link-list-toggle-item{
display:block;
}
.link-list-toggle > li .link-list{
margin:0;
}
.link-list-toggle > li .link-list{
padding-left:28px;
}
.link-list-toggle > li .link-list .link-list{
padding-left:28px;
}
.link-list-toggle > li .link-list > li.icon-more > a{
padding-right:30px;
}
.link-list-toggle > li .link-list > li.icon-more > 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);
}

.hdg-l2-container-01 + .link-list-toggle,
.hdg-l2-01-container + .link-list-toggle{
margin-top:7px;
border-top:1px solid #e9e9e9;
}

/* .pseudo-content > .link-list-toggle
----------------------------------------------- */
.pseudo-content .link-list-toggle{
margin:0;
}

.pseudo-content .link-list-toggle > li > .link-list-toggle-hook{
padding:11px 20px 10px 0;
background-position:100% 50%;
}

.pseudo-content .link-list-toggle > li .link-list > li.icon-more > a::before{
right:0;
}


/* ----------------------------------------------------------------
  Navigation
----------------------------------------------------------------- */
/* .pager
----------------------------------------------- */
.pager{
margin:15px 0 20px;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
font-size:12px;
line-height:1.3;
}
.pager > li > a{
padding:9px 0;
border:1px solid #bbb;
display:block;
border-radius:3px;
width:43px;
color:var(--cmn-font-color-base);
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-prev + li.pager-current{
margin-left:0;
}
.pager > li.pager-current{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
text-align:center;
font-size:12px;
}
.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-current:first-child{
margin-left:96px;
}
.pager > li.pager-current:last-child{
margin-right:96px;
}
.pager > li.pager-next{
width:96px;
}

/* .tab-view-switch
----------------------------------------------- */
.tab-view-switch{
margin:0 0 10px;
border-bottom:1px solid #bbb;
}
.tab-view-switch > li{
float:left;
position:relative;
z-index:1;
width:50%;
box-sizing:border-box;
}
.tab-view-switch > li a{
padding:12px 5px 11px;
color:#555;
border-width:0 0 0 1px;
border-style:solid;
border-color:#bbb;
display:block;
background-color:#f5f5f5;
font-size:14px;
text-align:center;
text-decoration:none;
}
.tab-view-switch > li:first-child a{
border-width:0;
}
.tab-view-switch > li.is-active a{
position:relative;
background-color:#fff;
font-weight:bold;
color:var(--cmn-font-color-base);
}
.tab-view-switch > li.is-active a:after{
content:'';
display:block;
width:100%;
height:1px;
overflow:hidden;
position:absolute;
bottom:-1px;
left:0;
z-index:1;
background-color:#fff;
}


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


/* ----------------------------------------------------------------
  Notice
----------------------------------------------------------------- */
/* .notice-list
----------------------------------------------- */
.notice-list{
margin:8px 0;
color:#777;
}

.notice-list > li{
position:relative;
padding-left:calc(1em + 2px);
font-size:12px;
}

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

.notice-list strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.search-condition > .notice-list{
margin:8px 0 0;
}


/* ----------------------------------------------------------------
  Form
----------------------------------------------------------------- */
/* default
----------------------------------------------- */
input[type='text'],
input[type='search'],
input[type='tel'],
input[type='url'],
input[type='email'],
textarea,
select{
padding:5px;
border:1px solid #bbb;
border-radius:4px;
display:block;
width:100%;
min-height:44px;
font-size:16px;
box-sizing:border-box;
color:var(--cmn-font-color-base);
font-size:16px;
}

input::-webkit-input-placeholder,
input::-webkit-input-placeholder{
font-size:12px;
}

input::-webkit-input-placeholder,
input::placeholder{
font-size:12px;
}

/* checkbox
----------------------------------------------- */
input[type='checkbox']{
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-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);
}

.form-custom-checkbox{
position:relative;
display:block;
box-sizing:border-box;
padding-left:37px;
}
.form-custom-checkbox input[type='checkbox']{
position:absolute;
left:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* radiobutton
----------------------------------------------- */
input[type='radio']{
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);
}

.form-custom-radio{
position:relative;
display:block;
box-sizing:border-box;
padding-left:37px;
}
.form-custom-radio input[type='radio']{
position:absolute;
left:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
position:relative;
display:block;
}
.form-custom-select: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;
}
.form-custom-select > select{
padding:5px 25px 6px 7px;
-webkit-appearance:none;
-moz-appearance:none;
background-color:#fff;
}
.form-custom-select.is-unselected > select{
color:#9e9e9e;
}


/* ----------------------------------------------------------------
  Icon
----------------------------------------------------------------- */
/* .icon-required
----------------------------------------------- */
.icon-required{
margin:0 2px;
padding-top:7px;
vertical-align:middle;
overflow:hidden;
display:inline-block;
width:7px;
height:0;
position:relative;
top:-1px;
background:url(/element_sp/shared/images/icon/icon-required-asterisk.svg) 0 0 no-repeat;
}

.form-search-column-item.days .icon-required{
position: absolute;
top:50%;
right:20px;
transform:translateY(-50%);
}


/* ----------------------------------------------------------------
  .toggle-container
----------------------------------------------------------------- */
.toggle-container > .toggle-item{
display:none;
}

.toggle-container.is-active > .toggle-item{
display:block;
}


/* ----------------------------------------------------------------
  .toggle-hook
----------------------------------------------------------------- */
.toggle-container > .toggle-hook{
margin:-1px 0 0;
padding:10px;
color:var(--cmn-font-color-base);
border-width:1px 0;
border-color:#e9e9e9;
border-style:solid;
display:block;
font-size:14px;
text-align:center;
background-color:#fff;
width:100%;
box-sizing:border-box;
}

.toggle-container > .toggle-hook > span{
padding-left:20px;
display:inline-block;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:12px auto;
}

.toggle-container.is-active > .toggle-hook > span{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}


/* ----------------------------------------------------------------
  .hdg-toggle-container
----------------------------------------------------------------- */
.toggle-container .hdg-toggle-container{
margin:0 -10px;
padding:8px 10px;
border-bottom:1px solid #fff;
position:relative;
background:#444 url(/element/shared/images/icon/icon-chevron-down-wht.svg) calc(100% - 10px) 50% no-repeat;
background-size:12px;
}
.toggle-container .hdg-toggle-container [class^='hdg-l']{
margin:0;
}
.toggle-container .hdg-toggle-container .hdg-toggle{
padding:0;
color:#fff;
border-bottom:none;
font-weight:normal;
}

.toggle-container .hdg-toggle-container .hdg-toggle-hook{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
width:100%;
height:100%;
border:0;
opacity:0;
}

.toggle-container.is-active .hdg-toggle-container{
background-image:url(/element/shared/images/icon/icon-chevron-up-wht.svg);
border-bottom:0;
}

.num{
font-family:Arial;
}



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

	Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  form common
----------------------------------------------------------------- */
/* .form-list
----------------------------------------------- */
.form-list,
.form-list-col-2{
margin:0 -10px;
}
.form-list > li,
.form-list-col-2 > li{
font-size:14px;
border-bottom:1px solid #e5e5e5;
}

.form-list > li > label,
.form-list-col-2 > li > label{
min-height:53px;
}
.form-list > li > label > span,
.form-list-col-2 > li > label > span{
display:block;
position:absolute;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.form-list input[type="radio"][disabled] + span,
.form-list input[type="checkbox"][disabled] + span,
.form-list-col-2 input[type="radio"][disabled] + span,
.form-list-col-2 input[type="checkbox"][disabled] + span{
color:#ccc;
}

/* .form-list-
----------------------------------------------- */
.form-list > li:last-child{
border-bottom:none;
}

/* .form-list-col-2
----------------------------------------------- */
.form-list-col-2{
margin:16px -10px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:16px 0;
}
.form-list-col-2 > li{
border:none;
width:50%;
}
.form-list-col-2 > li > label{
min-height:20px;
}

/* .form-list-balloon
----------------------------------------------- */
.form-list .form-list-balloon,
.form-list-col-2 .form-list-balloon{
position:relative;
margin:0 10px;
padding:10px;
border-radius:4px;
background-color:#f5f5f5;
}
.form-list .form-list-balloon:before,
.form-list-col-2 .form-list-balloon:before{
content:'';
position:absolute;
left:28px;
top:-7px;
display:block;
width:14px;
height:14px;
background-color:#f5f5f5;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* .form-list-balloon
----------------------------------------------- */
.form-list .form-list-note,
.form-list-col-2 .form-list-note{
margin:8px 10px;
font-size:12px;
line-height:1.36;
}

/* .form-list-brand
----------------------------------------------- */
.form-list-brand{
margin:-1px -10px;
}
.form-list-brand > li{
margin-bottom:-1px;
font-size:15px;
border-width:1px 0;
border-style:solid;
border-color:#e5e5e5;
}
.form-list-brand > li > label{
min-height:53px;
display:table;
width:100%;
}
.form-list-brand > li > label > span{
display:table-cell;
vertical-align:middle;
}
.form-list-brand > li > label > span > span{
display:block;
}
.form-list-brand > li > label .brand-logo{
width:55px;
padding-right:10px;
}
.form-list-brand > li > label .brand-logo > img{
max-width:100%;
}

/* .form-inline
----------------------------------------------- */
.form-inline{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
margin:0 -10px;
padding:12px 10px;
}
.form-inline > *{
margin:0 3px;
}
.form-inline > *:first-child{
margin-left:0;
}
.form-inline > *:last-child{
margin-right:0;
}
.form-inline .form-custom-select{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}

/* .form-search-type-list
----------------------------------------------- */
.form-search-type-list{
margin:8px 0;
}
.form-search-type-list > li{
display:inline-block;
}
.form-search-type-list > li:not(:last-child){
margin-right:15px;
}
.form-search-type-list > li > label{
padding-left:25px;
position:relative;
}
.form-search-type-list > li > label > input[type='radio']{
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}

/* .form-search-btn
----------------------------------------------- */
.form-search-btn{
position:relative;
display:block;
margin:8px 0;
text-align:left;
font-size:16px;
border:0;
padding:5px 20px 5px 8px;
width:100%;
min-height:44px;
background:transparent;
color:var(--cmn-font-color-base);
border:1px solid #999;
border-radius:4px;
box-sizing:border-box;
background-color:#fff;
line-height:1.2;
}

.form-search-btn:after{
position:absolute;
display:block;
width:4px;
height:4px;
content:'';
border-right:2px solid #999;
border-bottom:2px solid #999;
position:absolute;
top:50%;
right:10px;
width:6px;
height:6px;
margin-top:-3px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

.form-search-btn.is-unselected{
color:#9e9e9e;
}

.form-search-btn.is-error{
border-color:rgba(var(--cmn-font-color-red-rgb),.35);
box-shadow:0 0 0 1px rgba(var(--cmn-font-color-red-rgb),.35) inset;
background-color:rgba(var(--cmn-font-color-red-rgb),.1);
}

/* .form-search-btn-container
----------------------------------------------- */
.form-search-btn-container{
margin-top:0;
padding:12px 10px;
width:100%;
box-sizing:border-box;
background-color:#444;
position:fixed;
z-index:1;
bottom:0;
left:0;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}

/* .form-search-btn-list
----------------------------------------------- */
.form-search-btn-list{
margin:0 auto;
box-sizing:border-box;
width:80%;
min-width:300px;
max-width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}
.form-search-btn-list > li:first-child{
width:20%;
}
.form-search-btn-list > li:last-child{
margin-left:10px;
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}
.form-search-btn-list > li a{
display:block;
border-radius:4px;
text-align:center;
box-sizing:border-box;
}
.form-search-btn-list > li a.clear-btn{
color:var(--cmn-font-color-base);
min-height:44px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:14px;
white-space:nowrap;
background-color:#fff;

}
.form-search-btn-list > li a.search-btn{
color:#fff;
min-height:44px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:16px;
background-color:var(--cmn-btn-color);
}

.form-search-btn-list > .is-disabled a{
opacity:.33;
}

/* .form-search-error
----------------------------------------------- */
.form-search-error{
margin:8px 0 0;
color:var(--cmn-font-color-red);
line-height:1.35;
font-size:12px;
}

.form-search-error:empty{
margin:0;
}

.form-search-error > li{
margin-bottom:4px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
}

/* .form-search-index-btn-container > .form-search-error
-------------------------------- */
.form-search-index-btn-container .form-search-error{
margin:0 auto 8px;
width:287px;
max-width:100%;
font-size:14px;
}

/* .form-search-btn-container > .form-search-error
-------------------------------- */
.form-search-btn-container .form-search-error{
margin:0 auto 8px;
color:#fff;
width:80%;
min-width:300px;
max-width:100%;
}

.form-search-btn-container .form-search-error > li{
margin-bottom:4px;
padding-left:18px;
background:url(/element/shared/images/icon/icon-caution-triangle-wht.svg) 0 2px no-repeat;
background-size:14px auto;
}


/* ----------------------------------------------------------------
  form search column
----------------------------------------------------------------- */
/* .form-search-column
----------------------------------------------- */
.form-search-column .br{
display:block;
}

/* .form-search-column-item
----------------------------------------------- */
.form-search-column-item{
padding:12px 0;
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.form-search-column-item > div:first-child{
margin-right:8px;
width:4.25em;
position:relative;
}

.form-search-column-item > div:last-child{
-webkit-box-flex:1;
flex:1;
}

.form-search-column-item > div > :first-child{
margin-top:0;
}

.form-search-column-item > div > :last-child{
margin-bottom:0;
}

/* .form-search-column-hdg
----------------------------------------------- */
.form-search-column-hdg{
line-height:1.25;
font-weight:normal;
font-size:12px;
}


/* ----------------------------------------------------------------
  filter
----------------------------------------------------------------- */
/* .form-airport-select
----------------------------------------------- */
.form-airport-select{
display:table;
width:100%;
}
.form-airport-select > *{
display:table-cell;
}
.form-airport-select > label{
width:4.5em;
font-size:12px;
}

/* .form-search-slider
----------------------------------------------- */
.form-search-slider{
margin:60px 17px 35px;
position:relative;
}

/* .form-search-slider-range
----------------------------------------------- */
.form-search-slider .form-search-slider-range{
color:var(--cmn-font-color-base);
position:relative;
width:100%;
height:7px;
}
.form-search-slider .form-search-slider-range:before{
content:'';
width:100%;
height:7px;
display:block;
background-color:#eaeaea;
border:1px solid #ccc;
border-radius:3px;
box-sizing:border-box;
}
.form-search-slider .form-search-slider-range > li{
position:absolute;
bottom:30px;
left:-17px;
}
.form-search-slider .form-search-slider-range > li.max{
left:auto;
right:-17px;
}

/* .form-search-slider-ui
----------------------------------------------- */
.form-search-slider .form-search-slider-ui{
position:absolute;
top:0;
left:0;
width:100%;
height:7px;
background-color:#666;
}
.form-search-slider .form-search-slider-ui > li a{
color:rgba(51, 51, 51, 0);
display:block;
width:35px;
height:35px;
position:absolute;
left:-17px;
top:-14px;
overflow:hidden;
-webkit-user-select:none;
user-select:none;
border:1px solid #555;
border-radius:100%;
background-color:#fff;
box-shadow:1px 1px 2px rgba(0, 0, 0, 0.21);
box-sizing:border-box;
}
.form-search-slider .form-search-slider-ui > li.max a{
margin-left:-17px;
left:100%;
}

/* ----------------------------------------------------------------
  .form-search-index
----------------------------------------------------------------- */
/* .form-search-index & .form-search-index-inner
----------------------------------------------- */
.form-search-index{
margin:-10px -10px 0;
padding:12px 8px 32px;
position:relative;
background-image:url(/element_sp/w_wifi/index/images/bg-01.png),url(/element_sp/w_wifi/index/images/bg.jpg);
background-repeat:no-repeat;
background-size:100% auto;
background-position:0 0,0 100%;
}

.form-search-index-inner{
position:relative;
padding:12px 12px 16px;
border-radius:6px;
background-color:rgba(255,255,255,.95);
}

.form-search-index .form-search-index-inner > :first-child{
margin-top:0;
}

.form-search-index .form-search-index-inner > :last-child{
margin-bottom:0;
}

/* .form-search-index-hdg
----------------------------------------------- */
.form-search-index .form-search-index-hdg{
margin-bottom:12px;
color:#fff;
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
line-height:1.2;
}

/* .form-search-index-hdg-01
----------------------------------------------- */
.form-search-index .form-search-index-hdg-01{
margin:16px 0 8px;
color:var(--cmn-font-color-base);
line-height:1.07;
font-size:14px;
font-weight:normal;
}

/* .form-search-index-btn-container
----------------------------------------------- */
.form-search-index .form-search-index-btn-container{
margin-top:0;
padding:10px 20px;
width:100%;
box-sizing:border-box;
background-color:rgba(255, 255, 255, 0.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-search-index .form-search-index-btn-container.is-static{
padding:20px 0 0;
border-top:none;
position:static;
background-color:transparent;
}

/* .form-search-index-btn-list
----------------------------------------------- */
.form-search-index .form-search-index-btn-list{
margin:0 auto;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
align-items:stretch;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
box-sizing:border-box;
width:287px;
max-width:100%;
}
.form-search-index .form-search-index-btn-list > li:first-child{
width:60px;
}
.form-search-index .form-search-index-btn-list > li:last-child{
margin-left:8px;
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}
.form-search-index .form-search-index-btn-list > li > a{
display:block;
border-radius:4px;
text-align:center;
box-sizing:border-box;
}
.form-search-index .form-search-index-btn-list > li > a.clear-btn{
padding:0 4px;
border:1px solid #bbb;
color:var(--cmn-font-color-base);
line-height:42px;
box-sizing:border-box;
white-space:nowrap;
background-color:#fff;
font-size:14px;
}
.form-search-index .form-search-index-btn-list > li > a.search-btn{
padding:0 4px;
border:none;
color:#fff;
line-height:44px;
display:block;
background-color:#444;
text-shadow:1px 2px 0 rgba(0,0,0,.1);
font-size:16px;
}

.form-search-index .form-search-index-btn-list > li.is-disabled > a{
opacity:.33;
}


/* ----------------------------------------------------------------
  Search Result
----------------------------------------------------------------- */
/* .search-result-header
----------------------------------------------- */
.search-result-header{
margin:-11px -10px 0;
padding:0 10px 10px;
border-top:1px solid var(--key-color);
line-height:1.35;
background:var(--key-color) url(/element_sp/shared/images/frame/bg.jpg) repeat 0 0;
background-size:100% auto;
}

/* .search-result-header-category
----------------------------------------------- */
.search-result-header .search-result-header-category{
margin:12px 0 -4px;
color:#fff;
line-height:1.35;
text-shadow:0 1px 0 rgba(0,0,0,.5);
font-size:16px;
}

.search-result-header h1:only-child{
margin-bottom:0;
}

.cmn-info + .search-result-header .search-result-header-category{
margin-top:16px;
}

/* .search-condition
----------------------------------------------- */
.search-condition{
margin-top:12px;
padding:12px 12px 8px;
border-radius:4px;
box-sizing:border-box;
box-shadow:0 2px 1px rgba(0, 0, 0, 0.15);
position:relative;
background-color:#fff;
font-size:12px;
}
.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-state-list
----------------------------------------------- */
.search-condition .search-condition-state-list{
margin:0;
font-size:12px;
}
.search-condition .search-condition-state-list > li{
margin-top:2px;
}

/* .search-condition-btn
----------------------------------------------- */
.search-condition .search-condition-btn{
display:inline-block;
margin:0;
padding:5px 10px 0;
border:1px solid #bbb;
border-radius:3px;
width:48px;
height:38px;
position:absolute;
top:10px;
right:10px;
font-size:12px;
color:var(--cmn-font-color-base);
line-height:1;
text-align:center;
background-color:#fff;
box-sizing:border-box;
}
.search-condition .search-condition-btn > span{
margin-top:2px;
display:block;
}

/* filter-item-list-container
------------------------------------------------ */
.filter-item-list-container{
position:relative;
margin-top:10px;
padding:10px 10px 0 10px;
min-height:42px;
border-radius:4px;
background-color:#fff;
box-sizing:border-box;
box-shadow:0 2px 1px 0 rgba(0, 0, 0, 0.15);
}

.filter-item-list-container:after{
content:'';
display:table;
}

.filter-item-list-container .filter-item-sup{
display:block;
margin-bottom:10px;
}

.filter-item-list-container .search-filter-btn{
padding-top:4px;
border:1px solid #bbb;
border-radius:3px;
width:48px;
height:22px;
position:absolute;
top:10px;
right:10px;
font-size:12px;
line-height:1.2;
background-color:#fff;
color:var(--cmn-font-color-base);
text-align:center;
box-sizing:border-box;
}

.filter-item-list-container .filter-item-list{
margin:0 79px 10px 0;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
flex-wrap:wrap;
gap:5px 8px;
}

.filter-item-list-container .filter-item-list a{
position:relative;
display:inline-block;
padding:3px 18px 3px 5px;
color:var(--cmn-font-color-base);
font-size:12px;
border-radius:3px;
background-color:#eee;
}

.filter-item-list-container .filter-item-list a:after{
content:'';
display:inline-block;
background:url(/element_sp/w_wifi/shared/images/icon-close.svg) 0 0 no-repeat;
background-size:100%;
width:9px;
height:9px;
margin-left:5px;
vertical-align:middle;
position:absolute;
right:5px;
top:50%;
margin-top:-5px;
}

.filter-item-list-container .filter-item-list.ellipsis{
min-height:50px;
}

.filter-item-list-container .filter-item-list li:nth-child(n+4){
display:none;
}

.filter-item-list-container .filter-item-list.ellipsis:after{
display:inline-block;
font-size:16px;
content:'...';
vertical-align:middle;
color:#666;
position:relative;
bottom:5px;
}

.filter-item-list-container.active .filter-item-list.ellipsis:after{
display:none;
}

.filter-item-list-container.active .filter-item-list li:nth-child(n+4){
display:inline-block;
}

.filter-item-list-container .filter-item-btn:after{
content:'';
display:block;
clear:both;
}

.filter-item-list-container .filter-item-btn{
position:relative;
}

.filter-item-list-container .filter-item-btn a{
margin-top:-2.5em;
padding:5px 5px 5px 16px;
float:right;
border:none;
background:none;
color:#666;
background:url(/element/shared/images/icon/icon-chevron-down.svg) no-repeat 0 50%;
background-size:12px;
font-size:12px;
}

.filter-item-list-container.active .filter-item-btn a{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .search-filter
----------------------------------------------- */
.search-filter{
margin-top:10px;
padding:12px 12px 8px;
border-radius:4px;
box-sizing:border-box;
box-shadow:0 2px 1px rgba(0, 0, 0, 0.15);
position:relative;
background-color:#fff;
font-size:12px;
}

/* .search-filter-toggle
----------------------------------------------- */
.search-filter .search-filter-toggle{
padding-right:50px;
position:relative;
}
.search-filter .search-filter-toggle .search-filter-toggle-item{
height:54px;
position:relative;
overflow:hidden;
}
.search-filter .search-filter-toggle .search-filter-toggle-hook{
display:inline-block;
position:absolute;
right:50px;
bottom:0;
line-height:24px;
background-color:#fff;
}
.search-filter .search-filter-toggle .search-filter-toggle-hook:before{
content:'...';
padding:0 5px;
}
.search-filter .search-filter-toggle .search-filter-toggle-hook button{
margin:0;
padding:0 0 0 17px;
border:none;
color:#555;
background:url(/element_sp/shared/images/icon/icon-toggle-plus.svg) 0 50% no-repeat;
background-size:12px;
font-size:12px;
}
.search-filter .search-filter-toggle.is-active{
padding-bottom:24px;
}
.search-filter .search-filter-toggle.is-active .search-filter-toggle-item{
height:auto;
padding-right:0;
}
.search-filter .search-filter-toggle.is-active .search-filter-toggle-hook:before{
display:none;
}
.search-filter .search-filter-toggle.is-active .search-filter-toggle-hook button{
background-image:url(/element_sp/shared/images/icon/icon-toggle-minus.svg);
}

/* .search-filter-btn
----------------------------------------------- */
.search-filter .search-filter-btn{
margin:-10px 0 0;
padding:0;
border:1px solid #bbb;
border-radius:4px;
width:48px;
height:20px;
position:absolute;
top:50%;
right:10px;
font-size:12px;
line-height:1.2;
background-color:#fff;
}
.search-filter .search-filter-btn > span{
display:block;
}

/* .search-filter-state-list
----------------------------------------------- */
.search-filter-state-list{
margin:-6px 0 0;
}
.search-filter-state-list > li{
display:inline-block;
margin-top:6px;
}
.search-filter-state-list > li > a{
display:block;
padding:4px 25px 4px 4px;
background-color:#eee;
border-radius:2px;
color:var(--cmn-font-color-gray);
position:relative;
}
.search-filter-state-list > li > a:before,
.search-filter-state-list > li > a:after{
margin:-1px 0 0 -4px;
position:absolute;
top:50%;
right:5px;
content:'';
display:block;
width:12px;
height:2px;
background-color:#808080;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.search-filter-state-list > li > a:after{
margin:-6px 0 0 -1px;
width:2px;
height:12px;
right:10px;
}

.search-filter-state-list > li > span{
padding-right:1em;
width:7em;
position:relative;
}

.search-filter-state-list > li > span:after{
content:'\ff1a';
position:absolute;
top:0;
right:0;
}

.search-filter-state-list > li > div{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}

.search-filter-state-list > li > div > ul{
margin:0;
}

.search-filter-state-list > li > div > ul > li{
line-height:1.4;
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-align:stretch;
-webkit-align-items:stretch;
align-items:stretch;
}

.search-filter-state-list > li > div > ul > li:not(:first-child){
margin-top:2px;
}

.search-filter-state-list > li > div > ul > li > span{
width:4.5em;
}

.search-filter-state-list > li > div > ul > li > div{
-webkit-box-flex:1;
-webkit-flex:1;
flex:1;
}

/* .search-result-area
----------------------------------------------- */
.search-result-area{
position:relative;
}
.search-result-area .search-result-area-alert{
margin:0 auto;
padding:20px;
border-radius:6px;
color:#fff;
width:70%;
display:none;
position:absolute;
top:150px;
right:0;
left:0;
z-index:2;
background-color:rgba(0, 0, 0, 0.8);
font-size:16px;
font-weight:bold;
text-align:center;
}
.search-result-area.is-disabled:before{
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:2;
background-color:rgba(255, 255, 255, 0.8);
}
.search-result-area.is-disabled .search-result-area-alert{
display:block;
}

/* .search-result
----------------------------------------------- */
.search-result{
margin:0 -10px;
}

.search-result strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

/* search-result-note
----------------------------------------------- */
.search-result .search-result-note{
margin:10px 10px 0;
line-height:1.35;
font-size:12px;
}

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

/* .search-result-sort
----------------------------------------------- */
.search-result .search-result-sort{
padding:12px 10px;
}

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

/* .search-result-plan
----------------------------------------------- */
.search-result .search-result-plan{
margin:0 -10px;
}
.search-result .search-result-plan + .search-result-plan{
border-top:1px solid #999;
}
.search-result .search-result-plan + .search-result-plan .search-result-plan-info{
border-bottom:0;
}

.search-result .search-result-detail + .search-result-plan{
border-top:1px solid #999;
}
.search-result .search-result-detail + .search-result-plan .search-result-plan-info{
border-bottom:0;
}

/* .search-result-plan-hdg
----------------------------------------------- */
.search-result .search-result-plan-hdg{
font-size:14px;
padding:13px 10px;
}
.search-result .search-result-plan-hdg > .search-result-plan-hdg-sup{
font-size:12px;
font-weight:normal;
}

/* .search-result-sup
----------------------------------------------- */
.search-result .search-result-sup{
line-height:1.45;
font-size:12px;
}
.search-result .search-result-sup .notice-list{
margin:0;
}
.search-result .search-result-plan-hdg + .search-result-sup{
margin-top:-10px;
padding:0 10px;
}

/* .search-result-sup-hdg
----------------------------------------------- */
.search-result .search-result-sup .search-result-sup-hdg{
display:block;
font-size:12px;
}
.search-result .search-result-sup .search-result-sup-hdg.branch{
color:#808080;
font-size:12px;
}

/* .search-result-sup-toggle
----------------------------------------------- */
.search-result .search-result-sup-toggle{
margin-bottom:10px;
}

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

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

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

.search-result .search-result-sup-toggle-detail strong{
color:var(--cmn-font-color-red);
display:inline-block;
font-weight:normal;
}

.search-result .search-result-sup-toggle-detail p,
.search-result .search-result-sup-toggle-detail ul{
margin-top:6px;
}

/* .search-result-sup-toggle-detail-close
----------------------------------------------- */
.search-result .search-result-sup-toggle-detail-close{
margin:10px 0 0 auto;
padding:0 0 0 17px;
border:none;
color:#a4a4a4;
line-height:1;
display:table;
background:url(/element/shared/images/icon/icon-chevron-up.svg) no-repeat 0 50%;
background-size:12px;
}

/* .search-result-plan-info
----------------------------------------------- */
.search-result .search-result-plan-info{
display:-webkit-box;
display:-webkit-flex;
display:flex;
border-width:1px 0;
border-style:solid;
border-color:#ddd;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}

/* .search-result-plan-detail-container
----------------------------------------------- */
.search-result .search-result-plan-detail-container{
-webkit-box-flex:1;
flex:1;
}

/* .search-result-plan-detail
----------------------------------------------- */
.search-result .search-result-plan-detail{
margin:0;
position:relative;
font-size:12px;
}

.search-result .search-result-plan-detail::before{
content:'';
display:block;
width:1px;
height:90%;
overflow:hidden;
position:absolute;
top:5%;
left:100%;
background-color:#ddd;
}

.search-result .search-result-plan-detail > li{
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.search-result .search-result-plan-detail > li:not(:first-child){
border-top:1px solid #fff;
}

.search-result .search-result-plan-detail > li > b{
padding:5px 0 5px 10px;
width:67px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
font-size:11px;
font-weight:normal;
background-color:#f5f5f5;
}

.search-result .search-result-plan-detail > li > div{
padding:5px 8px;
-webkit-box-flex:1;
flex:1;
}

.search-result .search-result-plan-detail .br{
display:block;
}

/* .search-result-cv-container
----------------------------------------------- */
.search-result .search-result-cv-container{
width:80px;
padding:0 10px;
box-sizing:border-box;
}

/* .search-result-cv-btn
----------------------------------------------- */
.search-result .search-result-cv-btn{
display:block;
padding:9px 0 10px;
color:#fff;
border-radius:4px;
box-sizing:border-box;
background-color:var(--cmn-btn-color);
font-size:14px;
text-align:center;
}

/* .search-result-cv-sup
----------------------------------------------- */
.search-result .search-result-cv-sup{
display:block;
margin-top:5px;
text-align:center;
line-height:1.16;
font-size:12px;
}

/* .search-result-agt-hdg
----------------------------------------------- */
.search-result .search-result-agt-hdg-container{
position:relative;
margin:0 -10px;
padding:13px 10px 13px 75px;
}

.search-result .search-result-agt-hdg{
font-size:14px;
}

.search-result .logo{
width:70px;
display:block;
box-sizing:border-box;
position:absolute;
left:10px;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
.search-result .logo img{
max-width:90%;
max-height:90%;
vertical-align:top;
}

/* .search-result-place
----------------------------------------------- */
.search-result .search-result-place{
position:relative;
margin:0;
letter-spacing:-0.4em;
}
.search-result .search-result-place > li{
display:inline-block;
vertical-align:top;
letter-spacing:normal;
}
.search-result .search-result-place > li:before{
content:'/';
margin:0 5px;
}
.search-result .search-result-place > li:first-child:before{
display:none;
}
.search-result .search-result-place > li.is-disabled{
margin-bottom:0;
opacity:0.5;
}
.search-result .search-result-place > li.is-active{
margin-bottom:30px;
}

.search-result .search-result-tbl-plan .search-result-place > li.is-active{
margin-bottom:62px;
}

/* .search-result-place-balloon
----------------------------------------------- */
.search-result .search-result-place-balloon{
position:relative;
border:1px solid #ddd;
padding:5px 0;
margin-top:5px;
}
.search-result .search-result-place-balloon:before{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
content:'';
display:block;
position:absolute;
top:-5px;
left:8px;
width:6px;
height:6px;
-webkit-transform:rotate(-135deg);
transform:rotate(-135deg);
background-color:#fff;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list{
margin:0;
overflow:hidden;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li{
float:left;
max-width:50%;
font-size:10px;
line-height:1.12;
overflow:hidden;
padding:0 3px;
box-sizing:border-box;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li div{
box-sizing:border-box;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li div:first-child{
float:left;
position:relative;
width:3em;
white-space:nowrap;
padding-right:1em;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li div:first-child:after{
content:'\ff1a';
position:absolute;
right:0;
top:0;
}
.search-result .search-result-place-balloon .search-result-place-balloon-list > li div:last-child{
overflow:hidden;
}

/* .search-result-agt
----------------------------------------------- */
.search-result .search-result-agt{
margin:10px 0;
padding-left:71px;
font-size:12px;
font-weight:normal;
position:relative;
}
.search-result .search-result-agt .logo{
width:65px;
height:30px;
border:1px solid #d9d9d9;
display:block;
box-sizing:border-box;
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
background-color:#fff;
}
.search-result .search-result-agt .logo img{
margin:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
max-width:90%;
max-height:90%;
}

/* .search-result-price
----------------------------------------------- */
.search-result .search-result-price{
display:table;
position:relative;
line-height:1.25;
font-size:11px;
}
.search-result .search-result-price > div{
display:table-cell;
vertical-align:middle;
}
.search-result .search-result-price > div b{
font-size:16px;
}
.search-result .search-result-price > div .sup{
display:block;
}
.search-result .search-result-price .search-result-price-btn{
display:inline-block;
color:var(--cmn-font-color-base);
margin-left:12px;
padding:4px 5px;
font-size:11px;
border-radius:3px;
border:1px solid #bbb;
box-shadow:0 -1px 0 #bbb inset;
}

/* .search-result-detail
----------------------------------------------- */
.search-result .search-result-detail .search-result-agt-toggle-hook{
display:block;
border:none;
width:100%;
color:var(--cmn-font-color-base);
font-size:11px;
text-align:left;
padding:0 0 0 12px;
background:url(/element_sp/w_wifi/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size:8px auto;
}

.search-result .search-result-detail.is-active .search-result-agt-toggle-hook{
background-image:url(/element_sp/w_wifi/shared/images/icon-arrow-up.svg);
}

.search-result .search-result-detail .close-toggle-hook{
padding:10px 0 12px;
width:100%;
border:0;
color:var(--cmn-font-color-base);
font-size:12px;
background-color:#fff;
}
.search-result .search-result-detail .close-toggle-hook > span{
padding-left:12px;
background:url(/element_sp/w_wifi/shared/images/icon-arrow-up.svg) 0 50% no-repeat;
background-size:8px auto;
}

/* .search-result-tab
----------------------------------------------- */
.search-result .search-result-tab .search-result-tab-item{
margin:15px 0 0;
display:none;
font-size:12px;
}
.search-result .search-result-tab .search-result-tab-item > p:first-child{
font-size:12px;
}
.search-result .search-result-tab .search-result-tab-item.is-active{
display:block;
}

/* .search-result-tab-list
----------------------------------------------- */
.search-result .search-result-tab .search-result-tab-list{
margin:0 -10px;
padding:0 10px 6px;
box-shadow:0 4px 4px rgba(0,0,0,.2);
position:relative;
z-index:1;
display:-webkit-box;
display:flex;
}

.search-result .search-result-tab .search-result-tab-list > li:not(:first-child){
margin-left:15px;
}

.search-result .search-result-tab .search-result-tab-list a{
color:var(--cmn-font-color-base);
display:block;
padding:12px 0 8px;
line-height:1;
font-size:12px;
text-decoration:none;
}

.search-result .search-result-tab .search-result-tab-list > li.is-active a{
box-shadow:0 -2px 0 var(--cmn-font-color-base) inset;
}

.search-result .search-result-tab .search-result-tab-list > li.is-disabled a{
color:#ccc;
}

/* payment-info
----------------------------------------------- */
.payment-info{
margin:8px 0;
line-height:1.35;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
font-size:12px;
text-align:center;
}

.payment-info > li{
border-bottom:1px solid #ddd;
width:30%;
display:-webkit-box;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
flex-direction:column;
}

.payment-info > li:last-child{
-webkit-box-flex:1;
flex:1;
}

.payment-info > li > b{
padding:4px 0 3px;
border-right:1px solid #ddd;
background-color:#f5f5f5;
font-weight:normal;
}

.payment-info > li > div{
padding:2px 0;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.payment-info > li:last-child > b{
border-right:none;
}

.payment-info > li:first-child > div{
border-left:1px solid #ddd;
}

.payment-info > li:last-child > div{
border-right:1px solid #ddd;
}

.payment-info .payment-info-credit{
margin:0;
}

.payment-info .payment-info-credit > li{
display:inline-block;
}

.payment-info .payment-info-credit > li:not(:first-child):not(:last-child):before{
margin:0 2px;
content:'/';
display:inline-block;
}

.payment-info .payment-info-credit ul{
margin:0;
display:inline-block;
white-space:nowrap;
text-align:center;
}

.payment-info .payment-info-credit ul > li{
margin:0;
display:inline-block;
}

.payment-info .payment-info-credit ul > li img{
max-height:10px;
}

.payment-info .payment-info-credit > li:last-child{
display:block;
}

/* .search-result-option-info-tbl
----------------------------------------------- */
.search-result .search-result-option-info-tbl{
margin:0;
width:100%;
border-collapse:collapse;
}
.search-result .search-result-option-info-tbl th{
padding:2px 0 1px;
font-weight:normal;
font-size:10px;
background-color:#f0f0f0;
border-left:1px solid #fff;
box-sizing:border-box;
}
.search-result .search-result-option-info-tbl th:first-child{
border-left:0;
}
.search-result .search-result-option-info-tbl tr td{
vertical-align:top;
padding:5px;
font-size:12px;
border-top:1px solid #eee;
}
.search-result .search-result-option-info-tbl tr td:first-child{
padding-left:0;
}
.search-result .search-result-option-info-tbl tr td:nth-child(2){
width:52%;
}
.search-result .search-result-option-info-tbl tr td:last-child{
padding-right:0;
text-align:right;
}
.search-result .search-result-option-info-tbl tr td:last-child b{
font-weight:normal;
font-size:12px;
}
.search-result .search-result-option-info-tbl tr td:last-child .sup{
display:block;
font-size:10px;
white-space:nowrap;
}
.search-result .search-result-option-info-tbl tr:first-child td{
border-top:0;
}

/* .search-result-agt-info
----------------------------------------------- */
.search-result .search-result-agt-info p{
line-height:1.5;
}

/* .search-result-agt-info-sup
----------------------------------------------- */
.search-result .search-result-agt-info-sup{
margin:5px 0;
font-size:11px;
}

/* .search-result-agt-info-airport-hdg
----------------------------------------------- */
.search-result .search-result-agt-info-airport-hdg{
font-size:11px;
padding-left:1em;
position:relative;
font-weight:normal;
}
.search-result .search-result-agt-info-airport-hdg:before{
content:'';
display:inline-block;
width:0;
height:0;
position:absolute;
margin:0;
display:block;
border-width:5px 5px 0 5px;
border-color:#333 transparent transparent transparent;
border-style:solid;
}
.search-result .search-result-agt-info-airport-hdg:before{
border-width:9px 5px 0 5px;
position:absolute;
left:0;
top:3px;
}

/* .search-result-agt-info-airport
----------------------------------------------- */
.search-result .search-result-agt-info-airport{
margin:5px -5px 10px 0;
overflow:hidden;
}
.search-result .search-result-agt-info-airport > li{
float:left;
padding-right:5px;
margin-top:5px;
width:25%;
font-size:12px;
box-sizing:border-box;
line-height:1.2;
}
.search-result .search-result-agt-info-airport > li > a{
position:relative;
display:block;
height:35px;
text-align:center;
color:#555;
border-radius:3px;
border:1px solid #bbb;
background-color:#fff;
box-sizing:border-box;
}
.search-result .search-result-agt-info-airport > li > a > span{
position:absolute;
width:100%;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}
.search-result .search-result-agt-info-airport > li > a > span > span{
display:block;
}
.search-result .search-result-agt-info-airport > li.is-active > a{
color:#fff;
background-color:#888;
border-color:#888;
}

/* ----------------------------------------------------------------
  .country-search
----------------------------------------------------------------- */
/* .country-search-tab
----------------------------------------------- */
.country-search .country-search-tab{
margin-bottom:20px;
display:table;
width:100%;
}
.country-search .country-search-tab > li{
border-left:2px solid #fff;
display:table-cell;
}
.country-search .country-search-tab > li:first-child{
border-left:none;
}
.country-search .country-search-tab > li a{
padding:8px 2px;
color:#555;
display:block;
min-width:7em;
white-space:nowrap;
background-color:#dfe3e8;
text-align:center;
text-decoration:none;
}
.country-search .country-search-tab > li.is-active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}

/* .country-search-item
----------------------------------------------- */
.country-search .country-search-item{
display:none;
}
.country-search .country-search-item.is-active{
display:block;
}

/* .country-search-list
----------------------------------------------- */
.country-search .country-search-list{
margin:-10px 0 0 -30px;
overflow:hidden;
}
.country-search .country-search-list > li{
margin-top:10px;
padding-left:30px;
float:left;
width:25%;
box-sizing:border-box;
}
.country-search .country-search-list > li:nth-child(4n+1){
clear:both;
}
.country-search .country-search-list > li a{
color:#555;
}


/* ----------------------------------------------------------------
  special information
----------------------------------------------------------------- */
/* .special-info
---------------------------------- */
.special-info{
background-color:rgba(255,255,255,.7);
text-align:center;
padding:8px 6px;
margin-bottom:10px;
border-radius:4px;
font-size:14px;
line-height:calc(17 / 12);
}

.special-info ul{
margin:0;
}

.special-info a .cmn-dashed{
--cmn-dashed-font-color:#000;
--cmn-dashed-color:#949494;
}

.cmn-info + .special-info{
margin-top:-4px;
}


/* ----------------------------------------------------------------
  SEO Modules
----------------------------------------------------------------- */
/* .seo
----------------------------------------------- */
.seo{
margin:0 -10px -10px;
padding:28px 8px 24px;
background-color: #f5f5f5;
}

/* .seo-panel
----------------------------------------------- */
.seo .seo-panel{
padding:12px;
border-radius:6px;
line-height:1.42;
background-color:#fff;
box-shadow:0 0 4px rgba(0,0,0,.3);
}

.seo .seo-panel + .seo-panel{
margin-top:12px;
}


/* .seo-panel-hdg
----------------------------------------------- */
.seo .seo-panel-hdg{
margin-bottom:12px;
font-size:16px;
font-weight:normal;
}


/* ----------------------------------------------------------------
  .seo-panel-attention
----------------------------------------------------------------- */
/* .seo-panel-news > ul
----------------------------------------------- */
.seo .seo-panel-attention{
font-size:14px;
}

.seo .seo-panel-attention ul{
margin:0;
}

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

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


/* ----------------------------------------------------------------
  .seo-panel-news
----------------------------------------------------------------- */
/* .seo-panel-news > ul
----------------------------------------------- */
.seo .seo-panel-news ul > li{
margin-bottom:12px;
padding-bottom:12px;
border-bottom:1px solid #e5e5e5;
}

.seo .seo-panel-news ul a{
color:var(--cmn-font-color-base);
}

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

.seo .seo-panel-news ul a > span [class^=tag]{
padding:0 2px;
color:#fff;
box-sizing:border-box;
min-width:76px;
line-height:17px;
text-align:center;
font-size:10px;
}

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

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

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

/* .seo-panel-news-more
----------------------------------------------- */
.seo .seo-panel-news-more{
margin-bottom:0;
text-align:right;
font-size:14px;
}


/* ----------------------------------------------------------------
  Modal Modules
----------------------------------------------------------------- */
/* .modal-tab-list
----------------------------------------------- */
.modal-tab .modal-tab-list{
margin-bottom:20px;
display:table;
table-layout:fixed;
width:100%;
line-height:1.25;
}
.modal-tab .modal-tab-list > li{
border-left:2px solid #fff;
display:table-cell;
vertical-align:top;
}
.modal-tab .modal-tab-list > li:first-child{
border-left:none;
}
.modal-tab .modal-tab-list > li a{
padding:2px;
color:#555;
display:table;
width:100%;
height:40px;
box-sizing:border-box;
background-color:#dfe3e8;
text-align:center;
text-decoration:none;
}
.modal-tab .modal-tab-list > li a > span{
display:table-cell;
vertical-align:middle;
}
.modal-tab .modal-tab-list > li.is-active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}

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

/* .modal-link-list-thumb
----------------------------------------------- */
.modal-tab .modal-link-list-thumb{
margin:-10px 0 0 -30px;
overflow:hidden;
}
.modal-tab .modal-link-list-thumb > li{
margin-top:10px;
padding-left:30px;
float:left;
width:25%;
box-sizing:border-box;
}
.modal-tab .modal-link-list-thumb > li:nth-child(4n+1){
clear:both;
}
.modal-tab .modal-link-list-thumb > li a{
padding-left:35px;
color:#555;
display:inline-block;
position:relative;
min-height:20px;
}
.modal-tab .modal-link-list-thumb > li a .thumb{
width:30px;
height:20px;
position:absolute;
top:-1px;
left:0;
}

/* .modal-link
----------------------------------------------- */
.modal-tab .modal-link{
margin-top:20px;
}
.modal-tab .modal-link a{
padding-left:12px;
color:#555;
display:inline-block;
position:relative;
}
.modal-tab .modal-link a:before{
content:'';
display:block;
position:absolute;
top:6px;
left:0;
border-right:1px solid #666;
border-bottom:1px solid #666;
width:4px;
height:4px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}


/* ----------------------------------------------------------------
  Payment Tooltip
----------------------------------------------------------------- */
/* .tip-payment
----------------------------------------------- */
.tip-payment{
padding:10px;
border:1px solid #aaa;
border-radius:4px;
position:absolute;
display:none;
top:100%;
right:0;
width:415px;
box-sizing:border-box;
background-color:#fff;
z-index:1;
box-shadow:2px 2px 5px -2px rgba(0, 0, 0, 0.45);
font-size:12px;
text-align:left;
}
.tip-payment.is-active{
display:block;
}

/* .tip-payment-list
----------------------------------------------- */
.tip-payment .tip-payment-list{
margin-top:-5px;
}
.tip-payment .tip-payment-list > li{
margin-top:5px;
display:table;
width:100%;
}
.tip-payment .tip-payment-list > li > div{
display:table-cell;
vertical-align:top;
}
.tip-payment .tip-payment-list > li > div:first-child{
padding-right:20px;
white-space:nowrap;
width:5em;
position:relative;
}
.tip-payment .tip-payment-list > li > div:first-child:after{
content:'\ff1a';
position:absolute;
top:2px;
right:0;
line-height:1;
font-size:12px;
}

/* .tip-payment-list-01
----------------------------------------------- */
.tip-payment .tip-payment-list-01{
overflow:hidden;
}
.tip-payment .tip-payment-list-01 > li{
float:left;
}
.tip-payment .tip-payment-list-01 > li:before{
content:'\ff0f';
}
.tip-payment .tip-payment-list-01 > li:first-child:before{
display:none;
}
.tip-payment .tip-payment-list-01 > li.is-disabled{
color:#ccc;
}

/* .tip-payment-list-credit
----------------------------------------------- */
.tip-payment .tip-payment-list-credit{
display:inline-block;
vertical-align:middle;
}
.tip-payment .tip-payment-list-credit > li{
display:inline-block;
}
.tip-payment .tip-payment-list-credit > li img{
vertical-align:middle;
height:15px;
width:auto;
}

/* .tip-payment-list-notice
----------------------------------------------- */
.tip-payment .tip-payment-list-notice{
margin-top:10px;
padding-top:5px;
border-top:1px solid #ccc;
}
.tip-payment .tip-payment-list-notice > li{
margin-top:2px;
padding-left:1.25em;
position:relative;
}
.tip-payment .tip-payment-list-notice > li:before{
content:'\203b';
display:block;
position:absolute;
top:0;
left:0;
}

/* .modal-info-area
----------------------------------------------- */
.modal-info-area .notice-list{
margin:0;
}
.modal-info-area .notice-list > li{
font-size:10px;
}

.modal-info-area .notice-list-num{
margin:0;
color:#666;
}
.modal-info-area .notice-list-num > li{
display:inline-block;
font-size:10px;
}
.cmn-modal .modal-info-area{
padding:15px 12px;
}

/* .modal-price-hdg
----------------------------------------------- */
.modal-hdg{
margin-bottom:6px;
font-size:12px;
}

/* .modal-price-tbl
----------------------------------------------- */
.modal-price-tbl{
border-spacing:0;
width:100%;
border-collapse:collapse;
}
.modal-price-tbl th,
.modal-price-tbl td{
border:none;
font-weight:normal;
text-align:center;
}
.modal-price-tbl th{
padding:5px 0;
}
.modal-price-tbl th > span{
display:block;
}
.modal-price-tbl td{
height:35px;
}
.modal-price-tbl thead th{
background-color:#f1f1f1;
font-size:10px;
line-height:1.2;
color:#666;
border-left:1px solid #fff;
}
.modal-price-tbl thead th > span{
display:block;
}
.modal-price-tbl tbody th,
.modal-price-tbl tbody td{
font-size:11px;
line-height:1.18;
border-bottom:1px solid #e9e9e9;
}
.modal-price-tbl tbody th{
text-align:left;
width:25%;
}
.modal-price-tbl tbody td:last-child{
padding-right:5px;
text-align:right;
}
.modal-price-tbl tfoot td{
text-align:right;
font-size:11px;
color:var(--cmn-font-color-red);
}
.modal-price-tbl tfoot td > span{
color:var(--cmn-font-color-base);
}
.modal-price-tbl tfoot td b{
font-size:16px;
}
.modal-price-tbl .date,
.modal-price-tbl .price,
.modal-price-tbl .subtotal{
width:20%;
}
.modal-price-tbl .notice-list{
line-height:1.0;
}
.modal-price-tbl .notice-list > li{
display:inline-block;
}

/* .modal-place-tbl
----------------------------------------------- */
.modal-place-tbl{
border-spacing:0;
width:100%;
border-collapse:collapse;
}
.modal-place-tbl th,
.modal-place-tbl td{
border:none;
font-weight:normal;
text-align:center;
}
.modal-place-tbl th{
padding:5px 0;
}
.modal-place-tbl td{
height:35px;
}
.modal-place-tbl thead th{
background-color:#f1f1f1;
font-size:10px;
line-height:1.2;
color:#666;
border-left:1px solid #fff;
}
.modal-place-tbl thead th > span{
display:block;
}
.modal-place-tbl tbody th,
.modal-place-tbl tbody td{
font-size:11px;
border-bottom:1px solid #e9e9e9;
line-height:1.18;
}
.modal-place-tbl tbody th{
text-align:left;
width:30%;
}
.modal-place-tbl .time{
width:24%;
}
.modal-place-tbl .receipt{
width:10%;
}
.modal-place-tbl .return{
width:10%;
}
.modal-place-tbl .day{
width:10%;
}
.modal-place-tbl .day > span{
display:block;
}
.modal-place-tbl .is-available{
font-size:12px;
}
.modal-place-tbl .is-unavailable{
color:#a4a4a4;
font-size:18px;
}
.modal-place-tbl .modal-place-tbl-sup{
color:var(--cmn-font-color-base);
line-height:1.25;
display:block;
font-size:10px;
}
.modal-place-tbl tbody th .modal-place-tbl-sup{
display:inline;
}
.modal-place-tbl + .notice-list{
margin-top:10px;
}


/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
/* .faq-link
------------------------------------------------ */
.faq-link{
margin:8px 0 0;
display:block;
color:var(--cmn-font-color-base);
font-size:12px;
}
.faq-link > .cmn-tip-btn{
margin-left:4px;
}


/* ----------------------------------------------------------------
  loading
----------------------------------------------------------------- */
.loading{
margin:30px 0 500px;
font-weight:bold;
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;
}


/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
.error{
margin:25px 0;
}

.error .error-catch{
margin:10px 0;
}

.error p{
margin:0;
}

/* .error-align-center
----------------------------------------------- */
.error .error-align-center{
text-align:center;
}

/* .error-result
----------------------------------------------- */
.error-result{
margin:30px 10px;
text-align:center;
}

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

/* .error-item
----------------------------------------------- */
.error-item{
text-align:left;
padding: 20px 0 60px;
}
.error-item .hdg-notfound{
font-size:16px;
font-weight:normal;
}
.error-align-c{
text-align:center;
}
.error-item strong{
color:#e93939;
font-weight:normal;
}
.error-item p:not([class]){
font-size:14px;
}
.error-item .txt-notfound{
font-size:12px;
}

/* .btn
----------------------------------------------- */
[class^='error'] .btn{
margin:20px auto 0;
padding:8px 10px;
border:1px solid #bbb;
border-radius:4px;
color:#666;
display:table;
min-width:210px;
text-align:center;
font-weight:bold;
font-size:12px;
background-color:#fff;
box-sizing:border-box;
}


/* ----------------------------------------------------------------
  Agent Link Modules
----------------------------------------------------------------- */
/* .agt-link
----------------------------------------------- */
.agt-link{
font-size:12px;
}

.agt-link strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.agt-link b strong{
font-weight:bold;
}

/* .agt-link-logo
----------------------------------------------- */
.agt-link .agt-link-catch{
margin:10px 0 20px;
display:block;
text-align:center;
font-size:16px;
font-weight:normal;
}


/* .agt-link-box-border
----------------------------------------------- */
.agt-link .agt-link-box-border{
margin:20px 0 10px;
padding:10px 13px;
border:1px solid #ddd;
text-align:left;
font-size:12px;
}

.agt-link .agt-link-box-border > :first-child{
margin-top:0;
}

.agt-link .agt-link-box-border > :last-child{
margin-bottom:0;
}

/* .agt-link-note
----------------------------------------------- */
.agt-link .agt-link-note > li{
padding-left:10px;
position:relative;
}

.agt-link .agt-link-note > li::before{
content:'';
display:block;
width:3px;
height:3px;
border-radius:50%;
position:absolute;
top:.7em;
left:0;
background-color:var(--cmn-font-color-base);
}

.agt-link .agt-link-note > li:not(:first-child){
margin-top:5px;
}

/* .agt-link-caution
----------------------------------------------- */
.agt-link .agt-link-caution{
margin-top:20px;
text-align:left;
}

/* .agt-link-caution-hdg
----------------------------------------------- */
.agt-link .agt-link-caution-hdg{
margin:0 -10px 12px;
padding:4px 10px 4px 28px;
position:relative;
background-color:#eee;
font-weight:normal;
font-size:14px;
}

.agt-link .agt-link-caution-hdg::before{
content:'';
display:block;
width:14px;
height:12px;
overflow:hidden;
position:absolute;
top:7px;
left:10px;
background:url(/element/shared/images/icon/icon-caution-triangle.svg) 0 0 no-repeat;
}

/* .agt-link-caution-list
----------------------------------------------- */
.agt-link .agt-link-caution-list > li:not(:first-child){
margin-top:15px;
}

/* .agt-link-btn
----------------------------------------------- */
.agt-link .agt-link-btn{
margin-top:0;
padding:12px 10px;
width:100%;
box-sizing:border-box;
background-color:#444;
position:fixed;
z-index:1;
bottom:0;
left:0;
}

.agt-link .agt-link-btn > a{
margin:0 auto;
color:#fff;
border-radius:4px;
max-width:calc((100% + 20px) * .8);
min-height:44px;
line-height:1.25;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
font-size:16px;
background-color:var(--cmn-btn-color);
}


/* ----------------------------------------------------------------
  Pseudo Modules
----------------------------------------------------------------- */
/* pseudo data-role
----------------------------------------------- */
[data-role='page'],
[role='dialog']{
position:absolute;
top:0;
left:-100%;
overflow:hidden;
z-index:-1;
width:100%;
height:100%;
opacity:0;
box-sizing:border-box;
color:var(--cmn-font-color-base);
opacity:0;
}
[data-role='page'].active{
z-index:1;
position:relative;
top:0;
left:0;
overflow:auto;
width:auto;
height:auto;
min-height:100%;
box-sizing:border-box;
opacity:1;
background-color:#fff;
}

[role='dialog'].active{
z-index:10;
position:fixed;
top:0;
left:0;
overflow:auto;
background-color:#fff;
opacity:1;
}

[data-role='page'].lyt-sticky,
[role='dialog'].lyt-sticky{
padding-bottom:65px;
min-height:0;
}

/* .pseudo-content
----------------------------------------------- */
.pseudo-content{
box-sizing:border-box;
padding:0 10px;
}

.pseudo-content strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}

.pseudo-content p + p{
margin-top:12px;
}

/* .pseudo-header
----------------------------------------------- */
.pseudo-header{
margin:0 -10px;
padding:8px 40px;
color:#fff;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:45px;
box-sizing:border-box;
position:relative;
background-color:#111;
}

.pseudo-header .pseudo-hdg{
padding:0;
box-sizing:border-box;
min-width:0;
font-size:16px;
font-weight:bold;
text-align:center;
-webkit-box-flex:1;
flex:1;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
-webkit-box-pack:center;
justify-content:center;
}

.pseudo-header .pseudo-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/w_wifi/shared/images/icon-close.svg) no-repeat 50% 50%;
background-size:16px auto;
filter:brightness(0) invert(1);
}

.pseudo-header .pseudo-btn-clear{
font-weight:bold;
position:absolute;
top:0;
right:0;
height:100%;
width:50px;
color:#fff;
border-width:0 0 0 1px;
border-style:solid;
border-color:#000;
background:none;
font-size:12px;
}

main > .pseudo-header{
margin-top:-10px;
}

.pseudo-header + p{
margin-top:10px;
}

/* .pseudo-hdg-l2
----------------------------------------------- */
.pseudo-hdg-l2{
margin:12px 0;
font-size:14px;
}

.pseudo-header + .pseudo-hdg-l2{
margin-top:16px;
}

.pseudo-hdg-l2.branch{
padding:12px 0 0;
border-top:1px solid #e5e5e5;
border-bottom:none;
}

/* .pseudo-list-bullet
----------------------------------------------- */
.pseudo-list-bullet > li{
margin-top:5px;
padding-left:12px;
position:relative;
}

.pseudo-list-bullet > li::before{
content:'';
display:block;
width:2px;
height:2px;
border-radius:50%;
overflow:hidden;
position:absolute;
top:9px;
left:3px;
background-color:var(--cmn-font-color-base);
}

/* .pseudo-note
----------------------------------------------- */
.pseudo-note{
margin-top:20px;
color:var(--cmn-font-color-gray);
font-size:12px;
}

.pseudo-note > li{
position:relative;
padding-left:1.25em;
}

.pseudo-note > li:not(:first-child){
margin-top:10px;
}

.pseudo-note .pseudo-note-mark{
display:block;
position:absolute;
top:0;
left:0;
}

p.pseudo-note{
margin:10px 0;
padding-left:0;
color:var(--cmn-font-color-base);
font-size:12px;
}

/* .pseudo-content-btn-prev
----------------------------------------------- */
.pseudo-content-btn-prev{
margin:0 0 20px;
padding:0;
border:none;
border-bottom:1px solid #e5e5e5;
color:var(--cmn-font-color-link);
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
min-height:44px;
width:100%;
background:transparent;
text-align:left;
font-size:14px;
}


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


/* ----------------------------------------------------------------
  For Android App
----------------------------------------------------------------- */
.is-app-android .form-search-btn-container,
.is-app-android .form-search-index-btn-container{
padding-bottom:57px;
}

.is-app-android [data-role='page'].lyt-sticky,
.is-app-android [data-role='dialog'].lyt-sticky{
padding-bottom:130px;
}


/* ----------------------------------------------------------------
  For Google App
----------------------------------------------------------------- */
.support-app-google .form-search-btn-container,
.support-app-google .agt-link-btn{
padding-bottom:145px;
}

.support-app-google [data-role='page'].lyt-sticky,
.support-app-google [role='dialog'].lyt-sticky{
padding-bottom:220px;
}