@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------*/
/* top */
/*-----------------------------------------------------------------------------------*/

/*--------------------------------------------MainVisual*/
#MainVisual{width:100%;margin-bottom:0}
#MainVisual .photo{}
#MainVisual dl{margin-bottom:15px}
#MainVisual dl:before{}
#MainVisual dt{}
#MainVisual dt .main{font-size:7vw;letter-spacing:.5px}
#MainVisual dt .sub{font-size:10px}
#MainVisual dl .photo li{}
#MainVisual dl .photo li img{}
#MainVisual .txt{width:90%;margin:0 auto;font-size:1.4rem;line-height:1.8;padding-bottom:10px;text-align:left}
.MainAtte{width:90%;text-align:left;padding:5px;margin-bottom:20px}

/*-------------------------------------------CarrierMenu*/
#CarrierMenu{width:90%;margin-bottom:0}
#CarrierMenu li label{}
#CarrierMenu li.act label{}
#CarrierMenu li label:before{}
#CarrierMenu li label:after{line-height:0;padding-top:18px}
#CarrierMenu ul{flex-wrap:wrap}
#CarrierMenu li{width:33.2%;text-align:center;padding:0 5px;box-sizing:border-box;margin-bottom:25px;display:flex;align-items:center;justify-content:center}
#CarrierMenu li + li{}
#CarrierMenu li:before{border-left:1px solid #ccc;content:"";display:block;height:100%;position:absolute;left:-44px}
#CarrierMenu li:before,#CarrierMenu li + li:before{left:0}
#CarrierMenu li label:after{}
#CarrierMenu li label{}
#CarrierMenu li label span{padding-bottom:0;letter-spacing:1px;display:none}
#CarrierMenu li label span + span{font-size:1.4rem;display:block;line-height:1.2;font-family:inherit;letter-spacing:0;font-weight:700!important}
#CarrierMenu li.act{}
#CarrierMenu li.act label:after{}
#CarrierMenu li.act:after,#CarrierMenu li.act:before{}
#CarrierMenu li.act:after{}
#CarrierMenu li.act:before{}
#CarrierMenu li:hover{}

/*-----------------------------------------------------indexList*/
#indexList{display:block;width:90%;padding-top:0}
#indexList:after{}
#indexList .Entry{width:100%}
#indexList .Entry .photo{}
#indexList .Entry .data{margin-bottom:10px}
#indexList .Entry .data:before{}
#indexList .Entry .data .icon{}
#indexList .Entry h3{margin-bottom:10px}
#indexList .Entry h3 .main{}
#indexList .Entry h3 .main span{}
#indexList .Entry h3 .sub{}
#indexList .Entry .btn{}
#indexList .Entry .btn a{}
#indexList .Entry .btn a:after{}
#indexList .Entry:hover{}
#indexList .Entry:hover .photo{}
#indexList .Entry:hover .btn a{}


/*----------------------------------------------------------MainTtl*/
#MainTtl {
    margin-bottom: 15px;
}
#MainTtl .backtxt {
    font-size: 12px;
    letter-spacing: 2px;
    color: #ceceb9;
}
#MainTtl dl {padding-top: 13px;padding-bottom: 20px;}
#MainTtl dt {
    font-size: 5vw;
    border: none;
    margin-bottom: 0;
    padding-bottom: 7px;
}
#MainTtl dd.icon {
}
#MainTtl dd.ttl {
    display: block;
    padding-bottom: 5px;
}
#MainTtl dd.ttl h2 {
    padding: 0;
    font-size: 6vw;
    font-weight: normal;
}
#MainTtl dd.ttl span {}
#MainTtl dd.ttl:before {
    margin: 0 auto;
}
#MainTtl dd.sub {
    font-size: 10px;
}
#MainTtl .maintxt {
    width: 90%;
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: left;
}

/*----------------------------------------------------------skytrax*/
#skytrax {
    width: 90%;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
#skytrax .logo {
    /* display: none; */
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    top: -26px;
}
#skytrax .logo img {}
#skytrax dl {}
#skytrax dt {
    font-size: 5vw;
    letter-spacing: 1px;
}
#skytrax dt:before,
#skytrax dt:after {
    display: none;
}
#skytrax dt strong {
    font-size: 11vw;
}
#skytrax dd {
    padding: 10px;
    border: 1px solid #c90;
    margin: 0 10px;
    border-radius: 3px;
}
#skytrax dd .AccTtl{
    font-weight: bold;
    font-size: 1.4rem; position:relative
}
#skytrax dd .AccTtl:before{position: absolute;right: 13px;top:50%;margin-top:-0.5em;content: "MORE";line-height: 1;font-size: 1.2rem;}
#skytrax dd .AccTtl:after{position: absolute;right: 0px;top:50%;margin-top:-0.5em;content:"\f107";font-family:FontAwesome;line-height: 1;}
#skytrax dd .AccTtl.active:after{content:"\f106"; }

/*----------------------------------------------------------SC*/
#SC {}
#SC ul {
    width: 94%;
    margin: 0 auto;
    flex-wrap: wrap;
    padding: 8px 80px 0px 0;
}
#SC.header_change ul {}
#SC li {}
#SC li:hover {}
#SC li.Entry {
    flex: auto;
    width: 34%;
    margin: 0 3px;
    margin-bottom: 7px;
    padding: 0;
}
#SC li .sub {}
#SC li .main {
    font-size: 1.2rem;
    font-family: inherit;
}
#SC.header_change li .main {
    font-size: 1.2rem;
}
#SC li .main a {
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    padding: 3px;
}
#SC li .main a:after{
    display: inline-block;
    margin-left: 5px;
}
#SC li:hover,
#SC li:hover a {}
#SC li.Entry + .Entry {
    border: none;
}
#SC li.btn {
    width: 80px;
    height: 80px;
    top: -7px;
    right: -7px;
}
#SC li.btn img {
}
#SC li.btn a:hover img {}


#Seat .Tab,
#Lounge .Tab{}
#Seat .Tab li,
#Lounge .Tab li{
    width: auto;
    margin: 0 3px;
    font-size: 1.3rem;
    padding: 10px 12px;
    white-space: nowrap;
}
#Seat .Tab li:before,
#Lounge .Tab li:before{
    display: block;
    width: 100%;
    font-size: 120%;
    padding-right: 5px;
}
#Seat .Tab li:after,
#Lounge .Tab li:after{
    border-width: 10px 13px 0;
    bottom: -9px;
}
#Seat .TabEntry,
#Lounge .TabEntry{
    margin-top: 20px !important;
}
#Lounge .Tab{
    margin-top: 30px;
    justify-content: center;
    margin-bottom: 0;
}
/*----------------------------------------------------------Seat*/
#Seat{
    min-width: inherit;
    padding-top: 30px;
    padding-bottom: 20px;
}
#Seat h2 .atte{
    text-align: left;
}
#Seat .sec{}
#Seat h2.GeneralTtl{padding-bottom: 20px;}
#Seat h2.GeneralTtl .desc{
    padding-bottom: 5px;
}
#Seat .Entry{
    display: block;
}
#Seat .Entry + .Entry{
    margin-top: 20px;
    padding-top: 20px;
}
#Seat .Entry .box{
    width: 100%;
}
#Seat .Entry .box + .box{
    padding: 0;
    margin-top: 7px;
}
#Seat .Entry .box.photo .caption{}
#Seat .Entry .box .route{}
#Seat .Entry .box .route dt{}
#Seat .Entry .box .route dd{}
#Seat .Entry .box .route dd ul{}
#Seat .Entry .box .route dd li{}
#Seat .Entry .box .route dd li:before{}
#Seat .Entry .box .route dd li + li{}
#Seat .Entry .box h4{
    font-size: 2.4rem;
    padding-bottom: 5px;
}
#Seat .Entry .box h5{
    font-size: 1.6rem;
    padding-bottom: 10px;
}
#Seat .Entry .box .point{}
#Seat .Entry .box .point li{}
#Seat .Entry .box .point li + li{}
#Seat .Entry .box .point li:before{
    padding-top: 0;
}
#Seat .Entry .box .Carrier_atte{
    margin-bottom: 15px;
}

/*----------------------------------------------------------infoBox*/
.infoBox{
    width: 90%;
    margin-top: 60px;
    padding: 20px;
}
.infoBox + .infoBox{}
.infoBox h2{
    left: 20px;
    padding: 15px 20px;
}
.infoBox + .infoBox h2{
    right: 20px;
}
.infoBox h2 .main{
    font-size: 1.8rem;
    padding-bottom: 3px;
}
.infoBox h2 .sub{
    font-size: 10px;
    letter-spacing: 2px;
}
.infoBox .box{
    padding-top: 30px;
}
#Lounge .TabEntry .box{
    padding-top: 0;
}
.infoBox .box img{}
.infoBox .box + .box{}
.infoBox .box .logo{
    width: 100%;
    padding-top: 10px;
}
.infoBox .box h3{
    font-size: 1.7rem;
    line-height: 1.4;
    letter-spacing: 0;
    padding-bottom: 8px;
}
.infoBox .box .icon{
    margin-bottom: 10px;
}
.infoBox .box .icon li{}
.infoBox .box .icon li.domestic{}
.infoBox .box .icon li + li{}
.infoBox .box .txt{}
.infoBox .box .txt + .txt{}
.infoBox .box.photo{
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
}
.infoBox + .infoBox .box.photo{
    margin-right: 0;
}
.infoBox .box.photo .img,.infoBox .box.photo .owl-item,.infoBox .box.photo .owl-carousel{
    width: 100%;
}
.infoBox .box.photo .caption{}

.infoBox .topic{
    margin-top: 20px;
    display: block;
}
.infoBox .topic dl{
    margin: 0;
}
.infoBox .topic dt{
    font-size: 1.4rem;
}
.infoBox .topic dd{}
.infoBox .topic dl + dl{
    margin-top: 15px;
}
.infoBox .owl-theme .owl-controls{}
.owl-theme .owl-controls .owl-buttons div{}

/*----------------------------------------------------------Lounge*/
.infoBox#Lounge{}
.infoBox#Lounge .sec{}
.infoBox#Lounge .sec:nth-child(odd){}
.infoBox#Lounge .sec + .sec{
    margin-top: 20px;
    padding-top: 0;
}
.infoBox#Lounge .sec:nth-child(odd) .box.photo{
    margin-left: 0;
}
.infoBox#Lounge .sec_odd .box.photo{
    margin-left: 0;
    margin-right: 0;
}

/*----------------------------------------------------------Seavice*/
#Seavice{
    margin-top: 30px;
}
#Seavice h2.GeneralTtl{}
#Seavice h2.GeneralTtl .desc{
    padding-bottom: 5px;
}
#Seavice .inner{
    width: 90%;
    flex-direction: column;
}
#Seavice .inner .Entry{
    padding: 20px;
}
#Seavice .inner .Entry + .Entry{
    margin-top: 30px;
}
#Seavice .inner .Entry .num{
    font-size: 2.2rem;
    padding: 5px 10px;
    top: -20px;
}
#Seavice .inner .Entry dl{}
#Seavice .inner .Entry dt{
    padding-bottom: 5px;
    font-size: 1.6rem;
    font-weight: bold;
}
#Seavice .inner .Entry dd{}

/*----------------------------------------------------------atte*/
#atte {
    width: 90%;
}
#atte ul {
    display: block;
}
#atte li {
    margin-right: 0;
}
#atte li + li {}
#atte li:before {}

/*----------------------------------------------------------Search*/
#Search {
    margin-top: 30px;
    background-image:url(../../asset/images/carrier/lower_search_bg_smp.jpg);
    padding: 30px 0;
}
#Search:before {}
#Search h2.GeneralTtl {}
#Search h2.GeneralTtl .main {
    font-size: 2.6rem;
}
#Search h2.GeneralTtl .sub {
    width: 90%;
    margin: 0 auto;
    font-size: 1.6rem;
}
#Search .Search .Tab li {}
#Search .Search .TabEntry {}
#Search .Search .atte {
    position: relative;
    text-align: left;
}
#Search .Search .atte a {}


/*----------------------------------------------------------Bn*/
#Bn {
    width: 90%;
    padding: 20px 0;
}
#Bn .linkBox {
}
#Bn .Entry {width: 36%;display: block;}
#Bn .Entry img {
}
#Bn .Entry:hover {}
#Bn .Entry .img {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 6px;
    font-size: 30px;
}
#Bn .Entry .logo.img{
    width: 55%;
}
#Bn .Entry ul {
    padding: 0;
}
#Bn .Entry ul li {}
#Bn .Entry ul .sub {}
#Bn .Entry ul .main {}
#Bn .Entry ul .main a {}
#Bn .Entry:hover ul .main a {}

/*----------------------------------------------------------Lowerlist*/
#Lowerlist{
    padding: 25px 0;
}
#Lowerlist h2.GeneralTtl{
    padding-bottom: 20px;
}
#Lowerlist h2.GeneralTtl .main{}

#Lowerlist h2.GeneralTtl .sub{}
#Lowerlist .inner{
    width: 90%;
    display: block;
    position: relative;
}
#Lowerlist .inner .Entry{}
#Lowerlist .inner .Entry dl{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
}
#Lowerlist .inner .Entry + .Entry{
    margin-top: 10px;
}
#Lowerlist .inner .Entry dl{}
#Lowerlist .inner .Entry dl dt{
    padding: 10px;
    position: relative;
}
#Lowerlist .inner .Entry dl dt:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content: "\f107";font-family:FontAwesome;line-height: 1;}
#Lowerlist .inner .Entry dl dt.active:after{content: "\f106";}
#Lowerlist .inner .Entry dl dd{
    padding-right: 0;
}
#Lowerlist .inner .Entry dl dd ul{}
#Lowerlist .inner .Entry dl dd ul li{
    border-top: 1px solid #ccc;
}

#Lowerlist .inner .Entry dl dd ul li + li{
    padding-top: 0;
}
#Lowerlist .inner .Entry dl dd ul li a{
    border: none;
    display: block;
    padding: 9px 7px 9px 24px;
}
#Lowerlist .inner .Entry dl dd ul li a:before{
    padding-top: 0;
}
#Lowerlist .inner .Entry dl dd ul li a:hover,#Lowerlist .inner .Entry dl dd ul li a.active{
    border: none;
    background-color: #f1f1f1;
}
#Lowerlist .inner .Entry .back{
    width: 100%;
    margin-top: 20px;
}
#Lowerlist .inner .Entry .back a{}
#Lowerlist .inner .Entry .back a:hover{}
#Lowerlist .inner .Entry .back a:before{}

/*----------------------------------------------------------common*/
.noneRoute{}
.noneRoute dl{}
.noneRoute dt{
    font-size: 2.2rem;
    padding-bottom: 5px;
}
.noneRoute dd{
    font-size: 1.4rem;
}
.noneRoute dd.btn{}
.noneRoute dd.btn a{
    font-size: 1.4rem;
    padding: 12px 50px;
    margin-top: 10px;
}
.noneRoute dd.btn a:hover{}
.noneRoute dd.btn a:after{}