@charset "utf-8";

#wrapper {
    background: #f9f9f9;
}


/**/


.d-middle h5 {
    font-weight: 600;
    border-left: 3px solid #005bac;
    padding: 0 0 0 10px;
    line-height: 1;
}

.d-middle h5 small {
    padding: 0 0 0 5px;
    font-size: 0.7em;
}

.self-box {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eeeeee;
    box-shadow: 2px 1px 3px 1px #ecececbd;
    margin: 0 2% 0 0;
    width: 49%;
}

self li:last-child {
    margin: 0;
}



.self li h6 {
    background: #f3f7f9;
    color: #000;
    padding: 10px;
}

.self li span {
    padding: 10px 15px;
    margin: auto;
    display: block;
}

.half-table tbody {
    display: flex;
    flex-wrap: wrap;
}

.half-table tr {
    width: 50%;
    display: flex;
}

.half-table th {
    width: 50%;
}

.half-table td {
    width: 50%;
}

.half-table tr:nth-child(2) th,
.half-table tr:nth-child(2) td {
    border-top: 1px solid #eee;
}


.d-middle.flex figure {
    width: 44%;
    border-radius: 5px;
    overflow: hidden;
}

.d-middle.flex figcaption {
    width: 53%;
    margin: 0 0 0 3%;
}

table.tablepress {
    table-layout: fixed;
    word-break: break-all;
    word-wrap: break-all;
}


/*tab*/

.tab-box {
    margin: 60px auto 0;
    position: relative;
    overflow: hidden;
    padding: 0;
}

.tab-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    border-radius: 10px;
    position: relative;
    padding: 0;
}

.tabnav {
    display: flex;
    justify-content: center;
    width: 100%;
}

.tabnav li {
    width: 50%;
}

.tabnav li a {
    font-size: 1.3em;
    line-height: 1.5;
    display: block;
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0;
    text-align: center;
    color: #000;
    font-weight: 600;
    padding: 25px 0;
    border-radius: 5px 5px 0 0;
    bottom: 0px;
}

.tabnav li a.active {
    opacity: 1;
    background: #183d5d;
    color: #fff;
    border-right: none;
    bottom: 0px;
    box-shadow: inset -4px -3px 6px 3px #12304a;
    z-index: 3;
    padding: 25px 0 25px;
}

.tabnav li a.red{
    background-color: #dd6b6d;
    box-shadow: inset -4px -3px 6px 3px #dd6b6d;
    color: #fff;
}
.tabnav li a.con{
    background: #4c90c1;
    color: #fff;
}
.tabnav li a.con.active{
    box-shadow: inset -4px -3px 6px 3px #4c90c1;
}
.con_none{
    border: none !important;
}


.tab-label {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.tab-content {
    width: 100%;
    /* overflow: hidden; */
    border-top: 3px solid #183d5d;
    padding: 50px 0 0 0;
    background: #fff;
    border-radius: 0 0 5px 5px;
}

.tab-label {
    order: -1;
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin: 0;
    width: 50%;
    text-align: center;
    color: #000;
    font-weight: 600;
    padding: 25px 0;
    border-radius: 5px 5px 0 0;
    bottom: 0px;
}

.f-container {
    margin: 40px auto 25px;

}

.f-container ul.link-list {
    justify-content: flex-end;
}


.f-container ul.link-list li {
    width: 35%;
    margin: 0;
}



/* アクティブなタブ */

.tab-switch:checked+.tab-label+.tab-content {
    height: auto;
    opacity: 1;
    transition: .5s opacity;
    margin: 0;
    padding: 0;
    border-top: 3px solid #183d5d;
}


.tab-switch:checked+.tab-label:before {
    opacity: 1;
}

/* ラジオボタン非表示 */
.tab-switch {
    display: none;
}

.tab-switch:checked+.tab-label+.tab-content b span {
    font-size: 28px;
    font-weight: 700;
}

.tab-switch:checked+.tab-label {
    opacity: 1;
    background: #183d5d;
    color: #fff;
    border-right: none;
    bottom: 0px;
    box-shadow: inset -4px -3px 6px 3px #12304a;
    z-index: 3;
    padding: 25px 0 25px;
}

/**/

.date-company small {
    font-size: 0.9em;
    color: #777;
}

small.bus-company span:last-child {
    margin: 0 0 0 15px;
}


table.tablepress tr:first-child th small {
    display: block;
    font-weight: 400;
    font-size: 0.7em;
    line-height: 1.3;
}


table.tablepress tr:first-child th:first-child {
    background: #8293a0;
    color: #fff;
    width: 60px;
    text-align: center;
    line-height: 1.4;
    border-right: none;
}



table.tablepress tr:first-child th {
    border-top: none;
    border-bottom: none;
    text-align: center;
}

table.tablepress {
    /* table-layout: auto; */
}


table.tablepress tr:first-child th {
    border-right: 1px dashed #eee;
    width: auto;
    padding: 20px 10px;
    background: #f9f9f9;
    text-align: center;
    color: #4b4e56;
    font-weight: 500;
}

table.tablepress tr:first-child th:last-child {
    background: #ffd9db;
}

table.tablepress tr * {
    font-size: 1em;
    text-align: center;
}

table.tablepress tr:nth-child(odd) {
    background: #f3f7f9;
}

table.tablepress tr td {
    color: #4b4e56 !important;
    padding: 18px 5px;
    border-right: 1px dashed #eee;
}

th:last-child,
td:last-child {
    border-right: none;
}

.tablepress>*+tbody>*>*,
.tablepress>tbody>*~*>*,
.tablepress>tfoot>*>* {
    border-top: none !important;
}

tr.odd {
    background: #f3f7f9 !important;
}

.tablepress>:where(tbody)>.odd>* {
    background: #f3f7f9 !important;
}


.tablepress>.row-hover>tr:hover>* {
    background: #fbe193 !important;
}

table.tablepress tr td:last-child {
    border-right: none !important;
}

table.sp-head {
    border-bottom: none;
    position: absolute;
    top: 0;
    left: 0;
    position: fixed;
    width: 90%;
    /* min-width: 1200px; */
    top: -300px;
    left: 7.6%;
    /* transform: translateX(-50%); */
    box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
    transition: top .5s ease;
    display: none;
}

table.sp-head.t-fixed {
    position: fixed;
    top: 100px;
    opacity: 1;
    /* height: 100px; */
}

tr.row-1 {
    position: sticky;
    top: 100px;
    transition: .3s;
    left: 0;
}

dl.qa-box dt h5 {
    border: none;
    padding: 0;
}

dl.qa-box dd {
    padding: 30px 30px 50px;
}

dl.qa-box {
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    box-shadow: 2px 1px 3px 1px #ecececbd;
}

dl.qa-box dt {
    background: #f9f9f9;
    padding: 20px 30px;
    position: relative;
    cursor: pointer;
}

dl.qa-box dd>span {
    display: block;
}

.sonota.sonota-contact {
    width: 100%;
}

span.fax {
    padding: 0 0 0 10px;
    font-family: 'Roboto', sans-serif;
}

h6.sub-head {
    background: #f3f7f9;
    padding: 9px 10px 11px 16px;
    border-radius: 3px;
    position: relative;
}

h6.sub-head:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 30px;
    background: #005bac;
    left: 0px;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
}


/*busstop*/
ul.busstop-list li {
    width: 9%;
    max-width: 80px;
    border: 2px solid #1168b5;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 1% 0 0;
    background: #fff;
    /* box-shadow: 2px 3px 8px 0px #dedede; */
    border-radius: 5px;
    position: relative;
}

ul.busstop-list li .stop {
    writing-mode: vertical-rl;
    padding: 10px 10px 50px 10px;
    line-height: 1.25;
}

ul.busstop-list li:last-child {
    margin: 0;
}

ul.busstop-list li .map {
    margin: 0;
    position: absolute;
    bottom: 7px;
    width: 100%;
    padding: 0 4px;
}

ul.busstop-list li .map a {
    background: #005bac;
    padding: 1px;
    border-radius: 25px;
    width: 100%;
    color: #fff;
    display: block;
    text-align: center;
    transition: .3s;
}

ul.busstop-list li .stop small {
    font-size: 0.8em;
    color: #bacddf;
}

ul.busstop-list {
    position: relative;
    z-index: 0;
}

ul.busstop-list:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #005bac;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
}

ul.busstop-list li .map a:hover {
    background: #e1f1ff;
    color: #005bac;
}

.airportliner .sonota.sonota-contact {
    width: 100%;
    border: 1px solid hsl(200deg 27% 78% / 22%);
    background: linear-gradient(2300deg, #f3f7f9 0%, #ffffff 52%, #f3f7f9 100%);
    box-shadow: 0px 0px 2px 0px #e7edf1;
}

.airportliner span.mail,
.airportliner span.url {
    display: block;
    margin: 0 auto 8px;
    font-family: 'Roboto', sans-serif;
}

.tab_g ul.tabnav li a {
    max-width: 100%;
    width: 100%;
    margin: auto;
    background: #ecf6ff;
    border-radius: 5px;
    font-size: 1.1em;
    color: #000;
    padding: 20px 0;
}

.tab_g ul.tabnav li .active {
    box-shadow: none;
    color: #005bac;
    background: #ecf6ff;
    border: 2px solid #005bac;
}

.tab_g ul.tabnav li {
    width: 48%;
}

.tab_g ul.tabnav {
    justify-content: space-between;
    max-width: 890px;
    margin: auto;
    width: 90%;
}


.tab_g .tab-content {
    border: none;
}

/*周遊バス*/
.content-inner>section.tour-bus {
    background: url(../images/bus/tour/bg.jpg);
}

.color-gray {
    color: #4d4d4d;
}

.tour-bus h4.sub-head:before {
    background: #ffb800;
}


.tour-bus .d-middle h5 {
    border-color: #ffb800;
}


.tour-bus th {
    background: #f6f6f6;
}

.tour-bus .d-middle.tb-wrap,
.sightseeing-bus .d-middle.tb-wrap {
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}

.tour-bus ul.busstop-list li {
    border-color: #ffb800;
    background: #fff;
}

.tour-bus ul.busstop-list li .map a {
    background: #fff078;
    color: #4d4d4d;
}

.tour-bus ul.busstop-list li .map a:hover {
    background: #f0f0f0;
}

.tour-bus ul.busstop-list li .stop h6 {
    color: #4d4d4d;
}

.tour-bus ul.busstop-list li .stop small {
    color: #ffb800;
}

.tour-bus ul.busstop-list:after {
    background: #ffb800;
}

.content-inner>section.tour-bus h3 {
    /* color: #fff; */
    box-shadow: 0px 4px 6px -5px #c2c5c6;
}

.tour-bus table.tablepress tr:first-child th:first-child,
.tour-bus table.tablepress tr:first-child th:last-child,
.sightseeing-bus table.tablepress tr:first-child th:first-child,
.sightseeing-bus table.tablepress tr:first-child th:last-child {
    background: #f9f9f9;
    color: #4b4e56;
}

.tour-bus table.tablepress tr:first-child th {
    padding: 20px 5px;
    font-size: 0.8em;
    width: auto;
}

.tour-bus .tablepress>:where(tbody)>.odd>* {
    background: #f6f6f6 !important;
}

.tour-bus .link-list a.button3 {
    background: linear-gradient(2300deg, #ffb800 0%, #ffc52f 52%, #ffc62e 100%);
    border-color: #ffb800;
    box-shadow: 2px 3px 16px 0px #f7dbdf;
}

.tour-bus .link-list a.button3:hover {
    background: linear-gradient(2300deg, #fff5e8 0%, #fff3e3 52%, #ffefda 100%);
    color: #000000;
}

.tour-bus .link-list a.button3:hover:before {
    background: url(../images/common/arrow.svg) no-repeat center center;
    background-size: 10px;
}

.font-th th{
    font-size: 0.6em !important;
    word-break: break-all !important;
}

/*sightseeing*/
.content-inner>section.sightseeing-bus {
    background: #faf5e5;
}

.content-inner .sightseeing-bus h3 {
    box-shadow: 0px 4px 6px -5px #f4c1c5;
}

.sightseeing-bus h4.sub-head:before {
    background: #c9a06c;
}

.color-gold {
    color: #c9a06c;
}

.sightseeing-bus .d-middle h5 {
    border-color: #e70012;
}

.sightseeing-bus th {
    background: #fff5ed;
}

.sightseeing-bus .link-list a.button3 {
    background: linear-gradient(2300deg, #ffc883 0%, #f0bf7f 52%, #feb65b 100%);
    border-color: #f4c78f;
    box-shadow: 2px 3px 16px 0px #f7dbdf;
}

.sightseeing-bus .link-list a.button3:hover {
    background: linear-gradient(2300deg, #fff5e8 0%, #fff3e3 52%, #ffefda 100%);
    color: #000000;
}

.sightseeing-bus .link-list a.button3:hover:before {
    background: url(../images/common/arrow.svg) no-repeat center center;
    background-size: 10px;
}

figure.route-img {
    border-radius: 10px;
    overflow: hidden;
}

.sonota.bg-none {
    background: none;
    padding: 0;
    border-radius: 0;
}

.sonota.sonota-contact {
    border: 1px solid hsl(0deg 93.75% 83.37% / 22%);
    width: 49%;
    margin: 0 1% 0 0;
    background: linear-gradient(2300deg, #fcf7f9 0%, #ffffff 52%, #fff9f9 100%);
    box-shadow: 0px 0px 2px 0px #f1e7e7;
    padding: 20px;
}

.sonota.sonota-contact:last-child {
    margin: 0;
}


.sightseeing-bus .sonota h6 {
    color: #c9a06c;
    border-color: #c9a06c;
    box-shadow: 0px 4px 6px -5px #fffaf4;
}

.sightseeing-bus .tablepress>:where(tbody)>.odd>* {
    background: #fff5ed !important;
}

.sightseeing-bus table.tablepress tr:first-child th {
    padding: 20px 5px;
    font-size: 0.8em;
    width: auto;
}

/*
.sightseeing-bus .tablepress>:where(tbody)>tr:nth-last-child(-n+6) {
    border-left:2px solid #e70012;
    border-right:2px solid #e70012;
}

.sightseeing-bus .tablepress>:where(tbody)>tr:last-child{
    border-bottom:2px solid #e70012;   
}

.sightseeing-bus .tablepress>:where(tbody)>tr:nth-last-child(7){
    border-bottom:2px solid #e70012;   
}
*/
.red-boreder span {
    width: 40px;
    height: 20px;
    border: 2px solid #e70012;
    margin: 0 10px 0 0;
}

.red-boreder {
    justify-content: flex-start;
    align-items: center;
}

@media screen and (max-width: 1799px) {
    .content-inner {
        overflow: hidden;
    }

    /*エアポートライナー*/


    tr.row-1 {
        top: 0;
    }

    /*周遊バス*/
    ul.busstop-list li {
        max-width: none;
        width: auto;
    }

    .tour-bus ul.busstop-list {
        width: 1080px;
    }

    .busstop-box {
        width: 100%;
        overflow-x: scroll;
    }

    .scroll {
        overflow: scroll;
        position: relative;
        height: 670px;
    }

    table#tablepress-4,
    table#tablepress-3,
    .tab_g table {
        table-layout: fixed;
        width: 1200px;
    }

    table.tablepress tr th:first-child {
        width: 60px;
    }

    .tour-bus table.tablepress tr th:first-child {
        width: auto;
    }

    table#tablepress-2 {
        width: 1600px;
        table-layout: fixed;
    }

    .tour-bus tr.row-1 {
        top: 0;
    }

    .scroll::-webkit-scrollbar,
    .busstop-box::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    /* スクロールバーをマウスオーバーしたときの幅 */
    .scroll::-webkit-scrollbar&:hover,
    .busstop-box::-webkit-scrollbar&:hover {
        width: 10px;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgb(255 255 255 / 10%);
    }

    /* スクロールバーの動く部分 */
    .scroll::-webkit-scrollbar-thumb,
    .busstop-box::-webkit-scrollbar-thumb {
        background: #005bac;
        border-radius: 10px;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 30%);
    }

    .scroll::-webkit-scrollbar-track,
    .busstop-box::-webkit-scrollbar-track {
        background: hsl(0deg 0% 89.89% / 67%);
        border-radius: 10px;
    }

    /* bus */
    .tour-bus .scroll::-webkit-scrollbar-thumb,
    .tour-bus .busstop-box::-webkit-scrollbar-thumb {
        background: #c9c9c9;
        border-radius: 10px;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 30%);
    }

    /*観光ルートバス*/
    table#tablepress-5,
    table#tablepress-6 {
        width: 1200px;
    }

    .sightseeing-bus .scroll::-webkit-scrollbar-thumb {
        background: #f6bec0;
        border-radius: 10px;
        box-shadow: 0 0 0 1px rgb(255 255 255 / 30%);
    }

}

@media screen and (max-width: 1599px) {
    ul.busstop-list {
        max-width: 840px;
    }

    ul.link-list li {
        width: 49%;
    }

    ul.link-list li:nth-child(3n) {
        margin: 0 2% 2% 0;
    }

    ul.link-list li:nth-child(2n) {
        margin: 0 0 2% 0;
    }
}

@media screen and (max-width: 1299px) {
    .tabnav li a {
        font-size: 1.1em;
    }

    table.tablepress tr:first-child th {
        font-size: 0.8em;
        padding: 10px 5px;
    }

    table.tablepress tr th,
    table.tablepress tr td {
        width: 2%;
    }

    .tab_g ul.tabnav li a {
        font-size: 1em;
    }

}

@media screen and (max-width: 1200px) {
    .sonota-contact .tel {
        font-size: 1.5em;
        background-size: 20px;
        padding: 0 0 0 26px;
    }

    .d-middle .scroll__var {
        overflow-y: scroll;
    }

    .d-middle .scroll__var figure {
        width: 1056px;
    }
}

@media screen and (max-width: 991px) {
    #information {
        padding: 30px 15px;
    }



}


@media screen and (max-width: 767px) {

    .d-middle.flex {
        flex-wrap: wrap;
    }

    .d-box-inner.flex figure,
    .d-middle.flex figure {
        width: 100%;
    }

    .d-box-wrap,
    .d-middle.flex figcaption {
        width: 100%;
        margin: 20px auto 0;
    }


    table.half-table tr:first-child th,
    table.half-table tr:first-child td,
    .half-table tr:nth-child(2) th,
    .half-table tr:nth-child(2) td {
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }

    /*tab*/
    .tabnav li a,
    .tabnav li a.active {
        font-size: 1em;
        padding: 10px 0 5px;
    }

    .tab-content {
        padding: 30px 0 0;
    }

    .date-company {
        flex-wrap: wrap;
        justify-content: end;
    }

    .date-company small {
        font-size: 0.85em;
        line-height: 1.5;
        width: 100%;
        text-align: right;
    }

    .date-company small.date {
        margin: 3px 0 0 0;
    }

    tr {
        display: table-row;
    }

    tr.row-1 {
        position: inherit;
    }


    table.tablepress {
        width: 800px;
        /* display: block; */
    }

    .tab_g table {
        width: 1200px;
    }

    table.tablepress tr * {
        font-size: 0.9em;
    }

    table.tablepress tr:first-child th {
        padding: 5px 10px;

    }

    table.tablepress tr td {
        padding: 5px 5px;
    }

    table.tablepress thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }

    .container {
        overflow: scroll;
    }

    table.tablepress tr th:first-child {
        width: 50px;
    }


    /*busstop*/

    ul.busstop-list,
    .tour-bus ul.busstop-list {
        flex-wrap: wrap;
        width: 100%;
    }

    ul.busstop-list li {
        max-width: none;
        width: 100%;
        margin: 0 0 20px 0;
        flex-wrap: initial;
        padding: 10px;
        align-items: center;
    }

    ul.busstop-list li .stop {
        -ms-writing-mode: inherit;
        writing-mode: initial;
        width: 100%;
        padding: 0;
    }

    ul.busstop-list li .map {
        position: relative;
        width: 50%;
        bottom: inherit;
        padding: 0;
    }

    ul.busstop-list li .map a {
        height: 40px;
        font-size: 0.9em;
        line-height: 2.4;
    }

    ul.busstop-list:after {
        height: 95%;
        width: 10px;
        left: 20px;
        margin: auto;
    }

    .scroll {
        height: 440px;
    }

    span.fax {
        display: block;
        padding: 5px 0 10px;
    }

    .tab_g ul.tabnav {
        width: 100%;
    }

    .tab_g ul.tabnav li a {
        font-size: 0.9em;
        padding: 10px 0;
    }


    /*周遊バス*/
    .content-inner>section.tour-bus,
    .content-inner>section.sightseeing-bus {
        border-radius: 30px;
    }

    .tour-bus .d-middle.tb-wrap,
    .sightseeing-bus .d-middle.tb-wrap {
        padding: 15px;
        border-radius: 10px;
    }

    .busstop-box {
        overflow: inherit;
    }

    .tour-bus ul.busstop-list li {
        width: 100%;
    }

    .tour-bus .scroll {
        height: 440px;
    }

    table#tablepress-2 {
        width: 1600px;
    }

    .tour-bus table.tablepress tr th:first-child {
        width: auto;
    }

    .tour-bus table.tablepress tr:first-child th {
        padding: 10px 5px;
    }

    /*観光ルート*/
    .sonota.sonota-contact {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .sonota-c-box.flex,
    .dl-wrap dl.flex {
        flex-wrap: wrap;
    }

    table#tablepress-5 {
        width: 1130px;
    }

    .sightseeing-bus table.tablepress tr:first-child th {
        padding: 5px;
    }

    ul.link-list li,
    ul.link-list li:nth-child(2n),
    ul.link-list li:nth-child(3n) {
        width: 100%;
        margin: 0 0 3% 0;
    }

    .f-container ul.link-list li {
        width: 100%;
    }

    .d-middle .scroll__var figure {
        width: 800px;
    }

}

@media screen and (max-width: 480px) {}