@charset 'UTF-8';

/*----------------------------------------
	時刻表共通
----------------------------------------*/

.p-page-schedule
{
    padding: 40px 0;
}

.p-page-schedule__wrapper
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 1200px;
    margin: 0 auto;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.p-page-schedule__left
{
    width: 980px;
    margin-right: 20px;
}

.p-page-schedule__right
{
    width: 200px;
}

.p-page-schedule__right .bnr-link li
{
    margin-bottom: 10px;
}

.p-page-schedule__right .bnr-link li a:hover
{
    opacity: .6;
}

.p-page-schedule__right .bnr-link li a img
{
    width: 100%;
    height: auto;
}

.p-page-schedule__right .text-link li
{
    position: relative;

    border-bottom: 1px solid #fff;
    background: #f0f0f0;
}

.p-page-schedule__right .text-link li:last-child
{
    border-bottom: none;
}

.p-page-schedule__right .text-link li a
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.4;

    display: block;

    padding: 15px 25px 15px 15px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;
    letter-spacing: .05em;

    color: #004ea2;
}

.p-page-schedule__right .text-link li a:hover,
.p-page-schedule__right .text-link li a.is_active
{
    color: #f5a100;
}

.p-page-schedule__right .text-link li a:hover:after,
.p-page-schedule__right .text-link li a.is_active:after
{
    border-color: #f5a100 transparent transparent transparent;
}

.p-page-schedule__right .text-link li a:after
{
    position: absolute;
    top: 50%;
    right: 10px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: border .3s ease;
            transition: border .3s ease;
    -webkit-transform: translateX(-50%) rotate(-90deg);
        -ms-transform: translateX(-50%) rotate(-90deg);
            transform: translateX(-50%) rotate(-90deg);

    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #004ea2 transparent transparent transparent;
}

.p-page-schedule__selector
{
    width: 700px;
    margin: 0 auto;
}

.p-page-schedule__selector ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.p-page-schedule__selector ul li
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100%/2);
    height: 100px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);
    text-align: center;
}

.p-page-schedule__selector ul li:hover
{
    opacity: .8;
}

.p-page-schedule__selector ul li.is_select
{
    padding: 0;

    -webkit-transform: translateY(2px);
        -ms-transform: translateY(2px);
            transform: translateY(2px);

    background-color: #fff;
}

.p-page-schedule__selector ul li.is_select p
{
    font-size: 24px;
    font-size: 1.5rem;

    width: 100%;
    padding-top: 0;

    color: #333;
    background-color: transparent;
}

.p-page-schedule__selector ul li p
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 65px;

    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 60px);
    height: 65px;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    color: #fff;
    border-radius: 3px;
    background-color: #004ea2;
}

.p-page-schedule__content
{
    position: relative;

    display: none;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 980px;
    padding: 40px;

    background-color: #fff;
}

.p-page-schedule__content:nth-of-type(1)
{
    display: block;
}

.p-page-schedule__content.pad
{
    padding: 80px 120px;
}

.p-page-schedule__content .btn-select
{
    margin-bottom: 40px;
}

.p-page-schedule__content .btn-select ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.p-page-schedule__content .btn-select ul li
{
    width: 330px;
    margin-right: 20px;
}

.p-page-schedule__content .btn-select ul li:last-child
{
    margin-right: 0;
}

.p-page-schedule.lang .search-form .time .condition li
{
    width: 100px;
}

.p-page-schedule.lang .route-option .cassette .header
{
    display: block;
}

.p-page-schedule.lang .route-option .cassette .header .label
{
    margin-right: 0;
    margin-bottom: 15px;
}

.p-page-schedule.lang .route-option .cassette .header .station
{
    max-width: 100%;
    /*
						width: 280px;
						@include tablet{
							width: 21.875vw;
						}//tablet
						@include sp{
							width: 58vw;
						}//sp
						*/
}

.p-page-schedule.lang .route-option .cassette .header .meta
{
    top: 20px;

    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
}

.p-page-schedule.lang .route-option .cassette .content .route .path .item .station
{
    width: 370px;
}

.p-page-schedule.lang .route-option .cassette .content .transfer
{
    display: block;
}

.p-page-schedule.lang .route-option .cassette .content .transfer .label
{
    margin-bottom: 10px;
}

.p-page-schedule.lang .route-option .cassette .content .transfer .title
{
    left: -70px;

    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}

/*----------------------------------------
	凡例
----------------------------------------*/

.legend
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 30px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
            align-items: baseline;
}

.legend dt
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    margin-right: 10px;
}

.legend dd
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    margin-right: 20px;
}

.legend dd img
{
    margin-right: 5px;

    vertical-align: middle;
}

/*----------------------------------------
	お知らせ
----------------------------------------*/

.info
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.info h3
{
    font-size: 16px;
    font-size: 1rem;
    line-height: 45px;

    width: 100px;
    padding: 0 5px;

    text-align: center;

    color: #eaf4ff;
    border-radius: 3px;
    background-color: #0e355d;
}

.info p
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 750px;
    padding-left: 20px;
}

.info p a
{
    text-decoration: underline;

    color: #004ea2;
}

.info p a:hover
{
    text-decoration: none;
}

/*----------------------------------------
	検索フォーム
----------------------------------------*/

.search-form
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 40px;

    background-color: #fff;
}

.search-form dl dt
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;

    position: relative;

    margin-bottom: 10px;

    letter-spacing: .05em;

    color: #333;
}

.search-form dl dt .sm
{
    font-size: 14px;
    font-size: .875rem;
}

.search-form dl dt .icon
{
    margin-right: 5px;
}

.search-form dl dt .icon img
{
    vertical-align: top;
}

.search-form dl dt a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    margin-left: 10px;
    padding: 7px 10px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;
    letter-spacing: .05em;

    color: #004ea1;
    border: 1px solid #004ea1;
    border-radius: 3px;
    background-color: #fff;
}

.search-form dl dt a:hover
{
    color: #fff;
    background-color: #004ea1;
}

.search-form dl dt a .icon svg
{
    width: 13px;
    height: auto;
}

.search-form .destination
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .destination.mb
{
    margin-bottom: 30px;
}

.search-form .destination dl
{
    width: 400px;
}

.search-form .destination dl:nth-child(2)
{
    margin-left: auto;
}

.search-form .destination dl.full
{
    width: 100%;
    margin-bottom: 5px;
}

.search-form .destination dl dd
{
    position: relative;
}

.search-form .destination dl dd .close-btn
{
    position: absolute;
    top: 50%;
    right: 10px;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.search-form .destination dl dd .close-btn img
{
    display: block;
}

.search-form .destination dl dd .suggestion
{
    position: absolute;
    z-index: 50;
    top: 65px;
    left: -80px;

    display: none;
    overflow-y: auto;

    width: 750px;
    max-height: 440px;

    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, .25);
            box-shadow: 5px 10px 20px rgba(0, 0, 0, .25);

    -ms-overflow-style: none;
}

.search-form .destination dl dd .suggestion ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .destination dl dd .suggestion ul li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 50%;
    min-height: 115px;
    padding: 15px;

    cursor: pointer;

    border-bottom: 2px solid #dadcdc;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .destination dl dd .suggestion ul li:nth-child(odd)
{
    border-right: 2px solid #dadcdc;
}

.search-form .destination dl dd .suggestion ul li .name
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 230px;
    padding-left: 35px;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 25px;
}

.search-form .destination dl dd .suggestion ul li .name.busstop
{
    background-image: url(../images/common/icon_bus_frame.svg);
}

.search-form .destination dl dd .suggestion ul li .name.community
{
    background-image: url(../images/common/icon_com_bus_stop_frame.svg);
}

.search-form .destination dl dd .suggestion ul li .name.train
{
    background-image: url(../images/common/icon_train_frame.svg);
}

.search-form .destination dl dd .suggestion ul li .name.landmark
{
    background-image: url(../images/common/icon_land_mark_frame.svg);
}

.search-form .destination dl dd .suggestion ul li .name .kana
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;

    display: block;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;

    color: #999;
}

.search-form .destination dl dd .suggestion ul li .district
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;

    width: 110px;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;
    text-align: right;

    color: #999;
}

.search-form .destination dl dd .suggestion ul li:hover .name
{
    color: #f5a100;
}

.search-form .destination dl dd .suggestion ul li:hover .name .kana
{
    color: #f5a100;
}

.search-form .destination dl dd .suggestion ul li:hover .district
{
    color: #f5a100;
}

.search-form .destination .trade
{
    line-height: 45px;

    width: 100px;
    height: 45px;
    margin: 40px 0 0;
    padding: 0;

    cursor: pointer;
    text-align: center;
}

.search-form .destination .trade img
{
    width: 50px;

    vertical-align: middle;
}

.search-form .destination .btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 10px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .destination .btn li
{
    margin-right: 10px;
}

.search-form .destination .btn li:last-child
{
    margin-right: 15px;
}

.search-form .destination .btn li a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 20px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: 1px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.search-form .destination .btn li a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.search-form .destination .btn li a:hover path
{
    fill: #004ea2;
}

.search-form .destination .train-routemap-modal
{
    position: relative;
    z-index: 1000;

    display: none;
}

.search-form .destination .train-routemap-modal .c-modal__container
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 720px;
    height: 80vh;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #f6f7f8;
}

.search-form .destination .train-routemap-modal .c-modal__container .close-btn
{
    position: absolute;
    z-index: 10;
    top: -30px;
    right: -30px;

    cursor: pointer;
}

.search-form .destination .train-routemap-modal .c-modal__container .close-btn img
{
    display: block;

    width: 50px;
    height: 50px;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper
{
    overflow-y: scroll;

    width: 100%;
    height: 100%;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector
{
    width: 100%;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul
{
    width: 100%;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li
{
    width: calc(100%/5);
    height: auto;

    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);

    background-color: #014ea2;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl
{
    position: static;
    top: auto;
    left: auto;

    width: auto;
    padding-top: 18px;

    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);

    border-radius: 0;
    background-color: transparent;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl dt
{
    font-size: 16px;
    font-size: 1rem;

    margin-bottom: 5px;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl dd.en
{
    font-size: 10px;
    font-size: .625rem;
    line-height: 1;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li.is_select
{
    background-color: #f6f7f8;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li.is_select dl
{
    height: 65px;
    padding-top: 18px;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li.is_select dl dt
{
    font-size: 16px;
    font-size: 1rem;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content
{
    width: 100%;
    padding: 0;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station
{
    padding: 10px;

    cursor: pointer;
    -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station:hover
{
    opacity: .8;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station h3
{
    font-size: 20px;
    font-size: 1.25rem;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station.pink
{
    color: #fff;
    border-color: #e85574;
    background-color: #e85574;
}

.search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station.green
{
    color: #fff;
    border-color: #85d685;
    background-color: #85d685;
}

.search-form .place
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 15px;
    padding: 10px;

    border: 2px solid #f6f7f8;
}

.search-form .place dl dt
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;

    margin-bottom: 10px;
}

.search-form .place dl dd ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .place dl dd ul li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 30px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 8px 8px 0;
    padding: 0 10px;

    cursor: pointer;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;

    color: #004ea2;
    border: 1px solid #004ea2;
    border-radius: 3px;
}

.search-form .place dl dd ul li:last-child
{
    margin-right: 0;
}

.search-form .place dl dd ul li:hover
{
    color: #fff;
    background-color: #004ea2;
}

.search-form .day-condition
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .day-condition li
{
    margin-right: 20px;
}

.search-form .day-condition li:last-child
{
    margin-right: 0;
}

.search-form .time
{
    margin-bottom: 15px;
}

.search-form .time.show .date
{
    display: inline-block;
}

.search-form .time.show .hour-minutes
{
    top: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.search-form .time dl dt
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
}

.search-form .time dl dd
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.search-form .time .date
{
    width: 220px;
    margin-right: 30px;
}

.search-form .time .date .c-select-cms:before
{
    top: 38%;
}

.search-form .time .date .c-select-cms:after
{
    top: 62%;
}

.search-form .time .date .c-select-cms select
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 500;
    line-height: 20px;

    padding: 8px 55px 8px 15px;
}

.search-form .time .hour-minutes
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.search-form .time .hour-minutes li
{
    margin-right: 10px;
}

.search-form .time .hour-minutes li span
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    margin-left: 2px;

    vertical-align: bottom;
}

.search-form .time .condition
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    border-radius: 3px;
}

.search-form .time .condition li
{
    position: relative;

    width: 60px;
    margin-right: 2px;
}

.search-form .time .condition li:last-child
{
    margin-right: 0;
}

.search-form .time .simple-option-sp
{
    display: none;
    overflow: hidden;

    margin-bottom: 4vw;

    border-radius: 3px;
}

.search-form .time .simple-option-sp li
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100%/2);

    border-right: .267vw solid #dadcdc;
}

.search-form .time .simple-option-sp li:last-child
{
    border-right: none;
}

.search-form .time .disable-switch-pc
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .time .disable-switch-pc li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 20px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.search-form .time .disable-switch-pc li .c-radio
{
    display: inline-block;

    width: auto;
    margin-right: 3px;
}

.search-form .disable-switch-sp
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .disable-switch-sp .disable-switch-list li
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.search-form .disable-switch-sp .disable-switch-list li .c-radio
{
    display: inline-block;

    width: auto;
    margin-right: 2vw;
}

.search-form .disable-switch-sp .disable-switch-list li .date
{
    margin-bottom: 0;
}

.search-form .disable-switch-sp .disable-switch-list li .date .c-select-cms
{
    width: 40vw;
}

.search-form .disable-switch-sp .disable-switch-list li .date .c-select-cms select
{
    font-size: 4.2vw;
    line-height: 5vw;

    width: 40vw;
}

.search-form .disable-switch-sp .disable-switch-list li .date .c-select-cms:before,
.search-form .disable-switch-sp .disable-switch-list li .date .c-select-cms:after
{
    display: none;
}

.search-form .disable-switch-sp .disable-switch-list li .c-select
{
    font-size: 4.6vw;
    font-weight: 500;

    width: 40vw;
    padding: 1.3vw 8.5vw 1.3vw 4vw;
}

.search-form .specific-select
{
    margin-bottom: 20px;
}

.search-form .specific-select ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.search-form .specific-select ul li
{
    margin-right: 20px;
}

.search-form .specific-select ul li:last-child
{
    margin-right: 0;
}

.search-form .specific-checkbox
{
    margin-bottom: 20px;

    border: 2px solid #004ea2;
    border-radius: 3px;
}

.search-form .specific-checkbox h4
{
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;

    padding: 10px 0;

    cursor: pointer;
    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-align: center;

    color: #004ea2;
}

.search-form .specific-checkbox h4:hover
{
    background-color: #f0f0f0;
}

.search-form .specific-checkbox h4.is_active .status:after
{
    content: '(含む)';
}

.search-form .specific-checkbox h4.is_active .icon:after
{
    display: none;
}

.search-form .specific-checkbox h4 .status:after
{
    content: '(含まない)';
}

.search-form .specific-checkbox h4 .icon
{
    position: relative;

    display: inline-block;

    width: 24px;
    height: 24px;
    margin-left: 10px;

    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    vertical-align: middle;

    border: 2px solid #004ea2;
    border-radius: 50%;
}

.search-form .specific-checkbox h4 .icon:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 12px;
    height: 2px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #004ea2;
}

.search-form .specific-checkbox h4 .icon:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 2px;
    height: 12px;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #004ea2;
}

.search-form .specific-checkbox .wrap
{
    position: relative;

    display: none;

    padding: 20px 30px;
}

.search-form .specific-checkbox .wrap .all-check
{
    line-height: 1;

    position: absolute;
    z-index: 1;
    top: 15px;
    right: 30px;

    padding: 10px;

    border-radius: 3px;
    background-color: #ebedef;
}

.search-form .specific-checkbox .wrap .sp-title
{
    font-size: 4.8vw;
    line-height: 1;

    position: relative;

    display: none;

    padding: 4vw;

    border-top: .267vw solid #dadcdc;
    background-color: #f5f7f8;
}

.search-form .specific-checkbox .wrap .sp-title:nth-of-type(1)
{
    border-top: none;
}

.search-form .specific-checkbox .wrap .sp-title.is_active .icon:after
{
    display: none;
}

.search-form .specific-checkbox .wrap .sp-title .icon
{
    position: absolute;
    top: 50%;
    right: 4vw;

    display: inline-block;

    width: 6.4vw;
    height: 6.4vw;
    margin-left: 2.66vw;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    vertical-align: middle;

    border: .267vw solid #004ea2;
    border-radius: 50%;
}

.search-form .specific-checkbox .wrap .sp-title .icon:before
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 3.2vw;
    height: .533vw;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #004ea2;
}

.search-form .specific-checkbox .wrap .sp-title .icon:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: .533vw;
    height: 3.2vw;

    content: '';
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    background-color: #004ea2;
}

.search-form .specific-checkbox .wrap dl
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 30px;
    padding: 0 0 10px 20px;

    border-bottom: 1px solid #dadcdc;
}

.search-form .specific-checkbox .wrap dl:last-of-type
{
    margin-bottom: 0;
    padding-bottom: 0;

    border-bottom: none;
}

.search-form .specific-checkbox .wrap dl dt
{
    margin-bottom: 15px;
}

.search-form .specific-checkbox .wrap dl dt label
{
    font-size: 18px;
    font-size: 1.125rem;

    color: #333;
}

.search-form .specific-checkbox .wrap dl dt label span
{
    font-size: 14px;
    font-size: .875rem;
}

.search-form .specific-checkbox .wrap dl dd ul
{
    font-size: 0;
    font-size: 0rem;
}

.search-form .specific-checkbox .wrap dl dd ul li
{
    display: inline-block;

    margin: 0 30px 15px 0;
}

/*----------------------------------------
	ルート選択肢
----------------------------------------*/

.route-option .reload
{
    margin-bottom: 10px;
}

.route-option .reload a
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    text-decoration: none;
    letter-spacing: .05em;

    color: #333;
}

.route-option .reload a .icon img
{
    vertical-align: bottom;
}

.route-option .next-page
{
    text-align: right;
}

.route-option .next-page a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;

    position: relative;

    display: inline-block;

    padding: 10px 25px 10px 10px;

    text-decoration: none;

    color: #fff;
    border-radius: 3px;
    background-color: #004ea2;
}

.route-option .next-page a:after
{
    position: absolute;
    top: 50%;
    right: 10px;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 4px 0 4px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.route-option .next-page a:hover
{
    opacity: .6;
}

.route-option .cassette
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 40px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #f6f7f8;
}

.route-option .cassette .header
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 20px;

    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.route-option .cassette .header .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.route-option .cassette .header .label li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 55px;
    height: 38px;
    margin-right: 10px;
    padding: 10px 8px 0;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.route-option .cassette .header .label li:last-child
{
    margin-right: 0;
}

.route-option .cassette .header .label li.num
{
    font-size: 20px;
    font-size: 1.25rem;

    padding-top: 8px;

    background-color: #004ea2;
}

.route-option .cassette .header .label li.stop
{
    background-color: #e83820;
}

.route-option .cassette .header .label li.express
{
    background-color: #004ea2;
}

.route-option .cassette .header .station
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 1;

    max-width: 280px;

    letter-spacing: .05em;
}

.route-option .cassette .header .station span
{
    font-size: 18px;
    font-size: 1.125rem;
}

.route-option .cassette .header .meta
{
    position: absolute;
    top: 50%;
    right: 20px;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.route-option .cassette .header .trans-count
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-right: 10px;

    letter-spacing: .05em;

    color: #004ea2;
}

.route-option .cassette .header .trans-count span
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
}

.route-option .cassette .header .price
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    margin-right: 10px;

    color: #004ea2;
}

.route-option .cassette .header .price img
{
    vertical-align: baseline;
}

.route-option .cassette .header .price span
{
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
}

.route-option .cassette .header .handicap
{
    margin-right: 10px;
}

.route-option .cassette .header .handicap img
{
    width: auto;
    height: 32px;
}

.route-option .cassette .header .route-map a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 30px;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: 1px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.route-option .cassette .header .route-map a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.route-option .cassette .header .route-map a:hover path
{
    fill: #004ea2;
}

.route-option .cassette .notice
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 35px;

    padding: 0 20px;

    color: #333;
    background-color: #ededed;
}

.route-option .cassette .notice.emg
{
    color: #fff;
    background-color: #e83820;
}

.route-option .cassette .notice p span.red
{
    font-size: 20px;
    font-size: 1.25rem;

    color: #e83820;
}

.route-option .cassette .notice p span.blue
{
    color: #004ea2;
}

.route-option .cassette .content
{
    padding: 20px 20px 0;

    background-color: #f6f7f8;
}

.route-option .cassette .content .route
{
    position: relative;
}

.route-option .cassette .content .route .navi.trans
{
    padding-left: 60px;
}

.route-option .cassette .content .route .navi .price
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 30px;

    display: inline-block;

    margin: 0 10px 10px 0;

    letter-spacing: .05em;

    color: #666;
}

.route-option .cassette .content .route .navi .price img
{
    -webkit-transform: translateY(5px);
        -ms-transform: translateY(5px);
            transform: translateY(5px);
}

.route-option .cassette .content .route .navi .handicap
{
    display: inline-block;

    margin: 0 10px 10px 0;
}

.route-option .cassette .content .route .navi .handicap img
{
    width: 24px;
    height: 24px;

    vertical-align: middle;
}

.route-option .cassette .content .route .navi .links
{
    font-size: 0;
    font-size: 0rem;

    display: inline-block;

    margin-bottom: 15px;
}

.route-option .cassette .content .route .navi .links li
{
    display: inline-block;

    margin-right: 20px;
}

.route-option .cassette .content .route .navi .links li a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;

    position: relative;

    display: block;

    text-decoration: none;

    color: #004ea2;
    /*
								&:after{
									content: "";
									width: 0;
									height: 0;
									border-style: solid;
									border-width: 4.5px 0 4.5px 4px;
									border-color: transparent transparent transparent #004ea2;
									position: absolute;
									top: 6px;
									right: -8px;
									@include tablet{
										border-width: .352vw 0 .352vw .313vw;
										top: .469vw;
										right: -.625vw;
									}//tablet
									@include sp{
										border-width: 1.2vw 0 1.2vw 1.067vw;
										top: 1.4vw;
										right: -2vw;
									}//sp
								}//:after
								*/
}

.route-option .cassette .content .route .navi .links li a:hover
{
    text-decoration: underline;
}

.route-option .cassette .content .route .navi .search
{
    position: absolute;
    top: -2px;
    right: 0;
}

.route-option .cassette .content .route .navi .search a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 30px;

    display: block;

    padding: 0 10px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: 1px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.route-option .cassette .content .route .navi .search a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.route-option .cassette .content .route .path
{
    position: relative;
}

.route-option .cassette .content .route .path:after
{
    position: absolute;
    top: 0;
    left: 30px;

    display: block;

    width: 10px;
    height: 100%;

    content: '';

    background-color: #0e355d;
}

.route-option .cassette .content .route .path .item
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 20px;
    padding: 10px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    /*
						.icon{
							margin-right: 10px;
							@include tablet{
								margin-right: .781vw;
								
								img{
									width: auto;
									height: 2.813vw;
									@include hack(gteIE11){
										width: 2.813vw;
									}//IE11
								}//img
							}//tablet
							@include sp{
								margin: 0 1.33vw 1.33vw 0;
								
								img{
									width: 10vw;
									height: auto;
								}//img
							}//sp
						}//.icon
						*/
}

.route-option .cassette .content .route .path .item .label
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 30px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50px;
    margin-right: 10px;
    padding: 0 5px;

    text-align: center;

    color: #004ea2;
    border: 2px solid #004ea2;
    border-radius: 3px;
}

.route-option .cassette .content .route .path .item .time
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-right: 10px;

    letter-spacing: .05em;
}

.route-option .cassette .content .route .path .item .time span
{
    font-size: 28px;
    font-size: 1.75rem;
}

.route-option .cassette .content .route .path .item .station
{
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2;

    padding: 5px 0 5px 45px;

    background-repeat: no-repeat;
    background-position: 0 50%;
}

.route-option .cassette .content .route .path .item .station.bus
{
    background-image: url(../images/common/icon_bus_frame.svg);
}

.route-option .cassette .content .route .path .item .station.com-bus
{
    background-image: url(../images/common/icon_com_bus_stop_frame.svg);
}

.route-option .cassette .content .route .path .item .station.train
{
    background-image: url(../images/common/icon_train_frame.svg);
}

.route-option .cassette .content .route .path .item .station.landmark
{
    background-image: url(../images/common/icon_land_mark_frame.svg);
}

.route-option .cassette .content .route .path .item .btn
{
    position: absolute;
    top: 50%;
    right: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.route-option .cassette .content .route .path .item .btn li
{
    margin-right: 10px;
}

.route-option .cassette .content .route .path .item .btn li:last-child
{
    margin-right: 15px;
}

.route-option .cassette .content .route .path .item .btn li a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 20px;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: 1px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.route-option .cassette .content .route .path .item .btn li a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.route-option .cassette .content .route .path .item .btn li a:hover path
{
    fill: #004ea2;
}

.route-option .cassette .content .transfer
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 60px);
    margin: 0 0 15px 60px;
    padding: 20px;

    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    /*
				&:before{
					content: "乗換";
					color: #004ea2;
					@include fs(13);
					font-weight: 600;
					position: absolute;
					top: 30px;
					left: -65px;
					@include tablet{
						font-size: 1.016vw;
						top: 2.344vw;
						left: -5.078vw;
					}//tablet
					@include sp{
						font-size: 3.2vw;
						top: 8vw;
						left: -13.6vw;
					}//sp
				}//:after
				*/
}

.route-option .cassette .content .transfer .title
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;

    position: absolute;
    z-index: 1;
    top: 50%;
    left: -60px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    color: #004ea2;
}

.route-option .cassette .content .transfer:after
{
    position: absolute;
    top: -20px;
    left: -30px;

    width: 10px;
    height: 240px;

    content: '';

    background-color: #f5a100;
}

.route-option .cassette .content .transfer .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.route-option .cassette .content .transfer .label li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 55px;
    height: 38px;
    margin-right: 10px;
    padding: 10px 8px 0;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.route-option .cassette .content .transfer .label li.stop
{
    background-color: #e83820;
}

.route-option .cassette .content .transfer .label li.express
{
    background-color: #004ea2;
}

.route-option .cassette .content .transfer .label li.num
{
    font-size: 20px;
    font-size: 1.25rem;

    padding-top: 8px;

    background-color: #004ea2;
}

.route-option .cassette .content .transfer .station
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.4;

    max-width: 500px;
}

.route-option .cassette .content .transfer .station .sm
{
    font-size: 18px;
    font-size: 1.125rem;

    display: block;
}

.route-option .cassette .content .transfer .trans-info
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 40px;
}

.route-option .cassette .content .transfer .trans-info a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    padding: 5px;

    text-decoration: none;

    color: #fff;
    border-radius: 3px;
    background-color: #004ea2;
}

.route-option .cassette .content .transfer .trans-info a:hover
{
    opacity: .6;
}

.route-option .cassette .content .transfer .trans-info a img
{
    width: auto;
    height: 13px;
}

.route-option .cassette .info
{
    margin-bottom: 0;

    border-right: none;
    border-bottom: none;
    border-left: none;
}

/*----------------------------------------
	西鉄バス定期券運賃検索
----------------------------------------*/

.fare-search .menu ul li
{
    margin-bottom: 20px;
}

.fare-search .menu ul li a
{
    position: relative;

    display: block;

    padding: 20px 50px 20px 20px;

    text-decoration: none;

    border: 3px solid #dadcdc;
}

.fare-search .menu ul li a:hover
{
    background-color: #f0f0f0;
}

.fare-search .menu ul li a:hover:after
{
    right: 15px;
}

.fare-search .menu ul li a:after
{
    position: absolute;
    top: 50%;
    right: 20px;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transition: right .3s ease;
            transition: right .3s ease;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 6px 0 6px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.fare-search .menu ul li a dl dt
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;

    margin-bottom: 5px;

    color: #004ea2;
}

.fare-search .menu ul li a dl dd
{
    font-size: 15px;
    font-size: .9375rem;

    color: #666;
}

.fare-search .fare-table
{
    margin-bottom: 40px;
}

.fare-search .fare-table .line-name
{
    font-size: 3.733vw;

    margin-bottom: 2.667vw;

    color: #333;
}

.fare-search .fare-table .print-btn
{
    margin-bottom: 20px;

    text-align: right;
}

.fare-search .fare-table .print-btn a
{
    font-size: 13px;
    font-size: .8125rem;
    line-height: 1;

    display: inline-block;

    padding: 10px;

    text-decoration: none;

    color: #fff;
    border-radius: 3px;
    background-color: #004ea2;
}

.fare-search .fare-table .print-btn a:hover
{
    opacity: .6;
}

.fare-search .fare-table .print-btn a .icon img
{
    width: 14px;
    height: 13px;
}

.fare-search .fare-table table
{
    width: 100%;

    border: 1px solid #dadcdc;
}

.fare-search .fare-table table:nth-of-type(2)
{
    margin-top: 40px;
}

.fare-search .fare-table table th,
.fare-search .fare-table table td
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px 20px;

    border: 1px solid #dadcdc;
}

.fare-search .fare-table table th
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 2;

    vertical-align: middle;

    background-color: #f6f7f8;
}

.fare-search .fare-table table th.month
{
    line-height: 1;

    width: 200px;
}

.fare-search .fare-table table th.type
{
    line-height: 1;

    width: 100px;
}

.fare-search .fare-table table th.title
{
    text-align: center;

    background-color: #ededed;
}

.fare-search .fare-table table td
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;

    width: 260px;

    text-align: right;
    letter-spacing: .05em;
}

.fare-search .fare-table table td .num
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;

    color: #004ea2;
}

/*----------------------------------------
	のりば案内
----------------------------------------*/

.bus-stop-guide .guide
{
    margin-bottom: 40px;
}

.bus-stop-guide .guide img
{
    width: 100%;
    height: auto;
}

.bus-stop-guide .bus-stop-table table
{
    width: 100%;

    border: 1px solid #dadcdc;
}

.bus-stop-guide .bus-stop-table table th,
.bus-stop-guide .bus-stop-table table td
{
    width: 50%;
    padding: 10px 20px;

    border: 1px solid #dadcdc;
}

.bus-stop-guide .bus-stop-table table th
{
    background-color: #f6f7f8;
}

/*----------------------------------------
	マップ検索
----------------------------------------*/

.map-search p
{
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.8;

    margin-bottom: 20px;
}

.map-search .legend
{
    margin-bottom: 20px;
}

.map-search .search-result
{
    margin-bottom: 60px;
}

.map-search .search-result dt
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1;

    margin-bottom: 10px;
}

.map-search .search-result dd
{
    margin-bottom: 30px;
}

.map-search .search-result dd ul li
{
    line-height: 1;

    margin-bottom: 10px;
}

.map-search .search-result dd ul li a
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;

    text-decoration: none;

    color: #004ea2;
}

.map-search .search-result dd ul li a:hover
{
    text-decoration: underline;
}

.map-search .search-result dd ul li a .icon
{
    margin-right: 5px;
}

.map-search .search-result dd ul li a .icon img
{
    width: auto;
    height: 14px;

    vertical-align: middle;
}

.map-search .map_container
{
    margin-bottom: 30px;
}

.map-search .map_container .sp-control
{
    position: relative;

    display: none;

    margin-top: 4vw;
}

.map-search .map_container .sp-control .scale
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: auto;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.map-search .map_container .sp-control .scale li
{
    border-right: .267vw solid #dadcdb;
}

.map-search .map_container .sp-control .scale li:last-child
{
    border-right: none;
}

.map-search .map_container .sp-control .scale li a
{
    font-size: 4.267vw;
    font-weight: 600;
    line-height: 1;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 8vw;
    height: 8vw;
    padding-top: 1.6vw;

    text-align: center;
    text-decoration: none;

    color: #333;
    background-color: #ecedef;
}

.map-search .map_container .sp-control .current
{
    position: absolute;
    top: 0;
    right: 0;
}

.map-search .map_container .sp-control .current a
{
    font-size: 3.467vw;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    padding: 2.133vw;

    text-decoration: none;

    color: #fff;
    border-radius: .8vw;
    background-color: #004ea1;
}

.map-search .map_container .sp-control .current a .icon
{
    margin-right: 1.333vw;
}

.map-search .map_container .sp-control .current a .icon img
{
    width: 3.467vw;
    height: auto;
}

.map-search .keyword
{
    margin-bottom: 40px;
}

.map-search .keyword dt
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.8;

    margin-bottom: 10px;

    color: #333;
}

.map-search .keyword dd
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.map-search .keyword dd .c-input
{
    width: 690px;
    margin-right: 10px;
}

.map-search .keyword dd .c-input input
{
    height: 50px;
}

.map-search .keyword dd .c-search-btn
{
    line-height: 46px;

    width: 200px;
}

/*----------------------------------------
	バス発着時刻表
----------------------------------------*/

.bus-departure-arrival .direction
{
    font-size: 3.733vw;
    line-height: 1.4;

    margin-bottom: 2.667vw;
}

.bus-departure-arrival .departure-arrival-table table
{
    width: 100%;
    margin-bottom: 40px;
}

.bus-departure-arrival .departure-arrival-table table th,
.bus-departure-arrival .departure-arrival-table table td
{
    vertical-align: middle;

    border: 1px solid #ddd;
}

.bus-departure-arrival .departure-arrival-table table th
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.6;

    padding: 10px 0;

    text-align: center;

    background-color: #f6f7f8;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(1)
{
    width: 140px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(1) .arrow
{
    position: relative;

    display: inline-block;

    margin-right: 20px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(1) .arrow:after
{
    position: absolute;
    top: 50%;
    right: -13px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);

    border: 2px solid #c4c4c4;
    border-bottom: none;
    border-left: none;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(2)
{
    width: 220px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(3)
{
    width: 220px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(4)
{
    width: 90px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(5)
{
    width: 90px;
}

.bus-departure-arrival .departure-arrival-table table th:nth-of-type(6)
{
    width: 140px;
}

.bus-departure-arrival .departure-arrival-table table td
{
    padding: 15px 10px;
}

.bus-departure-arrival .departure-arrival-table table td .time
{
    text-align: center;
}

.bus-departure-arrival .departure-arrival-table table td .time li
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1;

    position: relative;

    display: inline-block;

    letter-spacing: .05em;
}

.bus-departure-arrival .departure-arrival-table table td .time li:nth-child(1)
{
    margin-right: 20px;
}

.bus-departure-arrival .departure-arrival-table table td .time li:nth-child(1):after
{
    position: absolute;
    top: 50%;
    right: -14px;

    display: block;

    width: 6px;
    height: 6px;

    content: '';
    -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);

    border: 2px solid #c4c4c4;
    border-bottom: none;
    border-left: none;
}

.bus-departure-arrival .departure-arrival-table table td .status
{
    margin-top: 5px;

    text-align: center;
}

.bus-departure-arrival .departure-arrival-table table td .status li
{
    line-height: 1;

    margin-bottom: 10px;
}

.bus-departure-arrival .departure-arrival-table table td .status li.pass
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .status li.stop
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;

    color: #e83820;
}

.bus-departure-arrival .departure-arrival-table table td .status li.location
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: 500;
}

.bus-departure-arrival .departure-arrival-table table td .status li.delay
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;

    margin-bottom: 0;
}

.bus-departure-arrival .departure-arrival-table table td .status li.red
{
    color: #e83820;
}

.bus-departure-arrival .departure-arrival-table table td .departure-arrival
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-table table td .departure-arrival dt
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45px;
    margin-right: 10px;
    padding: 8px 5px;

    text-align: center;
    letter-spacing: .05em;

    color: #004ea2;
    border: 2px solid #004ea2;
    border-radius: 3px;
}

.bus-departure-arrival .departure-arrival-table table td .departure-arrival dd
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;

    width: 140px;
}

.bus-departure-arrival .departure-arrival-table table td .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-table table td .label li
{
    margin-right: 5px;
}

.bus-departure-arrival .departure-arrival-table table td .label li:last-child
{
    margin-right: 0;
}

.bus-departure-arrival .departure-arrival-table table td .label li img
{
    height: 30px;
}

.bus-departure-arrival .departure-arrival-table table td .label li.mark
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 45px;
    height: 30px;
    padding-top: 8px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.bus-departure-arrival .departure-arrival-table table td .label li.mark.blue
{
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .label li.mark.red
{
    background-color: #e83820;
}

.bus-departure-arrival .departure-arrival-table table td .label li.mark.num
{
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .name
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
}

.bus-departure-arrival .departure-arrival-table table td .name .sm
{
    font-size: 12px;
    font-size: .75rem;

    display: block;
}

.bus-departure-arrival .departure-arrival-table table td .num
{
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;

    text-align: center;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .num .yen
{
    font-size: 14px;
    font-size: .875rem;

    color: #333;
}

.bus-departure-arrival .departure-arrival-table table td .links li
{
    line-height: 1;

    margin-bottom: 10px;
}

.bus-departure-arrival .departure-arrival-table table td .links li:last-child
{
    margin-bottom: 0;
}

.bus-departure-arrival .departure-arrival-table table td .links li a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;

    position: relative;

    display: inline-block;

    text-decoration: none;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .links li a:after
{
    position: absolute;
    top: 50%;
    right: -8px;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 4.5px 0 4.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.bus-departure-arrival .departure-arrival-table table td .links li a:hover
{
    text-decoration: underline;
}

.bus-departure-arrival .departure-arrival-table .c-viewmore-btn
{
    width: 330px;
    margin: 0 auto;
}

.bus-departure-arrival .departure-arrival-list .current-time
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 10px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-list .current-time p
{
    font-size: 3.467vw;
    font-weight: 600;
    line-height: 1.4;
}

.bus-departure-arrival .departure-arrival-list .current-time a
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    margin-left: auto;
    padding: 1.6vw 2.667vw;

    text-decoration: none;

    color: #fff;
    border-radius: .8vw;
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-list ul
{
    margin-bottom: 5.333vw;
}

.bus-departure-arrival .departure-arrival-list ul li
{
    margin-bottom: 2.667vw;
}

.bus-departure-arrival .departure-arrival-list ul li a
{
    position: relative;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 14.667vw;
    padding: 0 2.667vw 0 2vw;

    text-decoration: none;

    color: #333;
    border: .533vw solid #dadcdc;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.bus-departure-arrival .departure-arrival-list ul li a:after
{
    position: absolute;
    top: 50%;
    right: 1.333vw;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 1.067vw 0 1.067vw .933vw;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.bus-departure-arrival .departure-arrival-list ul li a .time
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 0;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-list ul li a .time li
{
    font-size: 2.667vw;
    font-weight: 700;

    position: relative;

    margin-bottom: 0;
}

.bus-departure-arrival .departure-arrival-list ul li a .time li .num
{
    font-size: 6.4vw;
}

.bus-departure-arrival .departure-arrival-list ul li a .time li:first-child
{
    margin-right: 4vw;
}

.bus-departure-arrival .departure-arrival-list ul li a .time li:first-child:after
{
    position: absolute;
    top: 50%;
    right: -2.667vw;

    display: block;

    width: 1.867vw;
    height: .667vw;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #333;
}

.bus-departure-arrival .departure-arrival-list ul li a .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 0;
    margin-left: auto;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 9.333vw;

    min-width: 9.333vw;
    height: 9.333vw;
    margin-right: 1vw;
    margin-bottom: 0;

    text-align: center;

    color: #fff;
    border-radius: .8vw;
    background-color: #c4c4c4;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li:last-child
{
    margin-right: 1vw;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li.num
{
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li.blue
{
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li.red
{
    background-color: #e83820;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li.handicap
{
    background-color: transparent;
}

.bus-departure-arrival .departure-arrival-list ul li a .label li.handicap img
{
    width: 9.333vw;
    height: 9.333vw;
}

.bus-departure-arrival .departure-arrival-list ul li .status
{
    font-size: 4.533vw;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 2.667vw;

    text-align: left;

    border: .533vw solid #dadcdc;
    border-top: none;
    background-color: #ededed;
}

.bus-departure-arrival .departure-arrival-list ul li .status .red
{
    color: #e83820;
}

.bus-departure-arrival .departure-arrival-list .c-viewmore-btn
{
    padding: 0;
}

.bus-departure-arrival .departure-arrival-detail .cassette
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 4vw;

    border: .522vw solid #dadcdc;
    border-radius: .4vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content
{
    padding: 2.66vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route
{
    position: relative;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path
{
    position: relative;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path:after
{
    position: absolute;
    top: 0;
    left: 6vw;

    display: block;

    width: 2.666vw;
    height: 100%;

    content: '';

    background-color: #0e355d;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.66vw;

    border: .266vw solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
    /*
							.icon{
								margin: 0 1.33vw 1.33vw 0;
								
								img{
									width: 10vw;
									height: auto;
								}//img
							}//.icon
							*/
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .label
{
    font-size: 2.8vw;
    font-weight: 600;
    line-height: 6.66vw;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 1.33vw 1.33vw 0;
    padding: 0 1.33vw;

    text-align: center;

    color: #004ea2;
    border: .533vw solid #004ea2;
    border-radius: .8vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .time
{
    font-size: 2.8vw;
    font-weight: 700;
    line-height: 1;

    display: block;

    width: 58.667vw;
    margin: 0 1.33vw 1.33vw 0;

    letter-spacing: .05em;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .time span
{
    font-size: 6.4vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .station
{
    font-size: 4.266vw;
    font-weight: 700;
    line-height: 1.2;

    width: 68vw;
    padding: 1.867vw 0 1.867vw 10.667vw;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 8.667vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .station.bus
{
    background-image: url(../images/common/icon_bus_frame.svg);
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .station.com-bus
{
    background-image: url(../images/common/icon_com_bus_stop_frame.svg);
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .station.train
{
    background-image: url(../images/common/icon_train_frame.svg);
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .station.landmark
{
    background-image: url(../images/common/icon_land_mark_frame.svg);
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li
{
    margin: 2.66vw 1.33vw 0 0;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li:last-child
{
    margin-right: 0;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li a
{
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 6vw;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1.33vw;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: .267vw solid #004ea2;
    border-radius: .8vw;
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li a svg
{
    width: 3.541vw;
    height: 2.66vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .route .path .item .btn li a:hover path
{
    fill: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 3.333vw 3.333vw 3.333vw 12vw;

    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .title
{
    font-size: 3.2vw;
    font-weight: 600;

    position: absolute;
    z-index: 1;
    top: 8vw;
    left: -13.6vw;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main:after
{
    position: absolute;
    top: 0;
    left: 4.34vw;

    width: 2.666vw;
    height: 100%;

    content: '';

    background-color: #0e355d;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .label li
{
    font-size: 3.467vw;
    font-weight: 600;
    line-height: 9.333vw;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    min-width: 9.333vw;
    margin-right: 1.333vw;
    margin-bottom: 1.33vw;
    padding: 0 1.33vw;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .label li.num
{
    font-size: 4.267vw;

    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .label li.blue
{
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .label li.red
{
    background-color: #e83820;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .station
{
    font-size: 5.6vw;
    font-weight: 700;
    line-height: 1.2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .station .sm
{
    font-size: 3.2vw;

    display: block;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 1.333vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
            align-items: baseline;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li
{
    margin-right: 1.333vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li .required-time
{
    font-size: 3.2vw;
    font-weight: 600;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li .required-time .num
{
    font-size: 5.6vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li .price
{
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 1;

    margin-right: 2.66vw;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li .price img
{
    width: auto;
    height: 5.133vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .meta li .price span
{
    font-size: 5.6vw;
    font-weight: 700;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .route-map a
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 7.333vw;

    display: inline-block;

    padding: 0 1.333vw;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #004ea2;
    border: .266vw solid #004ea2;
    border-radius: 3px;
    background-color: #fff;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .route-map a svg path
{
    fill: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .links
{
    font-size: 0;
    font-size: 0rem;

    display: inline-block;

    margin-bottom: 2.66vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .links li
{
    display: inline-block;

    margin-right: 4vw;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .links li a
{
    font-size: 3.2vw;
    font-weight: 600;

    position: relative;

    display: block;

    text-decoration: none;

    color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .links li a:after
{
    position: absolute;
    top: 1.4vw;
    right: -2vw;

    width: 0;
    height: 0;

    content: '';

    border-width: 1.2vw 0 1.2vw 1.067vw;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .links li a:hover
{
    text-decoration: underline;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .search a
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 7.33vw;

    display: inline-block;

    padding: 0 2.66vw;

    -webkit-transition: all .3s ease;
            transition: all .3s ease;
    text-decoration: none;

    color: #fff;
    border: .133vw solid #004ea2;
    border-radius: .8vw;
    background-color: #004ea2;
}

.bus-departure-arrival .departure-arrival-detail .cassette .content .main .navi .search a:hover
{
    color: #004ea2;
    background-color: #fff;
}

/*----------------------------------------
	バス停標柱接近案内検索
----------------------------------------*/

.bus-stop-approach-search .c-input
{
    margin-bottom: 4vw;
}

.bus-stop-approach-search .desc
{
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 1.6;

    margin: 5.333vw 0;
}

.bus-stop-approach-search .title
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 1.4;

    margin-bottom: 5.333vw;
}

.bus-stop-approach-search .current-time
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 4vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-stop-approach-search .current-time p
{
    font-size: 3.467vw;
    font-weight: 600;
    line-height: 1.4;
}

.bus-stop-approach-search .current-time a
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    margin-left: auto;
    padding: 1.6vw 2.667vw;

    text-decoration: none;

    color: #fff;
    border-radius: .8vw;
    background-color: #004ea2;
}

.bus-stop-approach-search .c-link-btn
{
    line-height: 11.6666vw;

    margin-bottom: 4vw;
}

.bus-stop-approach-search .bus-stop-select ul
{
    margin-bottom: 8vw;
}

.bus-stop-approach-search .bus-stop-select ul li
{
    margin-bottom: 2.667vw;
}

.bus-stop-approach-search .bus-stop-select ul li:last-child
{
    margin-bottom: 0;
}

.bus-stop-approach-search .bus-stop-select ul li a
{
    font-size: 3.733vw;
    font-weight: 500;
    line-height: 1;

    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 10.667vw;
    padding: 2.667vw 2.667vw 0;

    text-decoration: none;

    color: #333;
    border: .533vw solid #dadcdc;
}

.bus-stop-approach-search .bus-stop-select ul li a:after
{
    position: absolute;
    top: 50%;
    right: 1.333vw;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 1.067vw 0 1.067vw .933vw;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list
{
    margin-bottom: 8vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-bottom: 2.66vw;

    border: .532vw solid #dadcdc;
    border-radius: .4vw;
    background-color: #f6f7f8;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 2.66vw;

    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 2.66vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label li
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 12vw;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin-right: 1.33vw;

    text-align: center;

    color: #fff;
    border-radius: .8vw;
    background-color: #c4c4c4;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label li:last-child
{
    margin-right: 0;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label li.num
{
    font-size: 4.5vw;

    background-color: #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label li.stop
{
    background-color: #e83820;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .label li.express
{
    background-color: #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .station
{
    font-size: 6.66vw;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .05em;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .station .sm
{
    font-size: 3.2vw;

    display: block;

    margin-top: 1.33vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .time
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-top: 2.66vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .time dt
{
    font-size: 2.8vw;
    font-weight: 600;
    line-height: 6.66vw;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 10vw;
    margin-right: 1.33vw;

    text-align: center;

    color: #004ea2;
    border: .533vw solid #004ea2;
    border-radius: .8vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .time dd
{
    font-weight: 700;
    line-height: 1;

    letter-spacing: .05em;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .header .time dd .num
{
    font-size: 6.4vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .notice
{
    font-size: 3.2vw;
    font-weight: 600;
    line-height: 8.66vw;

    padding: 0 2.66vw;

    color: #333;
    background-color: #ededed;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .notice.emg
{
    color: #fff;
    background-color: #e83820;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .notice p span.red
{
    font-size: 4vw;

    color: #e83820;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .notice p span.blue
{
    color: #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .links
{
    font-size: 0;
    font-size: 0rem;

    padding: 2.66vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .links li
{
    display: inline-block;

    margin-right: 4vw;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .links li a
{
    font-size: 3.2vw;
    font-weight: 600;

    position: relative;

    display: block;

    text-decoration: none;

    color: #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .links li a:after
{
    position: absolute;
    top: 1.4vw;
    right: -2vw;

    width: 0;
    height: 0;

    content: '';

    border-width: 1.2vw 0 1.2vw 1.067vw;
    border-style: solid;
    border-color: transparent transparent transparent #004ea2;
}

.bus-stop-approach-search .bus-stop-approach-list .cassette .links li a:hover
{
    text-decoration: underline;
}

.bus-stop-approach-search .form dt
{
    font-size: 4.8vw;
    font-weight: 600;
    line-height: 1;

    position: relative;

    margin-bottom: 5vw;

    letter-spacing: .05em;

    color: #333;
}

.bus-stop-approach-search .form dt .icon img
{
    height: 4.66vw;

    vertical-align: top;
}

/*----------------------------------------
	バス停行先選択表示
----------------------------------------*/

.bus-stop-destination-select .c-text-cms
{
    margin-bottom: 10px;
}

.bus-stop-destination-select .select-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 30px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-stop-destination-select .select-list li
{
    margin: 0 20px 5px 0;
}

.bus-stop-destination-select .select-list li:last-child
{
    margin-right: 0;
}

.bus-stop-destination-select .check-select
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 30px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-stop-destination-select .check-select li
{
    margin-right: 10px;
}

.bus-stop-destination-select .check-select li:last-child
{
    margin-right: 0;
}

.bus-stop-destination-select .check-select li a
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px 10px;

    text-decoration: none;

    color: #fff;
    border: 2px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.bus-stop-destination-select .check-select li a:hover
{
    opacity: .6;
}

.bus-stop-destination-select .check-select li.release a
{
    color: #004ea2;
    background-color: transparent;
}

.bus-stop-destination-select .bus-stop-table
{
    margin-bottom: 40px;
}

.bus-stop-destination-select .bus-stop-table table
{
    width: 100%;
    margin-bottom: 30px;

    border: 1px solid #dadcdc;
}

.bus-stop-destination-select .bus-stop-table table tr th,
.bus-stop-destination-select .bus-stop-table table tr td
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;

    vertical-align: middle;

    border: 1px solid #dadcdc;
}

.bus-stop-destination-select .bus-stop-table table tr th
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;

    text-align: center;
    letter-spacing: .05em;

    background-color: #f6f7f8;
}

.bus-stop-destination-select .bus-stop-table table tr th:nth-child(1)
{
    width: 90px;
}

.bus-stop-destination-select .bus-stop-table table tr th:nth-child(2)
{
    width: 190px;
}

.bus-stop-destination-select .bus-stop-table table tr th:nth-child(3)
{
    width: 250px;
}

.bus-stop-destination-select .bus-stop-table table tr th:nth-child(4)
{
    width: 300px;
}

.bus-stop-destination-select .bus-stop-table table tr th:nth-child(5)
{
    width: 130px;
}

.bus-stop-destination-select .bus-stop-table table tr td:nth-child(1)
{
    width: 90px;
}

.bus-stop-destination-select .bus-stop-table table tr td:nth-child(2)
{
    width: 190px;
}

.bus-stop-destination-select .bus-stop-table table tr td:nth-child(3)
{
    width: 250px;
}

.bus-stop-destination-select .bus-stop-table table tr td:nth-child(4)
{
    width: 300px;
}

.bus-stop-destination-select .bus-stop-table table tr td:nth-child(5)
{
    width: 130px;
}

.bus-stop-destination-select .bus-stop-table table tr td .c-checkbox
{
    display: block;

    width: 20px;
    height: 20px;
    margin: 0 auto;
    padding-left: 0;
}

.bus-stop-destination-select .bus-stop-table table tr td .label
{
    font-size: 0;
    font-size: 0rem;

    text-align: left;
}

.bus-stop-destination-select .bus-stop-table table tr td .label li
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 48px;
    height: 25px;
    margin: 0 5px 5px 0;
    padding-top: 5px;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.bus-stop-destination-select .bus-stop-table table tr td .label li:nth-child(3n)
{
    margin-right: 0;
}

.bus-stop-destination-select .bus-stop-table table tr td .label li.num
{
    font-size: 15px;
    font-size: .9375rem;

    padding-top: 4.5px;

    background-color: #004ea2;
}

.bus-stop-destination-select .bus-stop-table table tr td .label li:last-child
{
    margin-right: 0;
}

.bus-stop-destination-select .bus-stop-table table tr td p
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
}

.bus-stop-destination-select .bus-stop-table table tr td p .icon
{
    margin-right: 5px;
}

.bus-stop-destination-select .bus-stop-table table tr td p .icon img
{
    width: auto;
    height: 20px;

    vertical-align: middle;
}

.bus-stop-destination-select .time-schedule-table
{
    margin-bottom: 80px;
}

.bus-stop-destination-select .time-schedule-table:last-of-type
{
    margin-bottom: 0;
}

.bus-stop-destination-select .time-schedule-table table
{
    width: 100%;
    margin-bottom: 30px;

    border: 1px solid #dadcdc;
}

.bus-stop-destination-select .time-schedule-table table.green tr:nth-child(even)
{
    background-color: #d4f7d4;
}

.bus-stop-destination-select .time-schedule-table table.yellow tr:nth-child(even)
{
    background-color: #fcfcb6;
}

.bus-stop-destination-select .time-schedule-table table.yellow tr th
{
    width: auto;
}

.bus-stop-destination-select .time-schedule-table table.yellow tr th:nth-child(1)
{
    width: 100px;
}

.bus-stop-destination-select .time-schedule-table table.red tr:nth-child(even)
{
    background-color: #fddaf9;
}

.bus-stop-destination-select .time-schedule-table table.red tr th
{
    width: auto;
}

.bus-stop-destination-select .time-schedule-table table.red tr th:nth-child(1)
{
    width: 100px;
}

.bus-stop-destination-select .time-schedule-table table tr:nth-child(2)
{
    background-color: #fff !important;
}

.bus-stop-destination-select .time-schedule-table table tr th,
.bus-stop-destination-select .time-schedule-table table tr td
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 8px 10px;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #dadcdc;
}

.bus-stop-destination-select .time-schedule-table table tr th
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;

    width: 265px;

    text-align: center;
    letter-spacing: .05em;

    background-color: #f6f7f8;
}

.bus-stop-destination-select .time-schedule-table table tr th:nth-child(1)
{
    width: 100px;
}

.bus-stop-destination-select .time-schedule-table table tr td
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
}

.bus-stop-destination-select .time-schedule-table table tr td .num
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
            justify-content: center;
}

.bus-stop-destination-select .time-schedule-table table tr td .num li
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50px;
    height: 25px;
    margin: 0 5px 5px;
    padding-top: 5px;

    color: #fff;
    border-radius: 3px;
    background-color: #004ea2;
}

.bus-stop-destination-select .time-schedule-table table tr td .num li.handicap
{
    width: auto;
    height: 25px;
    padding-top: 0;

    border-radius: 0;
    background-color: transparent;
}

.bus-stop-destination-select .time-schedule-table table tr td .num li.handicap img
{
    width: auto;
    height: 25px;
}

.bus-stop-destination-select .time-schedule-table table tr td .min
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-stop-destination-select .time-schedule-table table tr td .min li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;

    display: inline-block;

    margin: 0 5px;

    color: #666;
    border-radius: 3px;
}

.bus-stop-destination-select .time-schedule-table table tr td.time
{
    font-size: 10px;
    font-size: .625rem;
    font-weight: 700;

    text-align: center;
}

.bus-stop-destination-select .time-schedule-table table tr td.time span
{
    font-size: 20px;
    font-size: 1.25rem;
}

/*----------------------------------------
	電車通過時刻表
----------------------------------------*/

.bus-passing-timetable .status-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 20px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-passing-timetable .status-list li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin-right: 10px;
    padding: 8px;

    border: 2px solid #3393f7;
    border-radius: 3px;
    background-color: #fff;
}

.bus-passing-timetable .status-list li.on
{
    border-color: #d94141;
}

.bus-passing-timetable .status-list li.passed
{
    border-color: #c4c4c4;
    background-color: #c4c4c4;
}

.bus-passing-timetable .status-list li.bus-current
{
    line-height: 34px;

    margin-left: 30px;
    padding: 0;

    border: none;
    background-color: transparent;
}

.bus-passing-timetable .path-heading
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-passing-timetable .path-heading li
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 10px;

    text-align: center;
}

.bus-passing-timetable .path-heading li:first-child
{
    width: 110px;

    border-right: 2px solid #dadcdc;
}

.bus-passing-timetable .path-heading li:last-child
{
    width: calc(100% - 130px);
}

.bus-passing-timetable .cassette
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #f6f7f8;
}

.bus-passing-timetable .cassette .header
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 20px;

    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-passing-timetable .cassette .header .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.bus-passing-timetable .cassette .header .label li
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 65px;
    height: 40px;
    margin-right: 10px;
    padding-top: 10px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.bus-passing-timetable .cassette .header .label li:last-child
{
    margin-right: 0;
}

.bus-passing-timetable .cassette .header .label li.num
{
    font-size: 24px;
    font-size: 1.5rem;

    padding-top: 7px;

    background-color: #004ea2;
}

.bus-passing-timetable .cassette .header .label li.stop
{
    background-color: #e83820;
}

.bus-passing-timetable .cassette .header .label li.express
{
    background-color: #004ea2;
}

.bus-passing-timetable .cassette .header .label li.highway
{
    background-color: #004ea2;
}

.bus-passing-timetable .cassette .header .station
{
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .05em;
}

.bus-passing-timetable .cassette .header .station span
{
    font-size: 18px;
    font-size: 1.125rem;
}

.bus-passing-timetable .cassette .content
{
    padding: 20px;

    background-color: #f6f7f8;
}

.bus-passing-timetable .cassette .content .path
{
    position: relative;
}

.bus-passing-timetable .cassette .content .path:after
{
    position: absolute;
    top: 0;
    left: 30px;

    display: block;

    width: 10px;
    height: 100%;

    content: '';

    background-color: #0e355d;
}

.bus-passing-timetable .cassette .content .path .item
{
    position: relative;
    z-index: 1;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 20px;
    padding: 8px 20px;

    border: 2px solid #3393f7;
    border-radius: 3px;
    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.bus-passing-timetable .cassette .content .path .item:first-child .time li
{
    display: block !important;
}

.bus-passing-timetable .cassette .content .path .item:last-child .time li
{
    display: block !important;
}

.bus-passing-timetable .cassette .content .path .item .time
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    min-width: 90px;
    margin-right: 10px;

    letter-spacing: .05em;
}

.bus-passing-timetable .cassette .content .path .item .time .num
{
    font-size: 28px;
    font-size: 1.75rem;
}

.bus-passing-timetable .cassette .content .path .item .icon
{
    margin-right: 10px;
}

.bus-passing-timetable .cassette .content .path .item .station
{
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2;
}

.bus-passing-timetable .cassette .content .path .item .status
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-left: auto;
    padding: 8px;

    color: #004ea2;
    border: 2px solid #004ea2;
    border-radius: 3px;
    background-color: #fff;
}

.bus-passing-timetable .cassette .content .path .item .bus-current
{
    position: absolute;
    top: 50%;
    left: -30px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.bus-passing-timetable .cassette .content .path .item .bus-current img
{
    width: auto;
    height: 44px;
}

.bus-passing-timetable .cassette .content .path .item.on
{
    border-color: #d94141;
}

.bus-passing-timetable .cassette .content .path .item.passed
{
    border-color: #c4c4c4;
    background-color: #c4c4c4;
}

.bus-passing-timetable .cassette .content .path .item.checkpoint
{
    padding-left: 120px;
}

.bus-passing-timetable .cassette .content .path .item.checkpoint .icon
{
    margin-right: 10px;
}

.bus-passing-timetable .cassette .content .path .item.checkpoint .icon img
{
    vertical-align: middle;
}

.bus-passing-timetable .cassette .content .path .item.checkpoint .station
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
}

.bus-passing-timetable .cassette .notice
{
    padding: 30px 20px 20px;

    border-top: 2px solid #dadcdc;
    background-color: #fff;
}

/*----------------------------------------
	電車発着時刻表
----------------------------------------*/

.train-departure-arrival .price
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    margin-bottom: 10px;

    text-align: right;

    color: #004ea2;
}

.train-departure-arrival .price span
{
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
}

.train-departure-arrival .search a
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;

    position: relative;

    display: inline-block;

    padding: 10px;

    text-decoration: none;

    color: #fff;
    border: 1px solid #004ea2;
    border-radius: 3px;
    background-color: #004ea2;
}

.train-departure-arrival .search a:hover
{
    color: #004ea2;
    background-color: #fff;
}

.train-departure-arrival .c-viewmore-btn
{
    width: 330px;
    margin: 0 auto;
}

.train-departure-arrival .direction
{
    font-size: 3.733vw;
    line-height: 1.4;

    margin-bottom: 2.667vw;
}

.train-departure-arrival .departure-arrival-list ul li
{
    margin-bottom: 2.667vw;
}

.train-departure-arrival .departure-arrival-list ul li a
{
    position: relative;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 2.667vw;

    text-decoration: none;

    color: #333;
    border: .533vw solid #dadcdc;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
            align-items: start;
}

.train-departure-arrival .departure-arrival-list ul li a .label
{
    font-size: 3.733vw;
    font-weight: 600;
    line-height: 12vw;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 12vw;
    height: 12vw;
    margin-right: 2.66vw;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.train-departure-arrival .departure-arrival-list ul li a .label.stop
{
    background-color: #e83820;
}

.train-departure-arrival .departure-arrival-list ul li a .label.express
{
    background-color: #004ea2;
}

.train-departure-arrival .departure-arrival-list ul li a .time
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 0;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.train-departure-arrival .departure-arrival-list ul li a .time li
{
    font-size: 2.667vw;
    font-weight: 700;

    position: relative;

    margin-bottom: 0;
}

.train-departure-arrival .departure-arrival-list ul li a .time li .num
{
    font-size: 6.4vw;
}

.train-departure-arrival .departure-arrival-list ul li a .time li:first-child
{
    margin-right: 4vw;
}

.train-departure-arrival .departure-arrival-list ul li a .time li:first-child:after
{
    position: absolute;
    top: 50%;
    right: -2.667vw;

    display: block;

    width: 1.867vw;
    height: .667vw;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: #333;
}

.train-departure-arrival .departure-arrival-list ul li a .price
{
    font-size: 2.667vw;
    font-weight: 600;
    line-height: 1;

    display: block;

    margin-right: 2.66vw;

    color: #004ea2;
}

.train-departure-arrival .departure-arrival-list ul li a .price img
{
    width: auto;
    height: 4.267vw;

    vertical-align: baseline;
}

.train-departure-arrival .departure-arrival-list ul li a .price span
{
    font-size: 4.8vw;
    font-weight: 700;
}

/*----------------------------------------
	電車駅時刻表
----------------------------------------*/

.train-time-schedule .radio-select
{
    margin-bottom: 30px;
}

.train-time-schedule .radio-select ul
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.train-time-schedule .radio-select ul li
{
    margin-right: 20px;
}

.train-time-schedule .radio-select ul li:last-child
{
    margin-right: 0;
}

.train-time-schedule .station ul
{
    margin-bottom: 5.333vw;
}

.train-time-schedule .station ul li
{
    margin-bottom: 2.667vw;
}

.train-time-schedule .station ul li a
{
    position: relative;

    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 18.667vw;
    padding: 0 2.667vw;

    text-decoration: none;

    color: #333;
    border: .533vw solid #dadcdc;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.train-time-schedule .station ul li a:after
{
    position: absolute;
    top: 50%;
    right: 1.333vw;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-width: 1.067vw 0 1.067vw .933vw;
    border-style: solid;
    border-color: transparent transparent transparent #007bff;
}

.train-time-schedule .station ul li a .time
{
    font-size: 6.4vw;
    font-weight: 700;

    width: 21.333vw;
}

.train-time-schedule .station ul li a .label
{
    font-size: 3.733vw;
    line-height: 12vw;

    width: 12vw;
    height: 12vw;
    margin-right: 2.667vw;

    text-align: center;

    color: #fff;
    border-radius: .8vw;
    background-color: #c4c4c4;
}

.train-time-schedule .station ul li a .label.pink
{
    background-color: #db7194;
}

.train-time-schedule .station ul li a .label.green
{
    background-color: #85d685;
}

.train-time-schedule .station ul li a .name
{
    font-size: 5.333vw;
    font-weight: 600;

    letter-spacing: .05em;
}

.train-time-schedule .station .c-viewmore-btn
{
    padding: 0;
}

.train-time-schedule .time-table
{
    margin-bottom: 40px;
}

.train-time-schedule .time-table table
{
    width: 100%;
}

.train-time-schedule .time-table table caption
{
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    line-height: 1;

    padding: 15px 20px;

    color: #fff;
    background-color: #004ea2;
}

.train-time-schedule .time-table table tr
{
    border: 1px solid #dadcdc;
}

.train-time-schedule .time-table table tr:nth-of-type(even)
{
    background-color: #f6f7f8;
}

.train-time-schedule .time-table table tr th
{
    font-size: 24px;
    font-size: 1.5rem;

    width: 60px;
    height: 55px;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #dadcdc;
}

.train-time-schedule .time-table table tr td
{
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.4;

    padding: 10px 0 0;

    text-align: center;
}

.train-time-schedule .time-table table tr td .num
{
    font-size: 16px;
    font-size: 1rem;
}

.train-time-schedule .time-table table tr td.pink
{
    color: #db7194;
}

.train-time-schedule .time-table table tr td.pink .num
{
    color: #db7194;
}

.train-time-schedule .time-table table tr td.green
{
    color: #85d685;
}

.train-time-schedule .time-table table tr td.green .num
{
    color: #85d685;
}

.train-time-schedule .guide table
{
    width: 520px;
}

.train-time-schedule .guide table th,
.train-time-schedule .guide table td
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 50%;
    padding: 20px;

    border: 1px solid #dadcdc;
}

.train-time-schedule .guide table th
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1;

    background-color: #f6f7f8;
}

.train-time-schedule .guide table td
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.8;

    color: #666;
}

.train-time-schedule .direction-select
{
    width: 100%;
    margin-bottom: 4vw;
}

.train-time-schedule .direction-select .c-select
{
    width: 100%;
}

.train-time-schedule .day-select
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow: hidden;

    margin-bottom: 4vw;

    border-radius: .8vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.train-time-schedule .day-select li
{
    width: 50%;
}

.train-time-schedule .time-select
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 4vw;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.train-time-schedule .time-select li
{
    margin-right: 2.667vw;
}

.train-time-schedule .time-select li span
{
    font-size: 3.733vw;
    font-weight: 600;

    vertical-align: bottom;
}

/*----------------------------------------
	電車路線図
----------------------------------------*/

.train-routemap .p-page-routemap__selector
{
    width: 100%;
}

.train-routemap .p-page-routemap__selector ul
{
    width: 100%;
}

.train-routemap .p-page-routemap__selector ul li.is_select
{
    background-color: #f6f7f8;
}

.train-routemap .p-page-routemap__content
{
    width: 100%;
    padding: 0;
}

.train-routemap .p-page-routemap__content__path ul .station
{
    padding: 10px 15px;
}

.train-routemap .p-page-routemap__content__path ul .station h3
{
    font-size: 22px;
    font-size: 1.375rem;
}

.train-routemap .p-page-routemap__content__path ul .station .links li a
{
    font-size: 16px;
    font-size: 1rem;

    padding: 10px 20px;
}

/*----------------------------------------
	電車通過時刻表
----------------------------------------*/

.train-passing-timetable .status-list
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-bottom: 20px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.train-passing-timetable .status-list li
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-right: 10px;
    padding: 8px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;
}

.train-passing-timetable .status-list li.on
{
    border-color: #004ea2;
}

.train-passing-timetable .status-list li.passed
{
    background-color: #ebedef;
}

.train-passing-timetable .cassette
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #f6f7f8;
}

.train-passing-timetable .cassette .header
{
    position: relative;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 20px;

    background-color: #fff;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.train-passing-timetable .cassette .header .label
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    margin-right: 15px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.train-passing-timetable .cassette .header .label li
{
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 65px;
    height: 40px;
    margin-right: 10px;
    padding-top: 10px;

    text-align: center;

    color: #fff;
    border-radius: 3px;
    background-color: #c4c4c4;
}

.train-passing-timetable .cassette .header .label li:last-child
{
    margin-right: 0;
}

.train-passing-timetable .cassette .header .label li.num
{
    font-size: 28px;
    font-size: 1.75rem;

    padding-top: 7px;

    background-color: #004ea2;
}

.train-passing-timetable .cassette .header .label li.stop
{
    background-color: #e83820;
}

.train-passing-timetable .cassette .header .label li.express
{
    background-color: #004ea2;
}

.train-passing-timetable .cassette .header .station
{
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1;

    letter-spacing: .05em;
}

.train-passing-timetable .cassette .header .station span
{
    font-size: 18px;
    font-size: 1.125rem;
}

.train-passing-timetable .cassette .content
{
    padding: 20px 20px 0;

    background-color: #f6f7f8;
}

.train-passing-timetable .cassette .content .path
{
    position: relative;
}

.train-passing-timetable .cassette .content .path:after
{
    position: absolute;
    top: 0;
    left: 30px;

    display: block;

    width: 10px;
    height: 100%;

    content: '';

    background-color: #0e355d;
}

.train-passing-timetable .cassette .content .path .item
{
    position: relative;
    z-index: 1;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 0 20px;

    border: 2px solid #dadcdc;
    border-radius: 3px;
    background-color: #fff;
}

.train-passing-timetable .cassette .content .path .item.on
{
    border-color: #004ea2;
}

.train-passing-timetable .cassette .content .path .item:first-child .time li
{
    display: block !important;
}

.train-passing-timetable .cassette .content .path .item:last-child .time li
{
    display: block !important;
}

.train-passing-timetable .cassette .content .path .item a
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    padding: 10px 15px;

    -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
    text-decoration: none;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.train-passing-timetable .cassette .content .path .item a:hover
{
    opacity: .6;
}

.train-passing-timetable .cassette .content .path .item a .time
{
    min-width: 120px;
    margin-right: 10px;

    color: #333;
}

.train-passing-timetable .cassette .content .path .item a .time li
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-right: 10px;

    letter-spacing: .05em;
}

.train-passing-timetable .cassette .content .path .item a .time li .num
{
    font-size: 28px;
    font-size: 1.75rem;
}

.train-passing-timetable .cassette .content .path .item a .time li:nth-child(2)
{
    margin-top: 10px;
}

.train-passing-timetable .cassette .content .path .item a .icon
{
    margin-right: 10px;
}

.train-passing-timetable .cassette .content .path .item a .station
{
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2;

    width: 410px;

    color: #333;
}

.train-passing-timetable .cassette .content .path .item a .meta
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 210px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
            align-items: center;
}

.train-passing-timetable .cassette .content .path .item a .meta .price
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1;

    color: #004ea2;
}

.train-passing-timetable .cassette .content .path .item a .meta .price img
{
    vertical-align: baseline;
}

.train-passing-timetable .cassette .content .path .item a .meta .price .num
{
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
}

.train-passing-timetable .cassette .content .path .item a .meta .status
{
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1;

    margin-left: auto;
    padding: 8px;

    color: #004ea2;
    border: 2px solid #004ea2;
    border-radius: 3px;
}

/*----------------------------------------
	オートコンプリートボックス
----------------------------------------*/

.ui-autocomplete
{
    z-index: 50;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    overflow-y: auto;

    width: 750px;
    max-height: 440px;

    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, .25);
            box-shadow: 5px 10px 20px rgba(0, 0, 0, .25);

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -ms-overflow-style: none;
    /*
	scrollbar-width: none;
	&::-webkit-scrollbar {
		display:none;
	}
	*/
}

.ui-autocomplete .ui-menu-item
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 50%;
    min-height: 115px;

    border-bottom: 2px solid #dadcdc;
}

.ui-autocomplete .ui-menu-item:nth-child(odd)
{
    border-right: 2px solid #dadcdc;
}

.ui-autocomplete .ui-menu-item a
{
    position: relative;

    display: block;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 100%;
    padding: 15px;

    cursor: pointer;
    text-decoration: none;
}

.ui-autocomplete .ui-menu-item a .name
{
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 230px;
    padding-left: 35px;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;

    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 25px;
}

.ui-autocomplete .ui-menu-item a .name.busstop
{
    background-image: url(../images/common/icon_bus_frame.svg);
}

.ui-autocomplete .ui-menu-item a .name.community
{
    background-image: url(../images/common/icon_com_bus_stop_frame.svg);
}

.ui-autocomplete .ui-menu-item a .name.station
{
    background-image: url(../images/common/icon_train_frame.svg);
}

.ui-autocomplete .ui-menu-item a .name.landmark
{
    background-image: url(../images/common/icon_land_mark_frame.svg);
}

.ui-autocomplete .ui-menu-item a .name .kana
{
    font-size: 13px;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1.4;

    display: block;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;

    color: #999;
}

.ui-autocomplete .ui-menu-item a .district
{
    font-size: 15px;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;

    position: absolute;
    top: 15px;
    right: 15px;

    width: 110px;

    -webkit-transition: color .3s ease;
            transition: color .3s ease;
    text-align: right;

    color: #999;
}

.ui-autocomplete .ui-menu-item a:hover .name
{
    color: #f5a100;
}

.ui-autocomplete .ui-menu-item a:hover .name .kana
{
    color: #f5a100;
}

.ui-autocomplete .ui-menu-item a:hover .district
{
    color: #f5a100;
}

@media only screen and (max-width: 767px)
{
    .p-page-schedule
    {
        padding: 0;

        background-color: #fff;
    }

    .p-page-schedule__wrapper
    {
        display: block;

        width: 100%;
    }

    .p-page-schedule__inner
    {
        padding: 4vw;

        background-color: #fff;
    }

    .p-page-schedule__left
    {
        width: 100%;
        margin-right: 0;
    }

    .p-page-schedule__right
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 0 4vw 13.33vw;

        background-color: #f5f7f8;
    }

    .p-page-schedule__right .bnr-link li
    {
        margin-bottom: 5.33vw;
    }

    .p-page-schedule__right .text-link li
    {
        border-width: .267vw;
    }

    .p-page-schedule__right .text-link li a
    {
        font-size: 4.533vw;

        padding: 4vw 10.667vw;
    }

    .p-page-schedule__right .text-link li a:after
    {
        right: 2.667vw;

        border-width: 1.333vw 1.333vw 0 1.333vw;
    }

    .p-page-schedule__selector
    {
        position: relative;
        z-index: 1;
        top: .267vw;

        width: calc(100% - 10.766vw);
        margin: 0 auto;

        border-bottom: none;
    }

    .p-page-schedule__selector ul
    {
        width: 100%;

        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
                align-items: center;
    }

    .p-page-schedule__selector ul li
    {
        width: 50%;
        height: 11vw;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .p-page-schedule__selector ul li:hover
    {
        opacity: 1;
    }

    .p-page-schedule__selector ul li.is_select
    {
        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);

        border: .267vw solid #dadcdc;
        border-bottom: none;
        background-color: #f5f7f8;
    }

    .p-page-schedule__selector ul li.is_select p
    {
        font-size: 3.466vw;

        padding-top: 1vw;
    }

    .p-page-schedule__selector ul li p
    {
        font-size: 3.466vw;
        line-height: 8.66vw;

        top: 0;

        width: 40vw;
        height: 8.66vw;

        -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
    }

    .p-page-schedule__content
    {
        width: 100%;
        padding: 4vw 4vw 8vw;

        border-top: .267vw solid #dadcdc;
        background-color: #f5f7f8;
    }

    .p-page-schedule__content.pad
    {
        padding: 4vw;
    }

    .p-page-schedule__content.pad .search-form
    {
        border-top: 1px solid #dadcdc;
    }

    .p-page-schedule__content .btn-select
    {
        margin-bottom: 5.333vw;
    }

    .p-page-schedule__content .btn-select ul li
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.667vw;
    }

    .p-page-schedule__content .btn-select ul li a
    {
        line-height: 13.3333vw;
    }

    .p-page-schedule__content .btn-select ul li .c-viewmore-btn
    {
        padding: 0;
    }

    .p-page-schedule.lang .legend
    {
        padding-top: 4.5vw;
    }

    .p-page-schedule.lang .legend dd
    {
        padding-left: 0;
    }

    .p-page-schedule.lang .search-form .time .condition li
    {
        width: 100%;
    }

    .p-page-schedule.lang .search-form .time .condition li label
    {
        font-size: 3.6vw;
    }

    .p-page-schedule.lang .route-option .cassette .header .station
    {
        margin-bottom: 4vw;
    }

    .p-page-schedule.lang .route-option .cassette .header .meta .trans-count
    {
        font-size: 2.933vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .route .path .item .station
    {
        width: 68vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer:after
    {
        height: 70vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer .label
    {
        margin-bottom: 1.333vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer .title
    {
        left: -16vw;
    }

    .legend
    {
        position: relative;

        margin-bottom: 0;
        padding: 4vw 2vw 2vw;

        border: .267vw solid #dadcdc;
        border-bottom: none;
        background-color: #fff;
    }

    .legend.nostyle
    {
        position: relative;

        margin-bottom: 4vw;
        padding: 0;

        border: none;
        border-bottom: none;

        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
                align-items: start;
    }

    .legend.nostyle dt
    {
        font-size: 2.267vw;

        margin-bottom: 0;
    }

    .legend.nostyle dd img
    {
        height: 2.6vw;
    }

    .legend dt
    {
        font-size: 2.1vw;

        margin-right: 5px;
    }

    .legend dd
    {
        font-size: 2.1vw;

        margin-right: 1.333vw;
    }

    .legend dd:last-child
    {
        margin-right: 0;
    }

    .legend dd img
    {
        width: auto;
        height: 3vw;
        margin-right: 0;
    }

    .info
    {
        display: block;

        margin-bottom: 4vw;
        padding: 2.66vw;
    }

    .info h3
    {
        font-size: 3.2vw;
        line-height: 6vw;

        width: 21.333vw;
        margin-bottom: 2.66vw;
        padding: 0;

        text-align: center;
    }

    .info p
    {
        font-size: 3.466vw;

        width: auto;
        padding-left: 0;
    }

    .search-form
    {
        margin-bottom: 4vw;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        border-top: none;
    }

    .search-form.bordertop
    {
        border-top: .267vw solid #dadcdc;
    }

    .search-form dl
    {
        width: 100%;
    }

    .search-form dl dt
    {
        font-size: 4.8vw;
        line-height: 1;

        margin-bottom: 5vw;
    }

    .search-form dl dt .sm
    {
        font-size: 2.66vw;
    }

    .search-form dl dt .sp
    {
        display: none;
    }

    .search-form dl dt .icon
    {
        margin-right: 0;
    }

    .search-form dl dt .icon img
    {
        width: auto;
        height: 4.66vw;
    }

    .search-form dl dt a
    {
        font-size: 3.2666vw;
        line-height: 7.33vw;

        position: absolute;
        top: -.5vw;
        right: 0;

        height: 7.33vw;
        margin-left: 0;
        padding: 0 2.66vw;

        border-width: .267vw;
    }

    .search-form dl dt a .icon svg
    {
        width: 3.466vw;
    }

    .search-form .destination
    {
        margin-bottom: 4vw;
    }

    .search-form .destination.mb
    {
        margin-bottom: 5.333vw;
    }

    .search-form .destination dl
    {
        width: 100%;
    }

    .search-form .destination dl:nth-child(2)
    {
        margin-top: 5.333vw;
    }

    .search-form .destination dl.full
    {
        margin-bottom: 1.33vw;
    }

    .search-form .destination dl dd .close-btn
    {
        right: 2.667vw;
    }

    .search-form .destination dl dd .close-btn img
    {
        width: auto;
        height: 7.467vw;
    }

    .search-form .destination dl dd .suggestion
    {
        left: 0;

        width: 69.333vw;
        max-height: 80vw;
    }

    .search-form .destination dl dd .suggestion ul
    {
        display: block;
    }

    .search-form .destination dl dd .suggestion ul li
    {
        max-width: 100%;
        min-height: 100%;
        padding: 2vw;

        border-bottom: .267vw solid #dadcdc;
    }

    .search-form .destination dl dd .suggestion ul li:nth-child(odd)
    {
        border-right: none;
    }

    .search-form .destination dl dd .suggestion ul li .name
    {
        font-size: 4.267vw;

        width: 41.333vw;
        padding-left: 10.667vw;

        background-size: 8vw;
    }

    .search-form .destination dl dd .suggestion ul li .name .kana
    {
        font-size: 2.667vw;
    }

    .search-form .destination dl dd .suggestion ul li .district
    {
        font-size: 3.2vw;

        width: 23vw;
    }

    .search-form .destination .trade
    {
        line-height: 1;

        width: 100%;
        height: auto;
        margin: 3.33vw 0;
        padding: 0;

        text-align: center;
    }

    .search-form .destination .trade img
    {
        width: 18.66vw;
    }

    .search-form .destination .btn
    {
        margin-top: 2.66vw;
    }

    .search-form .destination .btn li
    {
        margin-right: 2.66vw;
    }

    .search-form .destination .btn li:last-child
    {
        margin-right: 4vw;
    }

    .search-form .destination .btn li a
    {
        font-size: 3.467vw;
        line-height: 5.333vw;

        padding: 0 1.333vw;
    }

    .search-form .destination .btn li a svg
    {
        width: auto;
        height: 2.66vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container
    {
        width: 85.333vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .close-btn
    {
        top: -8vw;
        right: -8vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .close-btn img
    {
        width: 13.333vw;
        height: 13.333vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector
    {
        overflow-x: scroll;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul
    {
        width: 170vw;
    }

    .search-form .place
    {
        margin-top: 4vw;
        margin-bottom: 0;
        padding: 2.667vw;
    }

    .search-form .place dl dd ul li
    {
        font-size: 3.467vw;

        padding: 0 2.667vw;
    }

    .search-form .day-condition
    {
        display: none;

        margin-bottom: 2.667vw;
    }

    .search-form .day-condition li
    {
        margin-right: 4vw;
    }

    .search-form .time dl dt
    {
        font-size: 4.8vw;

        margin-bottom: 2.66vw;
    }

    .search-form .time dl dd
    {
        display: block;
    }

    .search-form .time .date
    {
        width: 31.33vw;
        margin: 0 0 4vw;
    }

    .search-form .time .date .c-select-cms:before
    {
        top: 42%;
        right: 1.667vw;
    }

    .search-form .time .date .c-select-cms:after
    {
        top: 58%;
        right: 1.667vw;
    }

    .search-form .time .date .c-select-cms select
    {
        font-size: 3.2vw;
        line-height: 8vw;

        padding: 2.667vw 5.333vw 2.667vw 2.667vw;
    }

    .search-form .time .hour-minutes
    {
        position: absolute;
        top: 14.66vw;
        right: 0;
    }

    .search-form .time .hour-minutes.static
    {
        position: static;
        top: auto;
        right: auto;

        margin-bottom: 4vw;
    }

    .search-form .time .hour-minutes li
    {
        margin-right: 0;
    }

    .search-form .time .hour-minutes li span
    {
        font-size: 3.733vw;

        margin-left: 0;
    }

    .search-form .time .condition li
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: calc(100%/4);
        margin-right: 0;

        border-right: 1px solid #dadcdc;
    }

    .search-form .time .condition li:last-child
    {
        border-right: none;
    }

    .search-form .time .condition.half li
    {
        width: calc(100%/2);
    }

    .search-form .time .simple-option-sp
    {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

    .search-form .disable-switch-sp
    {
        display: none;
    }

    .search-form .disable-switch-sp .hour-minutes li
    {
        margin-right: 1vw;
    }

    .search-form .disable-switch-sp .hour-minutes li:last-child
    {
        margin-right: 0;
    }

    .search-form .specific-select
    {
        margin-bottom: 1.56vw;
    }

    .search-form .specific-select ul li
    {
        width: 100%;
        margin: 0 0 2.667vw;
    }

    .search-form .specific-checkbox
    {
        margin-bottom: 2.667vw;

        border-width: .267vw;
        border-radius: .8vw;
    }

    .search-form .specific-checkbox h4
    {
        font-size: 4.533vw;

        padding: 2.66vw 0;
    }

    .search-form .specific-checkbox h4:hover
    {
        background-color: transparent;
    }

    .search-form .specific-checkbox h4 .icon
    {
        width: 6.4vw;
        height: 6.4vw;
        margin-left: 2.667vw;

        -webkit-transform: translateY(-2px);
            -ms-transform: translateY(-2px);
                transform: translateY(-2px);

        border-width: .267vw;
    }

    .search-form .specific-checkbox h4 .icon:before
    {
        width: 3.2vw;
        height: .533vw;
    }

    .search-form .specific-checkbox h4 .icon:after
    {
        width: .533vw;
        height: 3.2vw;
    }

    .search-form .specific-checkbox .wrap
    {
        padding: 0 4vw 4vw;
    }

    .search-form .specific-checkbox .wrap .all-check
    {
        position: static;
        top: auto;
        right: auto;

        margin-bottom: 2vw;
        padding: 0;

        border-radius: .8vw;
        background-color: none;
    }

    .search-form .specific-checkbox .wrap .sp-title
    {
        display: block;
    }

    .search-form .specific-checkbox .wrap dl
    {
        display: none;

        margin-bottom: 0;
        padding: 4vw;

        border-bottom: none;
        background-color: #f5f7f8;
    }

    .search-form .specific-checkbox .wrap dl:last-of-type
    {
        padding-bottom: 4vw;
    }

    .search-form .specific-checkbox .wrap dl dt
    {
        margin-bottom: 0;
    }

    .search-form .specific-checkbox .wrap dl dt label
    {
        font-size: 3.733vw;
    }

    .search-form .specific-checkbox .wrap dl dt label span
    {
        font-size: 3.733vw;
    }

    .search-form .specific-checkbox .wrap dl dd ul
    {
        margin-top: 2vw;
        padding: 2.66vw;

        background-color: #fff;
    }

    .search-form .specific-checkbox .wrap dl dd ul li
    {
        width: 100%;
        margin: 0 0 2.66vw;
    }

    .search-form .specific-checkbox .wrap dl dd ul li:last-child
    {
        margin-bottom: 0;
    }

    .route-option
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
    }

    .route-option .reload
    {
        margin-bottom: 2.667vw;
    }

    .route-option .reload a
    {
        font-size: 2.667vw;
    }

    .route-option .reload a .icon img
    {
        width: 10.667vw;
        height: 10.667vw;
    }

    .route-option .next-page a
    {
        font-size: 3.467vw;

        padding: 2.667vw 6.667vw 2.667vw 2.667vw;

        border-radius: .8vw;
    }

    .route-option .next-page a:after
    {
        right: 2.667vw;

        border-width: 1.067vw 0 1.067vw 1.333vw;
    }

    .route-option .cassette
    {
        margin-bottom: 8vw;

        border-width: .266vw;
        border-radius: .4vw;
    }

    .route-option .cassette .header
    {
        padding: 2.66vw;
    }

    .route-option .cassette .header .label
    {
        margin: 0 2.66vw 2.66vw 0;
    }

    .route-option .cassette .header .label li
    {
        font-size: 3.733vw;
        line-height: 9.333vw;

        min-width: 12vw;
        height: 9.333vw;
        margin-right: 1.33vw;
        padding: 0 1.333vw;
    }

    .route-option .cassette .header .label li.num
    {
        font-size: 5.066vw;

        padding-top: 0;
    }

    .route-option .cassette .header .station
    {
        font-size: 6.66vw;

        max-width: 100%;
    }

    .route-option .cassette .header .station span
    {
        font-size: 3.2vw;

        display: block;

        margin-top: 1.33vw;
    }

    .route-option .cassette .header .meta
    {
        position: static;
        top: auto;
        right: auto;

        margin-top: 2vw;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .route-option .cassette .header .trans-count
    {
        font-size: 3.2vw;

        margin-right: 2.66vw;
    }

    .route-option .cassette .header .trans-count span
    {
        font-size: 5.6vw;
    }

    .route-option .cassette .header .price
    {
        font-size: 3.2vw;

        margin-right: 2.66vw;
    }

    .route-option .cassette .header .price img
    {
        width: auto;
        height: 5.133vw;
    }

    .route-option .cassette .header .price span
    {
        font-size: 5.6vw;
    }

    .route-option .cassette .header .handicap
    {
        margin-right: 2.66vw;
    }

    .route-option .cassette .header .handicap img
    {
        height: 7.33vw;
    }

    .route-option .cassette .header .route-map a
    {
        font-size: 3.733vw;
        line-height: 7.33vw;

        padding: 0 1.333vw;

        color: #004ea2;
        border-width: .266vw;
        background-color: #fff;
    }

    .route-option .cassette .header .route-map a svg
    {
        width: auto;
        height: 2.933vw;
    }

    .route-option .cassette .header .route-map a svg path
    {
        fill: #004ea2;
    }

    .route-option .cassette .notice
    {
        font-size: 3.2vw;
        line-height: 8.66vw;

        padding: 0 2.66vw;
    }

    .route-option .cassette .notice p span.red
    {
        font-size: 3.2vw;
    }

    .route-option .cassette .content
    {
        padding: 2.66vw 2.66vw 0;
    }

    .route-option .cassette .content .route .navi.trans
    {
        padding-left: 12vw;
    }

    .route-option .cassette .content .route .navi .price
    {
        font-size: 4vw;
        line-height: 1;

        margin: 0 2.66vw 0 0;

        letter-spacing: 0;
    }

    .route-option .cassette .content .route .navi .price img
    {
        width: 3.733vw;
        height: auto;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .route-option .cassette .content .route .navi .handicap
    {
        margin: 0 2.667vw 0 0;
    }

    .route-option .cassette .content .route .navi .handicap img
    {
        width: 5.867vw;
        height: 5.867vw;
    }

    .route-option .cassette .content .route .navi .links
    {
        margin-bottom: 2.66vw;
    }

    .route-option .cassette .content .route .navi .links li
    {
        margin-right: 4vw;
    }

    .route-option .cassette .content .route .navi .links li a
    {
        font-size: 3.2vw;
    }

    .route-option .cassette .content .route .navi .search
    {
        position: static;
        top: auto;
        right: auto;
    }

    .route-option .cassette .content .route .navi .search a
    {
        font-size: 3.733vw;
        line-height: 7.33vw;

        display: inline-block;

        margin-bottom: 2.66vw;
        padding: 0 2.66vw;

        border-width: .133vw;
        border-radius: 3px;
    }

    .route-option .cassette .content .route .path:after
    {
        left: 6vw;

        width: 2.666vw;
    }

    .route-option .cassette .content .route .path .item
    {
        padding: 2.66vw;

        border-width: .266vw;
    }

    .route-option .cassette .content .route .path .item .label
    {
        font-size: 2.8vw;
        line-height: 6.66vw;

        width: 10vw;
        margin: 0 1.33vw 0 0;
        padding: 0;

        text-align: center;

        border-width: .533vw;
        border-radius: .8vw;
    }

    .route-option .cassette .content .route .path .item .time
    {
        font-size: 2.8vw;

        display: block;

        width: 80%;
        margin-right: 0;
    }

    .route-option .cassette .content .route .path .item .time span
    {
        font-size: 6.4vw;
    }

    .route-option .cassette .content .route .path .item .station
    {
        font-size: 4.266vw;

        width: 68vw;
        padding: 2.667vw 0 2.667vw 10.667vw;

        background-size: 8.667vw;
    }

    .route-option .cassette .content .route .path .item .btn
    {
        position: static;
        top: auto;
        right: auto;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .route-option .cassette .content .route .path .item .btn li
    {
        margin-right: 2.66vw;
    }

    .route-option .cassette .content .route .path .item .btn li:last-child
    {
        margin-right: 0;
    }

    .route-option .cassette .content .route .path .item .btn li a
    {
        font-size: 3.2vw;
        line-height: 6vw;

        padding: 0 1.33vw;

        border-radius: .8vw;
    }

    .route-option .cassette .content .route .path .item .btn li a svg
    {
        width: auto;
        height: 2.66vw;
    }

    .route-option .cassette .content .transfer
    {
        width: calc(100% - 12vw);
        margin: 0 0 5.333vw 12vw;
        padding: 3.333vw;
    }

    .route-option .cassette .content .transfer .title
    {
        font-size: 3.2vw;

        top: 8vw;
        left: -13.6vw;
    }

    .route-option .cassette .content .transfer:after
    {
        top: -5.33vw;
        left: -6vw;

        width: 2.666vw;
        height: 75vw;
    }

    .route-option .cassette .content .transfer .label li
    {
        font-size: 3.733vw;
        line-height: 9.333vw;

        min-width: 12vw;
        height: 9.333vw;
        margin: 0 1.33vw 1.33vw 0;
        padding: 0 1.333vw;
    }

    .route-option .cassette .content .transfer .label li.num
    {
        font-size: 5.066vw;

        padding-top: 0;
    }

    .route-option .cassette .content .transfer .station
    {
        font-size: 6.667vw;

        max-width: 100%;
    }

    .route-option .cassette .content .transfer .station .sm
    {
        font-size: 3.2vw;
    }

    .route-option .cassette .content .transfer .trans-info
    {
        font-size: 3.2vw;
        line-height: 1;

        margin-top: 2.667vw;
    }

    .route-option .cassette .content .transfer .trans-info a
    {
        font-size: 2.667vw;

        padding: 1.333vw;
    }

    .route-option .cassette .content .transfer .trans-info a img
    {
        height: 2.6vw;
    }

    .route-option .cassette .info
    {
        border-width: 1px;
        border-radius: 0;
    }

    .fare-search
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .fare-search .menu ul li
    {
        margin-bottom: 2.667vw;
    }

    .fare-search .menu ul li a
    {
        padding: 2.667vw 5.333vw 2.667vw 2.667vw;

        border-width: .4vw;
    }

    .fare-search .menu ul li a:hover:after
    {
        right: 2.667vw;
    }

    .fare-search .menu ul li a:after
    {
        right: 5.333vw;

        border-width: 1.6vw 0 1.6vw 1.333vw;
    }

    .fare-search .menu ul li a dl dt
    {
        font-size: 3.733vw;

        margin-bottom: 2.667vw;
    }

    .fare-search .menu ul li a dl dd
    {
        font-size: 3.467vw;
    }

    .fare-search .fare-table .print-btn
    {
        display: none;
    }

    .fare-search .fare-table table
    {
        border-width: .267vw;
    }

    .fare-search .fare-table table:nth-of-type(2)
    {
        margin-top: 5.333vw;
    }

    .fare-search .fare-table table th,
    .fare-search .fare-table table td
    {
        padding: 1.667vw;
    }

    .fare-search .fare-table table th
    {
        font-size: 3.2vw;
        line-height: 1.6;
    }

    .fare-search .fare-table table th.month
    {
        width: 16vw;
    }

    .fare-search .fare-table table th.type
    {
        width: 15.333vw;
    }

    .fare-search .fare-table table td
    {
        font-size: 2.933vw;

        width: 24vw;
    }

    .fare-search .fare-table table td .num
    {
        font-size: 4.267vw;

        letter-spacing: -.01em;
    }

    .bus-stop-guide
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .bus-stop-guide .guide
    {
        margin-bottom: 5.333vw;
    }

    .bus-stop-guide .bus-stop-table table
    {
        border-width: .267vw;
    }

    .bus-stop-guide .bus-stop-table table th,
    .bus-stop-guide .bus-stop-table table td
    {
        font-size: 3.2vw;

        padding: 1.333vw 2.667vw;
    }

    .map-search
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .map-search .legend
    {
        padding: 0;

        border: none;
    }

    .map-search .legend dt
    {
        position: static;
        top: auto;
        left: auto;
    }

    .map-search .legend dd
    {
        margin: 0 10px 0 0;
        padding-left: 0;
    }

    .map-search .search-result
    {
        margin-bottom: 8vw;
    }

    .map-search .search-result dt
    {
        font-size: 3.733vw;

        margin-bottom: 4vw;
    }

    .map-search .search-result dd
    {
        margin-bottom: 6.667vw;
    }

    .map-search .search-result dd ul li
    {
        margin-bottom: 2.667vw;
    }

    .map-search .search-result dd ul li a
    {
        font-size: 3.733vw;
    }

    .map-search .search-result dd ul li a .icon
    {
        margin-right: 1.333vw;
    }

    .map-search .search-result dd ul li a .icon img
    {
        height: 4.533vw;
    }

    .map-search .map_container
    {
        margin-bottom: 9.333vw;
    }

    .map-search .map_container .sp-control
    {
        display: block;
    }

    .map-search .keyword
    {
        margin-bottom: 8vw;
    }

    .map-search .keyword dt
    {
        font-size: 3.733vw;

        margin-bottom: 2.667vw;
    }

    .map-search .keyword dd
    {
        display: block;
    }

    .map-search .keyword dd .c-input
    {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2.667vw;
    }

    .map-search .keyword dd .c-input input
    {
        height: 13.333vw;
    }

    .map-search .keyword dd .c-search-btn
    {
        line-height: 12.267vw;

        width: 100%;
    }

    .bus-departure-arrival
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        margin-bottom: 8vw;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .bus-departure-arrival .departure-arrival-detail .c-viewmore-btn
    {
        padding: 0;
    }

    .bus-stop-approach-search
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .bus-stop-destination-select
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(1)
    {
        position: relative;
    }

    .bus-stop-destination-select .bus-stop-table table tr td .c-checkbox
    {
        position: absolute;
        top: 50%;
        left: 50%;

        padding: 0;

        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);

        border: none;
    }

    .bus-stop-destination-select .bus-stop-table table tr td .c-checkbox .indicator
    {
        top: 50%;
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }

    .bus-passing-timetable
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .bus-passing-timetable .status-list
    {
        display: block;

        margin-bottom: 2.66vw;
    }

    .bus-passing-timetable .status-list li
    {
        font-size: 2.667vw;

        display: inline-block;

        margin-right: 1.333vw;
        margin-bottom: 1.333vw;
        padding: 1.333vw;

        border-width: .267vw;
        border-radius: .8vw;
    }

    .bus-passing-timetable .status-list li.bus-current
    {
        line-height: 7vw;

        display: block;

        margin-left: 0;
    }

    .bus-passing-timetable .status-list li.bus-current img
    {
        width: 7vw;
        height: 7vw;
    }

    .bus-passing-timetable .path-heading
    {
        display: none;
    }

    .bus-passing-timetable .cassette
    {
        border-width: .266vw;
        border-radius: .4vw;
    }

    .bus-passing-timetable .cassette .header
    {
        padding: 2.66vw;
    }

    .bus-passing-timetable .cassette .header .label
    {
        margin-right: 2.66vw;
    }

    .bus-passing-timetable .cassette .header .label li
    {
        font-size: 3.733vw;
        line-height: 12vw;

        width: 12vw;
        height: 12vw;
        margin-right: 1.33vw;
        padding-top: 0;
    }

    .bus-passing-timetable .cassette .header .label li.num
    {
        font-size: 5.066vw;

        padding-top: 0;
    }

    .bus-passing-timetable .cassette .header .station
    {
        font-size: 6.66vw;

        width: 48vw;
    }

    .bus-passing-timetable .cassette .header .station span
    {
        font-size: 3.2vw;

        display: block;

        margin-top: 1.33vw;
    }

    .bus-passing-timetable .cassette .content
    {
        padding: 2.66vw 2.66vw 0;
    }

    .bus-passing-timetable .cassette .content .path:after
    {
        left: 6vw;

        width: 2.666vw;
    }

    .bus-passing-timetable .cassette .content .path .item
    {
        display: block;

        margin: 0 0 2.667vw;
        padding: 2vw 2.666vw;
    }

    .bus-passing-timetable .cassette .content .path .item .time
    {
        font-size: 2.8vw;

        display: block;

        width: 68vw;
        width: auto;
        margin-right: 0;
        margin-bottom: 1.333vw;
    }

    .bus-passing-timetable .cassette .content .path .item .time .num
    {
        font-size: 6.4vw;
    }

    .bus-passing-timetable .cassette .content .path .item .icon
    {
        display: inline-block;

        margin-right: 1.333vw;

        vertical-align: top;
    }

    .bus-passing-timetable .cassette .content .path .item .icon img
    {
        width: auto;
        height: 6.667vw;
    }

    .bus-passing-timetable .cassette .content .path .item .station
    {
        font-size: 4.266vw;

        display: inline-block;

        width: 61.333vw;
    }

    .bus-passing-timetable .cassette .content .path .item .status
    {
        font-size: 2.667vw;

        position: absolute;
        top: 2vw;
        right: 2vw;

        padding: 1.333vw;

        border-width: .267vw;
        border-radius: .8vw;
    }

    .bus-passing-timetable .cassette .content .path .item .bus-current
    {
        top: 1.333vw;
        left: -7.467vw;

        -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
                transform: translateY(0);
    }

    .bus-passing-timetable .cassette .content .path .item .bus-current img
    {
        height: 8.8vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint
    {
        padding-left: 5.333vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .icon
    {
        display: inline-block;

        margin-right: 1.333vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .icon img
    {
        width: auto;
        height: 3.667vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .station
    {
        font-size: 4.266vw;

        display: inline-block;

        width: auto;
    }

    .bus-passing-timetable .cassette .notice
    {
        padding: 5.333vw 2.667vw 2.667vw;

        border-width: .267vw;
    }

    .train-departure-arrival
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        margin-bottom: 8vw;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .train-departure-arrival .price
    {
        font-size: 3.2vw;

        margin-right: 2.66vw;
    }

    .train-departure-arrival .price img
    {
        width: auto;
        height: 5.133vw;
    }

    .train-departure-arrival .price span
    {
        font-size: 5.6vw;
    }

    .train-departure-arrival .search a
    {
        font-size: 3.467vw;

        padding: 2.667vw;

        border-radius: .8vw;
    }

    .train-departure-arrival .c-viewmore-btn
    {
        width: 100%;
        padding: 0;
    }

    .train-time-schedule
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .train-routemap
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .train-routemap .p-page-routemap__selector ul
    {
        width: 133.333vw;
        padding: 0;
    }

    .train-routemap .p-page-routemap__content__path ul .station
    {
        padding: 2.6666vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station h3
    {
        font-size: 4.2666vw;

        display: block;

        margin-top: 1.333vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station .links
    {
        top: 2.6666vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station .links li a
    {
        font-size: 3.467vw;

        min-width: 12vw;
        padding: 1.333vw;
    }

    .train-passing-timetable
    {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
        width: 100%;
        padding: 4vw;

        border: .267vw solid #dadcdc;
        background-color: #fff;
    }

    .train-passing-timetable .status-list
    {
        margin-bottom: 2.66vw;
    }

    .train-passing-timetable .status-list li
    {
        font-size: 2.667vw;

        padding: 1.333vw;

        border-width: .267vw;
    }

    .train-passing-timetable .cassette
    {
        border-width: .266vw;
        border-radius: .4vw;
    }

    .train-passing-timetable .cassette .header
    {
        padding: 2.66vw;
    }

    .train-passing-timetable .cassette .header .label
    {
        margin-right: 2.66vw;
    }

    .train-passing-timetable .cassette .header .label li
    {
        font-size: 3.733vw;
        line-height: 12vw;

        width: 12vw;
        height: 12vw;
        margin-right: 1.33vw;
        padding-top: 0;
    }

    .train-passing-timetable .cassette .header .label li.num
    {
        font-size: 5.066vw;

        padding-top: 0;
    }

    .train-passing-timetable .cassette .header .station
    {
        font-size: 6.66vw;
    }

    .train-passing-timetable .cassette .header .station span
    {
        font-size: 3.2vw;

        display: block;

        margin-top: 1.33vw;
    }

    .train-passing-timetable .cassette .content
    {
        padding: 2.66vw 2.66vw 0;
    }

    .train-passing-timetable .cassette .content .path:after
    {
        left: 6vw;

        width: 2.666vw;
    }

    .train-passing-timetable .cassette .content .path .item
    {
        display: block;

        margin: 0 0 2.667vw;
    }

    .train-passing-timetable .cassette .content .path .item a
    {
        padding: 2vw 2.666vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time
    {
        width: auto;
        margin-bottom: 1.333vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time li
    {
        font-size: 2.8vw;

        display: block;

        width: 68vw;
        margin-right: 0;
    }

    .train-passing-timetable .cassette .content .path .item a .time li:nth-child(1)
    {
        display: none;
    }

    .train-passing-timetable .cassette .content .path .item a .time li .num
    {
        font-size: 6.4vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time li:nth-child(2)
    {
        margin-top: 0;
    }

    .train-passing-timetable .cassette .content .path .item a .icon
    {
        display: inline-block;

        margin-right: 1.333vw;
    }

    .train-passing-timetable .cassette .content .path .item a .icon img
    {
        width: auto;
        height: 6.667vw;
    }

    .train-passing-timetable .cassette .content .path .item a .station
    {
        font-size: 4.266vw;

        display: inline-block;

        width: auto;
    }

    .train-passing-timetable .cassette .content .path .item a .meta
    {
        position: absolute;
        top: 2.667vw;
        right: 2.667vw;

        width: auto;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price
    {
        font-size: 3.2vw;

        width: auto;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price img
    {
        width: 3.733vw;
        height: auto;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price .num
    {
        font-size: 4.267vw;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .status
    {
        font-size: 2.667vw;

        margin-left: 2.667vw;
        padding: 1.333vw;

        border-width: .267vw;
    }

    .ui-autocomplete
    {
        left: 0;

        width: 69.333vw;
        max-height: 80vw;
    }

    .ui-autocomplete .ui-menu-item
    {
        width: 100%;
        max-width: 100%;
        min-height: 100%;

        border-bottom: .267vw solid #dadcdc;
    }

    .ui-autocomplete .ui-menu-item:nth-child(odd)
    {
        border-right: none;
    }

    .ui-autocomplete .ui-menu-item a
    {
        padding: 2vw;
    }

    .ui-autocomplete .ui-menu-item a .name
    {
        font-size: 4.267vw;

        width: 41.333vw;
        padding-left: 10.667vw;

        background-size: 8vw;
    }

    .ui-autocomplete .ui-menu-item a .name .kana
    {
        font-size: 2.667vw;
    }

    .ui-autocomplete .ui-menu-item a .district
    {
        font-size: 3.2vw;

        width: 23vw;
    }
}

@media print, screen and (min-width: 768px) and (max-width: 1280px)
{
    .p-page-schedule
    {
        padding: 3.125vw 0;
    }

    .p-page-schedule__wrapper
    {
        width: 93.75vw;
    }

    .p-page-schedule__left
    {
        width: 76.5625vw;
        margin-right: 1.5625vw;
    }

    .p-page-schedule__right
    {
        width: 15.62vw;
    }

    .p-page-schedule__right .bnr-link li
    {
        margin-bottom: .781vw;
    }

    .p-page-schedule__right .text-link li
    {
        border-width: .078vw;
    }

    .p-page-schedule__right .text-link li a
    {
        font-size: 1.094vw;

        padding: 1.172vw 1.953vw 1.172vw 1.172vw;
    }

    .p-page-schedule__right .text-link li a:after
    {
        right: .781vw;

        border-width: .391vw .391vw 0 .391vw;
    }

    .p-page-schedule__selector
    {
        width: 54.68vw;
    }

    .p-page-schedule__selector ul li
    {
        height: 7.8125vw;

        -webkit-transform: translateY(.1562vw);
            -ms-transform: translateY(.1562vw);
                transform: translateY(.1562vw);
    }

    .p-page-schedule__selector ul li.is_select
    {
        -webkit-transform: translateY(.1562vw);
            -ms-transform: translateY(.1562vw);
                transform: translateY(.1562vw);
    }

    .p-page-schedule__selector ul li.is_select p
    {
        font-size: 1.875vw;
    }

    .p-page-schedule__selector ul li p
    {
        font-size: 1.5625vw;
        line-height: 5.07vw;

        width: calc(100% - 4.68vw);
        height: 5.07vw;
    }

    .p-page-schedule__content
    {
        width: 76.563vw;
        padding: 3.125vw;
    }

    .p-page-schedule__content.pad
    {
        padding: 6.25vw 9.375vw;
    }

    .p-page-schedule__content .btn-select
    {
        margin-bottom: 3.125vw;
    }

    .p-page-schedule__content .btn-select ul li
    {
        width: 25.781vw;
        margin-right: 1.563vw;
    }

    .p-page-schedule.lang .search-form .time .condition li
    {
        width: 7.813vw;
    }

    .p-page-schedule.lang .route-option .cassette .header .label
    {
        margin-bottom: 1.172vw;
    }

    .p-page-schedule.lang .route-option .cassette .header .meta
    {
        top: 1.563vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .route .path .item .station
    {
        width: 28.906vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer
    {
        margin-bottom: .781vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer .label
    {
        margin-bottom: .781vw;
    }

    .p-page-schedule.lang .route-option .cassette .content .transfer .title
    {
        left: -5.469vw;
    }

    .legend
    {
        margin-bottom: 2.34vw;
    }

    .legend dt
    {
        font-size: 1.093vw;

        margin-right: .78vw;
    }

    .legend dd
    {
        font-size: 1.093vw;

        margin-right: 1.56vw;
    }

    .legend dd img
    {
        width: auto;
        height: 1.563vw;
        margin-right: .39vw;
    }

    .info
    {
        margin-bottom: 1.563vw;
        padding: 1.172vw;

        border-width: .156vw;
    }

    .info h3
    {
        font-size: 1.25vw;
        line-height: 3.516vw;

        width: 7.813vw;
        padding: 0 .391vw;
    }

    .info p
    {
        font-size: 1.25vw;

        width: 58.594vw;
        padding-left: 1.563vw;
    }

    .search-form
    {
        margin-bottom: 3.125vw;
    }

    .search-form dl dt
    {
        font-size: 1.406vw;

        margin-bottom: .7812vw;
    }

    .search-form dl dt .sm
    {
        font-size: 1.093vw;
    }

    .search-form dl dt .icon
    {
        margin-right: .39vw;
    }

    .search-form dl dt .icon img
    {
        width: auto;
        height: 1.718vw;
    }

    .search-form dl dt a
    {
        font-size: 1.015vw;

        margin-left: .781vw;
        padding: .546vw .781vw;
    }

    .search-form dl dt a .icon svg
    {
        width: 1.015vw;
    }

    .search-form .destination
    {
        margin-bottom: 1.1718vw;
    }

    .search-form .destination.mb
    {
        margin-bottom: 2.344vw;
    }

    .search-form .destination dl
    {
        width: 31.25vw;
    }

    .search-form .destination dl.full
    {
        margin-bottom: .39vw;
    }

    .search-form .destination dl dd .close-btn
    {
        right: .781vw;
    }

    .search-form .destination dl dd .close-btn img
    {
        width: auto;
        height: 2.188vw;
    }

    .search-form .destination dl dd .suggestion
    {
        top: 5.078vw;
        left: -6.25vw;

        width: 58.594vw;
        max-height: 34.375vw;

        border-radius: .234vw;
        -webkit-box-shadow: .391vw .781vw 1.563vw rgba(0, 0, 0, .25);
                box-shadow: .391vw .781vw 1.563vw rgba(0, 0, 0, .25);
    }

    .search-form .destination dl dd .suggestion ul li
    {
        min-height: 8.984vw;
        padding: 1.172vw;

        border-width: .156vw;
    }

    .search-form .destination dl dd .suggestion ul li:nth-child(odd)
    {
        border-width: .156vw;
    }

    .search-form .destination dl dd .suggestion ul li .name
    {
        font-size: 1.563vw;

        width: 17.969vw;
        padding-left: 2.734vw;

        background-size: 1.953vw;
    }

    .search-form .destination dl dd .suggestion ul li .name .kana
    {
        font-size: 1.016vw;
    }

    .search-form .destination dl dd .suggestion ul li .district
    {
        font-size: 1.172vw;

        width: 8.594vw;
    }

    .search-form .destination .trade
    {
        line-height: 3.5156vw;

        width: 7.813vw;
        height: 3.5156vw;
        margin: 3.125vw 0 0;
    }

    .search-form .destination .trade img
    {
        width: 3.9vw;
    }

    .search-form .destination .btn
    {
        margin-top: .78vw;
    }

    .search-form .destination .btn li
    {
        margin-right: .78vw;
    }

    .search-form .destination .btn li:last-child
    {
        margin-right: 1.1718vw;
    }

    .search-form .destination .btn li a
    {
        font-size: 1.015vw;
        line-height: 1.5625vw;

        padding: 0 .39vw;
    }

    .search-form .destination .btn li a svg
    {
        width: auto;
        height: .781vw;
    }

    _:-ms-fullscreen,
    :root .search-form .destination .btn li a svg
    {
        width: .781vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container
    {
        width: 56.25vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .close-btn
    {
        top: -2.344vw;
        right: -2.344vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .close-btn img
    {
        width: 3.906vw;
        height: 3.906vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl
    {
        padding-top: 1.406vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl dt
    {
        font-size: 1.25vw;

        margin-bottom: .391vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li dl dd.en
    {
        font-size: .781vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li.is_select dl
    {
        height: 5.078vw;
        padding-top: 1.406vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__selector ul li.is_select dl dt
    {
        font-size: 1.25vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station
    {
        padding: .781vw;
    }

    .search-form .destination .train-routemap-modal .c-modal__container .wrapper .p-page-routemap__content .station h3
    {
        font-size: 1.563vw;
    }

    .search-form .place
    {
        margin-bottom: 1.172vw;
        padding: .781vw;
    }

    .search-form .place dl dt
    {
        font-size: 1.25vw;

        margin-bottom: .78vw;
    }

    .search-form .place dl dd ul li
    {
        font-size: 1.25vw;
        line-height: 2.34vw;

        margin-right: .625vw;
        padding: 0 .78vw;
    }

    .search-form .day-condition
    {
        margin-bottom: .781vw;
    }

    .search-form .day-condition li
    {
        margin-right: 1.563vw;
    }

    .search-form .time dl dt
    {
        font-size: 1.25vw;
    }

    .search-form .time .date
    {
        width: 17.188vw;
        margin-right: 2.34vw;
    }

    .search-form .time .date .c-select-cms select
    {
        font-size: 1.172vw;
        line-height: 1.563vw;

        padding: .625vw 4.297vw .625vw 1.172vw;
    }

    .search-form .time .hour-minutes li
    {
        margin-right: .78vw;
    }

    .search-form .time .hour-minutes li span
    {
        font-size: 1.25vw;

        margin-left: .156vw;
    }

    .search-form .time .condition li
    {
        width: 4.68vw;
        margin-right: .156vw;
    }

    .search-form .time .disable-switch-pc li
    {
        margin-right: 1.563vw;
    }

    .search-form .time .disable-switch-pc li .c-radio
    {
        margin-right: .234vw;
    }

    .search-form .specific-select
    {
        margin-bottom: 1.56vw;
    }

    .search-form .specific-select ul li
    {
        margin-right: 1.56vw;
    }

    .search-form .specific-checkbox
    {
        margin-bottom: 1.56vw;

        border-width: .156vw;
    }

    .search-form .specific-checkbox h4
    {
        font-size: 1.4vw;

        padding: .78vw 0;
    }

    .search-form .specific-checkbox h4 .icon
    {
        width: 1.875vw;
        height: 1.875vw;
        margin-left: .781vw;

        -webkit-transform: translateY(-.156vw);
            -ms-transform: translateY(-.156vw);
                transform: translateY(-.156vw);

        border-width: .156vw;
    }

    .search-form .specific-checkbox h4 .icon:before
    {
        width: .938vw;
        height: .156vw;
    }

    .search-form .specific-checkbox h4 .icon:after
    {
        width: .156vw;
        height: .938vw;
    }

    .search-form .specific-checkbox .wrap
    {
        padding: 1.563vw 2.344vw;
    }

    .search-form .specific-checkbox .wrap .all-check
    {
        top: 1.172vw;
        right: 2.344vw;

        padding: .781vw;
    }

    .search-form .specific-checkbox .wrap dl
    {
        margin-bottom: 2.344vw;
        padding: 0 0 .781vw 1.563vw;
    }

    .search-form .specific-checkbox .wrap dl dt
    {
        margin-bottom: 1.172vw;
    }

    .search-form .specific-checkbox .wrap dl dt label
    {
        font-size: 1.406vw;
    }

    .search-form .specific-checkbox .wrap dl dt label span
    {
        font-size: 1.094vw;
    }

    .search-form .specific-checkbox .wrap dl dd ul li
    {
        margin: 0 2.344vw 1.172vw 0;
    }

    .route-option .reload
    {
        margin-bottom: .781vw;
    }

    .route-option .reload a
    {
        font-size: 1.25vw;
    }

    .route-option .reload a .icon img
    {
        width: 2.734vw;
        height: 2.734vw;
    }

    .route-option .next-page a
    {
        font-size: 1.016vw;

        padding: .781vw 1.953vw .781vw .781vw;

        border-radius: .234vw;
    }

    .route-option .next-page a:after
    {
        right: .781vw;

        border-width: .313vw 0 .313vw .391vw;
    }

    .route-option .cassette
    {
        margin-bottom: 3.125vw;

        border-width: .156vw;
    }

    .route-option .cassette .header
    {
        padding: 1.563vw;
    }

    .route-option .cassette .header .label
    {
        margin-right: 1.172vw;
    }

    .route-option .cassette .header .label li
    {
        font-size: 1.25vw;

        min-width: 4.297vw;
        height: 2.969vw;
        margin-right: .781vw;
        padding: .781vw .625vw 0;
    }

    .route-option .cassette .header .label li.num
    {
        font-size: 1.563vw;

        padding-top: .625vw;
    }

    .route-option .cassette .header .station
    {
        font-size: 2.031vw;

        max-width: 21.875vw;
    }

    .route-option .cassette .header .station span
    {
        font-size: 1.406vw;
    }

    .route-option .cassette .header .meta
    {
        right: 1.563vw;
    }

    .route-option .cassette .header .trans-count
    {
        font-size: 1.094vw;

        margin-right: .781vw;
    }

    .route-option .cassette .header .trans-count span
    {
        font-size: 2.031vw;
    }

    .route-option .cassette .header .price
    {
        font-size: 1.094vw;

        margin-right: .781vw;
    }

    .route-option .cassette .header .price img
    {
        width: auto;
        height: 1.797vw;
    }

    .route-option .cassette .header .price span
    {
        font-size: 1.875vw;
    }

    .route-option .cassette .header .handicap
    {
        margin-right: .781vw;
    }

    .route-option .cassette .header .handicap img
    {
        height: 2.5vw;
    }

    .route-option .cassette .header .route-map a
    {
        font-size: 1.016vw;
        line-height: 2.344vw;

        padding: 0 .781vw;
    }

    .route-option .cassette .header .route-map a svg
    {
        width: auto;
        height: .859vw;
    }

    _:-ms-fullscreen,
    :root .route-option .cassette .header .route-map a svg
    {
        width: .859vw;
    }

    .route-option .cassette .notice
    {
        font-size: 1.25vw;
        line-height: 2.734vw;

        padding: 0 1.563vw;
    }

    .route-option .cassette .notice p span.red
    {
        font-size: 1.563vw;
    }

    .route-option .cassette .content
    {
        padding: 1.563vw 1.563vw 0;
    }

    .route-option .cassette .content .route .navi.trans
    {
        padding-left: 4.688vw;
    }

    .route-option .cassette .content .route .navi .price
    {
        font-size: 1.094vw;
        line-height: 2.344vw;

        margin: 0 .781vw .781vw 0;
    }

    .route-option .cassette .content .route .navi .price img
    {
        width: auto;
        height: 1.797vw;

        -webkit-transform: translateY(.391vw);
            -ms-transform: translateY(.391vw);
                transform: translateY(.391vw);
    }

    .route-option .cassette .content .route .navi .handicap
    {
        margin: 0 1.333vw 1.333vw 0;
    }

    .route-option .cassette .content .route .navi .handicap img
    {
        width: 1.875vw;
        height: 1.875vw;
    }

    .route-option .cassette .content .route .navi .links
    {
        margin-bottom: 1.172vw;
    }

    .route-option .cassette .content .route .navi .links li
    {
        margin-right: 1.563vw;
    }

    .route-option .cassette .content .route .navi .links li a
    {
        font-size: 1.016vw;
    }

    .route-option .cassette .content .route .navi .search
    {
        top: -.156vw;
    }

    .route-option .cassette .content .route .navi .search a
    {
        font-size: 1.016vw;
        line-height: 2.344vw;

        padding: 0 .781vw;
    }

    .route-option .cassette .content .route .path:after
    {
        left: 2.344vw;

        width: .781vw;
    }

    .route-option .cassette .content .route .path .item
    {
        margin: 0 0 1.563vw;
        padding: .781vw;
    }

    .route-option .cassette .content .route .path .item .label
    {
        font-size: 1.094vw;
        line-height: 2.344vw;

        width: 3.906vw;
        margin-right: .781vw;
        padding: 0 .391vw;

        border-width: .156vw;
    }

    .route-option .cassette .content .route .path .item .time
    {
        font-size: 1.094vw;

        margin-right: .781vw;
    }

    .route-option .cassette .content .route .path .item .time span
    {
        font-size: 2.188vw;
    }

    .route-option .cassette .content .route .path .item .station
    {
        font-size: 1.719vw;

        padding: .391vw 0 .391vw 3.516vw;

        background-size: 2.813vw;
    }

    .route-option .cassette .content .route .path .item .btn li
    {
        margin-right: .781vw;
    }

    .route-option .cassette .content .route .path .item .btn li:last-child
    {
        margin-right: 1.172vw;
    }

    .route-option .cassette .content .route .path .item .btn li a
    {
        font-size: 1.016vw;
        line-height: 1.563vw;

        padding: 0 .391vw;
    }

    .route-option .cassette .content .route .path .item .btn li a svg
    {
        width: auto;
        height: .703vw;
    }

    _:-ms-fullscreen,
    :root .route-option .cassette .content .route .path .item .btn li a svg
    {
        width: .703vw;
    }

    .route-option .cassette .content .transfer
    {
        width: calc(100% - 4.688vw);
        margin: 0 0 1.172vw 4.688vw;
        padding: 1.563vw;
    }

    .route-option .cassette .content .transfer .title
    {
        font-size: 1.016vw;

        top: 2.344vw;
        left: -5.078vw;
    }

    .route-option .cassette .content .transfer:after
    {
        top: -1.562vw;
        left: -2.344vw;

        width: .781vw;
        height: 18.75vw;
    }

    .route-option .cassette .content .transfer .label li
    {
        font-size: 1.25vw;

        min-width: 4.297vw;
        height: 2.969vw;
        margin-right: .781vw;
        padding: .781vw .625vw 0;

        border-radius: .234vw;
    }

    .route-option .cassette .content .transfer .station
    {
        font-size: 2.031vw;

        max-width: 39.063vw;
    }

    .route-option .cassette .content .transfer .station .sm
    {
        font-size: 1.406vw;
    }

    .route-option .cassette .content .transfer .trans-info
    {
        font-size: 1.172vw;
        line-height: 3.125vw;
    }

    .route-option .cassette .content .transfer .trans-info a
    {
        font-size: 1.016vw;

        padding: .391vw;

        border-radius: .234vw;
    }

    .route-option .cassette .content .transfer .trans-info a img
    {
        height: 1.016vw;
    }

    .fare-search .menu ul li
    {
        margin-bottom: 1.563vw;
    }

    .fare-search .menu ul li a
    {
        padding: 1.563vw 3.906vw 1.563vw 1.563vw;

        border-width: .234vw;
    }

    .fare-search .menu ul li a:hover:after
    {
        right: 1.172vw;
    }

    .fare-search .menu ul li a:after
    {
        right: 1.563vw;

        border-width: .469vw 0 .469vw .391vw;
    }

    .fare-search .menu ul li a dl dt
    {
        font-size: 1.406vw;

        margin-bottom: .391vw;
    }

    .fare-search .menu ul li a dl dd
    {
        font-size: 1.172vw;
    }

    .fare-search .fare-table
    {
        margin-bottom: 3.125vw;
    }

    .fare-search .fare-table .print-btn
    {
        margin-bottom: 1.563vw;
    }

    .fare-search .fare-table .print-btn a
    {
        font-size: 1.016vw;

        padding: .781vw;

        border-radius: .234vw;
    }

    .fare-search .fare-table .print-btn a .icon img
    {
        width: 1.094vw;
        height: 1.016vw;
    }

    .fare-search .fare-table table
    {
        border-width: .078vw;
    }

    .fare-search .fare-table table:nth-of-type(2)
    {
        margin-top: 3.125vw;
    }

    .fare-search .fare-table table th,
    .fare-search .fare-table table td
    {
        padding: .781vw 1.563vw;

        border-width: .078vw;
    }

    .fare-search .fare-table table th
    {
        font-size: 1.094vw;
    }

    .fare-search .fare-table table th.month
    {
        width: 15.625vw;
    }

    .fare-search .fare-table table th.type
    {
        width: 7.813vw;
    }

    .fare-search .fare-table table td
    {
        font-size: 1.094vw;

        width: 20.313vw;
    }

    .fare-search .fare-table table td .num
    {
        font-size: 2.031vw;
    }

    .bus-stop-guide .guide
    {
        margin-bottom: 3.125vw;
    }

    .bus-stop-guide .bus-stop-table table
    {
        border-width: .078vw;
    }

    .bus-stop-guide .bus-stop-table table th,
    .bus-stop-guide .bus-stop-table table td
    {
        padding: .781vw 1.563vw;

        border-width: .078vw;
    }

    .map-search p
    {
        font-size: 1.172vw;

        margin-bottom: 1.563vw;
    }

    .map-search .legend
    {
        margin-bottom: 1.563vw;
    }

    .map-search .search-result
    {
        margin-bottom: 4.688vw;
    }

    .map-search .search-result dt
    {
        font-size: 1.172vw;

        margin-bottom: .781vw;
    }

    .map-search .search-result dd
    {
        margin-bottom: 2.344vw;
    }

    .map-search .search-result dd ul li
    {
        margin-bottom: .781vw;
    }

    .map-search .search-result dd ul li a
    {
        font-size: 1.172vw;
    }

    .map-search .search-result dd ul li a .icon
    {
        margin-right: .391vw;
    }

    .map-search .search-result dd ul li a .icon img
    {
        height: 1.094vw;
    }

    .map-search .map_container
    {
        margin-bottom: 2.344vw;
    }

    .map-search .keyword
    {
        margin-bottom: 3.125vw;
    }

    .map-search .keyword dt
    {
        font-size: 1.172vw;

        margin-bottom: .781vw;
    }

    .map-search .keyword dd .c-input
    {
        width: 53.906vw;
        margin-right: .781vw;
    }

    .map-search .keyword dd .c-input input
    {
        height: 3.906vw;
    }

    .map-search .keyword dd .c-search-btn
    {
        line-height: 3.594vw;

        width: 15.625vw;
    }

    .bus-departure-arrival .departure-arrival-table table
    {
        margin-bottom: 3.125vw;
    }

    .bus-departure-arrival .departure-arrival-table table th,
    .bus-departure-arrival .departure-arrival-table table td
    {
        border-width: .078vw;
    }

    .bus-departure-arrival .departure-arrival-table table th
    {
        font-size: 1.094vw;

        padding: .781vw 0;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(1)
    {
        width: 10.938vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(1) .arrow
    {
        margin-right: 1.563vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(1) .arrow:after
    {
        right: -1.016vw;

        width: .469vw;
        height: .469vw;

        border-with: .156vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(2)
    {
        width: 17.188vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(3)
    {
        width: 17.188vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(4)
    {
        width: 7.031vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(5)
    {
        width: 7.031vw;
    }

    .bus-departure-arrival .departure-arrival-table table th:nth-of-type(6)
    {
        width: 10.938vw;
    }

    .bus-departure-arrival .departure-arrival-table table td
    {
        padding: 1.172vw .781vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .time li
    {
        font-size: 1.172vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .time li:nth-child(1)
    {
        margin-right: 1.563vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .time li:nth-child(1):after
    {
        right: -1.094vw;

        width: .469vw;
        height: .469vw;

        border-with: .156vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .departure-arrival dt
    {
        font-size: .938vw;

        width: 3.516vw;
        margin-right: .781vw;
        padding: .625vw .391vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .departure-arrival dd
    {
        font-size: 1.094vw;

        width: 10.938vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .label
    {
        margin-bottom: 1.172vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .label li
    {
        margin-right: .391vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .label li img
    {
        height: 2.344vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .label li.mark
    {
        font-size: 1.172vw;

        width: 3.516vw;
        height: 2.344vw;
        padding-top: .625vw;

        border-radius: .234vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .label li.mark.num
    {
        font-size: 1.25vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .name
    {
        font-size: 1.406vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .name .sm
    {
        font-size: .938vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .num
    {
        font-size: 1.875vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .num .yen
    {
        font-size: 1.094vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .links li
    {
        margin-bottom: .781vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .links li a
    {
        font-size: 1.016vw;
    }

    .bus-departure-arrival .departure-arrival-table table td .links li a:after
    {
        right: -.625vw;

        border-width: .352vw 0 .352vw .313vw;
    }

    .bus-departure-arrival .departure-arrival-table .c-viewmore-btn
    {
        width: 25.781vw;
    }

    .bus-stop-destination-select .c-text-cms
    {
        margin-bottom: .781vw;
    }

    .bus-stop-destination-select .select-list
    {
        margin-bottom: 2.344vw;
    }

    .bus-stop-destination-select .select-list li
    {
        margin: 0 1.563vw .391vw 0;
    }

    .bus-stop-destination-select .check-select
    {
        margin-bottom: 2.344vw;
    }

    .bus-stop-destination-select .check-select li
    {
        margin-right: .781vw;
    }

    .bus-stop-destination-select .check-select li a
    {
        font-size: .938vw;

        padding: .391vw .781vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-stop-destination-select .bus-stop-table
    {
        margin-bottom: 3.125vw;
    }

    .bus-stop-destination-select .bus-stop-table table
    {
        margin-bottom: 2.344vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th,
    .bus-stop-destination-select .bus-stop-table table tr td
    {
        padding: .781vw;

        border-width: .078vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th
    {
        font-size: 1.094vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th:nth-child(1)
    {
        width: 7.031vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th:nth-child(2)
    {
        width: 14.844vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th:nth-child(3)
    {
        width: 19.531vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th:nth-child(4)
    {
        width: 23.438vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr th:nth-child(5)
    {
        width: 10.156vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(1)
    {
        width: 7.031vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(2)
    {
        width: 14.844vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(3)
    {
        width: 19.531vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(4)
    {
        width: 23.438vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td:nth-child(5)
    {
        width: 10.156vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td .c-checkbox
    {
        width: 1.563vw;
        height: 1.563vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td .label li
    {
        font-size: 1.094vw;

        width: 3.75vw;
        height: 1.953vw;
        margin: 0 .391vw .391vw 0;
        padding-top: .391vw;

        border-radius: .234vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td .label li.num
    {
        font-size: 1.172vw;

        padding-top: .352vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td p
    {
        font-size: 1.406vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td p .icon
    {
        margin-right: .391vw;
    }

    .bus-stop-destination-select .bus-stop-table table tr td p .icon img
    {
        height: 1.563vw;
    }

    .bus-stop-destination-select .time-schedule-table
    {
        margin-bottom: 6.25vw;
    }

    .bus-stop-destination-select .time-schedule-table table
    {
        margin-bottom: 2.344vw;

        border-width: .078vw;
    }

    .bus-stop-destination-select .time-schedule-table table.yellow tr th:nth-child(1)
    {
        width: 7.813vw;
    }

    .bus-stop-destination-select .time-schedule-table table.red tr th:nth-child(1)
    {
        width: 7.813vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr th,
    .bus-stop-destination-select .time-schedule-table table tr td
    {
        padding: .625vw .781vw;

        border-width: .078vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr th
    {
        font-size: 1.094vw;

        width: 20.703vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr th:nth-child(1)
    {
        width: 7.813vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td
    {
        font-size: 1.094vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td .num li
    {
        font-size: 1.172vw;

        width: 3.906vw;
        height: 1.953vw;
        margin: 0 .391vw .391vw;
        padding-top: .391vw;

        border-radius: .234vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td .num li.handicap
    {
        height: 1.953vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td .num li.handicap img
    {
        height: 1.953vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td .min li
    {
        font-size: 1.25vw;

        margin: 0 .391vw;

        border-radius: .234vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td.time
    {
        font-size: .781vw;
    }

    .bus-stop-destination-select .time-schedule-table table tr td.time span
    {
        font-size: 1.563vw;
    }

    .bus-passing-timetable .status-list
    {
        margin-bottom: 1.563vw;
    }

    .bus-passing-timetable .status-list li
    {
        font-size: 1.094vw;

        margin-right: .781vw;
        padding: .625vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-passing-timetable .status-list li.bus-current
    {
        line-height: 2.656vw;

        margin-left: 2.344vw;
    }

    .bus-passing-timetable .status-list li.bus-current img
    {
        width: 2.813vw;
        height: 2.813vw;
    }

    .bus-passing-timetable .path-heading
    {
        margin-bottom: .781vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-passing-timetable .path-heading li
    {
        font-size: 1.25vw;

        padding: .781vw;
    }

    .bus-passing-timetable .path-heading li:first-child
    {
        width: 8.594vw;

        border-width: .156vw;
    }

    .bus-passing-timetable .path-heading li:last-child
    {
        width: calc(100% - 10.156vw);
    }

    .bus-passing-timetable .cassette
    {
        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-passing-timetable .cassette .header
    {
        padding: 1.563vw;
    }

    .bus-passing-timetable .cassette .header .label
    {
        margin-right: 1.172vw;
    }

    .bus-passing-timetable .cassette .header .label li
    {
        font-size: 1.406vw;

        width: 5.078vw;
        height: 3.125vw;
        margin-right: .781vw;
        padding-top: .781vw;

        border-radius: .234vw;
    }

    .bus-passing-timetable .cassette .header .label li.num
    {
        font-size: 1.875vw;

        padding-top: .547vw;
    }

    .bus-passing-timetable .cassette .header .station
    {
        font-size: 2.188vw;
    }

    .bus-passing-timetable .cassette .header .station span
    {
        font-size: 1.406vw;
    }

    .bus-passing-timetable .cassette .content
    {
        padding: 1.563vw;
    }

    .bus-passing-timetable .cassette .content .path:after
    {
        left: 2.344vw;

        width: .781vw;
    }

    .bus-passing-timetable .cassette .content .path .item
    {
        margin: 0 0 1.563vw;
        padding: .625vw 1.563vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-passing-timetable .cassette .content .path .item .time
    {
        font-size: 1.094vw;

        min-width: 7.031vw;
        margin-right: .781vw;
    }

    .bus-passing-timetable .cassette .content .path .item .time .num
    {
        font-size: 2.188vw;
    }

    .bus-passing-timetable .cassette .content .path .item .icon
    {
        margin-right: .781vw;
    }

    .bus-passing-timetable .cassette .content .path .item .icon img
    {
        width: auto;
        height: 2.813vw;
    }

    .bus-passing-timetable .cassette .content .path .item .station
    {
        font-size: 1.719vw;
    }

    .bus-passing-timetable .cassette .content .path .item .status
    {
        font-size: 1.094vw;

        padding: .625vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .bus-passing-timetable .cassette .content .path .item .bus-current
    {
        left: -2.344vw;
    }

    .bus-passing-timetable .cassette .content .path .item .bus-current img
    {
        height: 3.438vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint
    {
        padding-left: 9.375vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .icon
    {
        margin-right: .781vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .icon img
    {
        width: auto;
        height: 1.328vw;
    }

    .bus-passing-timetable .cassette .content .path .item.checkpoint .station
    {
        font-size: 1.406vw;
    }

    .bus-passing-timetable .cassette .notice
    {
        padding: 2.344vw 1.563vw 1.563vw;

        border-width: .156vw;
    }

    .train-departure-arrival .price
    {
        font-size: 1.094vw;

        margin-bottom: .781vw;
    }

    .train-departure-arrival .price img
    {
        width: auto;
        height: 1.797vw;
    }

    .train-departure-arrival .price span
    {
        font-size: 2.031vw;
    }

    .train-departure-arrival .search a
    {
        font-size: 1.016vw;

        padding: .781vw;

        border-radius: .234vw;
    }

    .train-departure-arrival .c-viewmore-btn
    {
        width: 25.781vw;
    }

    .train-time-schedule .radio-select
    {
        margin-bottom: 2.344vw;
    }

    .train-time-schedule .radio-select ul li
    {
        margin-right: 1.563vw;
    }

    .train-time-schedule .time-table
    {
        margin-bottom: 3.125vw;
    }

    .train-time-schedule .time-table table caption
    {
        font-size: 1.25vw;

        padding: 1.172vw 1.563vw;
    }

    .train-time-schedule .time-table table tr
    {
        border-width: .078vw;
    }

    .train-time-schedule .time-table table tr th
    {
        font-size: 1.875vw;

        width: 4.688vw;
        height: 4.297vw;

        border-width: .078vw;
    }

    .train-time-schedule .time-table table tr td
    {
        font-size: .938vw;

        padding: .781vw 0 0;
    }

    .train-time-schedule .time-table table tr td .num
    {
        font-size: 1.25vw;
    }

    .train-time-schedule .guide table
    {
        width: 40.625vw;
    }

    .train-time-schedule .guide table th,
    .train-time-schedule .guide table td
    {
        padding: 1.563vw;

        border-width: .078vw;
    }

    .train-time-schedule .guide table th
    {
        font-size: 1.094vw;
    }

    .train-time-schedule .guide table td
    {
        font-size: 1.094vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station
    {
        padding: .781vw 1.172vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station h3
    {
        font-size: 1.719vw;
    }

    .train-routemap .p-page-routemap__content__path ul .station .links li a
    {
        font-size: 1.25vw;

        padding: .781vw 1.563vw;
    }

    .train-passing-timetable .status-list
    {
        margin-bottom: 1.563vw;
    }

    .train-passing-timetable .status-list li
    {
        font-size: 1.094vw;

        margin-right: .781vw;
        padding: .625vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .train-passing-timetable .cassette
    {
        border-width: .156vw;
        border-radius: .234vw;
    }

    .train-passing-timetable .cassette .header
    {
        padding: 1.563vw;
    }

    .train-passing-timetable .cassette .header .label
    {
        margin-right: 1.172vw;
    }

    .train-passing-timetable .cassette .header .label li
    {
        font-size: 1.406vw;

        width: 5.078vw;
        height: 3.125vw;
        margin-right: .781vw;
        padding-top: .781vw;

        border-radius: .234vw;
    }

    .train-passing-timetable .cassette .header .label li.num
    {
        font-size: 2.188vw;

        padding-top: .547vw;
    }

    .train-passing-timetable .cassette .header .station
    {
        font-size: 2.188vw;
    }

    .train-passing-timetable .cassette .header .station span
    {
        font-size: 1.406vw;
    }

    .train-passing-timetable .cassette .content
    {
        padding: 1.563vw 1.563vw 0;
    }

    .train-passing-timetable .cassette .content .path:after
    {
        left: 2.344vw;

        width: .781vw;
    }

    .train-passing-timetable .cassette .content .path .item
    {
        margin: 0 0 1.563vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .train-passing-timetable .cassette .content .path .item a
    {
        padding: .781vw 1.172vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time
    {
        min-width: 9.375vw;
        margin-right: .781vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time li
    {
        font-size: 1.094vw;

        margin-right: .781vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time li .num
    {
        font-size: 2.188vw;
    }

    .train-passing-timetable .cassette .content .path .item a .time li:nth-child(2)
    {
        margin-top: .781vw;
    }

    .train-passing-timetable .cassette .content .path .item a .icon
    {
        margin-right: .781vw;
    }

    .train-passing-timetable .cassette .content .path .item a .icon img
    {
        width: auto;
        height: 2.813vw;
    }

    _:-ms-fullscreen,
    :root .train-passing-timetable .cassette .content .path .item a .icon img
    {
        width: 2.813vw;
    }

    .train-passing-timetable .cassette .content .path .item a .station
    {
        font-size: 1.719vw;

        width: 32.031vw;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price
    {
        font-size: 1.094vw;

        width: 10.938vw;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price img
    {
        width: auto;
        height: 1.797vw;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .price .num
    {
        font-size: 1.875vw;
    }

    .train-passing-timetable .cassette .content .path .item a .meta .status
    {
        font-size: 1.094vw;

        padding: .625vw;

        border-width: .156vw;
        border-radius: .234vw;
    }

    .ui-autocomplete
    {
        width: 58.594vw;
        max-height: 34.375vw;

        border-radius: .234vw;
        -webkit-box-shadow: .391vw .781vw 1.563vw rgba(0, 0, 0, .25);
                box-shadow: .391vw .781vw 1.563vw rgba(0, 0, 0, .25);
    }

    .ui-autocomplete .ui-menu-item
    {
        min-height: 8.984vw;

        border-width: .156vw;
    }

    .ui-autocomplete .ui-menu-item:nth-child(odd)
    {
        border-width: .156vw;
    }

    .ui-autocomplete .ui-menu-item a
    {
        padding: 1.172vw;
    }

    .ui-autocomplete .ui-menu-item a .name
    {
        font-size: 1.563vw;

        width: 17.969vw;
        padding-left: 2.734vw;

        background-size: 1.953vw;
    }

    .ui-autocomplete .ui-menu-item a .name .kana
    {
        font-size: 1.016vw;
    }

    .ui-autocomplete .ui-menu-item a .district
    {
        font-size: 1.172vw;

        top: 1.172vw;
        right: 1.172vw;

        width: 8.594vw;
    }
}
