@charset "UTF-8";
/* CSS Information
============================================
File: access-means.scss
Site: Okinawa Story
SCSS: access/means
============================================= */
/* CSS Information
============================================
File: _f-setting.scss
Site: Okinawa Story
SCSS: foundation
Output: app.css
============================================= */
/* タブコンテンツ
** JS:Tab * pages/access/custom.js
====================================== */
.p-access-tabs__wrap {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
}
.p-access-tabs__wrap--means-yaeyama {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-miyako {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-kerama {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-kume {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-hokubu {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-chunanbu {
    max-width: 56rem;
}
.p-access-tabs__wrap--means-rental {
    max-width: 80rem;
}
.p-access-tabs__wrap--means-airsea {
    max-width: 80rem;
}
.p-access-tabs__btn {
    width: auto;
    text-align: center;
    border-radius: 4px 4px 0 0;
    border: solid 1px #f0f0f0;
    border-bottom: none !important;
    background-color: #fff;
    color: #353535;
    font-size: 1rem;
    line-height: 1.4;
    cursor: pointer;
}
.p-access-tabs__btn--means-yaeyama {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-miyako {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-kerama {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-kume {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-hokubu {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-chunanbu {
    width: calc(33.3333% - 5px);
}
.p-access-tabs__btn--means-rental:nth-child(1) {
    width: calc(30% - 5px);
}
.p-access-tabs__btn--means-rental:nth-child(2) {
    width: calc(30% - 5px);
}
.p-access-tabs__btn--means-rental:nth-child(3) {
    width: calc(40% - 5px);
}
.p-access-tabs__btn--means-airsea {
    width: calc(25% - 5px);
}
.p-access-tabs__btn.is--active {
    color: #fff;
    border-color: #006dba;
    background-color: #006dba;
}
.p-access-tabs__btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 5px;
}
.p-access-tabs__storage {
    border-top: solid 2px #006dba;
    border-bottom: solid 2px #006dba;
}
.p-access-tabs__storage-wrap {
    padding: 1.5rem 0;
}
.p-access-tabs__storage-wrap.is--hide {
    display: none;
}
.p-access-tabs__storage-block:nth-last-child(n+2) {
    margin-bottom: 2rem;
}
.p-access-tabs__storage-block > *:nth-last-child(n+2) {
    margin-bottom: 1.5rem;
}
@media (min-width: 20em) {
    .p-access-tabs__btn {
        font-size: 1.2rem;
    }
}
@media (min-width: 23.4375em) {
    .p-access-tabs__btn-inner {
        padding: 1rem 5px;
    }
}
@media (min-width: 30em) {
    .p-access-tabs__btn-inner {
        padding: 1.4rem 0;
    }
    .p-access-tabs__btn-inline {
        width: auto;
    }
}
@media (min-width: 37.5em) {
    .p-access-tabs__btn-inner {
        padding: 1.1rem 0;
    }
}
@media (min-width: 64.0625em) {
    .p-access-tabs__btn {
        font-size: 1.5rem;
    }
    .p-access-tabs__storage-wrap {
        padding: 2rem;
    }
    .p-access-tabs__storage-block:nth-last-child(n+2) {
        margin-bottom: 3rem;
    }
    .p-access-tabs__storage-block > *:nth-last-child(n+2) {
        margin-bottom: 2rem;
    }
}
@media (min-width: 80em) {
    .p-access-tabs__btn {
        font-size: 1.5rem;
    }
}

/* タブ内コンテンツ
** タイトル
====================================== */
.p-access-tabs-title {
    font-size: 1.6rem;
    font-weight: normal;
    color: #004ea2;
}
@media (min-width: 48em) {
    .p-access-tabs-title {
        font-size: 2rem;
    }
}

/* タブ内コンテンツ
** カード
====================================== */
.p-access-tabs-card__unit {
    width: 100%;
    border: solid 1px #006dba;
    margin-bottom: 2rem;
}
.p-access-tabs-card__title {
    background-color: #006dba;
    color: #fff;
    padding: 1rem;
    font-size: 1.6rem;
    text-align: center;
}
.p-access-tabs-card__inner {
    padding: 1rem;
}
.p-access-tabs-card__list {
    width: 100%;
}
.p-access-tabs-card__list:nth-last-child(n+2) {
    margin-bottom: 1.5rem;
}
.p-access-tabs-card__list-link {
    text-decoration: underline;
}
.p-access-tabs-card__list-name {
    font-size: 1.4rem;
}
.p-access-tabs-card__list-data {
    font-size: 1.2rem;
    color: #777;
}
@media (min-width: 25.875em) {
    .p-access-tabs-card__title {
        padding: 1rem 1.5rem;
    }
    .p-access-tabs-card__inner {
        padding: 1.5rem;
    }
}
@media (min-width: 48em) {
    .p-access-tabs-card {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -2rem;
    }
    .p-access-tabs-card__unit {
        width: 32.2%;
        margin-right: 1.7%;
    }
    .p-access-tabs-card__unit:nth-child(3n) {
        margin-right: 0;
    }
}
@media (min-width: 64.0625em) {
    .p-access-tabs-card__title {
        font-size: 1.8rem;
    }
    .p-access-tabs-card__list-name {
        font-size: 1.6rem;
    }
    .p-access-tabs-card__list-data {
        font-size: 1.4rem;
    }
}

/* サポートテキスト
====================================== */
.p-access-support-text {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    color: #777;
}
@media (min-width: 64.0625em) {
    .p-access-support-text {
        font-size: 1.4rem;
    }
}

/* タイルリスト（カラム制御）
====================================== */
.p-access-column {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.p-access-column--align-center {
    align-items: center;
}
.p-access-column-group {
    width: 100%;
}
.p-access-column-group--border {
    border: solid 1px #f0f0f0;
    padding: 1rem;
    margin: 5px auto;
}
.p-access-column__unit {
    width: 100%;
}
.p-access-column__unit--unit-clm3, .p-access-column__unit--unit-clm2, .p-access-column__unit--unit-clm-express, .p-access-column__unit--unit-clm-route {
    width: 100%;
}
.p-access-column__unit--unit-clm3:nth-last-child(n+2), .p-access-column__unit--unit-clm2:nth-last-child(n+2), .p-access-column__unit--unit-clm-express:nth-last-child(n+2), .p-access-column__unit--unit-clm-route:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-column__unit-inner > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
@media (min-width: 37.5em) {
    .p-access-column__unit--unit-clm3 {
        width: 50%;
        padding: 5px;
    }
    .p-access-column__unit--unit-clm3:nth-last-child(n+2) {
        margin-bottom: 0;
    }
}
@media (min-width: 48em) {
    .p-access-column-group--border {
        width: calc(100% - 1rem);
    }
    .p-access-column__unit--unit-clm2 {
        width: 50%;
        padding: 5px;
    }
    .p-access-column__unit--unit-clm2:nth-last-child(n+2) {
        margin-bottom: 0;
    }
    .p-access-column__unit--unit-clm-express, .p-access-column__unit--unit-clm-route {
        width: 50%;
        padding: 5px;
    }
    .p-access-column__unit--unit-clm-express:nth-last-child(n+2), .p-access-column__unit--unit-clm-route:nth-last-child(n+2) {
        margin-bottom: 0;
    }
}
@media (min-width: 60.625em) {
    .p-access-column__unit--unit-clm3 {
        width: 33.3333%;
    }
}
@media (min-width: 64.0625em) {
    .p-access-column-group--border {
        margin: 1rem auto;
        width: calc(100% - 2rem);
    }
    .p-access-column__unit--unit-clm3 {
        padding: 1rem;
    }
    .p-access-column__unit--unit-clm2 {
        padding: 1rem;
    }
    .p-access-column__unit--unit-clm-express, .p-access-column__unit--unit-clm-route {
        padding: 1rem;
    }
    .p-access-column__unit-inner > *:nth-last-child(n+2) {
        margin-bottom: 2rem;
    }
}

/* スポットリスト
====================================== */
.p-access-spot-tile {
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 1px #f0f0f0;
}
.p-access-spot-tile__wrap {
    display: block;
    width: 100%;
}
.p-access-spot-tile__inner {
    width: 100%;
    padding: 1.5rem 1rem;
}
.p-access-spot-tile__inner > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-spot-tile__title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    color: #006dba !important;
}
.p-access-spot-tile__title-link {
    width: 100%;
    color: inherit !important;
}
.p-access-spot-tile__lead {
    width: 100%;
    font-size: 1.2rem;
    color: #353535 !important;
}
.p-access-spot-tile__lead--color-be-blue {
    color: #006dba !important;
}
.p-access-spot-tile__lead--color-red {
    color: #c8161d !important;
}
.p-access-spot-tile__disc {
    width: 100%;
    font-size: 1.2rem;
    color: #999 !important;
}
.p-access-spot-tile__canvas {
    width: 100%;
}
.p-access-spot-tile__canvas-link {
    display: block;
    width: 100%;
}
.p-access-spot-tile__canvas-figure {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.p-access-spot-tile__canvas-figure:before {
    display: block;
    content: "";
    padding-top: 67.23%;
}
.p-access-spot-tile__canvas-img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
    /*IE*/
    object-position: 50% 0;
}
.p-access-spot-tile__list {
    width: 100%;
    background: #def1fc;
    padding: 1rem;
}
.p-access-spot-tile__list-item {
    color: #353535 !important;
    font-size: 1.2rem;
}
.p-access-spot-tile__etc {
    width: 100%;
    padding: 0 1rem 1.5rem;
}
.p-access-spot-tile__etc > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-spot-tile__etc-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.p-access-spot-tile__etc-list-item {
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.p-access-spot-tile__etc-list-item:after {
    content: "|";
    margin: 0 5px;
    color: #ccc;
}
.p-access-spot-tile__etc-list-item:last-child:after {
    content: none;
    margin: 0;
}
.p-access-spot-tile__etc-list-link {
    text-decoration: underline;
}
@media (min-width: 37.5em) {
    .p-access-spot-tile__title {
        font-size: 1.6rem;
    }
}
@media (min-width: 64.0625em) {
    .p-access-spot-tile__inner {
        padding: 1.5rem;
    }
    .p-access-spot-tile__title {
        font-size: 2rem;
    }
    .p-access-spot-tile__title-link:hover {
        text-decoration: underline !important;
    }
    .p-access-spot-tile__lead {
        font-size: 1.4rem;
    }
    .p-access-spot-tile__etc {
        padding: 0 1.5rem 1.5rem;
    }
    .p-access-spot-tile__list-item {
        font-size: 1.4rem;
    }
    .p-access-spot-tile__etc-list-item {
        font-size: 1.4rem;
    }
}

/* パスポートリスト
====================================== */
.p-access-pass-tile {
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 1px #f0f0f0;
    padding: 1.5rem 1rem;
}
.p-access-pass-tile > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-pass-tile__title {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
    color: #006dba !important;
}
.p-access-pass-tile__lead {
    width: 100%;
    font-size: 1.2rem;
    color: #353535 !important;
}
.p-access-pass-tile__lead--color-be-blue {
    color: #006dba !important;
}
.p-access-pass-tile__lead--color-red {
    color: #c8161d !important;
}
.p-access-pass-tile__strong {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
.p-access-pass-tile__card {
    width: 100%;
}
.p-access-pass-tile__card-unit {
    width: 100%;
    border: solid 1px #006dba;
    text-align: center;
}
.p-access-pass-tile__card-unit:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-pass-tile__card-item {
    padding: 1rem;
    background: #def1fc;
    color: #006dba;
    font-weight: bold;
    font-size: 1.4rem;
}
.p-access-pass-tile__card-disc {
    padding: 1rem;
    font-size: 1.2rem;
}
.p-access-pass-tile__inline {
    display: inline-block;
}
@media (min-width: 37.5em) {
    .p-access-pass-tile__title {
        font-size: 1.6rem;
    }
}
@media (min-width: 48em) {
    .p-access-pass-tile__card--clm {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .p-access-pass-tile__card--clm .p-access-pass-tile__card-unit {
        width: calc(50% - 5px);
    }
    .p-access-pass-tile__card--clm .p-access-pass-tile__card-unit:nth-last-child(n+2) {
        margin-bottom: 0;
    }
    .p-access-pass-tile__card-item {
        padding: 1.5rem;
        font-size: 1.6rem;
    }
    .p-access-pass-tile__card-disc {
        padding: 1.5rem 2.5rem;
        font-size: 1.4rem;
    }
}
@media (min-width: 64.0625em) {
    .p-access-pass-tile {
        padding: 1.5rem;
    }
    .p-access-pass-tile > *:nth-last-child(n+2) {
        margin-bottom: 1.5rem;
    }
    .p-access-pass-tile__title {
        font-size: 2rem;
    }
    .p-access-pass-tile__lead {
        font-size: 1.4rem;
    }
}

/* バスリスト
====================================== */
.p-access-bus-tile {
    position: relative;
    width: 100%;
    height: 100%;
    border: solid 1px #f0f0f0;
}
.p-access-bus-tile--border-light-blue {
    border-color: #def1fc;
}
.p-access-bus-tile__title {
    width: 100%;
    padding: 1rem 1rem 0;
}
.p-access-bus-tile__title--padding-off {
    padding: 0 !important;
    margin-bottom: 1rem;
}
.p-access-bus-tile__title--padding-reset {
    padding: 0 !important;
}
.p-access-bus-tile__title-link {
    display: block;
    padding: 5px 0;
    color: #004ea2 !important;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: solid 2px #004ea2;
}
.p-access-bus-tile__title-link.u-icon-aft:after {
    margin-left: 1rem;
}
.p-access-bus-tile__title-sub {
    width: 100%;
}
.p-access-bus-tile__title-sub--center {
    text-align: center;
}
.p-access-bus-tile__title-sub-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem;
    font-size: 1.4rem;
    color: #006dba !important;
    font-weight: bold;
    background: #def1fc;
}
.p-access-bus-tile__title-sub-link.u-icon-aft:after {
    margin-left: 1rem;
}
.p-access-bus-tile__service {
    padding: 1rem;
}
.p-access-bus-tile__service > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-bus-tile__service-clm {
    width: 100%;
}
.p-access-bus-tile__service-clm:first-child {
    margin-bottom: 1rem;
}
.p-access-bus-tile__service-status {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.p-access-bus-tile__service-status-step {
    font-size: 1.2rem;
    color: #006dba;
    margin-right: 1rem;
}
.p-access-bus-tile__service-status-flag {
    background: #c8161d;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 4px 6px;
}
.p-access-bus-tile__service-inner {
    width: 100%;
}
.p-access-bus-tile__service-disc {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem;
    background: #def1fc;
    font-size: 1.2rem;
}
.p-access-bus-tile__service-disc:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-bus-tile__service-disc-item {
    font-weight: bold;
}
.p-access-bus-tile__service-item {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.p-access-bus-tile__service-list {
    font-size: 1.2rem;
}
.p-access-bus-tile__service-list-item:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-bus-tile__service-list-item--dot {
    position: relative;
    padding-left: 1em;
}
.p-access-bus-tile__service-list-item--dot:before {
    position: absolute;
    left: 0;
    content: "・";
}
.p-access-bus-tile__service-list-inline {
    display: inline;
}
.p-access-bus-tile__service-list-link {
    text-decoration: underline;
}
.p-access-bus-tile__line-through {
    text-decoration: line-through;
}
.p-access-bus-tile__service-help {
    color: #999;
    font-size: 1.2rem;
}
.p-access-bus-tile__service-inner--kosokusen {
    flex-wrap: wrap;
}
.p-access-bus-tile__service-inner--kosokusen .p-access-bus-tile__service-clm {
    width: 100%;
    margin-bottom: 5px;
    text-align: left;
}
.p-access-bus-tile__service-inner--kosokusen .p-access-bus-tile__service-disc {
    justify-content: flex-start;
}
@media (min-width: 30em) {
    .p-access-bus-tile__service-inner {
        display: flex;
        justify-content: space-between;
    }
    .p-access-bus-tile__service-clm {
        width: calc(50% - 5px);
    }
}
@media (min-width: 48em) {
    .p-access-bus-tile__title--padding-off {
        padding: 0 5px !important;
    }
    .p-access-bus-tile__title-sub-link {
        font-size: 1.6rem;
    }
    .p-access-bus-tile__service-inner--kosokusen .p-access-bus-tile__service-clm {
        width: calc(33.333333% - 5px);
        margin-bottom: 0;
    }
    .p-access-bus-tile__service-inner--kosokusen .p-access-bus-tile__service-disc {
        justify-content: center;
        flex-wrap: nowrap;
        height: 100%;
    }
    .p-access-bus-tile__service-inner--kosokusen .p-access-bus-tile__service-disc-item {
        white-space: nowrap;
    }
}
@media (min-width: 64.0625em) {
    .p-access-bus-tile__service > *:nth-last-child(n+2) {
        margin-bottom: 1.5rem;
    }
    .p-access-bus-tile__service-clm {
        width: calc(50% - 1.2rem);
    }
    .p-access-bus-tile__service-status-step {
        font-size: 1.4rem;
    }
    .p-access-bus-tile__service-disc {
        font-size: 1.4rem;
    }
    .p-access-bus-tile__service-list {
        font-size: 1.4rem;
    }
    .p-access-bus-tile__service-help {
        color: #999;
        font-size: 1.4rem;
    }
    .p-access-bus-tile__title-link {
        font-size: 1.8rem;
    }
    .p-access-bus-tile__title--padding-off {
        padding: 0 1rem !important;
    }
}
@media (min-width: 80em) {
    .p-access-bus-tile__title {
        padding: 1rem 2rem 0;
    }
    .p-access-bus-tile__title-sub-link {
        padding: 1.5rem 2rem;
    }
    .p-access-bus-tile__service {
        padding: 1.5rem 2rem;
    }
    .p-access-bus-tile__service-disc {
        padding: 2rem 1rem;
    }
}

/* 空港バス順路
====================================== */
.p-access-airport-bus {
    width: 100%;
}
.p-access-airport-bus__line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 1rem;
    margin-top: -1px;
    border: solid 1px #f0f0f0;
    font-size: 1.2rem;
}
.p-access-airport-bus__inline {
    display: inline-block;
}
.p-access-airport-bus__inline--item {
    color: #006dba;
    font-weight: bold;
    margin-right: 1rem;
}
@media (min-width: 48em) {
    .p-access-airport-bus__line {
        padding: 1.5rem;
        font-size: 1.4rem;
    }
}

/* テーブルリスト
====================================== */
.p-access-table-list {
    width: 100%;
}
.p-access-table-list__table {
    width: 100%;
    background: #fff;
    border: solid 1px #ccdfef;
}
.p-access-table-list__thead {
    display: none;
}
.p-access-table-list__tbody-th {
    background: #def1fc;
    font-weight: normal;
    font-size: 1.4rem;
    padding: 1rem;
    margin: 5px 0;
    text-align: center;
    color: #006dba;
}
.p-access-table-list__tbody-tr {
    display: block;
}
.p-access-table-list__tbody-tr:first-child .p-access-table-list__tbody-th {
    margin-top: 0;
}
.p-access-table-list__tbody-td {
    font-size: 1.2rem;
    padding: 5px 1rem;
}
.p-access-table-list__tbody-th, .p-access-table-list__tbody-td {
    display: block;
    width: 100%;
}
.p-access-table-list__tbody-inline {
    display: inline-block;
}
.p-access-table-list__tbody-link {
    text-decoration: underline;
    color: #006dba !important;
    width: 100%;
    display: block;
}
.p-access-table-list__tbody-slash:after {
    content: "／";
    margin: 0 3px;
}
.p-access-table-list__tbody-slash:last-child:after {
    display: none;
}
.p-access-table-list__caption {
    background: #006dba;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1rem;
    text-align: center;
}
.p-access-table-list__caption--center {
    text-align: center;
}
.p-access-table-list__icon-lcc {
    display: inline-block;
    padding: 2px 4px;
    margin: 0 8px;
    background: #22bcb8;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}
.p-access-table-list__dl {
    display: flex;
}
.p-access-table-list__dl-item {
    color: #006dba;
    white-space: nowrap;
}
.p-access-table-list--taxi .p-access-table-list__tbody-th, .p-access-table-list--taxi .p-access-table-list__tbody-td {
    text-align: center;
}
.p-access-table-list--airlines .p-access-table-list__tbody-th--display-break {
    display: none;
    text-align: center;
}
.p-access-table-list--airport .p-access-table-list__tbody-th--display-break {
    display: none;
    text-align: center;
}
.p-access-table-list--ship .p-access-table-list__tbody-th--display-break {
    display: none;
    text-align: center;
}
.p-access-table-list--ship .p-access-table-list__tbody-td--display-break-uniqe {
    display: none;
}
.p-access-table-list--harbor .p-access-table-list__tbody-th--display-break {
    display: none;
    text-align: center;
}
@media (min-width: 37.5em) {
    .p-access-table-list__table {
        display: flex;
        border: none;
    }
    .p-access-table-list__tbody {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
    .p-access-table-list__tbody-tr {
        width: calc(50% - 5px);
        margin-bottom: 1rem;
        border: solid 1px #ccdfef;
    }
    .p-access-table-list__tbody-th {
        margin-top: 0;
    }
    .p-access-table-list__caption {
        margin-bottom: 1rem;
    }
    .p-access-table-list--taxi .p-access-table-list__tbody-tr {
        width: calc(33.333333% - 5px);
    }
}
@media (min-width: 48em) {
    .p-access-table-list__table {
        display: table;
        border: solid 1px #ccdfef;
    }
    .p-access-table-list__thead {
        display: table-header-group;
    }
    .p-access-table-list__tbody {
        display: table-row-group;
    }
    .p-access-table-list__tbody-tr {
        display: table-row;
        width: 100%;
        margin-bottom: 0;
        border: none;
        border-bottom: dashed 1px #ccdfef;
    }
    .p-access-table-list__thead-th {
        background: #006dba;
        border-right: solid 1px #ccdfef;
        color: #fff;
        padding: 1rem;
        font-size: 1.4rem;
        margin: 0;
    }
    .p-access-table-list__tbody-th {
        text-align: left;
    }
    .p-access-table-list__tbody-td {
        width: auto;
        font-size: 1.4rem;
    }
    .p-access-table-list__tbody-th, .p-access-table-list__tbody-td {
        display: table-cell;
        border-right: solid 1px #ccdfef;
    }
    .p-access-table-list__tbody-link {
        display: inline;
    }
    .p-access-table-list__caption {
        margin-bottom: 0;
    }
    .p-access-table-list__dl {
        display: block;
    }
    .p-access-table-list__dl-item {
        display: none;
    }
    .p-access-table-list--bus .p-access-table-list__tbody-th {
        width: 38%;
    }
    .p-access-table-list--taxi .p-access-table-list__tbody-th {
        width: 50%;
    }
    .p-access-table-list--shuttle-area .p-access-table-list__tbody-th {
        width: 33%;
        text-align: center;
    }
    .p-access-table-list--shuttle-area .p-access-table-list__tbody-td {
        text-align: center;
    }
    .p-access-table-list--shuttle-campany .p-access-table-list__tbody-th {
        width: 33%;
    }
    .p-access-table-list--tourtaxi-plan .p-access-table-list__tbody-th {
        width: 33%;
        text-align: center;
    }
    .p-access-table-list--tourtaxi-plan .p-access-table-list__tbody-td {
        text-align: center;
    }
    .p-access-table-list--rental-car .p-access-table-list__tbody-th {
        width: 28%;
    }
    .p-access-table-list--rental-etc .p-access-table-list__tbody-th {
        width: 30%;
    }
    .p-access-table-list--airlines .p-access-table-list__tbody-th {
        width: 40%;
        background: #fff;
    }
    .p-access-table-list--airlines .p-access-table-list__tbody-th--display-break {
        display: table-cell;
        width: 10% !important;
        text-align: center;
        background: #def1fc;
    }
    .p-access-table-list--airlines .p-access-table-list__tbody-td:nth-of-type(1) {
        text-align: center;
    }
    .p-access-table-list--airlines .p-access-table-list__tbody-td--display-break {
        display: none;
    }
    .p-access-table-list--airport .p-access-table-list__tbody-th {
        width: 40%;
        background: #fff;
    }
    .p-access-table-list--airport .p-access-table-list__tbody-th--display-break {
        display: table-cell;
        width: 18% !important;
        text-align: center;
        background: #def1fc;
    }
    .p-access-table-list--airport .p-access-table-list__tbody-td {
        text-align: center;
    }
    .p-access-table-list--airport .p-access-table-list__tbody-td--display-break {
        display: none;
    }
    .p-access-table-list--ship .p-access-table-list__tbody-th {
        width: 35%;
        background: #fff;
    }
    .p-access-table-list--ship .p-access-table-list__tbody-th--display-break {
        display: table-cell;
        text-align: center;
        background: #def1fc;
    }
    .p-access-table-list--ship .p-access-table-list__tbody-th--display-break .p-access-table-list__tbody-inline {
        margin: 0 5px;
        display: block;
    }
    .p-access-table-list--ship .p-access-table-list__tbody-td--display-break {
        display: none;
    }
    .p-access-table-list--harbor .p-access-table-list__tbody-th {
        width: 35%;
        background: #fff;
    }
    .p-access-table-list--harbor .p-access-table-list__tbody-th--display-break {
        display: table-cell;
        text-align: center;
        background: #def1fc;
    }
    .p-access-table-list--harbor .p-access-table-list__tbody-td--display-break {
        display: none;
    }
}
@media (min-width: 64.0625em) {
    .p-access-table-list__tbody-th, .p-access-table-list__tbody-td {
        padding: 1.5rem;
    }
    .p-access-table-list--bus .p-access-table-list__tbody-th {
        width: 26%;
    }
    .p-access-table-list--airlines .p-access-table-list__tbody-th {
        width: 32%;
    }
}

/* タクシー協会　お問い合わせ
====================================== */
.p-access-taxi-center {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}
.p-access-taxi-center > *:nth-last-child(n+2) {
    margin-bottom: 5px;
}
.p-access-taxi-center__lead {
    font-size: 1.2rem;
}
.p-access-taxi-center__title {
    color: #006dba;
    font-size: 1.6rem;
    font-weight: bold;
}
.p-access-taxi-center__inline {
    display: block;
    margin: 0 3px;
}
@media (min-width: 48em) {
    .p-access-taxi-center {
        margin-top: 0;
    }
    .p-access-taxi-center__title {
        font-size: 1.8rem;
    }
    .p-access-taxi-center__lead {
        font-size: 1.4rem;
    }
}
@media (min-width: 64.0625em) {
    .p-access-taxi-center__title {
        font-size: 2rem;
    }
    .p-access-taxi-center__lead {
        font-size: 1.6rem;
    }
}
@media (min-width: 80em) {
    .p-access-taxi-center__inline {
        display: inline-block;
    }
}

/* 認定ステッカー
====================================== */
.p-access-sticker {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.p-access-sticker__unit {
    width: 100%;
    padding: 1rem;
    margin-top: -1px;
    border: solid 1px #006dba;
}
.p-access-sticker__unit > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-sticker__title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: dashed 1px #ddd;
    margin-bottom: 5px;
}
.p-access-sticker__title-icon {
    width: 3rem;
}
.p-access-sticker__title-text {
    font-weight: bold;
    color: #006dba;
    margin-left: 1rem;
}
@media (min-width: 37.5em) {
    .p-access-sticker__unit {
        width: calc(33.333333% - 5px);
        margin-top: 0;
    }
}
@media (min-width: 64.0625em) {
    .p-access-sticker__title-icon {
        width: 6rem;
    }
}

/* 背景ありボックス
====================================== */
.p-access-bgbox {
    width: 100%;
    padding: 1.5rem;
}
.p-access-bgbox > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-bgbox--bg-yellow {
    background: #fdf5cf;
}
@media (min-width: 64.0625em) {
    .p-access-bgbox {
        padding: 2rem;
    }
}

/* 高速道路料金表
====================================== */
.p-access-highway {
    width: 100%;
}
.p-access-highway__unit {
    display: flex;
    border: solid 1px #ededed;
}
.p-access-highway__unit-cell {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
    font-size: 1.2rem;
}
.p-access-highway__unit-cell--gateway {
    width: 44%;
    background: #fff;
    font-weight: bold;
    color: #006dba;
}
.p-access-highway__unit-cell--standard {
    width: 28%;
    background: #def1fc;
}
.p-access-highway__unit-cell--etc {
    width: 28%;
    background: #cfebfc;
}
.p-access-highway__unit-inline {
    display: inline-block;
    margin: 0 3px;
}
.p-access-highway__between {
    position: relative;
    display: flex;
    height: 2rem;
}
.p-access-highway__between:before {
    position: absolute;
    left: 22%;
    display: block;
    content: "";
    width: 2px;
    height: 100%;
    background: #ededed;
}
@media (min-width: 48em) {
    .p-access-highway {
        display: flex;
    }
    .p-access-highway__unit {
        display: block;
        width: 8.2%;
        height: 100%;
    }
    .p-access-highway__unit-cell {
        font-size: 1.2rem;
    }
    .p-access-highway__unit-cell--gateway {
        justify-content: flex-start;
        width: 100%;
        height: 9rem;
        padding-top: 1.5rem;
        writing-mode: vertical-rl;
    }
    .p-access-highway__unit-cell--standard {
        width: 100%;
        height: 5rem;
        white-space: nowrap;
    }
    .p-access-highway__unit-cell--etc {
        width: 100%;
        height: 7rem;
        white-space: nowrap;
    }
    .p-access-highway__between {
        width: 2%;
        height: auto;
    }
    .p-access-highway__between:before {
        left: auto;
        top: 25%;
        width: 100%;
        height: 3px;
    }
}
@media (min-width: 64.0625em) {
    .p-access-highway__unit-cell {
        font-size: 1.4rem;
    }
    .p-access-highway__unit-cell--gateway {
        height: 11rem;
        font-size: 1.6rem;
    }
}

/* 高速道路　注意事項
====================================== */
.p-access-highway-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.p-access-highway-info__unit {
    width: 100%;
    padding: 1rem;
    margin-top: -1px;
    border: solid 1px #006dba;
}
.p-access-highway-info__unit > *:nth-last-child(n+2) {
    margin-bottom: 1rem;
}
.p-access-highway-info__title {
    padding-bottom: 5px;
    border-bottom: dashed 1px #ddd;
    margin-bottom: 5px;
    text-align: center;
    font-weight: bold;
    color: #006dba;
}
@media (min-width: 37.5em) {
    .p-access-highway-info__unit {
        width: calc(50% - 5px);
        margin-top: 0;
    }
}
@media (min-width: 48em) {
    .p-access-highway-info__unit {
        padding: 1.5rem;
    }
}
/*# sourceMappingURL=access-means.css.map */