@charset "UTF-8";
:root{
--font-color-btn-link:#666;
--font-color-placeholder:#949494;
--font-color-base-secondary:#222;
--font-num:Arial;
}

/* form default
------------------------------------------------ */
button,
select{
cursor:pointer;
}
.cmn-sns-list{
position:relative;
}
.act_ad_manage a{
vertical-align:top;
}

/* j_air common modules
------------------------------------------------ */
.mod-number{
font-family:var(--font-num);
}
.mod-indent{
display:inline-block;
padding-left:1em;
text-indent:-1em;
}

/* placeholder
------------------------------------------------ */
input::-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input::-webkit-input-placeholder{
color:var(--font-color-placeholder);
}
input::-moz-placeholder{
color:var(--font-color-placeholder);
}
input:-ms-input-placeholder{
color:var(--font-color-placeholder);
}
input::placeholder{
color:var(--font-color-placeholder);
}
input:disabled::-ms-input-placeholder{
color:#ccc;
}
input:disabled::-webkit-input-placeholder{
color:#ccc;
}
input:disabled::-moz-placeholder{
color:#ccc;
}
input:disabled:-ms-input-placeholder{
color:#ccc;
}
input:disabled::placeholder{
color:#ccc;
}

/* ----------------------------------------------------------------
  Error
----------------------------------------------------------------- */
/* .error
----------------------------------------------- */
/* .error-hdg
----------------------------------------------- */
.error .error-hdg{
margin:30px 0 10px;
padding-left:15px;
position:relative;
font-size:16px;
}
.error .error-hdg:before{
content:"";
display:block;
width:8px;
height:8px;
overflow:hidden;
position:absolute;
top:6px;
left:0;
}
.error .error-hdg:before{
background-color:#333;
}

/* .error-link-list
----------------------------------------------- */
.error .error-link-list{
font-size:14px;
font-weight:bold;
}
.error .error-link-list > li{
display:inline-block;
}
.error .error-link-list > li:after{
margin-left:5px;
content:"\ff1e";
display:inline-block;
}
.error .error-link-list > li:empty:after,
.error .error-link-list > li:last-child:after{
display:none;
}

/* error
---------------------------------- */
.error{
margin-bottom:20px;
}
.error.simple{
margin:40px 0 70px;
}
.error-wording{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-wording strong{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:18px;
}
#errMsg{
margin:20px 0;
text-align:center;
font-size:14px;
}
.error-prev{
margin-top:32px;
text-align:center;
}
.error-prev a{
padding:9px 8px 8px;
border:1px solid #c5c5c5;
border-radius:3px;
color:#666;
display:inline-block;
min-width:202px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
}

/* modal
------------------------------------------------ */
.cmn-modal-select.modal-calendar .cmn-modal-hdg-container{
padding-right:0;
}
.cmn-modal-select.modal-calendar .cmn-modal-hdg-container .cmn-modal-hdg{
display:inline-block;
}
.cmn-modal-select.modal-calendar .cmn-modal-hdg-container .modal-sup{
display:inline-block;
margin-left:10px;
font-weight:normal;
font-size:12px;
}

/* modal-guide
---------------------------------- */
.cmn-modal-select.modal-guide .swiper-guide .swiper{
overflow:hidden;
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-prev,
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-next{
background-color:rgba(0,0,0,.5);
background-size:20px auto;
background-image:none;
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-prev::after,.cmn-modal-select.modal-guide .swiper-guide .swiper-button-next::after{
content:"";
display:block;
width:12px;
height:24px;
background-position:0 0;
background-repeat:no-repeat;
position:absolute;
top:12px;
-webkit-filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .5));
filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .5));
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-prev.swiper-button-disabled,.cmn-modal-select.modal-guide .swiper-guide .swiper-button-next.swiper-button-disabled{
display:none;
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-prev{
border-radius:0 4px 4px 0;
background-image:none;
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-prev::after{
left:6px;
background-image:url(/element/j_air_on/shared/images/icon-swiper-prev.svg);
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-next{
border-radius:4px 0 0 4px;
}
.cmn-modal-select.modal-guide .swiper-guide .swiper-button-next::after{
right:6px;
background-image:url(/element/j_air_on/shared/images/icon-swiper-next.svg);
}
.cmn-modal-select.modal-guide .swiper-guide-list .swiper-guide-list-pic{
width:675px;
margin:0 auto;

}
.cmn-modal-select.modal-guide .swiper-guide-list .swiper-guilde-list-hdg{
font-size:14px;
font-weight:bold;
margin-bottom:12px;
}
.cmn-modal-select.modal-guide .swiper-guide-list .swiper-guilde-list-hdg .num{
margin-right:4px;
}

/* .modal-cal-container
------------------------------------------------ */
.modal-cal-container .modal-cal{
position:relative;
}
.modal-cal-container .modal-cal:after{
display:table;
clear:both;
content:"";
}
.modal-cal-container .modal-cal .modal-cal-item{
float:left;
padding:20px;
border:1px solid #ccc;
width:510px;
}
.modal-cal-container .modal-cal .modal-cal-filter{
overflow:hidden;
padding-left:20px;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item{
margin-bottom:15px;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item .form-custom-select{
border-radius:2px;
width:100%;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item label > span{
color:#555;
font-weight:bold;
font-size:11px;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item.modal-cal-filter-reverse{
overflow:hidden;
margin-bottom:0;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item.modal-cal-filter-reverse .modal-cal-reverse-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
float:right;
border-width:1px;
border-style:solid;
border-color:#c4c4c4;
border-radius:2px;
width:78px;
height:26px;
background-color:white;
-webkit-box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, .15);
box-shadow:inset 0 -2px 0 0 rgba(0, 0, 0, .15);
font-size:12px;
line-height:1;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-item.modal-cal-filter-reverse .modal-cal-reverse-btn:before{
display:inline-block;
position:relative;
margin-right:4px;
width:15px;
height:15px;
background:url(/element/j_air_on/shared/images/icon-reverse.svg) top left no-repeat;
background-size:100%;
content:"";
vertical-align:middle;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-submit{
position:absolute;
bottom:0;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-submit .modal-cal-submit-btn{
display:block;
padding:5px;
border:none;
border-radius:4px;
width:100%;
min-width:9em;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:20px;
}
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-submit .modal-cal-submit-btn:active,
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-submit .modal-cal-submit-btn:hover,
.modal-cal-container .modal-cal .modal-cal-filter .modal-cal-filter-submit .modal-cal-submit-btn:focus{
background-color:#67a700;
text-decoration:none;
}
.modal-cal-container .cmn-calendar-header{
color:var(--cmn-font-color-base);
background-color:#e5e5e5;
}
.modal-cal-container .modal-cal-select{
margin-bottom:10px;
}
.modal-cal-container .modal-cal-select li{
display:inline-block;
}
.modal-cal-container .cmn-calendar-active-from{
position:relative;
}
.modal-cal-container .cmn-calendar-active-from:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:-32px;
left:50%;
margin-left:-25px;
padding:0 5px;
border:1px solid #aaa;
width:50px;
height:28px;
color:var(--cmn-font-color-base);
background-color:#fff;
-webkit-box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75);
content:"\51FA\767A\65E5";
text-align:center;
font-weight:bold;
font-size:12px;
}
.modal-cal-container .cmn-calendar-active-from:after{
display:block;
position:absolute;
top:-10px;
left:50%;
width:8px;
height:8px;
background-color:#fff;
-webkit-box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75), -1px -1px 0 -1px #aaa inset;
box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75), -1px -1px 0 -1px #aaa inset;
content:"";
-webkit-transform:translateX(-50%) rotate(45deg) skew(-1deg, -1deg) translateZ(-1px);
transform:translateX(-50%) rotate(45deg) skew(-1deg, -1deg) translateZ(-1px);
}
.modal-cal-container .cmn-calendar-active-to{
position:relative;
}
.modal-cal-container .cmn-calendar-active-to:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
top:30px;
left:50%;
margin-left:-25px;
padding:5px;
border:1px solid #aaa;
width:50px;
height:40px;
color:var(--cmn-font-color-base);
background-color:#fff;
-webkit-box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75);
box-shadow:2.121px 2.121px 3px 0 rgba(153, 153, 153, .75);
content:"\0020\5FA9\8DEF\0020\51FA\767A\65E5";
text-align:center;
font-weight:bold;
font-size:12px;
line-height:1.3;
}
.modal-cal-container .cmn-calendar-active-to:after{
display:block;
position:absolute;
top:26px;
left:50%;
border-top:1px solid #aaa;
border-left:1px solid #aaa;
width:8px;
height:8px;
background-color:#fff;
content:"";
-webkit-transform:translateX(-50%) rotate(45deg) skew(-1deg, -1deg) translateZ(-1px);
transform:translateX(-50%) rotate(45deg) skew(-1deg, -1deg) translateZ(-1px);
}
.modal-cal-container .cmn-calendar-result-date li{
border-bottom:2px solid #c3c3c3;
}
.modal-cal-container .cmn-calendar-result-date li > span{
display:inline-block;
position:relative;
}
.modal-cal-container .cmn-calendar-result-date li > span:before{
display:block;
position:absolute;
bottom:-2px;
left:0;
width:100%;
height:2px;
background-color:#e5e5e5;
content:"";
}
.modal-cal-container .cmn-calendar-result-date li > span:after{
display:inline-block;
margin-left:5px;
content:":";
}
.modal-cal-container .cmn-calendar-result-date li:nth-child(2){
margin-left:40px;
padding-left:0;
}
.modal-cal-container .cmn-calendar-result-date li:nth-child(2):before{
top:5px;
left:-35px;
border:none;
width:25px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-black.svg) top left no-repeat;
background-size:100%;
}
.modal-cal-container .cmn-calendar-result-date li:nth-child(2):after{
display:none;
}

/* ----------------------------------------------------------------
  Modal Covid-19
----------------------------------------------------------------- */
/* .modal-covid19
----------------------------------------------- */
.modal-covid19{
text-align:left;
font-size:13px;
color:var(--cmn-font-color-base);
}

/* .modal-covid19-hdg-l2
----------------------------------------------- */
.modal-covid19 .modal-covid19-hdg-l2{
margin-bottom:15px;
padding:14px 10px 10px;
background-color:#eee;
line-height:1;
font-size:16px;
}

/* .modal-covid19-hdg-l3
----------------------------------------------- */
.modal-covid19 .modal-covid19-hdg-l3{
margin:15px 0 20px;
font-size:14px;
}

/* .modal-covid19-date
----------------------------------------------- */
.modal-covid19 .modal-covid19-date{
margin-bottom:10px;
}

/* .modal-covid19-link
----------------------------------------------- */
.modal-covid19 .modal-covid19-link{
margin-top:30px;
display:table;
color:#666;
text-decoration:underline;
}

/* .modal-covid19-note
----------------------------------------------- */
.modal-covid19 .modal-covid19-note{
margin-left:5px;
display:inline-block;
font-size:11px;
}

/* .modal-covid19-toggle
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle{
margin-bottom:30px;
}
.modal-covid19 .modal-covid19-hdg-l3 + .modal-covid19-toggle{
margin-top:-10px;
}

/* .modal-covid19-toggle-hook
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle-hook{
padding:0 0 0 20px;
border:none;
border-bottom:1px solid #ccc;
display:block;
width:100%;
height:50px;
position:relative;
background-color:#fff;
text-align:left;
font-size:14px;
}
.modal-covid19 .modal-covid19-toggle-hook::before{
margin-top:-4px;
content:"";
display:block;
width:12px;
height:7px;
overflow:hidden;
position:absolute;
top:50%;
left:0;
background:url(/element/shared/images/icon/icon-chevron-down.svg) 0 0 no-repeat;
}
.modal-covid19 .modal-covid19-toggle > li.is-active .modal-covid19-toggle-hook::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* .modal-covid19-toggle-content
----------------------------------------------- */
.modal-covid19 .modal-covid19-toggle-content{
margin:15px 0 10px;
padding:0 25px;
display:none;
}
.modal-covid19 .modal-covid19-toggle > li.is-active .modal-covid19-toggle-content{
display:block;
}

/* .modal-covid19-list
----------------------------------------------- */
.modal-covid19 .modal-covid19-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.modal-covid19 .modal-covid19-list > li:not(:first-child){
margin-top:5px;
}
.modal-covid19 .modal-covid19-list > li > span{
margin-right:5px;
padding-right:1em;
position:relative;
display:block;
}
.modal-covid19 .modal-covid19-list > li > span::after{
content:"\ff1a";
display:block;
position:absolute;
top:0;
right:0;
}
.modal-covid19 .modal-covid19-hdg-l3 + .modal-covid19-list{
margin-top:-15px;
}

/* .modal-covid19-link-list
----------------------------------------------- */
.modal-covid19 .modal-covid19-link-list > li{
margin-right:20px;
display:inline-block;
vertical-align:top;
}
.modal-covid19 .modal-covid19-link-list a{
color:#666;
text-decoration:underline;
}

/* .modal-covid19-text
----------------------------------------------- */
.modal-covid19 .modal-covid19-text{
margin-top:10px;
}
.modal-covid19 .modal-covid19-text a{
color:#666;
text-decoration:underline;
}

/* .modal-covid19-tbl
----------------------------------------------- */
.modal-covid19 .modal-covid19-tbl{
margin-top:15px;
border-top:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.modal-covid19 .modal-covid19-tbl th{
width:165px;
padding:7px 7px 7px 0;
font-weight:normal;
text-align:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-covid19 .modal-covid19-tbl td{
padding:7px 0 7px 7px;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.modal-covid19 .modal-covid19-tbl td em{
color:var(--cmn-font-color-red);
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item{
margin-top:8px;
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item .modal-covid19-tbl-sup{
display:inline-block;
}
.modal-covid19 .modal-covid19-tbl .modal-covid19-tbl-item .modal-covid19-tbl-sup::after{
content:":";
margin:0 3px;
display:inline-block;
}

/* .form-custom-select
----------------------------------------------- */
.form-custom-select{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
position:relative;
padding:0;
border:1px solid #bebebe;
height:34px;
min-width:50px;
background-color:#fff;
vertical-align:top;
}
.form-custom-select:before{
display:block;
display:block;
position:absolute;
top:50%;
right:5px;
margin-top:-2px;
border-width:5px 4px 0 4px;
border-style:solid;
border-color:#666 transparent transparent transparent;
width:0;
height:0;
content:"";
}
.form-custom-select select{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:5px 16px 5px 5px;
border:none;
width:100%;
height:34px;
background-color:transparent;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:var(--font-color-base-secondary);
}
.form-custom-select select optgroup{
font-weight:bold;
color:#666;
font-style:normal;
}
.form-custom-select select optgroup:disabled{
color:#ccc;
}
.form-custom-select select optgroup:disabled option{
display:none;
}
.form-custom-select select option{
color:var(--cmn-font-color-base);
}
.form-custom-select select option:disabled{
color:#ccc;
}

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

/* for Firefox
------------------------------------------------ */
button::-moz-focus-inner{
padding:0;
}

/* 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-progressbar
----------------------------------------------- */
.loading-progressbar{
margin:20px 0 25px;
}

@-webkit-keyframes loading-progressbar{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}

@keyframes loading-progressbar{
0%{
opacity:1;
}
50%{
opacity:0;
}
100%{
opacity:1;
}
}
.loading-progressbar > div{
margin-top:3px;
overflow:hidden;
background-color:#f5f5f5;
}
.loading-progressbar > div > span{
display:block;
color:transparent;
height:4px;
overflow:hidden;
position:relative;
background-color:#57a3ef;
}
.loading-progressbar > div > span > span{
position:absolute;
top:0;
right:0;
width:30px;
background:-webkit-gradient(linear, left top, right top, from(#57a3ef), color-stop(30%, #3dc6ef));
background:linear-gradient(to right, #57a3ef 0%, #3dc6ef 30%);
background-size:contain;
background-position:0 100%;
-webkit-animation:loading-progressbar 1s infinite;
animation:loading-progressbar 1s infinite;
-webkit-animation-timing-function:linear;
animation-timing-function:linear;
}

/* search-result-loading-spinner
---------------------------------- */
.search-result-loading-spinner{
padding-bottom:10000px;
text-align:center;
}
.search-result-loading-spinner .cmn-loading-spinner{
margin-top:60px;
}
.search-result-loading-spinner .loading-spinner-catch{
font-weight:bold;
}

/* agt-link-loading-spinner
---------------------------------- */
.agt-link-loading-spinner{
text-align:center;
}
.agt-link-loading-spinner .cmn-loading-spinner{
margin-top:40px;
margin-bottom:40px;
}
.agt-link-loading-spinner .loading-spinner-catch{
font-weight:bold;
}

/* .menu-header-container
----------------------------------------------- */
.lyt-top .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}
.lyt-top .menu-header-container .menu-header-link{
top:20px;
right:134px;
}
.lyt-top .menu-header-container .menu-header-utility{
top:16px;
right:20px;
}
.menu-header-container{
position:relative;
padding:12px 20px;
color:#fff;
background-color:#287ac4;
}
.menu-header-container .menu-header{
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
font-size:30px;
line-height:1.25;
display:inline;
}
.menu-header-container .menu-header a,
.menu-header-container .menu-header a:link,
.menu-header-container .menu-header a:visited,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:active{
color:#fff;
text-decoration:none;
}
.menu-header-container .menu-header-sup{
display:inline-block;
margin-left:15px;
top:-4px;
font-size:14px;
position:relative;
}

/* .menu-header-note
----------------------------------------------- */
.menu-header-container .menu-header-note{
position:absolute;
top:77px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-note::before{
margin-right:4px;
content:"\203b";
display:inline-block;
}
.menu-header-container .menu-header-link{
position:absolute;
top:19px;
right:20px;
font-size:12px;
}
.menu-header-container .menu-header-link a,
.menu-header-container .menu-header-link:link,
.menu-header-container .menu-header-link:visited,
.menu-header-container .menu-header-link:hover,
.menu-header-container .menu-header-link:active{
color:#fff;
}
.menu-header-container .menu-header-link a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #fff;
border-right:1px solid #fff;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.menu-header-container .menu-header-agt-sup{
position:absolute;
bottom:16px;
left:30px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
width:150px;
z-index:1;
}
.menu-header-container .manu-header-list{
margin:8px 0;
}
.menu-header-container .manu-header-list li{
position:relative;
padding-left:18px;
font-size:12px;
line-height:1.4;
}
.menu-header-container .manu-header-list li:not(:first-child){
margin-top:4px;
}
.menu-header-container .manu-header-list li:before{
display:inline-block;
position:absolute;
top:3px;
left:0;
width:12px;
height:11px;
background:url(/element/j_air_on/shared/images/icon-checkbox.png) top left no-repeat;
content:"";
}
.menu-header-container .manu-header-list li span{
display:inline-block;
margin-left:10px;
font-size:11px;
}
.menu-header-container .menu-header-agt-sup .menu-header-agt-num{
display:inline-block;
margin:0 3px;
font-family:var(--font-num);
}
.menu-header-container .menu-header-agt{
position:relative;
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;
gap:0 8px;
margin-top:3px;
padding:0 10px 0 163px;
background-color:#fff;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:0;
overflow:hidden;
}
.menu-header-container .menu-header-agt:after{
display:none;
position:absolute;
top:1px;
right:8px;
color:var(--cmn-font-color-base);
content:"...";
vertical-align:middle;
font-weight:bold;
font-size:16px;
margin-left:auto;
}
.menu-header-container .menu-header-agt > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
line-height:0;
height:30px;
}
.menu-header-container .menu-header-agt > li img{
vertical-align:top;
}
.menu-header-container .menu-header-utility{
font-size:12px;
position:absolute;
top:58px;
right:20px;
display:table;
border:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:not(:first-child){
border-left:1px solid rgba(255, 255, 255, .5);
}
.menu-header-container .menu-header-utility > li > a{
display:block;
padding:4px 15px;
color:#fff;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history{
position:relative;
}
.menu-header-container .menu-header-utility .history-hook{
padding:0 10px;
border:none;
height:100%;
min-height:26px;
color:#fff;
background:none;
font-size:12px;
}
.menu-header-container .menu-header-utility .history-hook:active,
.menu-header-container .menu-header-utility .history-hook:hover,
.menu-header-container .menu-header-utility .history-hook:focus{
background-color:rgba(0, 0, 0, .1);
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-hook .num{
display:inline-block;
}
.menu-header-container .menu-header-utility .history-hook .num b{
display:inline-block;
margin:0 5px;
font-size:16px;
}
.menu-header-container .menu-header-utility .history-item{
display:none;
position:absolute;
top:100%;
right:-1px;
z-index:1;
border:2px solid #777;
width:280px;
background-color:#fff;
}
.menu-header-container .menu-header-utility .history-item.is-active{
display:block;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list{
overflow:hidden;
padding:5px 10px;
border-bottom:1px solid #d6d6d6;
background-color:#f5f3f4;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list button{
border:1px solid #ccc;
background-color:#fff;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .clear{
float:left;
}
.menu-header-container .menu-header-utility .history-item-ctrl-list .close{
float:right;
}
.menu-header-container .menu-header-utility .history-item-list > li:not(:first-child){
border-top:1px solid #d6d6d6;
}
.menu-header-container .menu-header-utility .history-item-list > li a{
display:block;
padding:5px 10px;
}
.menu-header-container .menu-header-utility .history-item-list > li a:active,
.menu-header-container .menu-header-utility .history-item-list > li a:hover,
.menu-header-container .menu-header-utility .history-item-list > li a:focus{
background-color:#f3f3f3;
text-decoration:none;
}
.menu-header-container .menu-header-utility .history-item-list > li .sup{
display:block;
color:var(--cmn-font-color-base);
font-size:11px;
line-height:1.25;
}
.hdg-l1-container{
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding:6px 15px;
min-height:50px;
color:#fff;
background-color:#666;
}
.hdg-l1-container .hdg-l1{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
font-weight:bold;
font-size:24px;
top:3px;
position:relative;
}
.hdg-l1-container .pic{
padding-right:10px;
vertical-align:top;
text-align:center;
line-height:1;

}
.hdg-l1-container .pic > span{
display:table-cell;
width:118px;
height:32px;
vertical-align:middle;
}
.hdg-l1-container .pic > span > img{
vertical-align:middle;
max-width:118px;
max-height:32px;
image-rendering:-webkit-optimize-contrast;
}
.hdg-l1-container .link-another a{
position:absolute;
top:15px;
right:10px;
color:#fff;
font-weight:normal;
font-size:13px;
}
.hdg-l1-container .link-another a:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:5px;
border-top:1px solid #fff;
border-right:1px solid #fff;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.hdg-l2{
margin-bottom:15px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:17px;
display:inline-block;
}
.hdg-l2-container .hdg-l2-notes{
font-size:11px;
color:#666;
display:inline-block;
margin-left:5px;
}
.hdg-l2-02{
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 -10px 25px;
padding:10px 20px;
min-height:48px;
color:#fff;
background-color:#333;
font-weight:bold;
font-size:18px;
}
.hdg-l3{
margin-bottom:10px;
padding:4px 10px;
color:var(--cmn-font-color-base);
background-color:#f3f3f3;
font-size:16px;
}
.hdg-l3-02{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:35px 0 19px;
padding:7px 12px;
border-bottom:solid 1px #d7d7d7;
height:36px;
color:#333333;
background-color:#f6f6f6;
font-size:17px;
}
.hdg-l3-02 > .sup{
position:absolute;
right:10px;
top:8px;
text-align:right;
font-size:13px;
font-weight:normal;
}
.hdg-l3-02 .hdg-l3-02-note{
font-size:11px;
color:#666;
display:inline-block;
margin-left:7px;
font-weight:normal;
}
.hdg-related{
margin-top:50px;
margin-bottom:5px;
padding:15px 0;
border-top:3px solid #0d3f78;
color:#333333;
font-size:20px;
}
.txt-notice{
display:inline;
color:var(--cmn-font-color-red);
}
.notes-01{
display:table;
color:#555;
font-size:12px;
}
.notes-01 span{
display:table-cell;
}
.link-01{
display:inline-block;
position:relative;
padding-left:.9em;
color:var(--font-color-btn-link);
text-indent:-.9em;
line-height:1.4;
}
.link-01:link,
.link-01:visited,
.link-01:hover,
.link-01:active{
color:var(--font-color-btn-link);
}
.link-01:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* local tooltip styles
------------------------------------------------ */
.cmn-tip-btn{
margin-left:3px;
position:relative;
top:-1px;
vertical-align:middle;
}
.cmn-tip-box .cmn-tip-hdg{
margin-bottom:12px;
}
.cmn-tip-box >:not(:first-child).cmn-tip-hdg-01{
margin-top:12px;
}
.cmn-tip-box .cmn-tip-hdg-01{
padding-left:0;
}
.cmn-tip-box .cmn-tip-hdg-01::before{
display:none;
}
.cmn-tip-box .cmn-tip-hdg-01 + p{
margin-top:4px;
}
.cmn-tip-box .tip-hdg{
margin-top:10px;
font-weight:bold;
}
.cmn-tip-box .tip-line{
border:none;
border-top:1px solid #ccc;
margin:0;
margin-top:15px;
}
.cmn-tip-box ul,
.cmn-tip-box ol{
margin-top:10px;
}
.cmn-tip-box .tip-hdg + p,
.cmn-tip-box .tip-hdg + ul{
margin-top:0;
}
.cmn-tip-box .tip-notes{
color:var(--cmn-font-color-red);
font-size:11px;
}
.cmn-tip-box .tip-notes-02{
margin-top:8px;
}
.cmn-tip-box p + .tip-notes-02{
margin-top:4px;
}
.cmn-tip-box .tip-notes-02 li{
margin-left:1.3em;
text-indent:-1.3em;
color:#666;
font-size:11px;
}
.cmn-tip-box .tip-notes-02 li em{
color:var(--cmn-font-color-red);
}
.cmn-tip-box .tip-notes-02 li .mark{
margin-right:4px;
}
.cmn-tip-box .tip-notes-02 li:not(:first-child){
margin-top:8px;
}
.cmn-tip-box .tip-notes-02 li a{
text-decoration:none;
}
.cmn-tip-box .tip-note-hdg{
margin-top:15px;
font-size:12px;
font-weight:normal;
}
.cmn-tip-box .tip-note-hdg .mark{
margin-right:4px;
}
.cmn-tip-box .tip-note-hdg + p{
margin-top:4px;
}
.cmn-tip-box .tip-split{
margin:10px 0;
border:none;
border-top:1px #aaa dotted;
}
.cmn-tip-box .tip-list li{
margin-top:10px;
}
.cmn-tip-box .tip-list li:before{
display:inline-block;
content:"\30FB";
}
.cmn-tip-box .tip-list.tip-list-indent li{
margin-left:1em;
}
.cmn-tip-box .tip-list.tip-list-indent li:before{
text-indent:-1em;
}

/* ticket-detail-notes
------------------------------------------------ */
.cmn-tip-box em,
.cmn-tip-box strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.cmn-tip-box .tip-list-num{
margin:10px 0 0 15px;
}
.cmn-tip-box .tip-list-num > li{
list-style-type:decimal;
}
.cmn-tip-box .ticket-detail-notes{
margin-top:10px;
display:block;
}
.cmn-tip-box .ticket-detail-notes span{
display:block;
}
.cmn-tip-box .ticket-detail-notes .detail-notes{
margin-top:5px;
display:block;
color:var(--cmn-font-color-gray);
text-indent:-1em;
margin-left:1em;
font-size:11px;
}
.cmn-tip-box .ticket-detail-list{
display:block;
margin:10px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
.cmn-tip-box .ticket-detail-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.cmn-tip-box .ticket-detail-list > li:not(:last-child){
border-bottom:1px solid #fff;
}
.cmn-tip-box .ticket-detail-list > li >div:first-child{
position:relative;
}
.cmn-tip-box .ticket-detail-list > li >div:first-child > span{
width:60px;
padding:5px 5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f5f5;
}
.cmn-tip-box .ticket-detail-list > li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:5px 10px;
}
.cmn-tip-box .ticket-detail-list-02{
margin-top:10px;
}
.cmn-tip-box .ticket-detail-list-02 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.cmn-tip-box .ticket-detail-list-02 > li > div:first-child::after{
content:":";
display:inline-block;
margin:0 3px;
}
.cmn-tip-box .ticket-detail-list-notes a:link,
.cmn-tip-box .ticket-detail-list-notes a:visited,
.cmn-tip-box .ticket-detail-list-notes a:hover,
.cmn-tip-box .ticket-detail-list-notes a:active{
color:#666;
text-decoration:underline;
}

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

/* icon-seat
------------------------------------------------ */
.icon-seat{
overflow:hidden;
display:inline-block;
margin-right:2px;
padding-top:15px;
width:15px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:top;
font-size:10px;
line-height:2;
}
.icon-seat.icon-seat-01{
background-image:url(/element/j_air_on/shared/images/icon-seat-01.png);
}
.icon-seat.icon-seat-02{
background-image:url(/element/j_air_on/shared/images/icon-seat-02.png);
}

/* icon-date
------------------------------------------------ */
.icon-date{
overflow:hidden;
display:inline-block;
margin-right:2px;
padding-top:15px;
width:46px;
height:0;
background-position:0 0;
background-size:100%;
background-repeat:no-repeat;
vertical-align:top;
line-height:2;
}
.icon-date.icon-date-01{
background-image:url(/element/j_air_on/shared/images/icon-date-01.png);
}
.icon-date.icon-date-02{
background-image:url(/element/j_air_on/shared/images/icon-date-02.png);
}

/* .icon-baggage
------------------------------------------------ */
.icon-baggage{
display:inline-block;
width:15px;
height:0;
padding-top:15px;
overflow:hidden;
line-height:2;
vertical-align:middle;
position:relative;
background-image:url(/element/j_air_on/shared/images/icon-baggage.svg);
background-position:0 0;
background-repeat:no-repeat;
position:relative;
top:-1px;
margin-left:3px;
background-size:15px 15px;
}
.icon-baggage[role="button"]{
cursor:pointer;
}

/* icon-att
------------------------------------------------ */
.icon-att{
overflow:hidden;
display:inline-block;
position:relative;
bottom:1px;
margin-right:3px;
padding-top:12px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-caution-red.svg) 0 50% no-repeat;
background-size:100%;
vertical-align:middle;
line-height:2;
}
.icon-att.icon-right{
margin-right:0;
margin-left:4px;
}

/* icon-att-tr
------------------------------------------------ */
.icon-att-triangle{
overflow:hidden;
display:inline-block;
position:relative;
bottom:1px;
margin-right:4px;
padding-top:12px;
width:14px;
height:0;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 50% no-repeat;
background-size:100%;
vertical-align:middle;
line-height:2;
}

/* icon-cheap
------------------------------------------------ */
.icon-cheap{
overflow:hidden;
display:inline-block;
margin-right:3px;
padding-top:14px;
width:36px;
height:0;
background:url(/element/j_air_on/shared/images/icon-cheapest.png) top left no-repeat;
background-size:100%;
}

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

/* icon-eco
---------------------------------- */
.icon-eco{
display:inline-block;
width:28px;
height:0;
padding-top:12px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-eco.svg) no-repeat 0 0;
background-size:28px 12px;
vertical-align:middle;
position:relative;
}
.icon-eco[role="button"]{
cursor:pointer;
}

/* icon-wifi
---------------------------------- */
.icon-wifi{
display:inline-block;
width:14px;
height:0;
padding-top:10px;
overflow:hidden;
line-height:2;
background:url(/element/j_air_on/shared/images/icon-wifi.svg) no-repeat 0 0;
background-size:14px 10px;
vertical-align:middle;
position:relative;
}
.icon-wifi[role="button"]{
cursor:pointer;
}

/* list-definition
----------------------------------------------------------------- */
.list-definition{
margin:0 !important;
}
.list-definition li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:4px;
line-height:1;
}
.list-definition li > :first-child{
margin:0;
}
.list-definition li > :last-child{
position:relative;
font-size:12px;
padding-left:17px;
line-height:calc(15 / 12);
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.list-definition li > :last-child:before{
position:absolute;
left:5px;
top:-1px;
content:"=";
}

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

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

/* .panel-02
----------------------------------------------- */
.panel-02{
margin-bottom:20px;
font-size:12px;
}
.panel-02 p{
margin-bottom:10px;
line-height:1.6;
}
.panel-02 .list-num{
display:block;
margin-top:15px;
padding:10px 20px 0;
border:1px solid #bbb;
}
.panel-02 .list-num li{
padding:10px 0 10px 25px;
border-top:1px solid #ddd;
color:#555;
}
.panel-02 .list-num li .list-num-catch{
display:block;
position:relative;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.panel-02 .list-num li .list-num-catch b{
display:block;
position:absolute;
top:0;
left:-25px;
width:18px;
height:18px;
color:#fff;
background-color:#555;
content:"";
text-align:center;
font-size:14px;
line-height:20px;
}
.panel-02 .list-num li:first-child{
border-top:none;
}

/* panel-02
------------------------------------------------ */
.panel-02 .tbl-01-container{
margin-top:10px;
}
.panel-02 .tbl-01{
margin-bottom:15px;
border:1px solid #bbb;
border-collapse:collapse;
width:100%;
table-layout:fixed;
font-size:12px;
}
.panel-02 .tbl-01 th{
padding:3px 10px;
border-top:1px solid #ddd;
font-weight:bold;
}
.panel-02 .tbl-01 td{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:2px 10px;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
}
.panel-02 .tbl-01 thead th{
padding:4px 10px;
border-top:1px solid #bbb;
border-left:1px solid #ddd;
}
.panel-02 .tbl-01 thead th:first-child{
border-left:none;
}
.panel-02 .tbl-01 tbody th{
text-align:left;
}
.panel-02 .tbl-01 tbody td{
text-align:center;
}
.panel-02 .tbl-01 .tbl-label-01{
width:90px;
background-color:#fff5f5;
}
.panel-02 .tbl-01 .tbl-label-02{
width:130px;
background-color:#f5fdff;
}
.panel-02 .tbl-01 .tbl-label-03{
width:90px;
background-color:#f7f7f7;
}
.panel-02 .number-example{
margin-top:20px;
}
.panel-02 .number-example .number-example-label span{
padding:0 3px;
background-color:#eee;
}
.panel-02 .number-example ul{
position:relative;
margin:5px 0 40px 100px;
}
.panel-02 .number-example ul:before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
position:absolute;
left:0;
border-bottom:10px solid #fff;
width:1px;
height:100%;
background-color:#bbb;
content:"";
}
.panel-02 .number-example ul > li{
display:table;
margin-bottom:8px;
}
.panel-02 .number-example ul > li .number-example-item{
display:table-cell;
position:relative;
padding-right:4px;
padding-left:30px;
white-space:nowrap;
}
.panel-02 .number-example ul > li .number-example-item:before{
display:block;
position:absolute;
top:8px;
left:0;
width:24px;
height:1px;
background-color:#bbb;
content:"";
}
.panel-02 .number-example ul > li .number-example-item:after{
display:inline-block;
margin-left:4px;
content:":";
}
.panel-02 .number-example ul > li .number-example-desc{
display:table-cell;
}
.panel-02 .number-example ul > li .number-example-desc .number-example-note{
display:block;
margin:3px 0;
}
.panel-02 .number-example ul > li .number-example-desc .number-example-note em{
color:var(--cmn-font-color-red);
}
.panel-02 .number-example ul > li .number-example-desc .number-example-note.mark{
padding-left:1em;
text-indent:-1em;
}
.panel-02 .number-example ul > li .number-example-sup{
display:inline-block;
position:relative;
padding-right:25px;
}
.panel-02 .number-example ul > li .number-example-sup:after{
display:inline-block;
position:absolute;
top:5px;
right:4px;
width:19px;
height:8px;
background:url(/element/j_air_on/shared/images/icon-arrow.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}

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

/* .form-search-index-btn-reset
----------------------------------------------- */
.form-search-index-btn-reset{
position:absolute;
top:10px;
right:14px;
padding:0 0 0 12px;
color:var(--font-color-btn-link);
background-color:transparent;
font-size:11px;
border:none;
}
.form-search-index-btn-reset:before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto 0;
width:8px;
height:8px;
background:url(/element/shared/images/icon/icon-reset-line.svg) no-repeat 0 0;
background-size:8px;
content:"";
}
.form-search-index-btn-reset > span{
display:block;
}

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

/* .btn-01
----------------------------------------------- */
.btn-01{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:7px 20px 4px;
border:none;
border-radius:4px;
height:40px;
min-width:170px;
color:#fff;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:17px;
}
.btn-01:link,
.btn-01:visited,
.btn-01:hover,
.btn-01:active{
color:#fff;
}
.btn-01:hover,
.btn-01:active{
background-color:#67a700;
text-decoration:none;
}

/* .btn-close
----------------------------------------------- */
.btn-close{
margin-top:30px;
text-align:center;
}
.btn-close button{
position:relative;
padding:5px 10px 5px 30px;
border:none;
color:#555;
background-color:#f6f6f6;
font-size:14px;
}
.btn-close button:before{
display:block;
position:absolute;
top:50%;
left:10px;
margin-top:-1px;
width:16px;
height:2px;
background-color:#aaa;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.btn-close button:after{
display:block;
position:absolute;
top:50%;
left:10px;
left:17px;
margin-top:-1px;
margin-top:-8px;
width:16px;
width:2px;
height:2px;
height:16px;
background-color:#aaa;
content:"";
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

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

/* modal-search
-----------------------------------------------------*/
.modal-search{
width:680px;
padding:0;
}
.modal-search .modal-searching-spinner{
margin:0 0 15px;
color:#666;
font-size:12px;
text-align:center;
}
.modal-search .modal-searching-box{
margin-bottom:20px;
padding:15px;
background-color:#f5f5f5;
text-align:center;
}
.modal-search .cmn-loading-spinner{
margin-top:40px;
margin-bottom:40px;
}
.modal-search .cmn-modal-item{
padding:8px 8px 40px;
}
.modal-search .modal-searching-agt{
font-size:12px;
text-align:center;
}
.modal-search .modal-searching-agt > li{
margin-top:4px;
}
.modal-search .modal-searching-list{
margin:0 auto;
display:table;
font-size:14px;
}
.modal-search .modal-searching-list > li{
margin-top:3px;
display:table;
width:100%;
}
.modal-search .modal-searching-list > li:first-child{
margin-top:0;
}
.modal-search .modal-searching-list > li > div{
display:table-cell;
vertical-align:top;
text-align:left;
}
.modal-search .modal-searching-list > li > div:first-child{
padding-right:20px;
width:3em;
color:#555;
position:relative;
font-size:13px;
}
.modal-search .modal-searching-list > li > div:first-child::after{
content:":";
display:block;
position:absolute;
top:0;
right:10px;
}
.modal-search .modal-searching-list-via{
font-size:0;
}
.modal-search .modal-searching-list-via > li{
margin-left:8px;
display:inline-block;
padding-left:32px;
position:relative;
font-size:14px;
}
.modal-search .modal-searching-list-via > li::before{
position:absolute;
content:"";
display:block;
background-color:#8d8c8c;
width:12px;
height:2px;
left:0;
top:8px;
}
.modal-search .modal-searching-list-via > li::after{
position:absolute;
content:"";
display:block;
border-left:6px solid #8d8c8c;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
left:12px;
top:5px;
}
.modal-search .modal-searching-list-via > li:first-child{
margin-left:0;
padding-left:0;
}
.modal-search .modal-searching-list-via > li:first-child::before,
.modal-search .modal-searching-list-via > li:first-child::after{
display:none;
}
.modal-search .flightList_Area{
margin-bottom:20px;
padding:15px;
background-color:#f5f5f5;
text-align:center;
}
.modal-search .flightList_Area table{
margin:0 auto;
border-collapse:collapse;
max-width:70%;
table-layout:fixed;
}
.modal-search .flightList_Area table th{
width:45px;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
}
.modal-search .flightList_Area table th span{
display:inline-block;
color:#555;
font-size:13px;
}
.modal-search .flightList_Area table th span:after{
display:inline-block;
margin-left:7px;
content:":";
}
.modal-search .flightList_Area table td{
color:var(--cmn-font-color-base);
text-align:left;
font-size:14px;
}
.modal-search .flightList_Area table td span{
display:inline-block;
padding-right:15px;
}
.modal-search .flightList_Area table td span.dist{
position:relative;
padding-right:0;
padding-left:30px;
}
.modal-search .flightList_Area table td span.dist:before{
display:block;
position:absolute;
top:8px;
left:0;
width:12px;
height:2px;
background-color:#8d8c8c;
content:"";
}
.modal-search .flightList_Area table td span.dist:after{
display:block;
position:absolute;
top:5px;
left:12px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #8d8c8c;
content:"";
}
.modal-search .vendor_progressbar{
margin:0 auto 20px auto;
border:solid 1px #cdcdcd;
border-radius:3px;
width:422px;
}
.modal-search .vendor_progressbar div{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #fff;
border-radius:3px;
height:16px;
background-position:left top;
text-indent:-9999px;
}
.modal-search .vendor_progressbar .ui-progressbar-value{
border-width:0;
border-radius:0;
background-image:url(/element/shared/images/icon/img-loadingbar.gif);
}
.modal-search .modalVendor_List{
overflow:hidden;
margin:0 26px 20px;
}
.modal-search .modalVendor_List li{
float:left;
margin:5px;
padding:4px;
border:solid 1px #ccc;
width:75px;
text-align:center;
}
.modal-search .modalVendor_List li img{
vertical-align:top;
}
.modal-search .modal_Paragraph{
display:block;
margin:25px auto 10px;
color:var(--cmn-font-color-base);
text-align:center;
font-weight:bold;
font-size:18px;
}

/* cmn-modal.modal-branch
------------------------------------------------ */
.cmn-modal-layer.modal-branch{
z-index:2000;
}
.cmn-modal-box.modal-branch{
z-index:2020;
}

/* modal-alert
------------------------------------------------ */
.cmn-modal-box.modal-alert{
width:540px;
margin:0 auto;
left:0;
right:0;
}
.cmn-modal-box.modal-alert{
width:540px;
margin:0 auto;
left:0;
right:0;
}
.cmn-modal-box.modal-info{
width:720px;
margin:0 auto;
left:0;
right:0;
padding-left:25px;
padding-right:25px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-box.modal-info.modal-ticket-detail{
width:496px;
padding:15px 13px 0;
}
.cmn-modal-box.modal-info.modal-ticket-detail .modal-content{
margin-bottom:16px;
}
.cmn-modal-box.modal-info .modal-hdg{
padding:8px 15px 8px;
background-color:#eee;
font-weight:bold;
font-size:16px;
margin-bottom:15px;
}
.cmn-modal-box.modal-info .modal-hdg-01{
margin-top:15px;
}
.cmn-modal-box.modal-info .modal-text{
margin-top:10px;
}
.cmn-modal-box.modal-info .modal-info-tbl{
margin-top:3px;
border-top:1px solid #ccc;
border-collapse:collapse;
width:100%;
}
.cmn-modal-box.modal-info .modal-info-tbl th{
width:165px;
padding:7px 7px 7px 0;
font-weight:normal;
text-align:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-box.modal-info .modal-info-tbl td{
padding:7px 0 7px 7px;
border-bottom:1px solid #ccc;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.cmn-modal-box.modal-info .modal-info-tbl td em{
color:var(--cmn-font-color-red);
}
.cmn-modal-box.modal-info .modal-info-tbl .modal-info-tbl-item{
margin-top:8px;
}
.cmn-modal-box.modal-info .modal-info-tbl .modal-info-tbl-item .modal-info-tbl-sup{
display:inline-block;
}
.cmn-modal-box.modal-info .modal-info-tbl .modal-info-tbl-item .modal-info-tbl-sup::after{
content:":";
margin:0 3px;
display:inline-block;
}
.cmn-modal-box.modal-info .modal-info-tbl .modal-info-tbl-list > li{
text-indent:-1em;
margin-left:1em;
}
.cmn-modal-box.modal-info .modal-info-tbl-note{
margin-top:5px;
}
.cmn-modal-box.modal-info .modal-info-tbl-note a{
color:#666;
text-decoration:underline;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li a{
color:#666;
text-decoration:underline;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li > div{
display:inline-block;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li > div::after{
content:":";
display:inline-block;
margin:0 2px 0 5px;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li .modal-info-list-03{
display:inline-block;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li .modal-info-list-03 > li{
display:inline-block;
}
.cmn-modal-box.modal-info .modal-info-list-02 > li .modal-info-list-03 > li:not(:first-child){
margin-left:25px;
}
.cmn-modal-box.modal-info .modal-icon-external{
overflow:hidden;
display:inline-block;
position:relative;
top:1px;
margin:0 3px;
padding-top:11px;
width:12px;
height:0;
background:url(/element/shared/images/icon/icon-external.svg) 0 0 no-repeat;
line-height:2;
}
.cmn-modal-box .modal-content{
margin-bottom:27px;
font-size:14px;
color:var(--cmn-font-color-base);
}
.cmn-modal-box .modal-content.center{
text-align:center;
}
.cmn-modal-box .modal-content .text-info-02{
font-size:16px;
}
.cmn-modal-box .modal-content .nowloading{
margin:30px 0;
}
.cmn-modal-box .modal-content .agent-logo{
margin-bottom:15px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;

}
.cmn-modal-box .modal-content .agent-logo .agent-provider{
display:block;
margin:0 0 0 15px;
text-align:left;
}
.cmn-modal-box .modal-content .agent-logo .agent-provider .agent-provider-logo{
display:block;
margin-top:3px;
}
.cmn-modal-box .modal-content .agent-provider{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
margin-top:-15px;
margin-bottom:25px;
color:#666;
text-align:center;
font-size:13px;
}
.cmn-modal-box .modal-content .agent-provider span:first-child{
margin-right:7px;
}
.cmn-modal-box .modal-content .agent-provider .agent-provider-logo{
display:table-cell;
width:100px;
}
.cmn-modal-box .modal-content .agent-provider .agent-provider-logo img{
max-width:100px;
max-height:16px;
}
.cmn-modal-box .modal-content .info-label{
margin-bottom:27px;
text-align:center;
font-size:16px;
font-weight:bold;
}
.cmn-modal-box .modal-content .info-label-02{
margin-bottom:25px;
text-align:center;
font-size:18px;
font-weight:bold;
color:var(--cmn-font-color-red);
}
.cmn-modal-box .modal-content .info-label-03{
margin-top:10px;
}
.cmn-modal-box .modal-content .info-notes-list > li{
text-indent:-1em;
margin-left:1em;
}
.cmn-modal-box .modal-content .info-guide{
margin-top:15px;
font-size:11px;
}
.cmn-modal-box .modal-content .info-text{
margin-bottom:15px;
}
.cmn-modal-box .modal-content .info-text.info-text-center{
text-align:center;
}
.cmn-modal-box .modal-content .info-att{
margin:10px 0;
color:var(--cmn-font-color-red);
}
.cmn-modal-box .modal-content .info-notes{
font-size:14px;
}
.cmn-modal-box .modal-content .info-notes-sup{
display:block;
}
.cmn-modal-box .modal-content .info-notes-sup + span{
padding:0 15px;
display:block;
}
.cmn-modal-box .modal-content .transfer-rcmd-sup{
font-weight:bold;
}
.cmn-modal-box .modal-content .transfer-rcmd-route > li{
margin-left:1em;
}
.cmn-modal-box .modal-content .transfer-rcmd-route > li:before{
display:inline-block;
content:"\30FB";
text-indent:-1em;
}
.cmn-modal-box .modal-content .transfer-rcmd-route .transfer-rcmd-route-offer{
color:var(--cmn-font-color-red);
font-weight:bold;
}
.cmn-modal-box .modal-content .transfer-rcmd-route .transfer-rcmd-route-arrow{
margin:0 5px;
}
.cmn-modal-box .modal-content .transfer-rcmd-notes{
font-size:13px;
}
.cmn-modal-box .modal-content .transfer-rcmd-notes >li{
margin-top:15px;
}

/* modal-btn-box
------------------------------------------------ */
.cmn-modal-box .modal-btn-box .cmn-info-btn{
position:relative;
}
.cmn-modal-box .modal-btn-box .cmn-info-btn.is-disabled{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-top:3px;
padding-bottom:0;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none;
text-shadow:none;
color:#ccc;
border:1px solid #c5c5c5;
cursor:default;
font-size:16px;
}
.cmn-modal-box .modal-btn-box .cmn-info-btn .icon-info-btn-loading{
display:block;
overflow:hidden;
text-indent:-9999px;
margin-right:10px;
width:25px;
height:25px;
background:url(/element/shared/images/icon/ic_load_l.gif) no-repeat center top;
background-size:100%;
}

/* modal-alert-price
------------------------------------------------ */
.cmn-modal-box.modal-alert-price{
width:760px;
margin:0 auto;
left:0;
right:0;
}
.cmn-modal-box.modal-alert-price .modal-content{
width:575px;
margin-left:auto;
margin-right:auto;
}

/* mod-01
----------------------------------------------- */
.mod-01 .mod-01-tab{
display:table;
margin-left:-2px;
}
.mod-01 .mod-01-tab li{
display:table-cell;
padding-left:2px;
width:8/100%;
vertical-align:top;
}
.mod-01 .mod-01-tab li.branch{
width:150px;
}
.mod-01 .mod-01-tab li.active a{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
cursor:default;
}
.mod-01 .mod-01-tab li.active a:link,
.mod-01 .mod-01-tab li.active a:visited,
.mod-01 .mod-01-tab li.active a:hover,
.mod-01 .mod-01-tab li.active a:active{
color:#fff;
text-decoration:none;
}
.mod-01 .mod-01-tab li a,
.mod-01 .mod-01-tab li em{
display:table-cell;
padding-top:2px;
width:960px;
height:38px;
color:var(--font-color-btn-link);
background-color:#dfe3e8;
vertical-align:middle;
text-align:center;
font-size:14px;
line-height:1.2;
overflow:hidden;
}
.mod-01 .mod-01-tab li a:link,
.mod-01 .mod-01-tab li a:visited,
.mod-01 .mod-01-tab li a:hover,
.mod-01 .mod-01-tab li a:active,
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:var(--font-color-btn-link);
}
.mod-01 .mod-01-tab li em{
color:#fff;
background-color:#0d3f78;
font-weight:bold;
}
.mod-01 .mod-01-tab li em:link,
.mod-01 .mod-01-tab li em:visited,
.mod-01 .mod-01-tab li em:hover,
.mod-01 .mod-01-tab li em:active{
color:#fff;
}
.mod-01 .mod-01-tab-item{
margin:20px 0 0 20px;
overflow:hidden;
}
.mod-01 .mod-01-tab-item ul{
overflow:hidden;
margin-left:-17px;
}
.mod-01 .mod-01-tab-item li{
float:left;
margin-bottom:7px;
width:25%;
word-break:break-all;
}
.mod-01 .mod-01-tab-item li .arrow::before,
.mod-01 .mod-01-tab-item li .arrow::after{
content:" ";
display:inline;
}
.mod-01 .mod-01-tab-item li:nth-child(4n+1){
clear:both;
}
.mod-01 .mod-01-tab-item li a{
display:block;
padding-left:15px;
border-left:1px solid #d7d7d7;
color:var(--font-color-btn-link);
}
.mod-01 .mod-01-tab-item li a:link,
.mod-01 .mod-01-tab-item li a:visited,
.mod-01 .mod-01-tab-item li a:hover,
.mod-01 .mod-01-tab-item li a:active{
color:var(--font-color-btn-link);
}
.mod-01 .mod-01-tab-item.branch li{
width:33%;
}
.mod-01 .mod-01-tab-item.branch li:nth-child(3n+1){
clear:both;
}
.mod-01 .mod-01-tab-item.branch li:nth-child(4n+1){
clear:none;
}
.mod-01 + .mod-02{
margin-top:20px;
padding-top:20px;
border-top:1px solid #d7d7d7;
}
.mod-01 + .mod-02 .mod-02-hdg{
margin-bottom:10px;
}

/* mod-02
----------------------------------------------- */
.mod-02{
margin-top:30px;
padding-top:20px;
border-top:1px solid #d9d9d9;
}
.mod-02 .mod-02-hdg{
margin-bottom:20px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.mod-02 .mod-02-hdg a,
.mod-02 .mod-02-hdg a:link,
.mod-02 .mod-02-hdg a:visited,
.mod-02 .mod-02-hdg a:hover,
.mod-02 .mod-02-hdg a:active{
color:var(--cmn-font-color-base);
}
.mod-02 .mod-02-list > li{
display:table;
width:100%;
table-layout:fixed;
}
.mod-02 .mod-02-list > li > span{
display:table-cell;
padding-top:3px;
padding-right:15px;
width:96px;
vertical-align:top;
text-align:left;
font-weight:normal;
font-size:12px;
}
.mod-02 .mod-02-list > li > div,
.mod-02 .mod-02-list > li > ul{
display:table-cell;
font-size:12px;
}
.mod-02 .mod-02-list > li ul li{
display:inline-block;
margin:3px 0 4px;
border-right:1px solid #d7d7d7;
}
.mod-02 .mod-02-list > li ul li:last-child{
border-right:none;
}
.mod-02 .mod-02-list > li ul a{
display:block;
padding:0 10px 0 5px;
color:var(--font-color-btn-link);
}
.mod-02 .mod-02-list > li ul a:link,
.mod-02 .mod-02-list > li ul a:visited,
.mod-02 .mod-02-list > li ul a:hover,
.mod-02 .mod-02-list > li ul a:active{
color:var(--font-color-btn-link);
}

/* mod-03
----------------------------------------------- */
.mod-03 ul{
overflow:hidden;
margin:0 0 5px -5px;
}
.mod-03 ul li{
float:left;
margin:0 0 10px 5px;
}
.mod-03 ul li:nth-child(5n+1){
clear:both;
}
.mod-03 a{
display:block;
color:var(--font-color-btn-link);
}
.mod-03 a:link,
.mod-03 a:visited,
.mod-03 a:hover,
.mod-03 a:active{
color:var(--font-color-btn-link);
}
.mod-03 a .mod-03-pic{
display:table-cell;
border:1px solid #d7d7d7;
width:178px;
height:44px;
vertical-align:middle;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mod-03 a .mod-03-pic img{
max-width:178px;
max-height:44px;
vertical-align:middle;
}
.mod-03 a .mod-03-cap{
display:block;
margin-top:8px;
margin-left:1em;
width:168px;
text-indent:-1em;
word-break:break-all;
font-size:12px;
line-height:1.3;
}
.mod-03 a .mod-03-cap:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}

/* mod-04
----------------------------------------------- */
.mod-04{
margin-top:30px;
padding-top:20px;
border-top:1px solid #d9d9d9;
}
.mod-04:first-child{
margin-top:100px;
}
.mod-04 .mod-04-hdg-container{
margin-bottom:20px;
}
.mod-04 .mod-04-hdg-container .mod-04-hdg{
display:block;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
display:inline-block;
}
.mod-04 .mod-04-hdg-container .mod-04-hdg a,
.mod-04 .mod-04-hdg-container .mod-04-hdg a:link,
.mod-04 .mod-04-hdg-container .mod-04-hdg a:visited,
.mod-04 .mod-04-hdg-container .mod-04-hdg a:hover,
.mod-04 .mod-04-hdg-container .mod-04-hdg a:active{
color:var(--cmn-font-color-base);
}
.mod-04 .mod-04-hdg-container .mod-04-hdg-notes{
font-size:11px;
color:#666;
display:inline-block;
margin-left:5px;
}
.mod-04 table th{
padding-right:15px;
width:120px;
padding:4px 12px 4px 0;
vertical-align:top;
text-align:left;
font-weight:normal;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.mod-04 table ul{
font-size:0;
margin-left:-11px;
overflow:hidden;

}
.mod-04 table ul li{
font-size:12px;
display:inline-block;
margin:3px 0 4px;
margin:4px 0 4px -1px;
border-right:0;
border-left:1px solid #d9d9d9;
}
.mod-04 table ul li:last-child{
border-right:none;
}
.mod-04 table ul li a{
display:block;
padding:0 10px;
color:var(--cmn-font-color-base);
}
.mod-04 table ul li a:link,
.mod-04 table ul li a:visited,
.mod-04 table ul li a:hover,
.mod-04 table ul li a:active{
color:var(--cmn-font-color-base);
}

/* mod-04 > list-airlines
---------------------------------- */
.mod-04 .list-airlines{
overflow:hidden;
margin:0 0 5px -5px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.mod-04 .list-airlines li{
margin:0 0 10px 5px;
width:178px;
}
.mod-04 .list-airlines li:nth-child(5n+1){
clear:both;
}
.mod-04 .list-airlines .logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border:1px solid #ddd;
width:178px;
height:44px;
-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;
}
.mod-04 .list-airlines .logo img{
max-width:178px;
max-height:44px;
vertical-align:middle;
}
.mod-04 .list-airlines .name{
display:block;
margin-top:8px;
margin-left:1em;
width:168px;
text-indent:-1em;
word-break:break-all;
font-size:12px;
line-height:1.3;
}
.mod-04 .list-airlines .name::before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.mod-04 .list-airlines .airline-list-desc{
display:block;
font-size:12px;
margin-top:4px;
}
.mod-04 .list-airlines a{
color:var(--font-color-btn-link);
}
.mod-04 .list-airlines a:link,
.mod-04 .list-airlines a:visited,
.mod-04 .list-airlines a:hover,
.mod-04 .list-airlines a:active{
color:var(--font-color-btn-link);
}

/* mod-04 > mod-04-tabs
---------------------------------- */
.mod-04:not(.mod-04-inline) .mod-04-tabs{
margin:15px 0 0 -11px;
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li{
display:inline-block;
position:relative;
padding:0 10px 0 11px;
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li:not(:first-child)::before{
position:absolute;
left:0;
top:3px;
content:"";
display:block;
width:1px;
height:12px;
background-color:#dde2e7;
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a{
display:block;
position:relative;
color:var(--cmn-font-color-base);
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a:link,
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a:visited,
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a:hover,
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a:active{
color:var(--cmn-font-color-base);
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li.is-active a::after{
position:absolute;
content:"";
display:block;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#333333;
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li a{
display:block;
padding-bottom:8px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.mod-04:not(.mod-04-inline) .mod-04-tabs li a:link,
.mod-04:not(.mod-04-inline) .mod-04-tabs li a:visited,
.mod-04:not(.mod-04-inline) .mod-04-tabs li a:hover,
.mod-04:not(.mod-04-inline) .mod-04-tabs li a:active{
color:var(--cmn-font-color-base);
}

/* mod-04 > mod-04-tab-item
---------------------------------- */
.mod-04:not(.mod-04-inline) .mod-04-tab-item{
display:none;
margin-top:20px;
overflow:hidden;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item.is-active{
display:block;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item ul{
margin-left:-15px;
font-size:12px;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item li{
float:left;
margin-bottom:7px;
width:25%;
word-break:break-all;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item li:nth-child(4n+1){
clear:both;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item li a{
display:block;
padding-left:15px;
border-left:1px solid #d7d7d7;
color:var(--font-color-btn-link);
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item li a:link,
.mod-04:not(.mod-04-inline) .mod-04-tab-item li a:visited,
.mod-04:not(.mod-04-inline) .mod-04-tab-item li a:hover,
.mod-04:not(.mod-04-inline) .mod-04-tab-item li a:active{
color:var(--font-color-btn-link);
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item.branch li{
float:left;
margin-bottom:7px;
width:33%;
word-break:break-all;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item.branch li:nth-child(4n+1){
clear:none;
}
.mod-04:not(.mod-04-inline) .mod-04-tab-item.branch li:nth-child(3n+1){
clear:both;
}

/* mod-05
----------------------------------------------- */
.mod-05{
margin-top:30px;
padding-top:30px;
border-top:1px solid #d9d9d9;
}
.mod-05 .mod-05-hdg{
display:block;
margin-bottom:25px;
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:14px;
}
.mod-05 .mod-05-hdg a,
.mod-05 .mod-05-hdg a:link,
.mod-05 .mod-05-hdg a:visited,
.mod-05 .mod-05-hdg a:hover,
.mod-05 .mod-05-hdg a:active{
color:var(--font-color-btn-link);
}
.mod-05 .mod-05-list > li{
overflow:hidden;
position:relative;
margin-top:5px;
}
.mod-05 .mod-05-list > li a{
display:block;
color:var(--font-color-btn-link);
font-size:12px;
}
.mod-05 .mod-05-list > li a:link,
.mod-05 .mod-05-list > li a:visited,
.mod-05 .mod-05-list > li a:hover,
.mod-05 .mod-05-list > li a:active{
color:var(--font-color-btn-link);
}
.mod-05 .mod-05-list > li ul{
margin:10px 15px 10px -1px;
}
.mod-05 .mod-05-list > li ul li{
display:inline-block;
border-left:1px solid #d9d9d9;
}
.mod-05 .mod-05-list > li ul li a{
padding:0 15px;
}
.mod-05 .mod-05-list > li .mod-05-btn{
padding-left:15px;
border:none;
color:var(--font-color-btn-link);
background:none;
}
.mod-05 .mod-05-list > li .mod-05-btn:before{
position:absolute;
top:6px;
left:0;
width:11px;
height:11px;
content:"";
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
}
.mod-05 .mod-05-list > li.active .mod-05-btn:before{
top:5px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}

/* mod-qa
------------------------------------------------------*/
.mod-qa ul > li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #d7d7d7;
}
.mod-qa ul > li:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom:none;
}
.mod-qa ul > li .mod-qa-question{
display:block;
position:relative;
padding-left:.9em;
color:var(--font-color-btn-link);
text-indent:-.9em;
font-size:14px;
line-height:1.4;
}
.mod-qa ul > li .mod-qa-question:link,
.mod-qa ul > li .mod-qa-question:visited,
.mod-qa ul > li .mod-qa-question:hover,
.mod-qa ul > li .mod-qa-question:active{
color:var(--font-color-btn-link);
}
.mod-qa ul > li .mod-qa-question:before{
display:inline-block;
position:relative;
bottom:1px;
margin-right:.5em;
border-top:1px solid #666;
border-right:1px solid #666;
width:4px;
height:4px;
content:"";
vertical-align:middle;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.mod-qa ul > li .mod-qa-summary{
display:block;
padding:10px 12px 0;
color:var(--cmn-font-color-base);
font-size:12px;
}

/* search-item-nav
-----------------------------------------------------*/
.search-item-nav{
margin-top:20px;
}
.search-item-nav .search-item-sort{
line-height:1.25;
}
.search-item-nav .search-item-sort > li{
display:inline-block;
}
.search-item-nav .search-item-sort > li:not(:first-child){
margin-left:8px;
padding-left:12px;
border-left:1px solid #ccc;
}
.search-item-nav .search-item-sort ul{
display:inline-block;
}
.search-item-nav .search-item-sort ul:before{
display:inline-block;
content:"(";
}
.search-item-nav .search-item-sort ul:after{
display:inline-block;
content:")";
}
.search-item-nav .search-item-sort ul > li{
display:inline-block;
}
.search-item-nav .search-item-sort ul > li:not(:first-child){
margin-left:5px;
}
.search-item-nav .search-item-sort button{
padding:0;
border:none;
color:#0b41a1;
background:none;
cursor:pointer;
}
.search-item-nav .search-item-sort button[disabled]{
color:var(--cmn-font-color-base);
font-weight:bold;
cursor:default;
}
.search-item-nav .search-item-pager{
display:table;
margin-top:10px;
width:100%;
line-height:1;
}
.search-item-nav .search-item-pager > .search-item-pager-inner{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:right;
}
.search-item-nav .search-item-pager > .search-item-pager-inner:first-child{
padding-right:15px;
width:auto;
text-align:left;
white-space:nowrap;
}
.search-item-nav .search-item-pager .search-item-num b{
color:#de1116;
}
.search-item-nav .search-item-pager .search-item-pager-list li{
display:inline-block;
text-align:center;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a,
.search-item-nav .search-item-pager .search-item-pager-list li > b{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:5px 3px 4px 3px;
border:1px solid #b8b8b8;
min-width:26px;
}
.search-item-nav .search-item-pager .search-item-pager-list li > a:active,
.search-item-nav .search-item-pager .search-item-pager-list li > a:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > a:focus{
background-color:#f0f0f0;
text-decoration:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b{
border-color:#eaeaea;
color:#666;
background-color:#eaeaea;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b:active,
.search-item-nav .search-item-pager .search-item-pager-list li > b:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > b:focus{
background-color:#f0f0f0;
text-decoration:none;
}
.search-item-nav .search-item-pager .search-item-pager-list li > b:active,
.search-item-nav .search-item-pager .search-item-pager-list li > b:hover,
.search-item-nav .search-item-pager .search-item-pager-list li > b:focus{
background-color:#eaeaea;
}
.search-item-nav .search-item-pager .search-item-pager-list .prev{
margin-right:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .next{
margin-left:3px;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis{
position:relative;
margin-left:-3px;
padding-left:14px;
}
.search-item-nav .search-item-pager .search-item-pager-list .ellipsis:before{
display:block;
position:absolute;
bottom:0;
left:0;
color:var(--cmn-font-color-base);
content:"...";
font-weight:normal;
speak:none;
}

/* agent-link-item-box
------------------------------------------------ */
.agent-link-item{
margin:30px auto 0;
width:800px;
}
.agent-link-item .btn-number{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
padding:5px 20px;
border:none;
border-radius:4px;
height:40px;
color:#fff;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:20px;
}
.agent-link-item .btn-number:hover{
background-color:#67a700;
}
.agent-link-item .btn-number:link,
.agent-link-item .btn-number:visited,
.agent-link-item .btn-number:hover,
.agent-link-item .btn-number:active{
text-decoration:none;
}
.agent-link-item-box{
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:40px 40px 0;
border:3px solid #a9a9a9;
text-align:center;
}
.agent-link-item-box > .agent-logo{
margin-bottom:25px;
text-align:center;
}
.agent-link-item-box > .agent-logo img{
vertical-align:top;
}
.agent-link-item-box .agent-move-txt{
margin-bottom:20px;
text-align:center;
font-weight:bold;
font-size:18px;
}
.agent-link-item-box .agent-move-txt .agent-name{
padding:0 4px;
}
.agent-link-item-box .agent-move{
margin:0 0 30px;
}
.agent-link-item-box .agent-move{
margin:0 0 30px;
}
.agent-link-item-box .agent-move-notes{
margin-bottom:30px;
font-size:15px;
}
.agent-link-item-box .agent-move-notes em{
font-weight:bold;
color:var(--cmn-font-color-red);
}
.agent-link-item-box .agent-booking-info{
margin:30px 0 8px 0;
color:#555;
text-align:center;
font-size:12px;
}
.agent-link-item-box .move-txt{
color:#555;
text-align:center;
font-size:12px;
}

/* agent-info
------------------------------------------------ */
.agent-link-item-box .agent-info{
margin-top:10px;
text-align:left;
}
.agent-link-item-box .agent-info .agt-info-hdg{
margin-bottom:10px;
color:var(--cmn-font-color-red);
font-weight:bold;
font-size:16px;
}
.agent-link-item-box .agent-info + .form-agent{
margin-top:30px;
}

/* agent-info-tbl
------------------------------------------------ */
.agent-link-item-box .agent-info-tbl{
border-collapse:collapse;
border-top:1px solid #ddd;
width:100%;
table-layout:fixed;


}
.agent-link-item-box .agent-info-tbl [class*="icon-"]:before{
display:block;
margin:0 auto 5px;
width:20px;
height:20px;
background-size:100% 100%;
content:"";
}
.agent-link-item-box .agent-info-tbl .icon-attention:before{
background:url(/element/shared/images/icon/icon-caution-triangle.svg) top left no-repeat;
background-size:18px 18px;
}
.agent-link-item-box .agent-info-tbl .icon-mail:before{
background:url(/element/shared/images/icon/ico-mail.svg) top left no-repeat;
}
.agent-link-item-box .agent-info-tbl .icon-option:before{
background:url(/element/shared/images/icon/icon-option.svg) top left no-repeat;
}
.agent-link-item-box .agent-info-tbl .icon-pc:before{
background:url(/element/shared/images/icon/icon-pc.svg) top left no-repeat;
}
.agent-link-item-box .agent-info-tbl .icon-sp:before{
background:url(/element/shared/images/icon/icon-sp.svg) top left no-repeat;
}
.agent-link-item-box .agent-info-tbl .agent-info-label{
display:block;
margin-top:10px;
font-weight:bold;
font-size:15px;
}
.agent-link-item-box .agent-info-tbl .agent-info-label:first-child{
margin-top:0;
}
.agent-link-item-box .agent-info-tbl th,
.agent-link-item-box .agent-info-tbl td{
border-bottom:1px solid #ddd;
}
.agent-link-item-box .agent-info-tbl th{
padding:5px 0;
width:83px;
color:#666;
background-color:#f1f1f1;
text-align:center;
font-weight:normal;
font-size:11px;
line-height:1.3;
}
.agent-link-item-box .agent-info-tbl td{
padding:15px 10px;
}

/* agent-info-list-03
------------------------------------------------ */
.agent-link-item-box .agent-info-list-03{
margin:0;
}
.agent-link-item-box .agent-info-list-03 > li{
margin-bottom:2px;
color:#555;
font-size:13px;
}
.agent-link-item-box .agent-info-list-03 > li.agent-info-list-indent{
margin-left:1em;
}
.agent-link-item-box .agent-info-list-03 > li.agent-info-list-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}
.agent-link-item-box .agent-info-list-03 > li strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.agent-link-item-box .agent-info-list-03 > li em{
font-weight:bold;
}
.agent-link-item-box .agent-provider{
margin-bottom:25px;
margin-top:-15px;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
color:#666;
font-size:13px;
}
.agent-link-item-box .agent-provider span:first-child{
margin-right:7px;
}
.agent-link-item-box .agent-provider .agent-provider-logo{
display:table-cell;
width:100px;
}
.agent-link-item-box .agent-provider .agent-provider-logo img{
max-height:16px;
max-width:100px;
}

/* agent-internal-link
------------------------------------------------ */
.agent-link-item-box .agent-internal-link{
text-align:right;
}
.agent-link-item-box .agent-internal-link li{
display:inline-block;

}
.agent-link-item-box .agent-internal-link li:not(:first-child):before{
display:inline-block;
margin:0 5px;
color:#555;
content:"|";
}
.agent-link-item-box .agent-internal-link li a{
color:#666;
font-size:11px;
}
.agent-link-item-box .agent-internal-link li a:link,
.agent-link-item-box .agent-internal-link li a:visited,
.agent-link-item-box .agent-internal-link li a:hover,
.agent-link-item-box .agent-internal-link li a:active{
color:#666;
}

/* .agent-info-add
------------------------------------------------ */
.agent-link-item-box .agent-info-add{
margin-top:25px;
margin-bottom:30px;
}
.agent-link-item-box .agent-info-add .agent-info-txt{
text-align:center;
font-weight:bold;
}
.agent-link-item-box .agent-info-add .agent-info-txt strong{
color:var(--cmn-font-color-red);
}

/* agent-link-add
------------------------------------------------ */
.agent-link-item .agent-link-add{
padding:25px 40px;
}
.agent-link-item .agent-link-add .agent-link-notes > li{
font-size:12px;
}
.agent-link-item .agent-link-add .agent-link-notes > li.agent-link-notes-indent{
margin-left:1em;
}
.agent-link-item .agent-link-add .agent-link-notes > li.agent-link-notes-indent > span:first-child{
display:inline-block;
text-indent:-1em;
}

/* loading-box-l
------------------------------------------------ */
.loading-box-l{
margin:30px 0;
height:48px;
background:url(/element/shared/images/icon/ic_load_l.gif) center center no-repeat;
background-size:48px 48px;
text-indent:-9999px;
}

/* form-agent
------------------------------------------------ */
.form-agent{
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-bottom:30px;
padding:0 10px 10px;
border:1px solid #ccc;
text-align:left;
}
.form-agent .form-agent-sup{
margin:0 -10px 20px;
padding:8px 10px;
background-color:#e8e8e8;
font-weight:bold;
font-size:16px;
}
.form-agent .form-agent-notes li{
margin-bottom:10px;
}
.form-agent .form-agent-notes li.mark{
display:inline-block;
margin-left:1em;
text-indent:-1em;
}
.form-agent .form-agent-notes-link{
margin:10px 15px 20px;
}
.form-agent .form-agent-list{
display:table;
margin-bottom:30px;
width:100%;
table-layout:fixed;
text-align:left;
}
.form-agent .form-agent-list > li{
display:table-cell;
width:33%;
}
.form-agent .form-agent-list > li span{
color:var(--cmn-font-color-base);
font-weight:bold;
font-size:11px;
}
.form-agent .form-agent-list > li .form-custom-select{
width:70px;
vertical-align:middle;
}
.form-agent-item{
margin-bottom:30px;
text-align:center;
}
.form-agent-item .btn-number{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
margin:0 auto;
padding:0 20px;
border:none;
border-radius:4px;
width:150px;
height:40px;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-align:center;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-weight:bold;
font-size:17px;
line-height:40px;
}
.form-agent-item .btn-number:hover{
background-color:#67a700;
}
.form-agent-item .btn-number:link,
.form-agent-item .btn-number:visited,
.form-agent-item .btn-number:hover,
.form-agent-item .btn-number:active{
text-decoration:none;
}
.popup-number,
.popup-lcc{
margin:0 auto;
width:570px;
}
.popup-number .hdg-l2-02,
.popup-lcc .hdg-l2-02{
padding:13px 20px 11px;
color:#fff;
background-color:#287ac4;
text-shadow:1px 1px 0 rgba(61, 61, 61, .46);
font-weight:normal;
font-size:28px;
line-height:1.3;
}
.popup-number .hdg-l3,
.popup-lcc .hdg-l3{
margin-top:25px;
padding:6px 15px 3px;
background-color:#f1f1f1;
font-weight:normal;
font-size:18px;
}

/* tip-container
------------------------------------------------ */
.tip-container{
display:block;
position:relative;
clear:both;
}
.tip-container > .tip-item{
display:none;
background-color:#fff;
}
.tip-container.active > .tip-item{
display:block;
}
.tip-container::after{
display:table;
clear:both;
content:"";
}
.tip-item{
position:absolute;
right:-12px;
margin-top:-3px;
z-index:1000;
}
.tip-item.tip-popup{
text-align:left;
}
.tip-item.tip-popup:before{
border:10px solid #aaa;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.tip-item.tip-popup:after{
margin-top:1px;
border:10px solid #fff;
border-top:none;
border-right:7px solid transparent;
border-left:7px solid transparent;
}
.tip-item.tip-popup:before,
.tip-item.tip-popup:after{
position:absolute;
top:-10px;
left:67px;
content:"";
}
.tip-item.tip-popup.tip-bottom:before{
bottom:-10px;
border:10px solid #aaa;
border-right:7px solid transparent;
border-bottom:none;
border-left:7px solid transparent;
}
.tip-item.tip-popup.tip-bottom:after{
bottom:-8px;
border:10px solid #fff;
border-right:7px solid transparent;
border-bottom:none;
border-left:7px solid transparent;
}
.tip-item.tip-popup.tip-bottom:before,
.tip-item.tip-popup.tip-bottom:after{
position:absolute;
top:auto;
right:auto;
left:40px;
content:"";
}
.tip-box{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:block;
padding:15px 15px;
border:1px solid #aaa;
border-radius:3px;
min-width:400px;
color:var(--cmn-font-color-base);
background-color:#fff;
-webkit-box-shadow:1px 1px 3px 0 rgba(153, 153, 153, .75);
box-shadow:1px 1px 3px 0 rgba(153, 153, 153, .75);
text-align:left;
word-wrap:break-word;
word-break:break-all;
font-size:12px;
}
.tip-box >:first-child{
margin-top:0;
}
.tip-box .tip-zoom-btn{
overflow:hidden;
position:absolute;
top:10px;
right:10px;
padding-top:31px;
border:none;
width:31px;
height:0;
background:none;
}
.tip-box .tip-zoom-btn::before{
display:block;
position:absolute;
top:9px;
left:9px;
width:14px;
height:14px;
background:url(/element/j_air_on/shared/images/icon-zoom-in.svg) 0 0 no-repeat;
content:"";
}
.tip-box .tip-header{
margin-bottom:12px;
}
.tip-box .tip-header .tip-header-hdg{
font-size:16px;
}
.tip-box .tip-footer{
margin-top:16px;
}
.tip-box .tip-footer-cv-btn{
display:block;
border:none;
border-radius:4px;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:14px;
min-width:184px;
height:31px;
margin:0 auto;
}
.tip-item.tip-ticket-info .tip-box{
padding:10px;
width:300px;
}
.tip-item.tip-ticket-detail .tip-box{
padding:15px 13px;
width:496px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.tip-item .detail-notes{
display:block;
margin-top:10px;
font-size:11px;
}
.tip-item > :first-child{
margin-top:0;
}
.tip-item .tip-att{
color:var(--cmn-font-color-red);
}
.tip-item .tip-notes{
position:relative;
}
.tip-item .tip-notes.mark{
padding-left:18px;
}
.tip-item .tip-notes.mark .icon-att{
position:absolute;
top:2px;
left:0;
}
.tip-item .tip-indent{
display:block;
padding-left:1em;
text-indent:-1em;
}
.tip-item .tip-note{
color:#666;
margin-top:5px;
font-size:11px;
}
.tip-item .tip-hdg-01{
position:relative;
line-height:1.2;
font-size:14px;
}
.tip-item.tip-ticket-info .tip-box{
padding:10px;
width:300px;
}
.tip-item .tip-toggle .tip-toggle-container{
margin-top:15px;
border-top:1px solid #f00;
}
.tip-item .tip-toggle .tip-toggle-container .tip-toggle-item{
display:none;
}
.tip-item .tip-toggle .tip-toggle-container .tip-toggle-trigger{
width:100%;
text-align:left;
background:none;
border:none;
color:#666;
padding:5px 0 5px 15px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:0 7px;
background-repeat:no-repeat;
background-size:11px auto;
}
.tip-item .tip-toggle .tip-toggle-container.is-active .tip-toggle-item{
display:block;
}
.tip-item .tip-toggle .tip-toggle-container.is-active .tip-toggle-trigger{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-position:0 6px;
}

/* .regist-flow
------------------------------------------------ */
.regist-flow{
margin:8px 0 0;
}
.regist-flow .regist-flow-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
}
.regist-flow .regist-flow-item .regist-flow-item-col{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.regist-flow .regist-flow-item .regist-flow-item-col:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child{
padding-left:10px;
width:33%;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child:nth-child(1){
padding-left:0;
}
.regist-flow .regist-flow-item .regist-flow-item-col:last-child:nth-child(1) .regist-flow-list li:last-child:after{
display:none;
}
.regist-flow .regist-flow-label{
display:block;
position:relative;
margin:0 5px 8px;
padding-bottom:1px;
border-bottom:1px solid #9d9c9c;
text-align:center;
font-size:11px;
}
.regist-flow .regist-flow-label span{
display:block;
margin:0 -5px 2px;
line-height:1.3;
}
.regist-flow .regist-flow-label:before{
display:block;
position:absolute;
bottom:-4px;
left:-4px;
border-top:3px solid transparent;
border-right:5px solid #9d9c9c;
border-bottom:4px solid transparent;
content:"";
}
.regist-flow .regist-flow-label:after{
display:block;
position:absolute;
right:-4px;
bottom:-4px;
border-top:3px solid transparent;
border-bottom:4px solid transparent;
border-left:5px solid #9d9c9c;
content:"";
}
.regist-flow .regist-flow-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.regist-flow .regist-flow-list li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-left:10px;
border:2px solid #898989;
height:45px;
overflow:hidden;
}
.regist-flow .regist-flow-list li:first-child{
margin-left:0;
}
.regist-flow .regist-flow-list li.regist-flow-em{
background-color:#eee;
}
.regist-flow .regist-flow-list li:after{
display:block;
position:absolute;
top:50%;
right:-9px;
margin-top:-4px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:4px solid #898989;
content:"";
}
.regist-flow .regist-flow-list li:first-child:last-child:after{
display:none;
}
.regist-flow .regist-flow-list li > span{
display:block;
width:100%;
text-align:center;
font-size:11px;
line-height:1.2;
}
.regist-flow .regist-flow-list li > span b{
font-size:12px;
}
.regist-flow .regist-flow-list li small{
font-size:10px;
}

/* price-variation
------------------------------------------------ */
.price-variation{
color:#333333;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* price-variation-block
------------------------------------------------ */
.price-variation .price-variation-block{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:stretch;
-ms-flex-align:stretch;
align-items:stretch;
border-bottom:1px solid #ccc;
}
.price-variation .price-variation-block .price-variation-label{
background-color:#f4f4f4;
font-size:13px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
width:110px;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
font-weight:bold;
}
.price-variation .price-variation-block .price-variation-item{
padding:5px 10px 5px 35px;
text-align:center;
}
.price-variation .price-variation-block .price-variation-main{
text-align:center;
}
.price-variation .price-variation-block .price-variation-main .font-num{
font-size:20px;
font-family:var(--font-num);
}
.price-variation .price-variation-block .price-variation-main .price-variation-chg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.price-variation .price-variation-block .price-variation-main .price-variation-chg-col:first-child{
padding-right:45px;
color:#a4a4a4;
text-align:right;
}
.price-variation .price-variation-block .price-variation-main .price-variation-chg-col:last-child{
position:relative;
padding-left:45px;
color:var(--cmn-font-color-red);
text-align:left;
}
.price-variation .price-variation-block .price-variation-main .price-variation-chg-col:last-child .font-num{
font-size:22px;
font-family:var(--font-num);
font-weight:bold;
}
.price-variation .price-variation-block .price-variation-main .price-variation-chg-col:last-child::before{
display:inline-block;
position:absolute;
top:50%;
left:-15px;
margin-top:-5px;
width:50px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-02.svg) top left no-repeat;
content:"";
}
.price-variation .price-variation-block .price-variation-other{
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;
}
.price-variation .price-variation-block .price-variation-other .price-variation-other-sup{
font-size:11px;
}
.price-variation .price-variation-block .price-variation-other .price-variation-other-sup::after{
content:":";
padding:0 3px;
display:inline;
}
.price-variation .price-variation-block .price-variation-other .font-num{
font-size:12px;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg-col{
font-size:11px;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg-col:first-child{
padding-right:7px;
text-align:right;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg-col:last-child{
position:relative;
padding-left:9px;
color:var(--cmn-font-color-red);
text-align:left;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg-col:last-child .font-num{
font-weight:bold;
}
.price-variation .price-variation-block .price-variation-other .price-variation-chg-col:last-child::before{
display:block;
position:absolute;
top:1px;
left:-5px;
content:"\2192";
color:#333333;
}
.price-variation .price-variation-block .price-variation-info{
font-size:11px;
text-align:center;
}

/* price-variation > flight-info-container
------------------------------------------------ */
.price-variation .flight-info-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin:6px auto;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;

}
.price-variation .flight-info-container .flight-info-cell{
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:290px;
vertical-align:top;
padding-left:38px;
}
.price-variation .flight-info-container .flight-info-cell:first-child:not(:last-child){
width:auto;
padding-right:5px;
margin-right:5px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-right:1px dotted #ccc;
}
.price-variation .flight-info-container .flight-info-cell:last-child:not(:first-child){
padding-right:5px;
margin-right:0;
width:auto;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
margin-left:4px;
}
.price-variation .flight-info-container .flight-info-cell .hdg-flight{
position:absolute;
margin-right:100%;
right:-32px;
display:inline-block;
border:1px solid #ccc;
white-space:nowrap;
padding:0 3px;
font-weight:bold;
font-size:11px;
min-width:30px;
height:18px;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

/* price-variation > flight-info
------------------------------------------------ */
.price-variation .flight-info{
display:table;
width:100%;
color:var(--cmn-font-color-base);
}
.price-variation .flight-info [class^="flight-info-detail-"]{
vertical-align:top;
}
.price-variation .flight-info .flight-info-detail-01{
float:left;
padding-top:3px;
font-size:14px;
line-height:1.3;
width:98px;
}
.price-variation .flight-info .flight-info-detail-01 > b{
display:inline-block;
font-weight:normal;
font-size:13px;
font-family:var(--font-num);
}
.price-variation .flight-info .flight-info-detail-01 .flight-info-name{
display:inline-block;
font-size:12px;
}
.price-variation .flight-info .flight-info-detail-01 .flight-info-date{
display:block;
font-size:12px;
}
.price-variation .flight-info .flight-info-detail-01 .flight-info-date .date-num{
font-size:13px;
font-family:var(--font-num);
}
.price-variation .flight-info .flight-info-detail-02{
float:right;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.price-variation .flight-info .flight-info-detail-02 [class^="flight-time-"]{
float:left;
font-size:11px;
}
.price-variation .flight-info .flight-info-detail-02 [class^="flight-time-"] > b{
display:block;
font-size:16px;
font-family:var(--font-num);
font-weight:normal;
}
.price-variation .flight-info .flight-info-detail-02 [class^="flight-time-"] > span{
min-width:3em;
font-size:11px;
margin-bottom:2px;
display:block;
}
.price-variation .flight-info .flight-info-detail-02 .flight-time-01 b{
position:relative;
padding-right:35px;
}
.price-variation .flight-info .flight-info-detail-02 .flight-time-01 b::after{
display:block;
position:absolute;
right:8px;
bottom:6px;
width:15px;
height:10px;
background:url(/element/j_air_on/shared/images/icon-arrow-01.svg) 0 0 no-repeat;
background-size:100%;
content:"";
}

/* price-variation > list-type
------------------------------------------------ */
.price-variation .list-type{
display:block;
clear:both;
white-space:normal;
letter-spacing:-.4em;
line-height:1.3;
}
.price-variation .list-type > li{
display:inline-block;
position:relative;
padding-left:3px;
color:#555;
letter-spacing:normal;
font-size:11px;
}
.price-variation .list-type > li::after{
display:inline;
padding-left:3px;
content:"/";
}
.price-variation .list-type > li:first-child{
padding-left:0;
}
.price-variation .list-type > li:last-child:after{
display:none;
}

/* modal-action
------------------------------------------------ */
.modal-action{
margin:27px 0 0;
text-align:left;
}
.modal-action .modal-action-btn-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.modal-action li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
vertical-align:top;
text-align:left;
min-height:40px;
}
.modal-action li:not(:first-child){
margin-left:20px;
}
.modal-action .modal-action-btn-notes{
color:#333333;
display:block;
margin-top:5px;
font-size:11px;
}
.modal-action .modal-action-btn{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:table-cell;
padding:4px 20px;
border:1px solid #c5c5c5;
border-radius:4px;
width:277px;
height:54px;
color:#555;
background:none;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .1) inset;
vertical-align:middle;
text-align:center;
font-weight:bold;
font-size:14px;
line-height:1.4;
}
.modal-action .modal-action-btn:link,
.modal-action .modal-action-btn:visited,
.modal-action .modal-action-btn:hover,
.modal-action .modal-action-btn:active{
color:#666;
text-decoration:none;
}
.modal-action .modal-action-cancel-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;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
min-width:120px;
border-radius:4px;
background-color:#fff;
border:1px solid #c5c5c5;
color:#555;
-webkit-box-shadow:0 -3px 0 rgba(0, 0, 0, .2) inset;
box-shadow:0 -3px 0 rgba(0, 0, 0, .2) inset;
font-size:17px;
padding:0 20px;
}
.modal-action .modal-action-close-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;
cursor:pointer;
font-weight:bold;
line-height:1.3;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
color:#666;
font-size:17px;
padding:3px 20px 0;
min-width:160px;
min-height:38px;
border-radius:4px;
border:1px solid #ccc;
-webkit-box-shadow:0px 2px 0px #ccc;
box-shadow:0px 2px 0px #ccc;

}

/* agt-provider
------------------------------------------------ */
.agt-provider{
font-size:11px;
text-align:left;
line-height:1;
margin-top:2px;
}
.agt-provider .agt-provider-sup{
line-height:1;
}
.agt-provider .cmn-tip-info-btn-icon{
margin-left:3px;
}

/* cal-info
------------------------------------------------ */
.cal-info{
position:relative;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #dcdcdc;
color:var(--cmn-font-color-base);
}
.cal-info-inner{
display:table;
width:100%;
table-layout:fixed;
}
.cal-info-inner .cal-info-item{
position:relative;
display:table-cell;
vertical-align:top;
text-align:right;
}
.cal-info-inner .cal-info-item:first-child{
width:100%;
vertical-align:middle;
text-align:left;
}
.cal-info .btn-price-matrix{
padding-top:30px;
float:right;
}
.cal-info .btn-price-matrix a{
position:relative;
text-align:left;
top:-2px;

/* display: block; */
display:none;
border-radius:4px;
border:1px solid #c5c5c5;
padding:7px 8px;
font-size:11px;
width:135px;
height:30px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:24px;
}
.cal-info .btn-price-matrix a:link,
.cal-info .btn-price-matrix a:visited,
.cal-info .btn-price-matrix a:hover,
.cal-info .btn-price-matrix a:active{
color:#555555;
text-decoration:none;
}
.cal-info .btn-price-matrix a:before{
position:absolute;
top:50%;
margin-top:-3px;
left:11px;
content:"";
display:inline-block;
border-right:1px solid #6b6b6b;
border-bottom:1px solid #6b6b6b;
width:4px;
height:4px;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.cal-info:after{
display:table;
clear:both;
content:"";
}
.cal-info .cal-switch{
margin-bottom:8px;
vertical-align:middle;
font-size:12px;
}
.cal-info .cal-switch label{
color:var(--cmn-font-color-base);
}
.cal-info .cal-switch input[type="checkbox"]{
position:relative;
top:2px;
margin:0 5px 0 0;
}
.cal-info .cal-notes{
font-size:11px;
}
.cal-info .cal-define{
float:right;
margin-top:10px;
font-size:11px;
}
.cal-info .cal-define li{
display:inline-block;
margin-left:7px;
vertical-align:middle;
}
.cal-info .cal-define li:nth-child(1):before{
display:inline-block;
border:1px solid rgba(277,7,7,.5);
border-radius:50%;
width:20px;
height:11px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
content:"";
vertical-align:middle;
position:relative;
top:-1px;
}
.cal-info .cal-define li:nth-child(2):before{
display:inline-block;
width:10px;
height:11px;
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* cal-filter
------------------------------------------------ */
.cal-filter{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
margin-bottom:15px;
color:#333333;
}
.cal-filter .cal-filter-sup{
font-size:16px;
font-weight:bold;
}
.cal-filter ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
font-size:11px;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.cal-filter ul li:first-child:not(:last-child){
margin-right:25px;
}
.cal-filter ul .is-disabled{
opacity:.25;
}
.cal-filter ul input[type="checkbox"]{
position:relative;
top:2px;
margin:0 5px 0 0;
}

/* price-calendar
------------------------------------------------ */
.price-calendar.lp-calendar{
width:660px;

}
.price-calendar.lp-calendar .price-status-cheapest:before{
width:39px;
left:1px;
}
.price-calendar tr > td:first-child .price-date,
.price-calendar .cmn-calendar-holiday .price-date{
color:var(--cmn-font-color-red);
}
.price-calendar tr > td:first-child .cmn-calendar-disabled .price-date,
.price-calendar .cmn-calendar-disabled .price-date{
color:#ccc;
}
.price-calendar td > a > div{
position:relative;
height:34px;
line-height:34px;
}
.price-calendar .price-status-cheapest:before{
display:block;
position:absolute;
bottom:1px;
left:0px;
width:37px;
height:19px;
border:1px solid rgba(277,7,7,.5);
border-radius:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
content:"";
}
.price-calendar .price-status-blank:before{
overflow:hidden;
display:inline-block;
position:relative;
top:7px;
padding-top:10px;
width:10px;
height:0;
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
line-height:2;
}
.price-calendar td > a .price-date{
display:block;
position:absolute;
top:3px;
left:5px;
color:var(--cmn-font-color-base);
font-size:12px;
font-family:var(--font-num);
line-height:1.1;
}
.price-calendar td > a .price-item{
position:relative;
top:7px;
color:#999;
font-size:11px;
font-family:var(--font-num);
}
.price-calendar .cmn-calendar-active-from div:link,
.price-calendar .cmn-calendar-active-from div:visited,
.price-calendar .cmn-calendar-active-from div:hover,
.price-calendar .cmn-calendar-active-from div:active,
.price-calendar .cmn-calendar-active-to div:link,
.price-calendar .cmn-calendar-active-to div:visited,
.price-calendar .cmn-calendar-active-to div:hover,
.price-calendar .cmn-calendar-active-to div:active{
background:#015eaa;
}
.price-calendar .cmn-calendar-disabled div:link,
.price-calendar .cmn-calendar-disabled div:visited,
.price-calendar .cmn-calendar-disabled div:hover,
.price-calendar .cmn-calendar-disabled div:active{
background-color:transparent;
-webkit-box-shadow:none;
box-shadow:none;
cursor:default;
}
.price-calendar .cmn-calendar-active-from .price-date,
.price-calendar .cmn-calendar-active-from .price-item,
.price-calendar .cmn-calendar-active-from div:active .price-date,
.price-calendar .cmn-calendar-active-from div:active .price-item,
.price-calendar .cmn-calendar-active-from div:hover .price-date,
.price-calendar .cmn-calendar-active-from div:hover .price-item,
.price-calendar .cmn-calendar-active-from div:focus .price-date,
.price-calendar .cmn-calendar-active-from div:focus .price-item,
.price-calendar .cmn-calendar-active-to .price-date,
.price-calendar .cmn-calendar-active-to .price-item,
.price-calendar .cmn-calendar-active-to div:active .price-date,
.price-calendar .cmn-calendar-active-to div:active .price-item,
.price-calendar .cmn-calendar-active-to div:hover .price-date,
.price-calendar .cmn-calendar-active-to div:hover .price-item,
.price-calendar .cmn-calendar-active-to div:focus .price-date,
.price-calendar .cmn-calendar-active-to div:focus .price-item,
.price-calendar .cmn-calendar-active-from:first-child .price-date,
.price-calendar .cmn-calendar-active-from.cmn-calendar-holiday .price-date,
.price-calendar .cmn-calendar-active-to:first-child .price-date,
.price-calendar .cmn-calendar-active-to.cmn-calendar-holiday .price-date{
color:#fff;
}
.price-calendar .cmn-calendar-active-from .price-status-cheapest:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:active:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:hover:before,
.price-calendar .cmn-calendar-active-from .price-status-cheapest:focus:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:active:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:hover:before,
.price-calendar .cmn-calendar-active-to .price-status-cheapest:focus:before{
border-color:#fff;
}
.price-calendar .cmn-calendar-active-from .price-status-blank:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:active:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:hover:before,
.price-calendar .cmn-calendar-active-from .price-status-blank:focus:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:active:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:hover:before,
.price-calendar .cmn-calendar-active-to .price-status-blank:focus:before{
background-image:url(/element/w_air_on/shared/images/icon/icon-zoom-white.svg);
}

/* ----------------------------------------------------------------
  .important-info-link
----------------------------------------------------------------- */
/* .important-info-link
----------------------------------------------- */
.important-info-link{
margin:0 0 15px;
border:1px solid #bbb;
border-radius:4px;
background-color:#fff;
}
.form-search-index-container .important-info-link{
margin:0 0 10px;
}

/* .important-info-btn
----------------------------------------------- */
.important-info-link .important-info-btn{
padding:8px 15px 8px 35px;
border:none;
color:#666;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 15px 11px no-repeat;
background-size:14px 12px;
font-size:13px;
font-weight:bold;
text-align:left;
}
.important-info-link .important-info-btn::before{
margin-top:-4px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border-right:2px solid #999;
border-bottom:2px solid #999;
width:6px;
height:6px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* ----------------------------------------------------------------
  GoTo campaing
----------------------------------------------------------------- */
/* .goto-info
----------------------------------------------- */
.goto-info{
margin-top:20px;
margin-bottom:-10px;
border:1px solid #bbb;
border-radius:4px;
font-size:13px;
background-color:#fff;
}
.goto-info button{
padding:7px 30px 7px 15px;
border:none;
border-radius:4px;
display:block;
position:relative;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
background:url(/element/shared/images/icon/icon-chevron-down.svg) calc(100% - 15px) 52% no-repeat;
background-size:12px 7px;
font-size:13px;
text-align:left;
color:var(--cmn-font-color-base);
}
.goto-info.is-active .goto-info-content{
display:block;
}
.goto-info.is-active button{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.goto-info strong{
color:var(--cmn-font-color-red);
}
.goto-info .goto-info-content{
padding:0 15px 10px;
display:none;
}
.goto-info .goto-info-content-list > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.goto-info .goto-info-content-list > li:not(:first-child){
margin-top:8px;
}
.goto-info .goto-info-content-list > li >div:first-child::after{
content:"\ff1a";
}
.goto-info .goto-info-content-list > li >div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.goto-info .goto-info-content-list .note{
display:block;
font-size:12px;
color:var(--cmn-font-color-gray);
margin-top:4px;
}

/* goto-info-label
---------------------------------- */
.goto-info-label{
display:inline-block;
margin-left:8px;
position:relative;
top:-5px;
}
.goto-info-label a{
display:block;
padding:6px 23px 5px 8px;
border-radius:3px;
color:#fff;
min-width:110px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
line-height:1;
background:#444 url(/element/shared/images/icon/icon-tip-info.svg) calc(100% - 8px) 50% no-repeat;
background-size:12px 12px;
text-shadow:none;
font-size:13px;
vertical-align:middle;
}
.goto-info-label a:link,
.goto-info-label a:visited,
.goto-info-label a:hover,
.goto-info-label a:active{
text-decoration:none;
}

/* goto-content
---------------------------------- */
.goto-content .goto-desc-mark{
margin-top:6px;
padding-left:15px;
position:relative;
}
.goto-content .goto-desc-mark strong{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.goto-content .goto-desc-mark::before{
content:"";
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
display:block;
background-color:#333;
}
.goto-content .goto-hdg-l3{
margin-top:12px;
padding-left:15px;
font-size:12px;
font-weight:normal;
position:relative;
}
.goto-content .goto-hdg-l3::before{
content:"";
position:absolute;
top:4px;
left:2px;
width:8px;
height:8px;
display:block;
background-color:#333;
}
.goto-content .goto-list li{
margin-top:8px;
padding-left:14px;
position:relative;
}
.goto-content .goto-list li::before{
content:"";
border-radius:50%;
position:absolute;
top:7px;
left:6px;
width:2px;
height:2px;
display:block;
background-color:#333;
}
.goto-content .goto-notes{
margin-top:12px;
color:var(--cmn-font-color-gray);
font-size:11px;
}
.goto-content .goto-notes li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding-left:1.25em;
position:relative;
}
.goto-content .goto-notes li::before{
content:"\203b";
display:block;
position:absolute;
top:0;
left:0;
}

/* for footer LP
---------------------------------- */
.card-content{
margin-top:30px;
padding-top:20px;
border-top:1px solid #d9d9d9;
}
.card-content .card-header{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-content .card-header .card-header-sup{
font-size:14px;
margin-left:auto;
}
.card-content .card-header .card-header-hdg{
font-weight:bold;
font-size:14px;
display:inline-block;
}
.card-content .card-header .card-header-notes{
font-size:12px;
color:var(--cmn-font-color-gray);
display:inline-block;
margin-left:5px;
}
.card-content .card-header .card-header-notes p > span{
margin-right:4px;
}
.card-content .mod-04{
margin-top:0;
border-top:none;
}
.card-content .mod-04 .list-airlines .logo img{
max-width:166px;
max-height:42px;
}
.card-content .mod-04 .list-airlines .name{
font-weight:normal;
}
.card-content .mod-04 .list-airlines .airline-list-desc{
display:none;
}
.card-content.card-faq{
margin-top:60px;
}

/* faq-list for List footer LP
---------------------------------- */
.card-content .faq-list{
margin-top:20px;
}
.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/j_air_on/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:4px;
top:50%;
margin-top:-4px;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
}
.card-content .faq-list li{
font-size:14px;
border-top:1px solid #ddd;
padding-top:12px;
}
.card-content .faq-list li:not(:first-child){
margin-top:12px;
}
.card-content .faq-list li em{
color:var(--cmn-font-color-red);
font-weight:normal;
}
.card-content .faq-list li .question{
position:relative;
}
.card-content .faq-list li .question h3{
font-weight:normal;
padding-left:23px;
padding-right:27px;
}
.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/j_air_on/shared/images/icon-faq-q.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-content .faq-list li .answer{
margin-top:4px;
position:relative;
padding-left:23px;

}
.card-content .faq-list li .answer p:not(:first-child){
margin-top:8px;
}
.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:4px;
width:11px;
height:15px;
background:url(/element_sp/j_air_on/shared/images/icon-faq-a.svg) 0 0 no-repeat;
background-size:100% auto;
}
.card-content .faq-list li .faq-modified{
float:right;
color:var(--font-color-placeholder);
font-size:12px;
margin-top:8px;
}
.card-content .faq-list li .faq-modified > span:first-child::after{
content:":";
display:inline-block;
margin:0 4px;
}

/* -------------------------------
SEO
---------------------------------- */
/* seo-footer-container
---------------------------------- */
.lyt-top .card-container .card-content .card-header .card-header-hdg{
font-weight:bold;
}
.lyt-ad-r .seo-footer-container{
padding-left:0;
padding-right:180px;
width:var(--lyt-width-container);
}
.seo-footer-container{
-o-border-image:linear-gradient(#eee 0, #eee 100%) 0 / / 0 100vw 0 100vw;
border-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), to(#eee)) fill 0 / / 0 100vw 0 100vw;
border-image:linear-gradient(#eee 0, #eee 100%) fill 0 / / 0 100vw 0 100vw;
padding:32px 0 50px;
margin:32px auto -50px;
}
.seo-footer-container .cmn-notice-list{
color:var(--font-color-base-secondary);
}
.seo-footer-container .seo-footer-inr{
width:960px;
margin:0 auto;
color:var(--font-color-base-secondary);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.seo-footer-container .card-container >:first-child{
margin-top:0;
}
.seo-footer-container .card-container .card-content .card-header .card-header-hdg{
font-weight:bold;
}
.seo-footer-container .lp-content .card-content.card-seo .mod-04{
-webkit-box-shadow:0px 0px 4px  rgba(0,0,0,.3);
box-shadow:0px 0px 4px  rgba(0,0,0,.3);
border-radius:6px;
margin-top:8px;
padding:16px 20px;
background-color:#fff;
}
.seo-footer-container .lp-content .local-info-list li{
width:440px;
}

/* card-tgl-container
---------------------------------- */
.card-container .card-content:not(.card-tgl-container) + .card-tgl-container{
margin-top:24px;
}
.card-container .card-content.card-tgl-container{
position:relative;
border-top:1px solid #ccc;
margin-top:0;
}
.card-container .card-content.card-tgl-container + :not(.card-tgl-container){
margin-top:16px;
}
.card-container .card-content.card-tgl-container::after{
position:absolute;
bottom:-1px;
left:0;
content:"";
width:100%;
height:1px;
background:#ccc;
}
.card-container .card-content.card-tgl-container.is-active{
z-index:1;
border-top:1px solid transparent;
}
.card-container .card-content.card-tgl-container.is-active::after{
display:none;
}
.card-container .card-content.card-tgl-container.is-active .card-tgl-item{
display:block;
}
.card-container .card-content.card-tgl-container.is-active .card-tgl-trigger::after{
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg) 0 0 no-repeat;
}
.card-container .card-content.card-tgl-container .card-tgl-item{
display:none;
padding-bottom:16px;
}
.card-container .card-content.card-tgl-container .card-tgl-item >:first-child{
margin-top:0;
}
.card-container .card-content.card-tgl-container .card-tgl-trigger{
display:block;
position:relative;
cursor:pointer;
z-index:10;
padding-top:12px;
padding-bottom:12px;
margin-bottom:0;
}
.card-container .card-content.card-tgl-container .card-tgl-trigger::after{
position:absolute;
right:4px;
top:50%;
margin-top:-4px;
content:"";
display:block;
width:16px;
height:10px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg) 0 0 no-repeat;
background-size:16px auto;
}

/* card-graph
---------------------------------- */
.card-container .card-graph img{
width:100%;
height:auto;
}

/* card-container
---------------------------------- */
.card-container .card-content{
-webkit-box-shadow:none;
box-shadow:none;
margin-top:36px;
padding:0;
border-radius:0;
background-color:transparent;
border-top:none;

}
.card-container .card-content .card-header{
margin-bottom:8px;
}
.card-container .card-content .card-header .card-header-hdg{
display:inline-block;
font-size:16px;
font-weight:bold;
margin-right:12px;
vertical-align:middle;
}
.card-container .card-content .card-item-more{
margin-left:auto;
}
.card-container .card-content .card-item-more >a{
font-size:13px;
font-weight:bold;
color:var(--cmn-font-color-base);
position:relative;
padding-left:12px;
}
.card-container .card-content .card-item-more >a::before{
content:"";
display:block;
position:absolute;
top:6px;
left:0;
border-right:1.5px solid #666;
border-bottom:1.5px solid #666;
width:4.5px;
height:4.5px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.card-container .card-content .card-item{
-webkit-box-shadow:0px 0px 6px  rgba(0,0,0,.3);
box-shadow:0px 0px 6px  rgba(0,0,0,.3);
border-radius:6px;
margin-top:8px;
padding:20px;
background-color:#fff;
font-size:14px;
position:relative;
}
.card-container .card-content .card-item.is-branch{
padding:0;
margin:0;
-webkit-box-shadow:none;
box-shadow:none;
background-color:transparent;
}
.card-container .card-content .card-item >:first-child{
margin-top:0;
}
.card-container .card-content .card-desc-indent{
margin-left:1em;
}
.card-container .card-content .card-item-footer{
margin-top:12px;
padding-top:12px;
border-top:1px #ddd solid;
}
.card-container .card-content .card-item-footer::after{
content:"";
display:table;
clear:both;
}
.card-container .card-content .card-item-footer-link{
float:right;
font:14px;
text-decoration:none;
}
.card-container .card-content .card-item-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:16px 0 0;
padding:0;
display:inline-block;
border:none;
}
.card-container .card-content .card-item-footer-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-content .card-item-footer-notes .aster > span{
margin-right:.4em;
}
.card-container .card-content.card-area-summary .card-item .card-header{
margin-top:16px;
}
.card-container .card-content.card-useful-info .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
background:none;
margin:-4px -4px 0;
}
.card-container .card-content.card-price-compare .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content.card-timetable .card-item{
padding-bottom:4px;
}
.card-container .card-content.card-airline-list .card-desc{
margin-bottom:8px;
}
.card-container .card-content.card-pref-route .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content.card-pref-route .card-item .card-hdg-02{
margin-top:16px;
}
.card-container .card-content.card-pref-route .card-item .select-list-container + .card-hdg-02{
padding-top:24px;
margin-top:0;
border-top:1px solid #e5e5e5;
}
.card-container .card-content.card-flight-info .area-tgl{
margin:-20px 0;
}
.card-container .card-content.card-cheapest-other .card-item{
padding-top:12px;
padding-bottom:12px;
}
.card-container .card-content.card-travelko-info .card-item .card-desc{
font-size:12px;
}
.card-container .card-content.card-travelko-info .card-item .card-desc + .card-desc{
margin-top:8px;
}
.card-container .card-content.card-travelko-info .card-item .card-hdg-07{
font-size:12px;
}
.card-container .card-content.card-travelko-info .card-item .card-hdg-03{
font-size:12px;
margin-bottom:0;
}
.card-container .card-content.card-seo-select .card-item{
padding-top:4px;
padding-bottom:4px;
}
.card-container .card-content-footer + .card-content{
margin-top:3px;
}
.card-container .card-content-footer + .carousel-card-container .cmn-carousel-seo{
margin-top:3px;
}
.card-container .card-content-footer .card-link-more{
margin:12px 0 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
font-size:14px;
line-height:1.35;
}
.card-container .card-footer{
margin-top:8px;
text-align:right;
}
.card-container .card-footer >div{
display:inline-block;
}
.card-container .card-footer >div + div{
margin-top:8px;
}
.card-container .card-footer .card-footer-link{
margin-left:12px;
font-size:12px;
text-decoration:none;
color:var(--cmn-font-color-base);
}
.card-container .card-footer .card-footer-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
text-align:left;
display:block;
}
.card-container .card-footer .card-footer-notes li:not(:first-child){
margin-top:4px;
}
.card-container .card-footer .card-footer-notes li.aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.card-container .card-footer .card-footer-notes li.aster > span{
margin-right:.4em;
}
.card-container .card-header-hdg-02{
margin-bottom:8px;
}
.card-container .card-header-hdg-03{
margin-bottom:8px;
font-weight:normal;
}
.card-container .lowprice-update{
display:inline-block;
color:var(--cmn-font-color-gray);
font-size:12px;
vertical-align:middle;
margin-right:12px;
}
.card-container .card-desc{
font-size:14px;
}
.card-container .card-desc > :first-child{
margin-top:0;
}
.card-container .card-desc + .card-desc{
margin-top:12px;
}
.card-container .card-desc + .card-desc .card-hdg-02{
margin-top:16px;
}
.card-container .card-desc-list{
margin:4px 0 0 0;
}
.card-container .card-desc-list:first-child{
margin-top:0;
}
.card-container .card-desc-list >li{
text-indent:-1em;
margin:0 0 0 1em;
}
.card-container .card-desc-list >li:not(:first-child){
margin-top:8px;
}
.card-container .card-desc-list .desc-sup{
margin-bottom:4px;
}
.card-container .card-desc-list .desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:4px 0 0;
padding:0;
display:block;
border:none;
}
.card-container .card-desc-list .desc-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .card-desc-list .desc-notes .aster > span{
margin-right:.4em;
}
.card-container .card-desc-kv-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
font-size:14px;
gap:6px 0;
margin-top:12px;
}
.card-container .card-desc-kv-list > li{
display:-ms-grid;
display:grid;
-ms-grid-column-span:2;
grid-column:span 2;

/* for safari15 fail-safe */
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
-ms-grid-columns:subgrid;
grid-template-columns:subgrid;
gap:0 12px;
}
.card-container .card-desc-kv-list .key{
min-width:90px;
position:relative;
}
.card-container .card-desc-kv-list .key::after{
position:absolute;
content:":";
display:block;
right:-6px;
top:-1px;
}
.card-container .card-desc-item + .card-desc-item{
margin-top:16px;
}
.card-container .card-desc-item > :first-child{
margin-top:0;
}
.card-container .card-hdg-01{
margin-bottom:8px;
font-size:14px;
font-weight:bold;
}
.card-container .card-hdg-02{
font-size:14px;
margin-top:16px;
margin-bottom:4px;
font-weight:bold;
}
.card-container .card-hdg-02 + .select-list-container{
border-top:1px solid #e5e5e5;
}
.card-container .card-hdg-02 + .airline-info-list{
margin-top:0;
}
.card-container .card-hdg-03{
margin-top:12px;
margin-bottom:4px;
font-size:14px;
font-weight:normal;
}
.card-container .card-hdg-03::before{
content:"\30FB";
display:inline;
}
.card-container .card-hdg-04{
margin:12px 0 4px 1em;
font-weight:normal;
text-indent:-1em;
}
.card-container .card-hdg-04::before{
content:"\30FB";
}
.card-container .card-hdg-04 + p{
margin-top:4px;
}
.card-container .card-hdg-05{
display:inline-block;
font-size:14px;
background-color:#0c00;
}
.card-container .card-hdg-06{
margin-top:20px;
font-size:14px;
font-weight:normal;
}
.card-container .card-hdg-06 + .flight-info-list-02{
margin-top:4px;
}
.card-container .card-hdg-07{
margin:8px 0;
padding:3px 8px;
font-weight:normal;
background-color:#f5f5f5;
font-weight:normal;
font-size:14px;
}
.card-container .card-list-inline >li{
display:inline-block;
position:relative;
margin-right:40px;
padding-left:14px;
font-size:14px;
}
.card-container .card-list-inline >li::before{
position:absolute;
top:0;
left:0;
content:"・";
display:inline-block;
}
.card-container .card-list-inline >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline >li a:link,
.card-container .card-list-inline >li a:visited,
.card-container .card-list-inline >li a:hover,
.card-container .card-list-inline >li a:active{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-02{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin-top:-12px;
}
.card-container .card-list-inline-02 >li{
width:calc((100% / 6) - 20px);
margin-right:20px;
font-size:12px;
margin-top:12px;
}
.card-container .card-list-inline-02 >li a{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-02 >li a:link,
.card-container .card-list-inline-02 >li a:visited,
.card-container .card-list-inline-02 >li a:hover,
.card-container .card-list-inline-02 >li a:active{
color:var(--cmn-font-color-link);
}
.card-container .card-list-inline-03{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
margin:8px 0 0 0;
}
.card-container .card-list-inline-03 >li{
margin-right:20px;
font-size:14px;
margin-top:4px;
}
.card-container .card-list-inline-03 >li a{
color:var(--cmn-font-color-link);
}

/* access-list
---------------------------------- */
.card-container .access-list > li{
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;
border:1px solid #ddd;
border-radius:4px;
padding:12px 20px;
}
.card-container .access-list > li:not(:first-child){
margin-top:8px;
}
.card-container .access-list > li .access-header-hdg{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:22px;
font-size:16px;
font-weight:bold;
height:17px;
line-height:1;
padding-top:2px;
width:95px;
}
.card-container .access-list > li .access-header-hdg.is-airplane{
background-image:url(/element/shared/images/icon/icon-plane.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:17px 17px;
}
.card-container .access-list > li .access-header-hdg.is-bus{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:17px 17px;
}
.card-container .access-list > li .access-price{
font-size:12px;
}
.card-container .access-list > li .access-price .access-price-num{
font-size:20px;
}
.card-container .access-list > li .access-price .access-price-num b{
font-weight:bold;
}
.card-container .access-list > li .access-desc{
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;
}
.card-container .access-list > li .access-desc-list{
margin:0;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .access-list > li .access-desc-list li{
font-size:14px;
}
.card-container .access-list > li .access-desc-list li:not(:first-child){
margin-top:4px;
}
.card-container .access-list > li .access-desc-list .access-desc-list-sup{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ddd;
margin-right:8px;
font-size:14px;
width:30px;
height:23px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .access-list > li .access-price-action{
width:156px;
margin-left:12px;
}
.card-container .access-list > li .access-price-action button{
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;
width:156px;
height:37px;
padding:0;
margin:0;
padding:5px;
border-radius:4px;
color:#fff;
background-color:#72ba00;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:16px;
}

/* access-list-02
---------------------------------- */
.card-container .access-list-02{
margin-top:-4px;
}
.card-container .access-list-02 > li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
border-bottom:1px solid #ddd;
padding:8px 20px 8px 0;
}
.card-container .access-list-02 > li:first-child:last-child{
border-bottom:none;
}
.card-container .access-list-02 > li > div:first-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 16px;
}
.card-container .access-list-02 > li::after{
display:block;
position:absolute;
top:50%;
margin-top:-7px;
right:0;
width:9px;
height:14px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.card-container .access-list-02 > li .access-header-hdg{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
padding-left:22px;
font-size:14px;
height:15px;
line-height:1;
}
.card-container .access-list-02 > li .access-header-hdg.is-bus{
background-image:url(/element/shared/images/icon/icon-train.svg);
background-position:4px 0;
background-repeat:no-repeat;
background-size:12px 15px;
}
.card-container .access-list-02 > li .access-header-desc{
font-size:14px;
width:150px;
text-align:right;
}
.card-container .access-list-02 > li .access-header-desc p{
margin:0;
}
.card-container .access-list-02 > li .access-header-desc a{
color:var(--cmn-font-color-base);
}
.card-container .access-list-02 > li .access-price{
font-size:14px;
line-height:1;
font-family:var(--font-num);
}
.card-container .access-list-02 > li .access-desc-list{
margin:0 0 -4px 0;
}
.card-container .access-list-02 > li .access-desc-list li{
margin-bottom:4px;
}
.card-container .access-list-02 > li .access-desc-list li > span:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
word-break:break-all;
word-wrap:break-word;
line-height:1.3;
padding-top:3px;
}
.card-container .access-list-02 > li .access-desc-list .access-desc-list-sup{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #bbb;
margin-right:8px;
font-size:12px;
width:24px;
height:19px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top:2px;
}

/* flight-info-list
---------------------------------- */
.card-container .flight-info-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
border-bottom:1px solid #ddd;
}
.card-container .flight-info-list th,
.card-container .flight-info-list td{
padding:6px 12px;
border-top:1px solid #ddd;
font-size:14px;
}
.card-container .flight-info-list th{
background-color:#f7f7f7;
text-align:left;
font-weight:normal;
width:125px;
}

/* flight-info-list-02
---------------------------------- */
.card-container .flight-info-list-02{
width:100%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.card-container .flight-info-list-02 >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
border-top:1px solid #ddd;
}
.card-container .flight-info-list-02 >li >div{
padding:6px 12px;
font-size:14px;
display:-ms-grid;
display:grid;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .flight-info-list-02 >li >div:nth-child(2n+1){
background-color:#f7f7f7;
width:125px;
}
.card-container .flight-info-list-02 >li >div:nth-child(2):not(:last-child){
width:279px;
}
.card-container .flight-info-list-02 >li >div:nth-child(2):last-child{
width:779px;
}

/* airline-info-list
---------------------------------- */
.card-container .airline-info-list{
margin-top:8px;
width:100%;
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.card-container .airline-info-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:100%;
border-top:1px solid #ddd;
}
.card-container .airline-info-list >li a{
text-decoration:none;
}
.card-container .airline-info-list >li >div{
padding:6px 12px;
font-size:14px;
display:-ms-grid;
display:grid;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .airline-info-list >li >div:nth-child(2n+1){
background-color:#f7f7f7;
width:125px;
}
.card-container .airline-info-list >li >div:nth-child(2){
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .airline-info-list + p{
margin-top:8px;
}
.card-container .airline-info-list .desc-list >li{
margin-top:4px;
}
.card-container .airline-info-list .desc-list + .desc-sup{
margin-top:8px;
}
.card-container .airline-info-list .desc-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:4px 0 0;
padding:0;
display:block;
border:none;
}
.card-container .airline-info-list .desc-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.card-container .airline-info-list .desc-notes .aster > span{
margin-right:.4em;
}
.card-container .airline-info-list .desc-notes + .desc-sup{
margin-top:8px;
}

/* airport-info-list
---------------------------------- */
.card-container .airport-info-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
border-bottom:1px solid #ddd;
}
.card-container .airport-info-list th,
.card-container .airport-info-list td{
padding:2px 12px;
border-top:1px solid #ddd;
font-size:14px;
}
.card-container .airport-info-list th:first-child,.card-container .airport-info-list td:first-child{
border-right:1px solid #ddd;
}
.card-container .airport-info-list th{
border-right:1px solid #ddd;
text-align:left;
font-weight:normal;
}
.card-container .airport-info-list thead th{
padding:8px 12px;
background-color:#f7f7f7;
}
.card-container .airport-info-list thead th:first-child{
width:127px;
}

/* airport-info-list-02
---------------------------------- */
.card-container .airport-info-list-02{
width:100%;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .airport-info-list-02 + p{
margin-top:8px;
}
.card-container .airport-info-list-02 >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #ddd;
width:100%;
}
.card-container .airport-info-list-02 >li > div{
padding:3px 12px;
font-size:14px;
}
.card-container .airport-info-list-02 >li > div:first-child{
width:137px;
}
.card-container .airport-info-list-02 >li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-left:1px solid #ddd;
}
.card-container .airport-info-list-02 .theader{
border-bottom:none;
}
.card-container .airport-info-list-02 .theader div{
padding:8px 12px;
background-color:#f7f7f7;
}

/* airport-info-list-02
---------------------------------- */
.card-container .airline-info-list-02{
width:100%;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
margin-top:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .airline-info-list-02 >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #ddd;
width:100%;
}
.card-container .airline-info-list-02 >li > div{
padding:3px 12px;
font-size:14px;
}
.card-container .airline-info-list-02 >li > div:first-child{
width:137px;
}
.card-container .airline-info-list-02 >li > div:last-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
border-left:1px solid #ddd;
}
.card-container .airline-info-list-02 .theader{
border-bottom:none;
}
.card-container .airline-info-list-02 .theader div{
padding:8px 12px;
background-color:#f7f7f7;
}

/* airline-info-list-notes
---------------------------------- */
.airline-info-list-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:6px 0 0;
padding:0;
display:inline-block;
border:none;
}
.airline-info-list-notes .aster{
text-indent:-1.4em;
margin:0 0 0 1.4em;
}
.airline-info-list-notes .aster > span{
margin-right:.4em;
}

/* local-info-list
---------------------------------- */
.card-container .local-info-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.card-container .local-info-list li{
width:330px;
position:relative;
padding-left:174px;
height:120px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin-top:20px;
padding-bottom:20px;
}
.card-container .local-info-list li > div a{
display:block;
text-decoration:none;
color:var(--font-color-base-secondary);
}
.card-container .local-info-list li > div a h3,
.card-container .local-info-list li > div a b{
font-size:12px;
}
.card-container .local-info-list li > div a span{
display:block;
font-size:12px;
}
.card-container .local-info-list li > div a img{
position:absolute;
left:0;
top:0;
width:160px;
height:auto;
}
.card-container .local-info-list li .listLink{
display:none;
text-decoration:none;
position:absolute;
bottom:0;
right:0;
color:#666;
font-size:12px;
text-align:right;
}

/* card-lowprice
---------------------------------- */
.card-container .card-lowprice .card-footer{
/* margin-left:67px; */
}

/* lowprice-list
---------------------------------- */
.card-container .lowprice-list{
width:100%;
border-collapse:collapse;
table-layout:fixed;
border-spacing:0;
}
.card-container .lowprice-list .lowprice-header th{
text-align:center;
width:auto;
}
.card-container .lowprice-list .lowprice-header th:first-child{
width:60px;
text-align:left;
}
.card-container .lowprice-list .lowprice-header th:nth-child(2){
padding-left:8px;
}
.card-container .lowprice-list .lowprice-header th:nth-child(3){
padding-left:16px;
}
.card-container .lowprice-list tr:not(:first-child) th,
.card-container .lowprice-list tr:not(:first-child) td{
padding-top:8px;
}
.card-container .lowprice-list tr:not(:first-child) th{
width:60px;
text-align:left;
}
.card-container .lowprice-list tr:not(:first-child) td:nth-child(2){
padding-left:8px;
}
.card-container .lowprice-list tr:not(:first-child) td:nth-child(3){
padding-left:16px;
}
.card-container .lowprice-list th,
.card-container .lowprice-list td{
font-weight:normal;
font-size:14px;
padding:0;
}
.card-container .lowprice-list .arrow::before,
.card-container .lowprice-list .arrow::after{
content:" ";
display:inline;
}
.card-container .lowprice-list a{
height:100%;
padding:7px 8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ddd;
border-radius:4px;
min-height:37px;
color:#666;
-webkit-box-sizing:border-box;
box-sizing:border-box;
text-decoration:none;
}
.card-container .lowprice-list a .price{
color:var(--cmn-font-color-link);
text-align:right;
white-space:nowrap;
margin-left:4px;
margin-right:12px;
}
.card-container .lowprice-list a .date{
color:var(--font-color-base-secondary);
}

/* lowprice-airline-list
---------------------------------- */
.card-container .lowprice-airline-list{
width:100%;
margin:0;
border-left:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
border-top:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .no-result-txt{
text-align:center;
font-size:14px;
margin:6px 0;
}
.card-container .lowprice-airline-list .thead{
background-color:#f7f7f7;
border-bottom:none;
}
.card-container .lowprice-airline-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
border-bottom:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list >li > div{
padding:6px 12px;
font-size:14px;
vertical-align:top;
text-align:left;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .lowprice-airline-list >li > div:first-child{
width:198px;
}
.card-container .lowprice-airline-list >li > div:last-child{
display:-webkit-box;
display:-ms-flexbox;
display:flex;

/* flex-direction: column; */
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .lowprice-airline-list >li > div:last-child:not(:first-child){
border-left:1px solid #e5e5e5;
}
.card-container .lowprice-airline-list .sup{
line-height:1;
margin-left:8px;
}
.card-container .lowprice-airline-list .route{
display:inline-block;
font-size:0;
margin:0 0 0 12px;
}
.card-container .lowprice-airline-list .route >li{
font-size:14px;
line-height:calc(16 / 12);
display:inline;
}
.card-container .lowprice-airline-list .route >li:first-child::after{
content:"\2015";
margin:0 3px;
line-height:1;
}
.card-container .lowprice-airline-list .flight{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-ms-grid;
display:grid;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
}
.card-container .lowprice-airline-list .flight-number{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .lowprice-airline-list .flight-number > span:first-child::after{
content:":";
margin:0 4px;
}
.card-container .lowprice-airline-list .flight-time{
margin:0;
line-height:calc(16 / 12);
}
.card-container .lowprice-airline-list .flight-time > li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:4px 24px 0 0;
vertical-align:top;
}
.card-container .lowprice-airline-list .flight-time > li > span:first-child{
white-space:nowrap;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-pic span{
-webkit-box-sizing:border-box;
box-sizing:border-box;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:174px;
height:43px;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
border:1px solid #ddd;
margin-right:8px;
}
.card-container .lowprice-airline-list .list-air-item .list-air-pic span img{
max-width:100%;
max-height:100%;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc{
padding-top:8px;
line-height:1.2;
font-size:14px;
display:block;
}
.card-container .lowprice-airline-list .list-air-item .list-air-desc > span{
display:block;
margin-top:4px;
}

/* airport-info
---------------------------------- */
.card-container .airport-info + .airport-info{
margin-top:20px;
}
.card-container .airport-info .airport-info-hdg{
margin-bottom:4px;
font-size:14px;
font-weight:bold;
}
.card-container .airport-info .airport-info-desc{
font-size:14px;
margin-bottom:12px;
}

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

/* mod-04
---------------------------------- */
.card-container .mod-04{
padding:0;
border:none;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list){
position:relative;
margin-left:-12px;
overflow:hidden;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list)::after{
content:"";
height:100%;
width:2px;
background-color:#fff;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li{
border-right:none;
margin:3px 0 4px -1px;
font-size:12px;
display:inline-block;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li:last-child{
border-right:none;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a{
padding:0 12px;
border-left:1px solid #ddd;
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a:link,
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a:visited,
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a:hover,
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a:active{
color:var(--font-color-base-secondary);
}
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a .arrow::before,
.card-container .mod-04 >ul:not(.list-airlines):not(.lowprice-airline-list) li a .arrow::after{
content:" ";
display:inline;
}
.card-container .mod-04 .list-airlines{
margin:0 0 -16px -8px;
}
.card-container .mod-04 .list-airlines.branch .name{
font-weight:bold;
margin-top:8px;
}
.card-container .mod-04 .list-airlines.branch .airline-list-desc{
display:block;
}
.card-container .mod-04 .list-airlines.branch li{
margin-bottom:16px;
}
.card-container .mod-04 .list-airlines li{
width:calc((100% / 5) - 8px) ;
margin:0 0 16px 8px;
}
.card-container .mod-04 .list-airlines a{
text-decoration:none;
color:var(--font-color-base-secondary);
}
.card-container .mod-04 .list-airlines .logo{
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:177px;
height:44px;
background-color:#fff;
}
.card-container .mod-04 .list-airlines .logo img{
max-width:166px;
max-height:42px;
}
.card-container .mod-04 .list-airlines .name{
display:block;
padding:0;
margin-top:4px;
margin-left:0;
text-indent:0;
width:168px;
word-break:break-all;
font-size:12px;
line-height:1.3;
text-decoration:none;
}
.card-container .mod-04 .list-airlines .name::before{
display:none;
}
.card-container .mod-04 .list-airlines .desc{
text-decoration:none;
}
.card-container .mod-04:not(.mod-04-inline) .mod-04-tabs{
margin-top:0;
}

/* toggle-text for all visible
---------------------------------- */
.card-container .toggle-text .toggle-text-intro{
display:none;
}
.card-container .toggle-text .toggle-text-btn,
.card-container .toggle-text .toggle-text-full{
display:block;
}
.card-container .toggle-text .toggle-text-intro-more{
padding:0;
color:#a4a4a4;
display:inline-block;
}
.card-container .toggle-text .toggle-text-intro-more::before{
margin:0 3px;
content:"...";
color:var(--cmn-font-color-base);
display:inline-block;
vertical-align:bottom;
}
.card-container .toggle-text .toggle-text-btn{
margin:8px 0 0 auto;
padding:0 0 0 16px;
border:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
background:0 0;
font-size:12px;
}
.card-container .toggle-text .toggle-text-btn::before{
content:"";
display:block;
width:11px;
height:7px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
opacity:.6;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}
.card-container .toggle-text.is-active .toggle-text-intro{
display:none;
}
.card-container .toggle-text.is-active .toggle-text-btn{
display:none;
}
.card-container .toggle-text.is-active .toggle-text-full{
display:block;
}

/* .cmn-carousel-seo for local design
----------------------------------------------- */
.card-container .cmn-carousel-seo{
margin:28px 0 0 0;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-hdg{
font-size:18px;
font-weight:bold;
margin-bottom:8px;
font-size:16px;
border-top:none;
padding-top:0;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-inner{
padding:0;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav li{
z-index:100;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav button{
background:none;
position:absolute;
margin-top:-16px;
top:50%;
z-index:1;
width:32px;
height:0;
padding-top:30px;
overflow:hidden;
line-height:2;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:50%;
border:1px solid #bbbbbb;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav button::before{
width:7px;
height:12px;
margin-top:-6px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) top left no-repeat;
background-size:7px 12px;
content:"";
display:block;
position:absolute;
top:50%;
right:10px;
border:none;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav button[disabled]{
display:none;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .swiper-button-disabled button{
display:none;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-next,
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-prev{
height:32px;
width:32px;
top:50%;
margin-top:-16px;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-next{
right:-14px;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-next button::before{
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-prev{
left:-14px;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-nav .cmn-carousel-seo-nav-prev button::before{
right:12px;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li{
height:auto;
margin:0;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li:not(:last-child){
margin-right:0;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a{
margin:3px;
overflow:hidden;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
color:var(--cmn-font-color-base);
border-radius:6px;
-webkit-box-shadow:0px 0px 4px rgb(0 0 0 / 30%);
box-shadow:0px 0px 4px rgb(0 0 0 / 30%);
background-color:#fff;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:link,
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:visited,
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:hover,
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list > li >a:active{
text-decoration:none;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb{
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;
position:relative;
width:100%;
height:121px;
background:no-repeat center center / cover;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb img{
max-width:none;
max-height:none;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb::before{
content:"";
display:block;
padding-top:121px;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb .guard{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto{
-o-object-fit:contain;
object-fit:contain;
background-size:contain;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto::before{
display:none;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-thumb.is-nophoto img{
max-width:100%;
max-height:100%;
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-wording{
padding:0px 8px;
font-size:12px;
color:var(--cmn-font-color-base);
}
.card-container .cmn-carousel-seo .cmn-carousel-seo-item-list-sup{
padding:8px;
font-size:12px;
color:#666;
}

/* grand-tab-container
---------------------------------- */
.card-container .grand-tab-container{
position:relative;
background-color:#d5d5d5;
margin:0;
padding:16px 8px 16px;
}
.card-container .grand-tab-container.is-static{
padding-top:1px;
padding-bottom:0;
background-color:#f5f5f5;
}
.card-container .grand-tab-container.is-static .grand-tab-nav-container{
display:none;
}
.card-container .grand-tab-container.is-static .grand-tab-content{
display:block;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-trigger{
display:none;
}
.card-container .grand-tab-container.is-static .area-tgl-container .area-tgl-item{
display:block;
}
.card-container .grand-tab-container .grand-tab-nav-container{
margin:0 -8px 0;
position:relative;
}
.card-container .grand-tab-container .grand-tab-nav-container::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(#d5d5d5));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #d5d5d5 100%);
}
.card-container .grand-tab-container .grand-tab-nav-container.is-end::after{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:first-child{
padding-left:8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li:last-child{
padding-right:8px;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:2px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .grand-tab-container .grand-tab-nav-container .grand-tab-nav .grand-tab-nav-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:25px;
background:none;
border:none;
padding:0 0 6px;
margin:0;
position:relative;
font-size:16px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .grand-tab-container .grand-tab-content{
display:none;
position:relative;
}
.card-container .grand-tab-container .grand-tab-content.is-active{
display:block;
}

/* area-tab-container
---------------------------------- */
.card-container .area-tab-container{
position:relative;
margin:0;
}
.card-container .area-tab-container.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container .card-content{
margin-top:28px;
}
.card-container .area-tab-container .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container .area-tab-header{
margin-bottom:16px;
}
.card-container .area-tab-container .area-tab-nav-container{
margin:0 -20px 16px;
position:relative;
border-bottom:1px solid #dddddd;
}
.card-container .area-tab-container .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0 10px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:first-child{
padding-left:20px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li:last-child{
padding-right:20px;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container .area-tab-nav-container .area-tab-nav .area-tab-nav-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:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .area-tab-container .area-tab-content{
display:none;
}
.card-container .area-tab-container .area-tab-content.is-active{
display:block;
}
.card-container .area-tab-container .area-tab-loading{
min-height:500px;
}
.card-container .area-tab-container .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* area-tab-container-02
---------------------------------- */
.card-container .area-tab-container-02{
position:relative;
margin:0;
}
.card-container .area-tab-container-02.is-static .area-tab-nav-container{
display:none;
}
.card-container .area-tab-container-02.is-static .area-tab-content{
display:block;
}
.card-container .area-tab-container-02 .card-content{
margin-top:28px;
}
.card-container .area-tab-container-02 .card-content .card-item{
padding:0;
-webkit-box-shadow:none;
box-shadow:none;
border-radius:0;
}
.card-container .area-tab-container-02 .area-tab-header{
margin-bottom:16px;
}
.card-container .area-tab-container-02 .area-tab-nav-container{
margin:12px 0 0 0;
position:relative;
padding-bottom:12px;
border-bottom:1px solid #ddd;
}
.card-container .area-tab-container-02 .area-tab-nav-container.is-end::after{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav{
overflow:hidden;
overflow-x:auto;
scrollbar-width:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
margin:0;
gap:0 24px;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0;
padding:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a{
pointer-events:none;
font-weight:bold;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-list li.is-active a::after{
content:"";
display:block;
width:100%;
height:3px;
background-color:#444;
position:absolute;
bottom:0;
left:0;
}
.card-container .area-tab-container-02 .area-tab-nav-container .area-tab-nav .area-tab-nav-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:25px;
background:none;
border:none;
padding:0 0 7px;
margin:0;
position:relative;
font-size:14px;
line-height:1.2;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .area-tab-container-02 .area-tab-content{
display:none;
}
.card-container .area-tab-container-02 .area-tab-content.is-active{
display:block;
}
.card-container .area-tab-container-02 .area-tab-loading{
min-height:500px;
}
.card-container .area-tab-container-02 .area-tab-loading .cmn-loading-spinner{
margin-top:20px;
}

/* child-tab-container
---------------------------------- */
.card-container .child-tab-container.is-static .child-tab-nav-list{
display:none;
}
.card-container .child-tab-container.is-static .child-tab-content{
display:block;
}
.card-container .child-tab-container .child-tab-nav-container{
position:relative;
margin:0 -12px;
}
.card-container .child-tab-container .child-tab-nav-container::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(#ffffff));
background:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.card-container .child-tab-container .child-tab-nav-container.is-end::after{
display:none;
}
.card-container .child-tab-container .child-tab-nav{
overflow:hidden;
overflow-x:scroll;
}
.card-container .child-tab-container .child-tab-nav::-webkit-scrollbar{
display:none;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
white-space:nowrap;
gap:0 4px;
margin:0 0 8px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li:first-child{
padding-left:12px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li:last-child{
padding-right:12px;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-list li.is-active a{
cursor:default;
pointer-events:none;
border:1px solid #222;
}
.card-container .child-tab-container .child-tab-nav .child-tab-nav-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;
border-radius:50px;
font-size:12px;
padding:0 12px;
height:30px;
color:var(--cmn-font-color-base);
border:1px solid #cccccc;
}
.card-container .child-tab-container .child-tab-content{
display:none;
}
.card-container .child-tab-container .child-tab-content.is-active{
display:block;
}

/* card-nav-container
---------------------------------- */
.card-container .card-nav-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
margin-bottom:12px;
}
.card-container .card-nav-container .card-nav-list{
margin-bottom:0;
}
.card-container .card-nav-container .cal-define{
color:var(--cmn-font-color-gray);
font-size:12px;
}
.card-container .card-nav-container .cal-define .cal-define-zoom::before{
display:inline-block;
width:10px;
height:11px;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}

/* card-nav-list
---------------------------------- */
.card-container .card-nav-list{
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
margin:0 0 12px;
gap:0 16px;
font-size:14px;
}
.card-container .card-nav-list + .card-nav-list{
margin-left:32px;
}
.card-container .card-nav-list .checkbox-custom,
.card-container .card-nav-list .radio-custom{
font-size:14px;
}
.card-container .card-nav-list .checkbox-custom input,.card-container .card-nav-list .radio-custom input{
position:relative;
top:1px;
}
.card-container .card-nav-list .checkbox-custom .custom-inner,.card-container .card-nav-list .radio-custom .custom-inner{
margin-left:4px;
line-height:1;
}

/* area-tgl
---------------------------------- */
.card-container .area-tgl .area-tgl-container{
border-top:1px solid #e5e5e5;
}
.card-container .area-tgl .area-tgl-container:first-child{
border-top:none;
}
.card-container .area-tgl .area-tgl-container.is-active{
border-bottom:none;
}
.card-container .area-tgl .area-tgl-container.is-active .area-tgl-item{
display:block;
}
.card-container .area-tgl .area-tgl-container.is-active .area-tgl-trigger{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.card-container .area-tgl .area-tgl-container .area-tgl-item{
display:none;
padding-bottom:16px;
}
.card-container .area-tgl .area-tgl-container .area-tgl-item > :first-child{
margin-top:0;
}
.card-container .area-tgl .area-tgl-container .area-tgl-header{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
min-height:42px;
padding:4px 16px 4px 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .area-tgl .area-tgl-container .area-tgl-header .area-tgl-hdg{
font-size:14px;
font-weight:normal;
}
.card-container .area-tgl .area-tgl-container .area-tgl-trigger{
position:absolute;
top:0;
left:0;
display:block;
background:none;
width:100%;
height:100%;
text-indent:-9999px;
overflow:hidden;
border:none;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:calc(100% - 4px) center;
background-repeat:no-repeat;
background-size:16px auto;
margin:0;
padding:0;
}

/* desc-tgl
---------------------------------- */
.card-container .desc-tgl-02 .desc-tgl-container + .desc-tgl-container{
margin-top:16px;
}
.card-container .desc-tgl-02 .desc-tgl-container > .card-hdg-02{
margin-top:0;
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active{
border-bottom:none;
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active .desc-tgl-header{
display:none;
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active .desc-tgl-item{
display:block;
height:auto;
overflow:visible;
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active .desc-tgl-footer{
text-align:right;
margin-top:8px;
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active .desc-tgl-footer .desc-tgl-trigger{
color:var(--cmn-font-color-base);
}
.card-container .desc-tgl-02 .desc-tgl-container.is-active .desc-tgl-footer .desc-tgl-trigger::before{
display:inline-block;
position:relative;
top:7px;
left:0px;
margin-right:4px;
width:8px;
height:5px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
vertical-align:top;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-item{
display:block;
font-size:14px;

/* height: 3.2em; */
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-item > :first-child{
margin-top:0;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-item .card-hdg-02{
font-weight:normal;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-item p + p{
margin-top:12px;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-footer{
text-align:right;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-footer .desc-tgl-trigger{
display:inline-block;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:#a4a4a4;

/* &::before{
          display: inline-block;
          position: relative;
          top: 7px;
          left: 0px;
          margin-right: 4px;
          width: 8px;
          height: 5px;
          background-image: url(/element/shared/images/icon/icon-chevron-down.svg);
          background-position: 0 center;
          background-repeat: no-repeat;
          background-size: 100%;
          content: "";
          vertical-align: top;
        } */
/* &::before{
          content:"...";
          display:inline-block;
          margin-right:4px;
          color:var(--cmn-font-color-base);
        } */
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-header{
display:none;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-header > :first-child{
margin-top:0;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-header .desc-tgl-trigger{
display:inline;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:#a4a4a4;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-header .desc-tgl-trigger::before{
content:"...";
display:inline;
color:var(--cmn-font-color-base);
margin-right:4px;
}
.card-container .desc-tgl-02 .desc-tgl-container .desc-tgl-overflow{
display:inline;
}

/* desc-tgl
---------------------------------- */
.card-container .desc-tgl .desc-tgl-container.is-active{
border-bottom:none;
}
.card-container .desc-tgl .desc-tgl-container.is-active .desc-tgl-item{
display:block;
}
.card-container .desc-tgl .desc-tgl-container.is-active .desc-tgl-header{
display:none;
}
.card-container .desc-tgl .desc-tgl-container + .desc-tgl-container{
margin-top:16px;
}
.card-container .desc-tgl .desc-tgl-container .card-hdg-02{
margin-top:0;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item{
display:none;
font-size:14px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item > :first-child{
margin-top:0;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-item p + p{
margin-top:12px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header{
display:block;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header > :first-child{
margin-top:0;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header .desc-tgl-trigger{
display:inline;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:#a4a4a4;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-header .desc-tgl-trigger::before{
content:"...";
display:inline;
color:var(--cmn-font-color-base);
margin-right:4px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer{
text-align:right;
margin-top:8px;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer .desc-tgl-trigger{
display:inline-block;
margin:0;
padding:0;
border:0;
background:none;
font-size:14px;
color:var(--cmn-font-color-base);
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-footer .desc-tgl-trigger::before{
display:inline-block;
position:relative;
top:7px;
left:0px;
margin-right:4px;
width:8px;
height:5px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:100%;
content:"";
vertical-align:top;
}
.card-container .desc-tgl .desc-tgl-container .desc-tgl-overflow{
display:inline;
}

/* select-list-container
---------------------------------- */
.card-container .select-list-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
gap:0 36px;
}
.card-container .select-list-container + .card-hdg-02{
padding-top:24px;
margin-top:0;
border-top:1px solid #e5e5e5;
}
.card-container .select-list-container > div{
/* width: calc(100% / 2 - 18px); */
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .select-list-container > div > .select-list{
border-top:none;
}
.card-container .select-list-container > div .select-list > li:last-child{
border-bottom:none;
}

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

/* select-list-child
---------------------------------- */
.card-container ._select-list-child{
padding-bottom:8px;

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

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

/* daily-container
---------------------------------- */
.card-container .daily-container{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
gap:0 36px;
margin-top:20px;
}
.card-container .daily-container .card-hdg-06{
width:100%;
margin-top:0;
}
.card-container .daily-container > div{
width:calc(100% / 2 - 18px);
}

/* daily-list
---------------------------------- */
.card-container .daily-list{
margin:-8px 0 0 0;
background-color:#fff;
}
.card-container .daily-list >li{
border-bottom:1px solid #e5e5e5;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:8px 20px 8px 0;
font-size:12px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .daily-list >li:first-child:last-child{
border-bottom:none;
}
.card-container .daily-list >li::after{
display:block;
position:absolute;
top:50%;
margin-top:-4px;
right:0;
width:9px;
height:14px;
background:url(/element/shared/images/icon/icon-chevron-left.svg) 0 0 no-repeat;
background-size:9px 14px;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
content:"";
}
.card-container .daily-list >li > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .daily-list >li > div:last-child{
width:140px;
text-align:right;
}
.card-container .daily-list >li a{
color:var(--cmn-font-color-base);
}
.card-container .daily-list .airline{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .daily-list .airline > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-decoration:none;
}
.card-container .daily-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .daily-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .daily-list .airline .airline-sup{
margin-top:2px;
font-size:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .daily-list .airline .airline-sup a{
color:var(--cmn-font-color-base);
}
.card-container .daily-list .airline .airline-sup a:link,
.card-container .daily-list .airline .airline-sup a:visited,
.card-container .daily-list .airline .airline-sup a:hover,
.card-container .daily-list .airline .airline-sup a:active{
text-decoration:none;
}
.card-container .daily-list .sup{
display:block;
margin-top:8px;
}
.card-container .daily-list .date{
display:block;
font-size:14px;
}
.card-container .daily-list .price{
font-size:14px;
display:block;
}
.card-container .daily-list .price >span{
margin-left:4px;
}

/* compare-list
---------------------------------- */
.card-container .compare-list{
margin:-8px 0 0 0;
background-color:#fff;
}
.card-container .compare-list >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:12px 24px 12px 0;
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .compare-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .compare-list >li::after{
display:block;
position:absolute;
top:50%;
margin-top:-6px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .compare-list .airline{
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;
}
.card-container .compare-list .airline > a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
text-decoration:none;
}
.card-container .compare-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:24px;
}
.card-container .compare-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .compare-list .airline .airline-sup{
margin-top:2px;
margin-right:16px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .compare-list .desc a{
color:var(--cmn-font-color-base);
text-decoration:none;
}
.card-container .compare-list .desc .date{
margin-right:16px;
}
.card-container .compare-list .desc .price >span{
margin-left:4px;
}

/* timetable-list
---------------------------------- */
.card-container .timetable-list{
margin:-8px 0 0 0;
background-color:#fff;
}
.card-container .timetable-list >li{
padding:8px 0px;
color:var(--cmn-font-color-base);
font-size:14px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .timetable-list >li:not(:first-child){
border-top:1px solid #e5e5e5;
}
.card-container .timetable-list >li .timetable-list-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
position:relative;
padding:0 20px 0 0;
color:var(--cmn-font-color-base);
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.card-container .timetable-list .airline{
width:42px;
margin-right:28px;
}
.card-container .timetable-list .airline .airline-logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
width:42px;
height:22px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border:solid 1px #d8d8d8;
background-color:#fff;
margin-right:4px;
}
.card-container .timetable-list .airline .airline-logo img{
max-height:100%;
max-width:100%;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .timetable-list .route{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;

}
.card-container .timetable-list .route .route-list{
margin:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 16px;
}
.card-container .timetable-list .route .route-list >div{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .timetable-list .route .route-list .area{
text-align:center;
line-height:1.2;
}
.card-container .timetable-list .route .route-list .time{
text-align:center;
line-height:1.2;
}
.card-container .timetable-list .route .route-list .route-oneway{
width:12px;
height:7px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-route.svg) 0 0 no-repeat;
background-size:12px;
text-indent:-9999px;
overflow:hidden;
}
.card-container .timetable-list .desc > a{
display:block;
color:var(--cmn-font-color-base);
text-decoration:none;
}
.card-container .timetable-list .desc > a::after{
display:block;
position:absolute;
top:50%;
margin-top:-8px;
right:0;
width:9px;
height:14px;
background:url(/element_sp/j_air_on/shared/images/icon-arrow-next.svg) 0 0 no-repeat;
background-size:9px 14px;
content:"";
}
.card-container .timetable-list .desc .desc-sup{
font-size:14px;
}
/* font-size:12px; */
.card-container .timetable-list .desc .price .price-num{
font-size:14px;
}

/* summary-item
---------------------------------- */
.card-container .summary-item{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
gap:8px 12px;
}
.card-container .summary-item .card-hdg-04{
margin-top:0;
margin-bottom:0;
}
.card-container .summary-item .card-hdg-04 + p{
margin-top:0;
}
.card-container .summary-item .summary-item-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
gap:8px 12px;
}
.card-container .summary-item .summary-item-list >li{
display:contents;
}
.card-container .summary-item .summary-item-list >li .sup{
position:relative;
padding-left:1em;
}
.card-container .summary-item .summary-item-list >li .sup::after{
content:"・";
display:block;
position:absolute;
left:0;
top:0;
}
.card-container .summary-item .summary-item-list >li .sup a{
text-decoration:none;
}
.card-container .summary-item .summary-item-list >li .desc{
white-space:nowrap;
}

/* list-tgl-container
---------------------------------- */
.card-container .list-tgl-contaner .airport-info-list-02{
margin-top:0;
}
.card-container .list-tgl-contaner.is-active .list-tgl-item{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .list-tgl-contaner.is-active .list-tgl-trigger span::before{
top:-3px;
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.card-container .list-tgl-contaner .list-tgl-item{
display:none;
}
.card-container .list-tgl-contaner .list-tgl-trigger{
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:12px 0 12px;
margin:0 0 -12px;
width:100%;
font-size:14px;
color:var(--cmn-font-color-base);
}
.card-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;
}

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

/* info-list
---------------------------------- */
.card-container .info-list >li{
position:relative;
height:auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.card-container .info-list >li a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.card-container .info-list >li .info-list-item{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
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:4px;
padding:0;
}
.card-container .info-list .info-list-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:110px;
border-radius:6px 6px 0 0;
overflow:hidden;
}
.card-container .info-list .info-list-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .info-list .info-list-pic.mod-noimg img{
width:100px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .info-list .info-list-desc{
padding:8px;
font-size:12px;
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .info-list .info-list-desc p{
margin:0;
}

/* appeal-list
---------------------------------- */
.card-container{
position:relative;
}
.card-container .appeal-word{
font-weight:bold;
font-size:16px;
text-align:center;
}
.card-container .appeal-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top:12px;
gap:0 20px;
}
.card-container .appeal-list > li{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
position:relative;
}
.card-container .appeal-list > li img{
vertical-align:top;
width:100%;
height:auto;
}
.card-container .appeal-link{
position:absolute;
top:20px;
right:20px;
font-size:14px;
text-decoration:none;
}

/* guide-flow-list
---------------------------------- */
.card-container .guide-flow-list{
display:-ms-grid;
display:grid;
-ms-grid-columns:(1fr)[5];
grid-template-columns:repeat(5 ,1fr);
gap:0 16px;
}
.card-container .guide-flow-list > li{
display:-ms-grid;
display:grid;
-ms-grid-row-span:2;
grid-row:span 2;
-ms-grid-rows:subgrid;
grid-template-rows:subgrid;
gap:8px 0;
}
.card-container .guide-flow-list .guide-flow-sup{
position:relative;
font-size:12px;
font-weight:bold;
padding-left:16px;
}
.card-container .guide-flow-list .guide-flow-sup .num{
position:absolute;
top:0;
left:0;
}
.card-container .guide-flow-list .guide-flow-pic button{
display:block;
background:none;
border:none;
padding:0;
margin:0;
}
.card-container .guide-flow-list .guide-flow-pic img{
vertical-align:top;
}

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

/* swiper-ranking-hotel
---------------------------------- */
.card-container .swiper-ranking-hotel{
margin:0;
}
.card-container .swiper-ranking-hotel >li{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
height:auto;
}
.card-container .swiper-ranking-hotel >li > div,
.card-container .swiper-ranking-hotel >li >a{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
border-radius:6px;
color:var(--cmn-font-color-base);
margin:4px;
-webkit-box-shadow:0 0 4px rgb(0 0 0 / 30%);
box-shadow:0 0 4px rgb(0 0 0 / 30%);
-webkit-box-sizing:border-box;
box-sizing:border-box;
position:relative;
overflow:hidden;
background-color:#fff;
}
.card-container .swiper-ranking-hotel .swiper-ranking-item a{
text-decoration:none;
color:var(--cmn-font-color-base);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:100%;
height:125px;
overflow:hidden;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic img{
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .guard{
position:absolute;
top:0;
left:0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic.mod-noimg{
border-right:1px solid #eee;
border-bottom:1px solid #eee;
background-color:#fcfcfc;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic.mod-noimg img{
width:89px;
height:auto;
-o-object-fit:contain;
object-fit:contain;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-rank{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
width:27px;
height:32px;
position:absolute;
top:0;
left:8px;
padding-top:7px;
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:27px 32px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size:16px;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap{
display:block;
width:100%;
position:absolute;
bottom:0;
left:0;
padding:0 5px 5px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap >span{
position:absolute;
bottom:5px;
left:5px;
font-size:11px;
color:rgba(255,255,255,.6);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap a{
color:rgba(255, 255, 255, .6);
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap a:hover{
text-decoration:none;
}
.card-container .swiper-ranking-hotel .swiper-ranking-pic .swiper-ranking-cap::before{
content:"";
display:block;
position:absolute;
height:30px;
width:100%;
bottom:0;
left:0;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .6)));
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}
.card-container .swiper-ranking-hotel .swiper-ranking-desc{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
padding:12px 12px 0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-hdg{
font-size:14px;
line-height:calc(21 / 16);
font-weight:normal;
color:var(--cmn-font-color-base);
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
height:36px;
line-height:1.3;
}
.card-container .swiper-ranking-hotel .swiper-ranking-hdg a{
color:var(--cmn-font-color-base);
}
.card-container .swiper-ranking-hotel .swiper-ranking-hdg a:link,
.card-container .swiper-ranking-hotel .swiper-ranking-hdg a:visited,
.card-container .swiper-ranking-hotel .swiper-ranking-hdg a:hover,
.card-container .swiper-ranking-hotel .swiper-ranking-hdg a:active{
text-decoration:none;
}
.card-container .swiper-ranking-hotel .swiper-ranking-text{
font-size:12px;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
margin-top:4px;
min-height:36px;
}
.card-container .swiper-ranking-hotel .swiper-ranking-text p{
margin:0;
}
.card-container .swiper-ranking-hotel .swiper-ranking-footer{
padding:8px 12px 8px;
}
.card-container .swiper-ranking-hotel .select-tags{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:1;
overflow:hidden;
margin-top:8px;
font-size:12px;
}
.card-container .swiper-ranking-hotel .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;
font-size:12px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.card-container .swiper-ranking-hotel .price .price-sup{
width:100%;
text-align:right;
}
.card-container .swiper-ranking-hotel .price .price-unit{
font-size:14px;
}
.card-container .swiper-ranking-hotel .price .price-dtl .price-num{
font-size:16px;
margin-left:6px;
}
.card-container .swiper-ranking-hotel .price .price-dtl .price-unit{
font-size:12px;
}

/* seo-cheapest-sup
---------------------------------- */
.card-container .seo-cheapest-sup{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
gap:12px;
}
.card-container .seo-cheapest-sup > div:first-child{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.card-container .seo-cheapest-sup .card-header-notes{
color:var(--cmn-font-color-gray);
}

/* seo-cheapest-data
---------------------------------- */
.card-container .seo-cheapest-data{
position:relative;
}
.card-container .seo-cheapest-data-nav > li{
position:absolute;
top:2px;
right:60px;
z-index:2;
}
.card-container .seo-cheapest-data-nav > li:last-child{
right:auto;
left:173px;
}
.card-container .seo-cheapest-data-nav button{
padding:0;
border:none;
color:rgba(0, 0, 0, 0);
width:32px;
height:32px;
overflow:hidden;
text-indent:-100px;
background:url(/element/j_air_on/shared/images/icon-carousel-nav-next.svg) 50% 50% no-repeat;
}
.card-container .seo-cheapest-data-nav > li:last-child button{
background-image:url(/element/j_air_on/shared/images/icon-carousel-nav-prev.svg);
}
.card-container .seo-cheapest-data-tbl-inner{
width:2440px;
}
.card-container .seo-cheapest-data-tbl{
margin-top:12px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
scrollbar-width:none;
}
.card-container .seo-cheapest-data-tbl::-webkit-scrollbar{
display:none;
}
.card-container .seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
}
.card-container .seo-cheapest-data-tbl caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-container .seo-cheapest-data-tbl colgroup col{
width:110px;
}
.card-container .seo-cheapest-data-tbl colgroup col:not(:first-child):nth-child(3n+1){
width:160px;
}
.card-container .seo-cheapest-data-tbl th,
.card-container .seo-cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
}
.card-container .seo-cheapest-data-tbl th:not(:first-child):nth-child(3n+1),.card-container .seo-cheapest-data-tbl td:not(:first-child):nth-child(3n+1){
padding-right:50px;
}
.card-container .seo-cheapest-data-tbl thead th:first-child,
.card-container .seo-cheapest-data-tbl tbody th:first-child{
position:sticky;
left:0;
top:0;
z-index:1;
width:160px;
text-align:left;
}
.card-container .seo-cheapest-data-tbl thead > tr:first-child th{
padding:8px 0;
background-color:#f5f5f5;
font-weight:bold;
}
.card-container .seo-cheapest-data-tbl thead > tr:first-child th:nth-child(n + 2){
padding-right:50px;
}
.card-container .seo-cheapest-data-tbl tbody th,
.card-container .seo-cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}
.card-container .seo-cheapest-data-tbl tbody tr:last-child th,
.card-container .seo-cheapest-data-tbl tbody tr:last-child td{
padding-bottom:0;
}
.card-container .seo-cheapest-data-tbl tbody td > span{
display:inline-block;
min-width:72px;
text-align:right;
}
.card-container .seo-cheapest-data-tbl.seo-cheapest-data-tbl-toggle table tr:nth-child(n + 11){
display:none;
}
.card-container .seo-cheapest-data-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn{
margin-top:12px;
margin-bottom:-4px;
position:relative;
}
.card-container .seo-cheapest-data-tbl.seo-cheapest-data-tbl-toggle .seo-cheapest-data-tbl-toggle-btn button{
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;
margin:0 0 0 auto;
padding:0 0 0 12px;
font-size:12px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-down.svg);
background-position:0 center;
background-repeat:no-repeat;
background-size:7px 5px;
color:var(--cmn-font-color-base);
}
.card-container .seo-cheapest-data-tbl.seo-cheapest-data-tbl-toggle.is-active .seo-cheapest-data-tbl-toggle-btn button{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-01-up.svg);
}
.card-container .seo-cheapest-data-tbl.seo-cheapest-data-tbl-toggle.is-active table tr:nth-child(n + 11){
display:table-row;
}

/* seo-cheapest-data
---------------------------------- */
.card-container .card-cheapest-02 .seo-cheapest-data{
position:relative;
margin-bottom:12px;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl{
margin-top:12px;
overflow:hidden;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl table{
margin:0;
padding:0;
border-collapse:collapse;
border-spacing:0;
position:relative;
width:100%;
border-bottom:1px solid #ddd;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl caption{
height:0;
overflow:hidden;
position:absolute;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl th,
.card-container .card-cheapest-02 .seo-cheapest-data-tbl td{
padding:8px 0;
background-color:#fff;
font-weight:normal;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl th:nth-child(2),.card-container .card-cheapest-02 .seo-cheapest-data-tbl td:nth-child(2){
width:180px;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl th:nth-child(3),.card-container .card-cheapest-02 .seo-cheapest-data-tbl td:nth-child(3){
width:300px;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl th:nth-child(4),.card-container .card-cheapest-02 .seo-cheapest-data-tbl td:nth-child(4){
width:180px;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl th:not(:first-child):nth-child(3n+1),.card-container .card-cheapest-02 .seo-cheapest-data-tbl td:not(:first-child):nth-child(3n+1){
padding-right:0;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl thead th:first-child,
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody th:first-child{
position:static;
width:260px;
text-align:left;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl thead > tr:first-child th{
padding:0 0 8px;
background-color:transparent;
font-weight:normal;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody th,
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody td{
border-top:1px solid #ddd;
text-align:center;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody tr:last-child th,
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody tr:last-child td{
padding-bottom:8px;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody td > span{
text-align:center;
}
.card-container .card-cheapest-02 .seo-cheapest-data-tbl tbody td > span > a{
display:inline-block;
min-width:72px;
text-align:right;
}

/* search-selector
---------------------------------- */
.card-container .search-selector{
position:relative;
width:146px;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-item{
display:block;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-btn-container .search-selector-tip{
display:block;
}
.card-container .search-selector[aria-expanded="true"] .search-selector-btn::after{
border-width:0 5px 6px 5px;
border-color:transparent transparent #666 transparent;
}
.card-container .search-selector .search-selector-header{
position:relative;
}
.card-container .search-selector .search-selector-header .search-selector-close{
position:absolute;
right:-36px;
top:-16px;
height:60px;
z-index:1;
}
.card-container .search-selector .search-selector-header .search-selector-close button{
margin:0;
padding:9px;
border:none;
background:none;
border-radius:50%;
}
.card-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/j_air_on/shared/images/icon-close-01.svg) top left no-repeat;
}
.card-container .search-selector .search-selector-header .search-selector-close button:hover{
background-color:#e9f3fb;
}
.card-container .search-selector .search-selector-item{
display:none;
position:absolute;
top:43px;
right:0;
}
.card-container .search-selector .search-selector-item .search-selector-item-inner{
position:relative;
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:20;
-webkit-box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
box-shadow:0px 0px 6px rgba(0, 0, 0, .3);
}
.card-container .search-selector .search-selector-label{
font-size:14px;
font-weight:bold;
line-height:calc(21/14);
}
.card-container .search-selector .search-selector-list{
font-size:14px;
margin:0 16px 0 0;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.card-container .search-selector .search-selector-list >li{
white-space:nowrap;
}
.card-container .search-selector .search-selector-list >li a{
display:block;
padding:5px 0 5px 20px;
color:var(--cmn-font-color-base);
font-size:12px;
display:block;
text-decoration:none;
}
.card-container .search-selector .search-selector-list >li.is-active a{
background:url(/element_sp/j_air_on/shared/images/icon-selected.svg) no-repeat 0 50%;
background-size:12px auto;
}
.card-container .search-selector .search-selector-btn-container{
position:relative;
}
.card-container .search-selector .search-selector-btn-container .search-selector-tip{
display:none;
position:absolute;
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:21;
}
.card-container .search-selector .search-selector-btn-container .search-selector-tip::before{
content:"";
display:block;
display:block;
width:17px;
height:10px;
background-color:#fff;
clip-path:polygon(50% 0, 0% 100%, 100% 100%);
}
.card-container .search-selector .search-selector-btn{
position:relative;
display:block;
width:146px;
margin:0;
padding:0 20px 0 11px;
background:#fff;
border:1px solid #ccc;
border-radius:calc(35px / 2);
color:var(--cmn-font-color-base);
font-size:14px;
line-height:35px;
height:35px;
outline:none;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
text-align:left;
}
.card-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:-2px;
border-width:6px 5px 0 5px;
border-style:solid;
border-color:#666 transparent transparent transparent;
}

/* review
---------------------------------- */
.review{
margin-top:4px;
}
.review .icon-r-hotel{
display:block;
line-height:1;
}
.review .icon-r-hotel >span{
position:relative;
top:-1px;
}
.review .review-rate{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 6px;
line-height:1;
}

/* review-list
---------------------------------- */
.review-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 16px;
margin:0;
}

/* attention
---------------------------------- */
.attention ul > li{
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.attention ul > li:first-child{
margin-top:0;
padding-top:0;
border-top:none;
}
.attention ul a{
display:inline-block;
padding-left:22px;
color:#555;
background:url(/element/shared/images/icon/icon-caution-triangle-red.svg) 0 2px no-repeat;
background-size:14px auto;
text-decoration:none;
}
.attention ul a:active,
.attention ul a:hover,
.attention ul a:focus{
text-decoration:underline;
}

/* ----------------------------------------------------------------
  NEWS
----------------------------------------------------------------- */
.news ul > li:not(:first-child){
margin-top:12px;
padding-top:12px;
border-top:1px solid #ddd;
}
.news ul a{
color:#555;
text-decoration:none;
}
.news ul a:active > div,
.news ul a:hover > div,
.news ul a:focus > div{
text-decoration:underline;
}
.news ul a > span{
margin-bottom:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
gap:0 12px;
font-size:12px;
}
.news ul a > span [class^=tag]{
color:#fff;
min-width:100px;
line-height:20px;
text-align:center;
font-size:12px;
}
.news ul a > span .tag-publish,
.news ul a > span .tag-w{
background-color:#48c2e6;
}
.news ul a > span .tag-press,
.news ul a > span .tag-j{
background-color:#8db955;
}
.news ul a > span .tag-other{
background-color:#bca446;
}

/* local-modal
------------------------------------------------ */
.local-modal-layer-fixed{
overflow:hidden;
height:100%;
z-index:0;
position:relative;
left:-8px;
}
_::-webkit-full-page-media,
_:future,
:root .local-modal-layer-fixed{
left:0;
}
.local-modal-container{
display:none;
position:fixed;
z-index:1000;
width:100vw;
height:100vh;
top:0;
left:0;

/* 97% */
padding:1.5% 0 !important;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container.is-active{
display:block;
}
.local-modal-container.modal-branch{
z-index:2020;
}
.local-modal-container.modal-branch .local-modal-layer{
display:none;
}
.local-modal-container .local-modal-layer{
position:fixed;
width:100vw;
height:100vh;
margin:auto;
top:0;
left:0;
opacity:.6;
filter:alpha(opacity = 60);
background-color:#000;
}
.local-modal-container .local-modal{
position:relative;
z-index:1001;
margin:0 auto;
height:100%;
padding:0;
width:543px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:start;
-ms-flex-align:start;
align-items:flex-start;
}
/* align-items: center; */
.local-modal-container .local-modal .local-modal-inr{
position:relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
max-height:100%;
background:#333;
padding:10px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .modal-nav-top{
position:absolute;
border-radius:50%;
color:rgba(0,0,0,0) !important;
right:20px;
bottom:20px;
width:44px;
height:44px;
display:none;
overflow:hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
background-color:rgba(102,102,102,.4);
}
.local-modal-container .local-modal .modal-nav-top.is-active{
display:block;
}
.local-modal-container .local-modal .modal-nav-top::before{
margin-left:-7px;
position:absolute;
content:"";
width:12px;
height:11px;
top:19px;
left:50%;
border-top:2px solid #fff;
border-left:2px solid #fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
}
.local-modal-container .local-modal .local-modal-hdg-container{
padding:0 95px 6px 20px;
color:#fff;
position:relative;
font-size:15px;
font-weight:bold;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
background-color:#333;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg-sup{
position:absolute;
right:30px;
top:5px;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-hdg{
display:inline-block;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes{
display:inline-block;
width:220px;
margin-left:12px;
vertical-align:middle;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-notes > li{
text-indent:-1em;
margin-left:1em;
font-size:11px;
font-weight:normal;
}
.local-modal-container .local-modal .local-modal-hdg-container .local-modal-select-hdg-clear-btn{
display:block;
background:none;
color:#fff;
border:1px solid #fff;
border-radius:4px;
font-size:12px;
height:25px;
padding:3px 12px 4px;
}
.local-modal-container .local-modal .local-modal-footer{
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
}
.local-modal-container .local-modal .local-modal-decision{
width:100%;
padding:10px;
background-color:#e5e5e5;
text-align:center;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn{
display:inline-block;
height:39px;
padding:6px 24px;
line-height:1;
border:none;
border-radius:4px;
color:#fff;
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
min-width:7.5em;
cursor:pointer;
background-color:#72ba00;
font-size:20px;
font-weight:bold;
text-shadow:1px 1px 1px rgb(0 0 0 / 40%);
}
.local-modal-container .local-modal .local-modal-content{
background-color:#fff;
width:100%;
min-height:200px;

/* 40=へッダの高さ */
/* 69=フッタの高さ */
max-height:calc(100% - 40px - 69px );
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll{
overflow-y:scroll;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden{
scrollbar-width:none;
}
.local-modal-container .local-modal .local-modal-content.local-modal-scroll-hidden::-webkit-scrollbar{
display:none;
}
.local-modal-container .local-modal .local-modal-item{
padding:20px;
width:100%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.local-modal-container .local-modal .local-modal-btn-close{
position:absolute;
top:-18px;
right:-25px;
}
.local-modal-container .local-modal .local-modal-btn-close button{
border:none;
cursor:pointer;
width:53px;
height:52px;
background:url(/element/shared/images/sprite/sprite-modal-01.png) 0 0 no-repeat;
text-indent:-9999px;
}
.local-modal-container .local-modal .local-modal-btn-close button:active,
.local-modal-container .local-modal .local-modal-btn-close button:hover,
.local-modal-container .local-modal .local-modal-btn-close button:focus{
background-position:0 -65px;
}
.local-modal-container .local-modal .local-modal-header{
background-color:#fff;
}

/* modal-ticket-summary
---------------------------------- */
.local-modal-container.modal-ticket-summary .local-modal{
width:543px;
}

/* lp-container
---------------------------------- */
.lp-container.lp-seo .main-footer .form-search-index-exec{
margin-top:15px;
}
.lp-container:not(.lp-list) .lp-content{
margin:0 auto;
width:730px;
color:var(--font-color-base-secondary);
}
.lp-container:not(.lp-list) .card-container .mod-04 .list-airlines li{
width:calc((100% / 4) - 8px);
}
.lp-container:not(.lp-list) .card-container .mod-04 .list-airlines .logo{
width:168px;
}
.lp-container:not(.lp-list) .card-container .mod-04 .list-airlines .logo img{
max-width:166px;
max-height:42px;
}
.lp-container .lp-content{
margin-top:48px;
}
.lp-container .lp-content .card-container .card-content.card-seo .mod-04{
-webkit-box-shadow:0px 0px 4px  rgba(0,0,0,.3);
box-shadow:0px 0px 4px  rgba(0,0,0,.3);
border-radius:6px;
margin-top:8px;
padding:20px;
background-color:#fff;
}
.lp-container .form-search{
padding-bottom:27px;
}
.lp-container .form-search .main-footer{
padding-bottom:0;
}
.lp-container .form-search .form-search-index-item.numbers{
margin-top:15px;
}
.lp-container .form-search .form-search-index-item.numbers ul{
margin-left:-12px;
}
.lp-container .form-search .form-search-index-item.numbers ul li{
margin-left:12px;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-btn-reset + .form-search-index-exec{
position:absolute;
margin:0;
padding:0;
right:20px;
bottom:26px;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-btn-reset + .form-search-index-exec .form-search-index-exec-btn{
-webkit-box-shadow:none;
box-shadow:none;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
text-shadow:none;
min-width:140px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
font-size:16px;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-btn-reset + .form-search-index-exec .attention-balloon{
display:none;
width:138px;
height:35px;
right:-165px;
bottom:0;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-exec{
position:absolute;
margin:0;
padding:0;
right:20px;
bottom:26px;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-exec .form-search-index-exec-btn{
-webkit-box-shadow:none;
box-shadow:none;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
text-shadow:none;
min-width:140px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
font-size:16px;
}
.lp-container .form-search .form-search-index-item.numbers + .form-search-index-exec .attention-balloon{
display:none;
width:138px;
height:35px;
right:-165px;
bottom:0;
}
.lp-container .form-search .form-search-index-item.airline{
margin-bottom:-15px;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-btn-reset + .form-search-index-exec{
position:absolute;
margin:0;
padding:0;
right:20px;
bottom:20px;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-btn-reset + .form-search-index-exec .form-search-index-exec-btn{
-webkit-box-shadow:none;
box-shadow:none;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
text-shadow:none;
min-width:140px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
font-size:16px;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-btn-reset + .form-search-index-exec .attention-balloon{
display:none;
width:138px;
height:35px;
right:-165px;
bottom:0;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-exec{
position:absolute;
margin:0;
padding:0;
right:20px;
bottom:20px;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-exec .form-search-index-exec-btn{
-webkit-box-shadow:none;
box-shadow:none;
--cmn-btn-color:#177bcb;
background-color:var(--cmn-btn-color);
text-shadow:none;
min-width:140px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
font-size:16px;
}
.lp-container .form-search .form-search-index-item.airline + .form-search-index-exec .attention-balloon{
display:none;
width:138px;
height:35px;
right:-165px;
bottom:0;
}
.lp-container .form-search .form-search-index-exec{
margin-top:15px;
padding-bottom:0;
}

/* .main-header-container
---------------------------------- */
.lp-container .main-header-container{
padding-bottom:20px;
color:var(--font-color-base-secondary);
}
.lp-container .main-header-container .main-header{
background-color:#fff;
padding:12px;
margin-top:10px;
}
.lp-container .main-header-container .main-header .main-header-row{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
}
.lp-container .main-header-container .main-header .main-header-row .main-header-col{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}
.lp-container .main-header-container .main-header .main-header-row .main-header-col:not(:first-child){
border-left:1px solid #ddd;
}
.lp-container .main-header-container .main-header .main-header-hdg{
text-align:center;
font-weight:normal;
font-size:20px;
}
.lp-container .main-header-container .main-header .main-header-hdg .sup::after{
content:":";
display:inline-block;
margin:0 8px;
}
.lp-container .main-header-container .main-header .main-header-hdg .arrow{
position:relative;
top:-1px;
}
.lp-container .main-header-container .main-header .main-header-hdg .arrow::before,
.lp-container .main-header-container .main-header .main-header-hdg .arrow::after{
content:" ";
display:inline;
}
.lp-container .main-header-container .main-header .main-header-sup{
margin:4px 0 0 0;
text-align:center;
font-size:16px;
line-height:1;
}
.lp-container .main-header-container .main-header .main-header-label{
font-weight:bold;
}
.lp-container .main-header-container .main-header .main-header-price{
color:var(--cmn-font-color-red);
}
.lp-container .main-header-container .main-header .main-header-price strong{
font-size:26px;
margin:0 0 0 4px;
}
.lp-container .main-header-container .main-header .main-header-notes{
color:var(--cmn-font-color-gray);
font-size:12px;
line-height:1.3;
margin:12px 0 0 0;
text-align:center;
}
.lp-container .main-header-container .main-header .main-header-notes li{
text-align:center;
margin-top:4px;
}
.lp-container .main-header-container .main-header .main-header-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.lp-container .main-header-container .main-header .main-header-notes .aster > span{
margin-right:.4em;
}
.lp-container .main-header-container .main-header-calendar{
margin-top:16px;
padding:12px 0 0;
border-top:1px solid #ddd;
}

/* price-calendar-v2
---------------------------------- */
.lp-container .price-calendar-v2 caption{
height:0;
overflow:hidden;
position:absolute;
}
.lp-container .price-calendar-v2 .cmn-calendar-month-header{
padding-left:90px;
padding-right:90px;
margin-bottom:12px;
height:47px;
}
.lp-container .price-calendar-v2 .cmn-calendar-month-tbl th:nth-child(1){
color:var(--cmn-font-color-red);
}
.lp-container .price-calendar-v2 .cmn-calendar-month-lyt{
padding-right:12px;
}
.lp-container .price-calendar-v2 .cmn-calendar-month-lyt:first-child .price-calendar-nav{
left:0;
}
.lp-container .price-calendar-v2 .cmn-calendar-month-lyt:last-child{
padding:0 0 0 12px;
}
.lp-container .price-calendar-v2 .cmn-calendar-month-lyt:last-child .price-calendar-nav{
right:0;
}
.lp-container .price-calendar-v2 .month-name{
font-size:16px;
font-weight:normal;
font-family:var(--font-num);
}
.lp-container .price-calendar-v2 .month-name .price{
display:block;
font-weight:normal;
font-size:14px;
line-height:1;
letter-spacing:normal;
}
.lp-container .price-calendar-v2 .price-calendar-nav{
position:absolute;
top:0;
}
.lp-container .price-calendar-v2 .price-calendar-nav button{
display:block;
background:none;
border:none;
padding:2px 4px 4px;
margin:0;
border:1px solid #ccc;
border-radius:6px;
height:47px;
min-width:90px;
color:var(--cmn-font-color-base);
}
.lp-container .price-calendar-v2 .price-calendar-nav button .month{
font-size:14px;
display:block;
}
.lp-container .price-calendar-v2 .price-calendar-nav button .price{
font-size:12px;
display:block;
line-height:1;
}
.lp-container .price-calendar-v2 td{
position:relative;
}
.lp-container .price-calendar-v2 td a{
height:50px;
}
.lp-container .price-calendar-v2 td.holiday .price-date,.lp-container .price-calendar-v2 td:first-child .price-date{
color:var(--cmn-font-color-red);
}
.lp-container .price-calendar-v2 td.disabled a:active,
.lp-container .price-calendar-v2 td.disabled a:hover,
.lp-container .price-calendar-v2 td.disabled a:focus{
-webkit-box-shadow:none;
box-shadow:none;
cursor:default;
}
.lp-container .price-calendar-v2 td.disabled .price-date{
color:#ccc;
}
.lp-container .price-calendar-v2 td .price-date{
position:absolute;
top:9px;
left:50%;
font-size:12px;
line-height:1;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
font-family:var(--font-num);
color:#999;
}
.lp-container .price-calendar-v2 td .price-item{
position:absolute;
bottom:8px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
font-size:14px;
line-height:1;
color:var(--cmn-font-color-link);
font-family:var(--font-num);
}
.lp-container .price-calendar-v2 td.price-status-cheapest .price-item::after{
display:block;
position:absolute;
bottom:-3px;
left:50%;
-webkit-transform:translateX(-50%);
transform:translateX(-50%);
width:60px;
height:19px;
border:1px solid rgba(277,7,7,.5);
border-radius:50%;
-webkit-box-sizing:border-box;
box-sizing:border-box;
content:"";
}
.lp-container .price-calendar-v2 td.price-status-blank .price-item::after{
display:inline-block;
width:10px;
height:11px;
background-image:url(/element/j_air_on/shared/images/icon-zoom.svg);
background-size:100%;
background-repeat:no-repeat;
content:"";
vertical-align:middle;
}
.lp-container .price-calendar-v2 .cal-footer{
margin-top:12px;
}
.lp-container .price-calendar-v2 .cal-footer-notes{
color:#666;
font-size:12px;
line-height:1.3;
margin:8px 0 0 0;
}
.lp-container .price-calendar-v2 .cal-footer-notes li:not(:first-child){
margin-top:4px;
}
.lp-container .price-calendar-v2 .cal-footer-notes p{
margin:0;
}
.lp-container .price-calendar-v2 .cal-footer-notes .aster{
text-indent:-1.4em;
margin-left:1.4em;
}
.lp-container .price-calendar-v2 .cal-footer-notes .aster > span{
margin-right:.4em;
}
.lp-container .price-calendar-v2 .cal-info{
border-bottom:none;
margin-bottom:0;
padding-bottom:0;
}
.lp-container .price-calendar-v2 .cal-info .cal-define{
margin-top:0;
float:none;
}
.lp-container .price-calendar-v2 .cal-info .cal-define li{
margin-right:12px;
margin-left:0;
}

/* child-tab-content > price-calendar-v2
---------------------------------- */
.lp-container .child-tab-content .price-calendar-v2 .cmn-calendar-month-lyt{
padding-right:16px;
}
.lp-container .child-tab-content .price-calendar-v2 .cmn-calendar-month-lyt:last-child{
padding-left:16px;
padding-right:0;
}

/* .main-footer
---------------------------------- */
.lp-container .main-footer{
margin:0 -20px;
padding:0 20px 20px;
position:relative;
}
.lp-container .main-footer .form-search-index-exec{
position:relative;
right:auto;
bottom:auto;
padding:0 15px;
text-align:center;
font-size:15px;
}
.lp-container .main-footer .form-search-index-exec .attention-balloon{
display:block;
position:absolute;
top:-3px;
right:205px;
padding:5px 10px;
border-radius:5px;
color:#fff;
background-color:#555;
font-size:12px;
}
.lp-container .main-footer .form-search-index-exec .attention-balloon::before{
display:block;
position:absolute;
top:18px;
left:-5px;
width:10px;
height:10px;
background-color:#555;
content:"";
-webkit-transform:rotate(135deg);
transform:rotate(135deg);
}
.lp-container .main-footer .form-search-index-exec .form-search-index-exec-btn{
padding:5px;
border:none;
border-radius:4px;
min-width:9em;
color:#fff;
background-color:var(--cmn-btn-color);
-webkit-box-shadow:0 -3px 0 #5b9500 inset;
box-shadow:0 -3px 0 #5b9500 inset;
text-shadow:1px 1px 1px rgba(0, 0, 0, .4);
font-weight:bold;
font-size:20px;
}
.lp-container .main-footer .form-search-index-exec .form-search-index-exec-btn:active,
.lp-container .main-footer .form-search-index-exec .form-search-index-exec-btn:hover,
.lp-container .main-footer .form-search-index-exec .form-search-index-exec-btn:focus{
background-color:#67a700;
}
.lp-container .main-footer .form-search-index-btn-reset{
position:absolute;
top:8px;
right:20px;
padding:0 0 0 12px;
color:#666;
background-color:transparent;
font-size:11px;
border:none;
}
.lp-container .main-footer .form-search-index-btn-reset::before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto 0;
width:8px;
height:8px;
background:url(/element/j_air_on/shared/images/icon-close-01.svg) no-repeat 0 0;
background-size:8px;
content:"";
}

/* form-tgl-container
---------------------------------- */
.lp-container .form-tgl-container.is-active .form-tgl-item{
display:block;
padding-top:12px;
border-top:1px solid #ccc;
}
.lp-container .form-tgl-container.is-active .form-tgl-trigger{
display:none;
}
.lp-container .form-tgl-container.is-active .form-tgl-trigger::before{
background-image:url(/element/shared/images/icon/icon-chevron-up.svg);
}
.lp-container .form-tgl-container .box-filter-container{
margin-top:0;
}
.lp-container .form-tgl-container .form-tgl-item{
display:none;
color:var(--font-color-base-secondary);

}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-item-hdg{
border-radius:3px 3px 0 0;
}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-item{
border-radius:3px;
}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-hdg > h2{
color:var(--font-color-base-secondary);
}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-item.ticket-type > .form-search-index-item-cell label{
color:var(--font-color-base-secondary);
}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-item.date label{
color:var(--font-color-base-secondary);
}
.lp-container .form-tgl-container .form-tgl-item .form-search-index-item.date input[type="text"]{
color:var(--font-color-base-secondary);
}
.lp-container .form-tgl-container .form-tgl-trigger{
cursor:pointer;
padding:8px 0 8px 0;
margin:0 auto;
display:block;
background:none;
border:none;
width:182px;
height:37px;
border-radius:2px;
background:#fff;
border:1px solid #bebebe;
font-size:14px;
font-weight:bold;
color:#666;
}
.lp-container .form-tgl-container .form-tgl-trigger::before{
position:relative;
top:1px;
content:"";
display:inline-block;
width:9px;
height:9px;
background-image:url(/element/shared/images/icon/icon-chevron-down.svg);
background-position:left center;
background-repeat:no-repeat;
background-size:100%;
margin-right:5px;
}
.lp-container .form-tgl-container .form-tgl-trigger-close{
margin:8px 0 0 auto;
padding:0 0 0 12px;
border:none;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position:relative;
background:0 0;
font-size:12px;
color:var(--font-color-base-secondary);
}
.lp-container .form-tgl-container .form-tgl-trigger-close::before{
content:"";
display:block;
width:8px;
height:5px;
overflow:hidden;
position:absolute;
bottom:50%;
left:0;
opacity:.6;
-webkit-transform:translateY(50%);
transform:translateY(50%);
background:url(/element/shared/images/icon/icon-chevron-up.svg) 0 0 no-repeat;
}

/* form-search-index-btn-reset
---------------------------------- */
.lp-container .form-search-index-btn-reset{
position:absolute;
top:8px;
right:20px;
padding:0 0 0 12px;
color:#666;
background-color:transparent;
font-size:11px;
border:none;
}
.lp-container .form-search-index-btn-reset::before{
overflow:hidden;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto 0;
width:8px;
height:8px;
background:url(/element/j_air_on/shared/images/icon-close-01.svg) no-repeat 0 0;
background-size:8px;
content:"";
}

/* list-tgl-container
---------------------------------- */
.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-block-item{
display:-ms-grid;
display:grid;
}
.lp-container .list-tgl-contaner.is-active .list-tgl-trigger span::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .list-tgl-contaner.is-active .list-tgl-trigger-btn::before{
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-up-l.svg);
}
.lp-container .list-tgl-contaner .list-tgl-item{
display:none;
}
.lp-container .list-tgl-contaner .list-tgl-block-item{
display:none;
}
.lp-container .list-tgl-contaner .list-tgl-trigger{
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:12px 0 12px;
margin:0 0 -12px;
width:100%;
font-size:14px;
}
.lp-container .list-tgl-contaner .list-tgl-trigger span::before{
content:"";
display:inline-block;
position:relative;
top:-2px;
margin-right:4px;
width:12px;
height:7px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:12px auto;
}
.lp-container .list-tgl-contaner .list-tgl-trigger-btn{
background:none;
border:none;
padding:0;
margin:0;
font-size:14px;
-webkit-font-feature-settings:"palt";
font-feature-settings:"palt";
text-align:right;
float:right;
}
.lp-container .list-tgl-contaner .list-tgl-trigger-btn::before{
position:relative;
top:-1px;
content:"";
display:inline-block;
margin-right:4px;
width:8px;
height:5px;
background-image:url(/element_sp/j_air_on/shared/images/icon-arrow-04-down-l.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:8px auto;
}

/* area-summary-list
---------------------------------- */
.lp-container .area-summary-list{
display:-ms-grid;
display:grid;
grid-gap:8px 12px;
-ms-grid-columns:auto 1fr;
grid-template-columns:auto 1fr;
}
.lp-container .area-summary-list >li{
display:-ms-grid;
display:grid;
-ms-grid-column-span:2;
grid-column:span 2;
-ms-grid-columns:subgrid;
grid-template-columns:subgrid;
min-height:25px;
}
.lp-container .area-summary-list >li a{
text-decoration:none;
}
.lp-container .area-summary-list >li .sup{
position:relative;
padding-left:16px;
}
.lp-container .area-summary-list >li .sup::before{
display:block;
content:"\30FB";
position:absolute;
left:0;
top:1px;
}
/* margin-top:4px; */
.lp-container .area-summary-list >li .detail > span{
margin-right:4px;
}

/* box-access
---------------------------------- */
.lp-container #map_google{
margin:0;
line-height:0;
}

/* rootArea
---------------------------------- */
.lp-container .rootArea{
position:relative;
padding:15px 16px;
margin-top:0;
background-color:#f3f3f3;
}
.lp-container .rootArea > p{
font-weight:normal;
font-size:14px;
}
.lp-container .rootArea dl{
margin-top:8px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
font-size:14px;
}
.lp-container .rootArea input[type=text]{
border:1px solid #bbbbbb;
padding:8px;
width:476px;
height:38px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.lp-container .rootArea input[type=button]{
position:absolute;
right:16px;
bottom:16px;
background-color:#fff;
border:1px solid #bbbbbb;
border-radius:6px;
height:37px;
width:100px;
}