@charset "UTF-8";
/* -------------------------------------------------------
style.css for 福岡空港フライト情報 w/sass
creation date:12-9-2016
scss/flight.scss - > css/flight.css
---------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);

#pc-contents {
    display: block;
}

#sp-contents {
    display: none;
}

.schedule-table tr.stripe.no-border-buttom {
    border-bottom: none;
}

.schedule-table tr.stripe.no-border-top {
    border-top: none;
}

/*----------------------------------------------------
 $en
----------------------------------------------------*/
.en .page-links dl {
    /* options */ }
.en .page-links dl dd ul li {
    background: url("../img/tab-flight-en.png") no-repeat; }
.en .page-links dl dd ul li.li-arrival {
    background-position: 0 -50px; }
.en .page-links dl dd ul li.li-departure {
    background-position: -120px -50px; }
.en .page-links dl dd ul li a {
    background: url("../img/tab-flight-en.png") no-repeat; }
.en .page-links dl dd ul li a:hover {
    opacity: 0;
    filter: alpha(opacity=0); }
.en .page-links dl dd ul li a.btn-arrival {
    background-position: 0 0; }
.en .page-links dl dd ul li a.btn-departure {
    background-position: -120px 0; }
.en .page-links dl dd ul li a.btn-active:hover {
    opacity: 100;
    filter: alpha(opacity=10000); }
.en .page-links dl dd ul li a.btn-active.btn-arrival {
    background-position: 0 -200px; }
.en .page-links dl dd ul li a.btn-active.btn-departure {
    background-position: -120px -200px; }
.en .page-links dl.domestic dt {
    background: url("../img/tab-flight-en.png") no-repeat;
    background-position: 0 -270px; }
.en .page-links dl.international dt {
    background: url("../img/tab-flight-en.png") no-repeat;
    background-position: -115px -270px; }
.en .page-links dl.active {
    border-top: 6px solid #0a376e;
    background: #fff; }
.en .page-links dl.active.domestic dt {
    background-position: 0 -340px; }
.en .page-links dl.active.international dt {
    background-position: -115px -340px; }
.en .page-links dl.active li.li-arrival {
    background-position: 0 -150px; }
.en .page-links dl.active li.li-departure {
    background-position: -120px -150px; }
.en .page-links dl.active a.btn-arrival {
    background-position: 0 -100px; }
.en .page-links dl.active a.btn-departure {
    background-position: -120px -100px; }


/*!* test *!*/
/*body {*/
/*width: 100%;*/
/*}*/

@media screen and (min-width: 956px) {
    /*======================================

    Structure Module

    =======================================*/
    html {
        font-size: 6.25%;
        -webkit-tap-highlight-color: rgba(255, 160, 140, 0.7);
    }

    body {
        font-family: -apple-system, BlinkMacSystemFont, "Open Sans", "Helvetica Neue", Avenir, Roboto, "Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
        font-size: 16rem;
        line-height: 1.75;
        color: #242424;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, body {
            font-family: "Open Sans", "Helvetica Neue", meiryo, sans-serif;
        }
    }

    /* Links -------------------------------------------*/
    a {
        color: #0F1265;
        text-decoration: underline;
    }

    a .text-link {
        text-decoration: underline;
    }

    a:visited {
        color: #0F1265;
    }

    a:hover, a:focus {
        color: #ffff00;
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    ::-moz-selection {
        background: rgba(255, 255, 0, 0.7);
        color: #0F1265;
    }

    ::selection {
        background: rgba(255, 255, 0, 0.7);
        color: #0F1265;
    }

    img {
        vertical-align: middle;
    }

    address {
        font-style: normal;
        text-align: center;
    }

    .list {
        margin: 0;
        padding: 0;
    }

    .list:before, .list:after {
        content: " ";
        display: table;
    }

    .list:after {
        clear: both;
    }

    .list li {
        list-style: none;
    }

    a {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    a img:not(.not-hover) {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    a img:not(.not-hover):hover {
        -webkit-transition: 0.4s;
        transition: 0.4s;
        opacity: 0.7;
    }

    em {
        font-style: normal;
        color: #c00;
    }

    em.caution {
        font-weight: bold;
    }

    em.info {
        color: #092043;
    }

    .img--left {
        float: left;
        margin-right: 22px;
    }

    .img--right {
        float: right;
        margin-left: 22px;
    }

    .img--fill {
        clear: both;
        margin-bottom: 20px;
    }

    .align--left {
        text-align: left;
    }

    .align--right {
        text-align: right;
    }

    .align--center {
        text-align: center;
    }

    .block-align--left {
        display: block;
        text-align: left;
    }

    .block--center {
        margin-right: auto;
        margin-left: auto;
    }

    .img--full-size {
        width: 100%;
    }

    .small {
        font-size: 85%;
    }

    hr {
        height: 0;
        margin: 2em 0 2em;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    @media screen and (max-width: 767px) {
        .hidden-sp {
            display: none;
        }
    }

    .hidden-pc {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .hidden-pc {
            display: block;
        }
    }

    /*----------------------------------------------------
     $ Structure Module
    ----------------------------------------------------*/
    .allDocument {
        width: 100%;
        min-width: 980px;
    }

    .allDocument:before, .allDocument:after {
        content: " ";
        display: table;
    }

    .allDocument:after {
        clear: both;
    }

    .container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

    /*----------------------------------------------------
    $ header
    ----------------------------------------------------*/
    .header {
        margin: 0;
        padding: 0;
    }

    .header .header-util-contaier {
        background-color: #6c6b6f;
        font-size: 12rem;
    }

    .header .header-util-contaier:before, .header .header-util-contaier:after {
        content: " ";
        display: table;
    }

    .header .header-util-contaier:after {
        clear: both;
    }

    .header .header-util-contaier .header-util {
        width: 960px;
        margin: 0 auto;
    }

    .header .header-util-contaier .header-util .welcome {
        line-height: 28px;
        color: #fff;
        float: left;
        font-weight: 600;
        padding: 0 0 0 10px;
    }

    .header .header-util-contaier .header-util .welcome .fa {
        color: #e36d6d;
    }

    .header .header-util-contaier .header-util .select-language {
        float: right;
        padding: 0 10px 0 0;
    }

    .header .header-util-contaier .header-util .select-language ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .header .header-util-contaier .header-util .select-language ul li {
        display: inline-block;
        margin: 0 0 0 14px;
        padding: 0;
        line-height: 28px;
    }

    .header .header-util-contaier .header-util .select-language ul li a {
        color: #fff;
        text-decoration: none;
    }

    .header .header-util-contaier .header-util .select-language ul li a .fa {
        -webkit-transition: 0.4s;
        transition: 0.4s;
        color: #6c6b6f;
    }

    .header .header-util-contaier .header-util .select-language ul li a.current .fa {
        color: #fff;
    }

    .header .header-util-contaier .header-util .select-language ul li a:hover .fa {
        color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .header .header-title-container {
        background-color: #092043;
    }

    .header .header-title-container .header-title {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        font-feature-settings: "palt" 1;
    }

    .header .header-title-container .header-title .site-title {
        margin: 0 auto;
        padding: 25px 0 25px 10px;
        line-height: 1;
        font-size: 18rem;
        color: #fff;
    }

    .contents-heading-container {
        background: #183c84 url("../img/bg_flight-head.png") no-repeat top center;
    }

    .contents-heading-container .contents-heading {
        width: 100%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contents-heading-container .contents-heading .page-title {
        color: #fff;
        font-size: 32rem;
        margin: 0;
        padding: 36px 0 36px;
    }

    .contents-heading-container .contents-heading .page-title .page-arrival {
        background: url("../img/icon_heading-arrival.png") no-repeat;
        background-size: 60px auto;
        padding: 3px 0 5px 75px;
    }

    .contents-heading-container .contents-heading .page-title .page-departure {
        background: url("../img/icon_heading-departure.png") no-repeat;
        background-size: 60px auto;
        padding: 3px 0 5px 75px;
    }

    .page-links {
        width: 960px;
    }

    .page-links dl {
        display: inline-block;
        width: 360px;
        margin: 0;
        padding: 10px 5px 0 5px;
        background: #f4f4f4 url("../img/bg_flight-tab.png") repeat-x left bottom;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* options */
    }

    .page-links dl dt {
        display: inline-block;
        width: 117px;
        height: 50px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
    }

    .page-links dl dd {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .page-links dl dd ul {
        display: inline-block;
        margin: 0;
        padding: 0 0 10px 0;
        list-style: none;
    }

    .page-links dl dd ul li {
        display: inline-block;
        margin: 0;
        padding: 0;
        background: url("../img/tab-flight.png") no-repeat;
    }

    .page-links dl dd ul li.li-arrival {
        background-position: 0 -50px;
    }

    .page-links dl dd ul li.li-departure {
        background-position: -120px -50px;
    }

    .page-links dl dd ul li a {
        display: block;
        width: 110px;
        height: 40px;
        text-indent: -9999px;
        background: url("../img/tab-flight.png") no-repeat;
    }

    .page-links dl dd ul li a:hover {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .page-links dl dd ul li a.btn-arrival {
        background-position: 0 0;
    }

    .page-links dl dd ul li a.btn-departure {
        background-position: -120px 0;
    }

    .page-links dl dd ul li a.btn-active:hover {
        opacity: 100;
        filter: alpha(opacity=10000);
    }

    .page-links dl dd ul li a.btn-active.btn-arrival {
        background-position: 0 -200px;
    }

    .page-links dl dd ul li a.btn-active.btn-departure {
        background-position: -120px -200px;
    }

    .page-links dl.domestic dt {
        background: url("../img/tab-flight.png") no-repeat;
        background-position: 0 -250px;
    }

    .page-links dl.international dt {
        background: url("../img/tab-flight.png") no-repeat;
        background-position:-115px -270px;
    }

    .page-links dl:first-child {
        margin: 0 20px 0 0;
    }

    .page-links dl.active {
        border-top: 6px solid #0a376e;
        background: #fff;
    }

    .page-links dl.active.domestic dt {
        background-position: 0 -300px;
    }

    .page-links dl.active.international dt {
        background-position: -115px -300px;
    }

    .page-links dl.active li.li-arrival {
        background-position: 0 -150px;
    }

    .page-links dl.active li.li-departure {
        background-position: -120px -150px;
    }

    .page-links dl.active a.btn-arrival {
        background-position: 0 -100px;
    }

    .page-links dl.active a.btn-departure {
        background-position: -120px -100px;
    }

    .flight-search-container {
        width: 960px;
        margin: 0 auto;
        padding: 0 10px;
    }

    .flight-search-container .heading-flight-search {
        background: url("../img/icon_flight-search.png") no-repeat;
        background-size: 20px auto;
        line-height: 1;
        font-size: 18rem;
        padding: 1px 0 2px 25px;
        margin: 24px 0 16px 10px;
        font-feature-settings: "palt" 1;
    }

    /*----------------------------------------------------
    $ footer
    ----------------------------------------------------*/
    .footer {
        margin: 0;
        padding: 0;
        line-height: 90px;
        background: #092043;
    }

    .footer .copyright {
        margin: 0;
        padding: 0;
        font-size: 12rem;
        text-align: center;
        text-align: center;
        color: #fff;
    }

    /*----------------------------------------------------
    $ pagetop
    ----------------------------------------------------*/
    .gopagetop {
        position: fixed;
        bottom: 50px;
        right: 25px;
        z-index: 10;
    }

    .gopagetop a {
        display: block;
    }

    @media screen and (max-width: 767px) {
        .gopagetop {
            display: none;
        }
    }

    .search-myselect {
        position: relative;
        width: 100%;
        padding-right: 30px;
    }

    .search-myselect:last-child {
        padding-right: 0;
    }

    .schedule-container {
        background: url("../img/hr.png") repeat-x;
        background-size: 10px auto;
        width: 100%;
        max-width: 960px;
        margin: 2em auto;
    }

    .last-update {
        text-align: right;
        color: #003293;
        font-size: 12rem;
        padding: 12px 0;
        margin: 0;
        font-weight: bold;
    }

    /*----------------------------------------------------
     $table
    ----------------------------------------------------*/
    /* フライト検索 */
    .table__contents__item {
        width: 100%;
        margin: 0 0 1em 0;
        border-collapse: collapse;
    }

    .table__contents__item th, .table__contents__item td {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 8px;
    }

    .table__contents__item th.distination, .table__contents__item td.distination {
        width: 170px;
    }

    .table__contents__item th.airlines, .table__contents__item td.airlines {
        width: 340px;
    }

    .table__contents__item th.times, .table__contents__item td.times {
        width: 105px;
    }

    .table__contents__item th.search-option, .table__contents__item td.search-option {
        width: auto;
    }

    /* フライト情報 */
    .schedule-table {
        width: 100%;
        margin: 0 0 2em 0;
        border-collapse: collapse;
    }

    .schedule-table th, .schedule-table td {
        padding: 6px 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .schedule-table tr {
        background: #fff;
    }

    .schedule-table tr.stripe {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        background: #d9d9d9;
    }

    .schedule-table tr:last-child.stripe {
        border-bottom: none;
    }

    .schedule-table th {
        text-align: center;
        white-space: nowrap;
        color: #fff;
        background: #000;
    }

    .schedule-table th.destination, .schedule-table th.flight, .schedule-table th.note {
        text-align: center;
    }

    .schedule-table th.destination {
        font-feature-settings: 'palt' 1;
    }

    .schedule-table th.schedule {
        width: 70px;
    }
    .schedule-table th.schedule_EN_DD {
        width: 92px;
    }
    .schedule-table th.schedule_will_EN_DD {
        width: 75px;
    }

    .schedule-table th.destination {
        width: 194px;
    }
    .schedule-table th.destination_EN_DD {
        width: 194px;
    }

    .schedule-table th.terminal {
        width: 92px;
    }
    .schedule-table th.terminal_EN_DD {
        width: 75px;
    }

    .schedule-table th.note {
        width: 169px;
    }
    .schedule-table th.note_EN_DD {
        width: 123px;
    }

    .schedule-table th.wicket {
        width: 88px;
    }

    .schedule-table th.wicket_EN_DD {
        width: 82px;
    }

    .schedule-table td.company {
        text-align: center;
    }

    .schedule-table td.company img {
        width: 67px;
        height: 19px;
        margin-left: auto;
        margin-right: auto;
    }

    .schedule-table td.terminal {
        text-align: center;
    }

    .schedule-table td.flight {
        text-align: center;
    }

    .schedule-table td.wicket {
        text-align: center;
    }

    .schedule-table td.destination {
        text-align: center;
    }

    .schedule-table td.schedule {
        text-align: center;
    }

    .schedule-table td.note {
        text-align: center;
    }

    .fixed-header {
        display: table;
        display: none;
        position: fixed;
        z-index: 10;
        top: 0;
    }

    .tilde {
        text-align: center;
    }

    /*----------------------------------------------------
     $form
    ----------------------------------------------------*/
    input[type="radio"],
    input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }

    select[multiple],
    select[size] {
        height: auto;
    }

    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .input-field {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: sans-serif;
        display: block;
        width: 100%;
        padding: 10px;
        margin: 0;
        line-height: 24px;
        font-size: 16px;
        background-color: #fff;
        border: 2px solid #666666;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .input-field:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .input-field:-moz-placeholder {
        color: #999;
    }

    .input-field::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .input-field:-ms-input-placeholder {
        color: #999;
    }

    .input-field::-webkit-input-placeholder {
        color: #999;
    }

    .input-field::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .input-field:focus {
        background-color: #fffeda;
        transition: .5s;
    }

    .input-field[disabled], .input-field[readonly], fieldset[disabled] .input-field {
        background-color: #eeeeee;
        opacity: 1;
    }

    .input-field[disabled], fieldset[disabled] .input-field {
        cursor: not-allowed;
    }

    th.has-error {
        border-left: 3px solid #cc0000;
        background: #ffcccc;
    }

    td.has-error {
        background: #ffcccc;
    }

    td.has-error .input-field {
        border-color: #cc0000;
        background: #ffe2e2;
    }

    td.has-error .error {
        margin: 0;
        color: #cc0000;
    }

    .input-field--zip {
        display: inline-block;
        width: 7em;
    }

    .input-field--tel {
        display: inline-block;
        width: 4em;
    }

    .search-selecter {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        position: absolute;
        opacity: 0;
        top: 1px;
        z-index: 100;
        width: 100%;
        height: 52px;
        cursor: pointer;
        font-size: 13rem;
    }

    .search-selecter .domestic {
        background-color: #ffd699;
    }

    .search-selecter .international {
        background-color: #b8c6fd;
    }

    .search--select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 2px solid #666666;
        border-radius: 6px;
        padding: 8px 16px;
        position: relative;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
    }

    .search--select:after {
        display: block;
        position: absolute;
        right: 8px;
        bottom: .45em;
        font-family: 'FontAwesome';
        font-size: 21px;
        line-height: 1.1;
        content: '\f107';
        color: #b4b4b4;
        padding: 0;
    }

    @-moz-document url-prefix() {
        .search--select {
            width: 100%;
        }
    }

    /*----------------------------------------------------
     $btn
    ----------------------------------------------------*/
    .btn--submit {
        margin: 1.6em auto;
        text-align: center;
    }

    .btn {
        display: inline-block;
        font-weight: bold;
        margin: 0 auto;
        padding: 15px 24px 12px;
        line-height: 1;
        font-size: 16rem;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        text-align: center;
        text-decoration: none;
        color: #242424;
        border: none;
        border-bottom: 2px solid #e36d6d;
        border-radius: 4px;
        outline: none;
        background: #fec52e;
        cursor: pointer;
        width: 280px;
        font-feature-settings: "palt" 1;
    }

    .btn:visited {
        color: #242424;
    }

    .btn:hover {
        text-decoration: none;
        color: #cc6600;
        border-color: #fec52e;
    }

    .btn:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

    .btn:disabled:hover {
        text-decoration: none;
        color: #242424;
        border-color: #ddd;
    }
}

@media screen and (max-width: 957px) {
    #pc-contents {
        display: none;
    }

    #sp-contents {
        display: block;
    }

    html {
        font-size: 6.25%;
        -webkit-tap-highlight-color: rgba(255, 255, 0, 0.7);
    }

    body {
        font-family: -apple-system, BlinkMacSystemFont, "Open Sans", "Helvetica Neue", Avenir, Roboto, "Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
        font-size: 16rem;
        line-height: 1.75;
        color: #242424;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    /* Links -------------------------------------------*/
    a {
        color: #0F1265;
        text-decoration: underline;
    }

    a .text-link {
        text-decoration: underline;
    }

    a:visited {
        color: #0F1265;
    }

    a:hover, a:focus {
        color: #ffff00;
        text-decoration: none;
    }

    a:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    ::-moz-selection {
        background: rgba(255, 255, 0, 0.7);
        color: #0F1265;
    }

    ::selection {
        background: rgba(255, 255, 0, 0.7);
        color: #0F1265;
    }

    img {
        vertical-align: top;
    }

    address {
        font-style: normal;
        text-align: center;
    }

    .list {
        margin: 0;
        padding: 0;
    }

    .list:before, .list:after {
        content: " ";
        display: table;
    }

    .list:after {
        clear: both;
    }

    .list li {
        list-style: none;
    }

    a {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    a img:not(.not-hover) {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    a img:not(.not-hover):hover {
        -webkit-transition: 0.4s;
        transition: 0.4s;
        opacity: 0.7;
    }

    em {
        font-style: normal;
        color: #c00;
    }

    em.caution {
        font-weight: bold;
    }

    em.info {
        color: #092043;
    }

    .img--left {
        float: left;
        margin-right: 22px;
    }

    .img--right {
        float: right;
        margin-left: 22px;
    }

    .img--fill {
        clear: both;
        margin-bottom: 20px;
    }

    .align--left {
        text-align: left;
    }

    .align--right {
        text-align: right;
    }

    .align--center {
        text-align: center;
    }

    .block-align--left {
        display: block;
        text-align: left;
    }

    .block--center {
        margin-right: auto;
        margin-left: auto;
    }

    .img--full-size {
        width: 100%;
    }

    .small {
        font-size: 85%;
    }

    hr {
        height: 0;
        margin: 2em 0 2em;
        border: 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    @media screen and (max-width: 767px) {
        .hidden-sp {
            display: none;
        }
    }

    .hidden-pc {
        display: none;
    }

    @media screen and (max-width: 767px) {
        .hidden-pc {
            display: block;
        }
    }

    /*----------------------------------------------------
     $ Structure Module
    ----------------------------------------------------*/
    .allDocument {
        width: 100%;
    }

    .allDocument:before, .allDocument:after {
        content: " ";
        display: table;
    }

    .allDocument:after {
        clear: both;
    }

    .container {
        position: relative;
        width: 100%;
        margin: 0 auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .container:before, .container:after {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

    /*----------------------------------------------------
    $ header
    ----------------------------------------------------*/
    .header {
        margin: 0;
        padding: 0;
    }

    .header .header-util-contaier {
        background-color: #6c6b6f;
        font-size: 12rem;
    }

    .header .header-util-contaier:before, .header .header-util-contaier:after {
        content: " ";
        display: table;
    }

    .header .header-util-contaier:after {
        clear: both;
    }

    .header .header-util-contaier .header-util {
        margin: 0 auto;
    }

    .header .header-util-contaier .header-util .welcome {
        line-height: 28px;
        color: #fff;
        float: left;
        font-weight: 600;
        padding: 0 0 0 10px;
    }

    .header .header-util-contaier .header-util .welcome .fa {
        color: #e36d6d;
    }

    .header .header-util-contaier .header-util .select-language {
        float: right;
        padding: 0 10px 0 0;
    }

    .header .header-util-contaier .header-util .select-language ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .header .header-util-contaier .header-util .select-language ul li {
        display: inline-block;
        margin: 0 0 0 14px;
        padding: 0;
        line-height: 28px;
    }

    .header .header-util-contaier .header-util .select-language ul li a {
        color: #fff;
        text-decoration: none;
    }

    .header .header-util-contaier .header-util .select-language ul li a .fa {
        -webkit-transition: 0.4s;
        transition: 0.4s;
        color: #6c6b6f;
    }

    .header .header-util-contaier .header-util .select-language ul li a.current .fa {
        color: #fff;
    }

    .header .header-util-contaier .header-util .select-language ul li a:hover .fa {
        color: #fff;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }

    .header .header-title-container {
        background-color: #092043;
    }

    .header .header-title-container .header-title {
        width: 100%;
        margin: 0 auto;
        font-feature-settings: "palt" 1;
    }

    .header .header-title-container .header-title .site-title {
        margin: 0 auto;
        padding: 10px 0 10px 10px;
        line-height: 1.3;
        font-size: 16rem;
        color: #fff;
    }

    .contents-heading-container {
        background: #183c84 url("../img/bg_flight-head--sp.png") no-repeat center center;
        background-size: cover;
    }

    .contents-heading-container .contents-heading {
        width: 100%;
        margin: 0 auto;
        padding: 0 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contents-heading-container .contents-heading .page-title {
        color: #fff;
        font-size: 24rem;
        margin: 0;
        padding: 24px 0 24px;
    }

    .contents-heading-container .contents-heading .page-title .page-arrival {
        background: url("../img/icon_heading-arrival.png") no-repeat;
        background-size: 40px auto;
        padding: 1px 0 3px 50px;
    }

    .contents-heading-container .contents-heading .page-title .page-departure {
        background: url("../img/icon_heading-departure.png") no-repeat;
        background-size: 40px auto;
        padding: 1px 0 3px 50px;
    }

    .page-links {
        width: 100%;
        padding: 10px 10px;
        background: #99add4;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flight-search-container {
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .flight-search-container .heading-flight-search {
        margin: 10px 0 4px 0;
        padding: 2px 0 4px 25px;
        font-size: 16rem;
        line-height: 1;
        background: url("../img/icon_flight-search.png") no-repeat;
        background-size: 20px auto;
        font-feature-settings: 'palt' 1;
    }

    /*----------------------------------------------------
    $ footer
    ----------------------------------------------------*/
    .footer {
        margin: 0;
        padding: 0;
        background: #092043;
    }

    .footer .copyright {
        margin: 0;
        padding: 10px;
        font-size: 9rem;
        text-align: center;
        text-align: center;
        color: #fff;
    }

    /*----------------------------------------------------
    $ pagetop
    ----------------------------------------------------*/
    .gopagetop {
        position: fixed;
        bottom: 50px;
        right: 25px;
        z-index: 10;
    }

    .gopagetop a {
        display: block;
    }

    @media screen and (max-width: 767px) {
        .gopagetop {
            display: none;
        }
    }

    .search-myselect {
        position: relative;
        width: 100%;
        padding-right: 30px;
    }

    .search-myselect:last-child {
        padding-right: 0;
    }

    .schedule-container {
        background: url("../img/hr.png") repeat-x;
        background-size: 10px auto;
        width: 100%;
        margin: 0 auto;
    }

    .schedule-container p {
        padding: 12px 10px;
        margin: 0;
        font-size: 12rem;
        line-height: 1.3;
    }

    .last-update {
        text-align: right;
        color: #003293;
        font-weight: bold;
    }

    /*----------------------------------------------------
     $table
    ----------------------------------------------------*/
    /* フライト検索 */
    .table__contents__item {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
    }

    .table__contents__item th, .table__contents__item td {
        padding: 4px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .table__contents__item th.times, .table__contents__item td.times {
        width: 23%;
    }

    .table__contents__item th.separator, .table__contents__item td.separator {
        width: 10vw;
        text-align: center;
    }

    .table__contents__item th.search-submit, .table__contents__item td.search-submit {
        vertical-align: middle;
    }

    /* フライト情報 */
    .schedule-table {
        width: 100%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        font-size: 13rem;
        border-bottom: 1px solid #7f7f7f;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .schedule-table th, .schedule-table td {
        padding: 5px 0;
        line-height: 1.1;
        text-align: left;
        vertical-align: middle;
        border-bottom: 1px solid #eee;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .schedule-table tr {
        background: #fff;
    }

    .schedule-table tr.section-schedule {
        border-top: 1px solid #7f7f7f !important;
    }

    .schedule-table tr.stripe {
        background: #d9d9d9;
    }

    .schedule-table tr:nth-of-type(3n) td {
        border-bottom: none;
    }

    .schedule-table td.destination {
        width: 42%;
        padding-top: 5px;
        padding-left: 5px;
        font-size: 19rem;
        font-weight: 600;
        line-height: 1.3;
        font-feature-settings: 'palt' 1;
    }

    .schedule-table td.note {
        font-size: 14rem;
    }

    .schedule-table td.flight {
        padding-top: 5px;
        text-align: center;
    }

    .schedule-table td.schedule:first-child {
        padding-left: 5px;
    }

    .schedule-table td.schedule .sch-label {
        font-size: 9rem;
        vertical-align: .125em;
    }

    .schedule-table td.schedule .sch-time {
        font-size: 14rem;
        font-weight: bold;
    }

    .schedule-table td.terminal {
        padding-bottom: 5px;
        padding-left: 5px;
        vertical-align: middle;
    }

    .schedule-table td.terminal img {
        vertical-align: middle;
        width:23px;
    }

    .schedule-table td.company {
        width: 55px;
        padding-top: 5px;
        text-align: center;
    }

    .schedule-table td.company img {
        width: 50px;
        margin-left: auto;
        margin-right: auto;
    }

    /*----------------------------------------------------
     $form
    ----------------------------------------------------*/
    form {
        margin: 0;
        padding: 0;
    }

    input[type="radio"],
    input[type="checkbox"] {
        margin: 4px 0 0;
        margin-top: 1px \9;
        line-height: normal;
    }

    select[multiple],
    select[size] {
        height: auto;
    }

    input[type="file"]:focus,
    input[type="radio"]:focus,
    input[type="checkbox"]:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .input-field {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        font-family: sans-serif;
        display: block;
        width: 100%;
        padding: 6px 8px;
        margin: 0;
        line-height: 24px;
        font-size: 13px;
        background-color: #fff;
        border: 2px solid #666666;
        border-radius: 6px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .input-field:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

    .input-field:-moz-placeholder {
        color: #999;
    }

    .input-field::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .input-field:-ms-input-placeholder {
        color: #999;
    }

    .input-field::-webkit-input-placeholder {
        color: #999;
    }

    .input-field::-ms-expand {
        border: 0;
        background-color: transparent;
    }

    .input-field:focus {
        background-color: #fffeda;
        transition: .5s;
    }

    .input-field[disabled], .input-field[readonly], fieldset[disabled] .input-field {
        background-color: #eeeeee;
        opacity: 1;
    }

    .input-field[disabled], fieldset[disabled] .input-field {
        cursor: not-allowed;
    }

    th.has-error {
        border-left: 3px solid #cc0000;
        background: #ffcccc;
    }

    td.has-error {
        background: #ffcccc;
    }

    td.has-error .input-field {
        border-color: #cc0000;
        background: #ffe2e2;
    }

    td.has-error .error {
        margin: 0;
        color: #cc0000;
    }

    .input-field--zip {
        display: inline-block;
        width: 7em;
    }

    .input-field--tel {
        display: inline-block;
        width: 4em;
    }

    .search-selecter {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;
        position: absolute;
        opacity: 0;
        top: 1px;
        z-index: 100;
        width: 100%;
        height: 36px;
        cursor: pointer;
        font-size: 11rem;
    }

    .search-selecter .domestic {
        background-color: #ffd699;
    }

    .search-selecter .international {
        background-color: #b8c6fd;
    }

    .search--select {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        border: 2px solid #666666;
        border-radius: 6px;
        padding: 6px 8px;
        position: relative;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        font-size: 13rem;
    }

    .search--select:after {
        display: block;
        position: absolute;
        right: 4px;
        bottom: .35em;
        font-family: 'FontAwesome';
        font-size: 18px;
        line-height: 1.1;
        content: '\f107';
        color: #b4b4b4;
        padding: 0;
    }

    @-moz-document url-prefix() {
        .search--select {
            width: 100%;
        }
    }
    /*----------------------------------------------------
     $btn
    ----------------------------------------------------*/
    .btn--submit {
        margin: 0 auto;
        text-align: center;
        padding: 10px;
    }

    .btn {
        display: inline-block;
        font-weight: bold;
        margin: 0 auto;
        padding: 24px 0 24px;
        line-height: 1;
        font-size: 14rem;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        text-align: center;
        text-decoration: none;
        color: #242424;
        border: none;
        border-bottom: 2px solid #e36d6d;
        border-radius: 4px;
        outline: none;
        background: #fec52e;
        cursor: pointer;
        width: 100%;
        font-feature-settings: "palt" 1;
    }

    .btn:visited {
        color: #242424;
    }

    .btn:hover {
        text-decoration: none;
        color: #cc6600;
        border-color: #fec52e;
    }

    .btn:disabled {
        opacity: .5;
        cursor: not-allowed;
    }

    .btn:disabled:hover {
        text-decoration: none;
        color: #242424;
        border-color: #ddd;
    }
}