@charset "UTF-8";

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

html {
    font-size: 62.5%;
}

body {
    margin: 0px;
    padding: 0px;
    min-width: 100%;
    color: #333333;
    font-size: 1.4rem;
    line-height: 1.6;
    background: #ffffff;
    font-family: "メイリオ", Meiryo, sans-serif;
    /*
        font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    */
    -webkit-text-size-adjust: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, form, figure, form {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}

ul {
    list-style-type: none;
}

img {
    border: none;
    max-width: 100% !important;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
    outline: none;
    letter-spacing: .05em;
    color: blue;
}

input,
select,
textarea {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* IE */
select::-ms-expand {
    display: none;
}

button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
    transition: background-color 0.5s linear;
    letter-spacing: .05em;
}

button:focus {
    outline: 0;
}

button:hover {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


/* ----------------------- */
.notice-cookie {
    position: fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    pointer-events: none;
}

.notice-cookie__desc {
    margin: 0 auto;
    padding: 3rem 1.5rem;
    max-width: 100%;
    background: rgba(0, 0, 0, 0.85);
    z-index: 99999;
}

.notice-cookie__desc p {
    margin: 0 auto;
    padding: 0 0 1rem 0;
    max-width: 750px;
    color: #FFFFFF;
    pointer-events: auto;
}

.notice-cookie__desc p a {
    margin: 0 .5em;
    color: #FF6600;
    border-bottom: solid 1px #FF6600;
}

.notice-cookie__desc .btn {
    margin: 0 auto;
    padding: 0;
    max-width: auto;
    text-align: right;
    width: auto;
}

.notice-cookie__desc .btn button {
    margin: 0 0 0 1rem;
    padding: 1rem;
    width: 150px;
    background: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}

.notice-cookie__desc .btn button:hover {
    color: #FFFFFF;
    background: #FF6600;
}


/* ----------------------- */
.container {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #f1f5f5;

}

header {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 52px;
    background: #FFFFFF;
    z-index: 9999;
}

.hdrInner {
    position: relative;
    margin: 0 auto;
    padding: 0 1.5%;
    max-width: 1040px;
    height: 52px;
}

@media screen and (max-width: 360px) {
    .hdrInner {
        padding: 0 0 0 1.5%;
    }
}


.hdrInner h1 {
    display: table-cell;
    margin: 0;
    padding: 0;
    height: 52px;
    vertical-align: middle;
}

.hdrInner h1 a {
    display: block;
    margin: 0;
    padding: 0;
    height: 33px;
    width: 226px;
    background: url(../images/logo-org.svg) no-repeat;
    background-size: contain;
}

@media screen and (min-width: 400px) and (max-width: 570px) {
    .hdrInner h1 a {
        display: block;
        margin: 0;
        padding: 0;
        height: 35px;
        width: 92px;
        background: url(../images/logo-2line-org.svg) no-repeat;
    }
}

@media screen and (max-width: 400px) {
    .hdrInner h1 a {
        display: block;
        margin: 0;
        padding: 0;
        width: 52px;
        height: 40px;
        background: url(../images/logo-3line-org.svg) no-repeat;
    }
}


.hdrInner ul {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 52px;
}

.hdrInner ul li {
    margin: 0;
    padding: 0;
    height: 52px;
}

.hdrInner ul li.lang {
    width: 52px;
    background: #FFFFFF url(../images/btn-gn-language-00-org.svg) no-repeat;
}

.hdrInner ul li.menu {
    width: 52px;
    background: #FFFFFF url(../images/btn-gn-menu-00-org.svg) no-repeat;
}

.hdrInner ul li:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
    transition: all 0.3s ease-out;
}

.hdrInner ul li.lang a,
.hdrInner ul li.menu a {
    display: block;
    height: 52px;
    width: 52px;
    cursor: pointer;
}

.hdrInner ul li.gNavCommon {
    margin: 0;
    padding: 0;
    height: 52px;
    width: auto;
    box-shadow: none;
    transform: none;
    transition: none;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 52px;
    width: auto;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 140px;
    height: 52px;
    line-height: 1.5;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc:hover {
    box-shadow: none;
    transform: none;
    transition: none;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p {
    margin: 0;
    padding: 0;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .name {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon {
    display: block;
    margin: 0;
    padding: 0;
    font-size: .9em;
    text-align: center;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon a {
    margin: 0;
    padding: 0;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon a:last-child {
    margin: 0 0 0 .5em;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon img {
    margin: 0 2px 3px 0;
    padding: 0;
    width: 15px;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.unkoujouhou {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-unkoujouhou-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.kaiintouroku {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-kaiintouroku-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.yoyakukakunintorikeshi {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-yoyaku-kakunin-torikeshi-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.mypage {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-mypage-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.login {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-login-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.unkoujouhou a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.kaiintouroku a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.yoyakukakunintorikeshi a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.mypage a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner li.login a {
    display: block;
    height: 52px;
    width: 150px;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .hdrInner ul li.gNavCommon {
        width: auto;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.unkoujouhou {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-unkoujouhou-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.kaiintouroku {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-kaiintouroku-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.yoyakukakunintorikeshi {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-yoyaku-kakunin-torikeshi-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.mypage {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-mypage-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.login {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-login-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.unkoujouhou a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.kaiintouroku a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.yoyakukakunintorikeshi a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.mypage a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.login a {
        display: block;
        height: 52px;
        width: 52px;
        cursor: pointer;
    }
}

@media screen and (max-width: 440px) {
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc {
        width: 95px;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .name {
        font-size: .75em;
        line-height: 1.2;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon {
        font-size: .75em;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner li.nameDesc p .icon img {
        width: 13px;
    }

}


/* ----------------------- */
.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 52px;
    width: auto;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 140px;
    height: 52px;
    line-height: 1.5;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc:hover {
    box-shadow: none;
    transform: none;
    transition: none;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p {
    margin: 0;
    padding: 0;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .name {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon {
    display: block;
    margin: 0;
    padding: 0;
    font-size: .9em;
    text-align: center;
    width: 100%;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon a {
    margin: 0;
    padding: 0;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon a:last-child {
    margin: 0 0 0 .5em;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon img {
    margin: 0 2px 3px 0;
    padding: 0;
    width: 15px;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.unkoujouhou {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-unkoujouhou-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.kaiintouroku {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-kaiintouroku-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.yoyakukakunintorikeshi {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-yoyaku-kakunin-torikeshi-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.mypage {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-mypage-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.login {
    width: 150px;
    background: #FFFFFF url(../images/btn-gn-login-11-org.svg) no-repeat;
}

.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.unkoujouhou a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.kaiintouroku a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.yoyakukakunintorikeshi a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.mypage a,
.hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.login a {
    display: block;
    height: 52px;
    width: 150px;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .hdrInner ul li.gNavCommon {
        width: auto;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.unkoujouhou {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-unkoujouhou-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.kaiintouroku {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-kaiintouroku-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.yoyakukakunintorikeshi {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-yoyaku-kakunin-torikeshi-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.mypage {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-mypage-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.login {
        width: 52px;
        background: #FFFFFF url(../images/btn-gn-login-00-org.svg) no-repeat;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.unkoujouhou a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.kaiintouroku a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.yoyakukakunintorikeshi a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.mypage a,
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.login a {
        display: block;
        height: 52px;
        width: 52px;
        cursor: pointer;
    }
}

@media screen and (max-width: 440px) {
    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc {
        width: 95px;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .name {
        font-size: .75em;
        line-height: 1.2;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon {
        font-size: .75em;
    }

    .hdrInner ul li.gNavCommon ul.gNavCommon-inner-notlogin li.nameDesc p .icon img {
        width: 13px;
    }

}

/* ----------------------- */


main {
    display: block;
    margin: 0;
    padding: 52px 0 5% 0;
}

@media screen and (max-width: 700px) {
    main {
        padding: 52px 0 8% 0;
    }
}


.wrap00 {
    margin: 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 700px) {
    .wrap00 {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.home-primary-bg {
    background: url(../images/bg.jpg) no-repeat;
    background-size: cover;
    background-position: bottom;
}

@media screen and (max-width: 700px) {
    .home-primary-bg {
        background-attachment: fixed;
    }
}


/* ----------------------- */
.cntts00 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 3% 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 650px) {
    .cntts00 {
        padding: 10% 3%;
    }
}

.cntts00Inner {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 1.5em;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 650px) {
    .cntts00Inner {
        padding: .75em;
    }
}


/* ----------------------- */


.title00 {
    margin: 1em 0 1.5em 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    line-height: 1.4;
}

.title00 span {
    display: block;
    color: #FF6600;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0;
}


.title00 .anchor {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    font-size: 1.2rem;
}

.title00 .anchor::after {
    position: relative;
    top: .3em;
    content: 'arrow_drop_down';
    content: "\e5c5";
    font-family: "Material Icons";
    margin: 0;
    font-size: 2em;
    line-height: .5;
}


.title00 .sub {
    display: inline-block;
    margin: 0;
    padding: .25em 3em;
    color: #FF6600;
    text-align: center;
    font-size: 1.75rem;
    border-top: solid 1px #FF6600;
    border-bottom: solid 1px #FF6600;
}

.title00 .sub11 {
    display: inline-block;
    margin: 0;
    padding: .25em 3em;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.75rem;
    background: #CCCCCC;
    border-radius: 3px;
}

.title00 .lead {
    display: block;
    margin: .5em 0 0 0;
    padding: .25em 3em;
    color: #555555;
    text-align: center;
    font-size: 1.4rem;
}


.ttlOrg {
    position: relative;
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 2.5rem;
    border-left: solid 3px #FF6600;
}

.ttlOrg span.org {
    margin: 0;
    color: #FF6600;
    font-size: 1.8rem;
}

.ttlOrg a {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: 1.2rem;
    background: #FF6600;
    border-radius: 2px;
}

.ttlOrg a:hover {
    background: #FF3F00;
}

.ttlOrg .paid {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 2px 1.5em;
    color: #FF6600;
    font-size: 1.5rem;
    font-weight: bold;
    border: solid 3px #FF6600;
}

.ttlOrg .unpaid {
    position: absolute;
    top: 5px;
    right: 0;
    padding: 2px .5em;
    color: #AAAAAA;
    font-size: 1.5rem;
    font-weight: bold;
    background: #FFFFFF;
    border: solid 3px #AAAAAA;
}

.ttlOrg .unpaid:hover {
    color: #FFFFFF;
    background: #AAAAAA;
}

.ttlGrn {
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 2.5rem;
    border-left: solid 3px #8ed400;
}

.ttlBlu {
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 2.5rem;
    border-left: solid 3px #2aa1c0;
}


/* 戻るボタン */
.back-arrow {
    position: relative;
    margin: 0 0 1em 0;
    padding: 0 0 0 1em;
    color: #000000;
    font-size: 2.5rem;
}

.back-arrow a {
    color: #AAAAAA;
}

.back-arrow a::before {
    position: absolute;
    top: -.1em;
    left: 0;
    content: 'arrow_back_ios';
    content: "\e5e0";
    font-family: "Material Icons";
    color: #FF601C;
    font-size: 2.75rem;
}


/* ------ cookie page ------ */
.cookie-coution {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto;
    padding: 2rem;
    height: 100vh;
}

.cookie-coution__inner {
    display: block;
    margin: 0 auto;
    padding: 2.5rem;
    line-height: 2;
    background: rgba(0, 0, 0, .8);
    border-radius: 10px;
}

@media screen and (max-width: 600px) {
    .cookie-coution__inner {
        padding: 2.5rem 1.5rem;
        line-height: 1.6;
    }
}

.cookie-coution__inner img {
    display: block;
    margin: 0 auto 2.5rem auto;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 600px) {
    .cookie-coution__inner img {
        width: 90%;
    }
}


.cookie-coution__inner--text {
    margin: 0 0 2.5rem 0;
    padding: 0;
    color: #FFFFFF;
}

.cookie-coution__inner--btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.cookie-coution__inner--btn .yes {
    margin: 0 0 0 0;
    padding: 1rem;
    width: calc(50% - 1rem);
    background: #FFFFFF;
    border-radius: 2px;
    cursor: pointer;
}

.cookie-coution__inner--btn .yes:hover {
    color: #FFFFFF;
    background: #FF6600;
}

.cookie-coution__inner--btn .no {
    margin: 0 0 0 0;
    padding: 1rem;
    width: calc(50% - 1rem);
    color: #FFFFFF;
    background: #CCCCCC;
    border-radius: 2px;
    cursor: pointer;
}

.cookie-coution__inner--btn .no:hover {
    color: #FFFFFF;
    background: #777777;
}


.home-primary {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 30px 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .home-primary {
        padding: 5% 3% 10% 3%;
    }
}


.kuusekishoukai {
    padding: 0;
    width: 40%;
}

@media screen and (min-width: 701px) and (max-width: 870px) {
    .kuusekishoukai {
        width: 50%;
        height: auto;
    }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .kuusekishoukai {
        padding: 0 0 30px 0;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 320px) {
    .kuusekishoukai {
        padding: 0 0 30px 0;
        width: 100%;
        height: auto;
    }
}


.kuusekishoukai_another {
    margin: 0 auto 3rem auto;
    width: 100% !important;
}

@media screen and (max-width: 600px) {
    .kuusekishoukai_another {
        margin: 0 auto 0 auto;
        width: 100% !important;
    }
}


.kuusekishoukai_another .routeName {
    margin: 0 0 .5em 0;
    padding: .75em;
    color: #FF6600;
    text-align: center;
    font-size: 1.5em;
    font-weight: bold;
    background: #FFFFFF;
    border: solid 2px #FF6600;
}

.kuusekishoukai_another .routeName span {
    display: inline-block;
    margin: 0 1em 0 0;
    padding: .25em 1.5em;
    color: #FFFFFF;
    font-size: .75em;
    font-weight: normal;
    background: #FF6600;
    border-radius: 30px;
}

.siteLead-img {
    margin: 0 0 1rem 0;
    padding: 0;
    color: #FFFFFF;
}

.siteLead-img img {
    border-radius: 2px;
}

.siteLead-txt {
    display: block;
    margin: 0 0 .75em 0;
    padding: .35em 0 .25em 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: .25em;
    background: rgba(255, 255, 255, .75)
}


.setTicket-btn {
    display: block;
    margin: 0 0 .75em 0;
    padding: .35em 0 .25em 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    letter-spacing: .25em;
    background: #00C5B9;
    border: solid 2px #00ADA9;
}

.setTicket-btn:hover {
    background: #00ADA9;
    border: solid 2px #00ADA9;
}

.setTicket-btn::after {
    position: absolute;
    content: 'arrow_forward_ios';
    content: "\e5e1";
    margin-top: -1px;
    font-family: "Material Icons";
}


.kuusekishoukai h2 {
    margin: 0;
    padding: 5px 0;
    color: #FFFFFF;
    font-size: 1.6rem;
    text-align: center;
    background: #FF6600;
}

.kuusekishoukai .type {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    background: #FFF7F2;
    border: solid 1px #FF6600;
    overflow: hidden !important;
}

.kuusekishoukai .type .tab-label1,
.kuusekishoukai .type .tab-label2,
.kuusekishoukai .type .tab-label3,
.kuusekishoukai .type .tab-label4,
.kuusekishoukai .type .tab-label5,
.kuusekishoukai .type .tab-label-1a,
.kuusekishoukai .type .tab-label-2a {
    position: relative;
    flex: 1;
    order: -1;
    margin: 0;
    padding: 0;
    height: 88px;
    border-bottom: solid 1px #FF6600;
    z-index: 1;
    cursor: pointer;
}

.kuusekishoukai .type .tab-label1 {
    background: #FFFFFF url(../images/btn-type-rosen-off.svg) no-repeat;
    background-size: contain;
    background-position: center;
}

.kuusekishoukai .type .tab-label2 {
    background: #FFFFFF url(../images/btn-type-shuppatuchi-off.svg) no-repeat;
    background-size: contain;
    background-position: center;
    border-left: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label3 {
    background: #FFFFFF url(../images/btn-type-bustei-off.svg) no-repeat;
    background-size: contain;
    background-position: center;
    border-left: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label4 {
    background: #FFFFFF url(../images/btn-type-webkaisuuken-off.svg) no-repeat;
    background-size: contain;
    background-position: center;
    border-left: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label5 {
    background: #FFFFFF url(../images/btn-type-favorite-off.svg) no-repeat;
    background-size: contain;
    background-position: center;
    border-left: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label-1a {
    position: relative;
    color: #FF6600;
    background: #FFFFFF;
    border-right: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label-2a {
    position: relative;
    color: #FF6600;
    background: #FFFFFF;
    border-left: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-label-1a span,
.kuusekishoukai .type .tab-label-2a span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 90%;
    font-size: 1.25em;
    font-weight: bold;
}

.kuusekishoukai .type .tab-label1:hover,
.kuusekishoukai .type .tab-label2:hover,
.kuusekishoukai .type .tab-label3:hover,
.kuusekishoukai .type .tab-label4:hover,
.kuusekishoukai .type .tab-label5:hover,
.kuusekishoukai .type .tab-label-1a:hover,
.kuusekishoukai .type .tab-label-2a:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch1:checked + .tab-label1 {
    background: #FF6600 url(../images/btn-type-rosen-on.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch2:checked + .tab-label2 {
    background: #FF6600 url(../images/btn-type-shuppatuchi-on.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch3:checked + .tab-label3 {
    background: #FF6600 url(../images/btn-type-bustei-on.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch4:checked + .tab-label4 {
    background: #FF6600 url(../images/btn-type-webkaisuuken-on.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch5:checked + .tab-label5 {
    background: #FF6600 url(../images/btn-type-favorite-on.svg) no-repeat;
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch-1a:checked + .tab-label-1a,
.kuusekishoukai .type .tab-switch-2a:checked + .tab-label-2a {
    color: #FFFFFF;
    background: #FF6600;
    transition: all 0.3s ease-out;
}

.kuusekishoukai .type .tab-switch-1a:checked + .tab-label-1a::after,
.kuusekishoukai .type .tab-switch-2a:checked + .tab-label-2a::after {
    position: absolute;
    bottom: -42px;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    -webkit- transform: translateY(0) translateX(-50%);
    content: 'arrow_drop_down';
    content: "\e5c5";
    font-family: "Material Icons";
    color: #FF6600;
    line-height: 1;
    font-size: 5em;
}

.kuusekishoukai .type .tab-content1,
.kuusekishoukai .type .tab-content2,
.kuusekishoukai .type .tab-content3,
.kuusekishoukai .type .tab-content4,
.kuusekishoukai .type .tab-content5,
.kuusekishoukai .type .tab-content-1a,
.kuusekishoukai .type .tab-content-2a {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    opacity: 0;
}

.kuusekishoukai .type .tab-switch1:checked + .tab-label1 + .tab-content1,
.kuusekishoukai .type .tab-switch2:checked + .tab-label2 + .tab-content2,
.kuusekishoukai .type .tab-switch3:checked + .tab-label3 + .tab-content3,
.kuusekishoukai .type .tab-switch4:checked + .tab-label4 + .tab-content4,
.kuusekishoukai .type .tab-switch5:checked + .tab-label5 + .tab-content5,
.kuusekishoukai .type .tab-switch-1a:checked + .tab-label-1a + .tab-content-1a,
.kuusekishoukai .type .tab-switch-2a:checked + .tab-label-2a + .tab-content-2a {
    height: auto;
    overflow: auto;
    padding: 2em 1em 1em 1em;
    opacity: 1;
    transition: 2s opacity;
}

.kuusekishoukai .type .tab-switch1,
.kuusekishoukai .type .tab-switch2,
.kuusekishoukai .type .tab-switch3,
.kuusekishoukai .type .tab-switch4,
.kuusekishoukai .type .tab-switch5,
.kuusekishoukai .type .tab-switch-1a,
.kuusekishoukai .type .tab-switch-2a {
    display: none;
}


.cdtn {
    display: block;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 auto .5em auto;
    padding: 0 0 .5em 0;
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
    overflow: hidden;
}

.cdtn.noBorder {
    border-bottom: none;
}

.cdtn li {
    margin: 0;
    padding: 0;
    width: 27.5%;
}

.cdtn li:last-child {
    margin: 0;
    padding: 0;
    width: 72.5%;
}

.cdtn li.swap {
    margin: 0;
    padding: 1em 0;
}

.cdtn li.swap span {
    margin: 0 0 0 auto;
    color: #FFFFFF;
    background: #FF601C;
    border-radius: 3px;
    transition: all 0.5s ease 0s;
    outline: none;
}

.cdtn li.swap span.material-icons {
    outline: none;
}

.cdtn li.swap span:hover {
    background: #ff3f00;
    cursor: pointer;
}


.cdtn li.peopleNumber {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.cdtn li.peopleNumber p {
    display: flex;
    align-items: center;
    margin: 0 0 .5em 0;
    padding: .5em;
    width: 50%;
    background: #FFFFFF;
    border: 0;
    border-radius: 3px;
}

.cdtn li.peopleNumber p::after {
    right: 5% !important;
}

.cdtn li.peopleNumber span {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0 .5em 0 0;
    width: 50%;
    text-align: right;
    font-weight: normal;
}

.cdtn li.peopleNumber span img {
    margin: 0;
    width: 20px;
}

.cdtn li.peopleNumber input {
    margin: 0 0 0 0;
    padding: .5em;
    width: 50%;
    text-align: left;
    font-size: 16px;
    border: solid 1px #CCCCCC;
}

.cdtn li.peopleNumber a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.cdtn li.peopleNumber .coution {
    display: block;
    margin: 0;
    padding: .5em 0 0 .5em;
    width: 100%;
    background: #FFF7F2;
}


.cdtn li.bDate {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.cdtn li.bDate input {
    border: solid 1px #FFFFFF;
}

.cdtn li.bDate img {
    margin: 0;
    width: 25px;
}

.cdtn li.bDate .selectbox00 {
    position: relative;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

.cdtn li.bDate .selectbox00::after {
    position: absolute;
    right: 18.5%;
    bottom: 45%;
    display: block;
    content: "expand_more";
    font-family: 'Material Icons';
    margin: auto;
    color: #FF6600;
    font-size: 2.5rem;
    line-height: 0;
    pointer-events: none;
}

.cdtn li.bDate .selectbox00 select {
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 82.5% !important;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
}


.cdtn li p span {
    display: block;
    margin: 0 0 0 .5em;
    padding: 0;
    font-size: .9em;
    font-weight: bold;
    line-height: 1.2;
}


/* お気に入りタブ内 */
.cdtn li .favorite-auto {
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border: none;
    border-radius: 3px;
}

.cdtn li .favorite-auto__placeholder {
    margin: 0;
    color: #AAAAAA;
    font-weight: normal;
}


.kuusekishoukai .type .tab-content4 .typeCoupnon {
    margin: 0;
    padding: 1em .5em;
    width: 100%;
    border: solid 2px #FF6600;
    border-radius: 10px;
}

.kuusekishoukai .type .tab-content4 .sub {
    margin: 0 0 .75em 0;
    padding: 0;
    font-weight: bold;
}


.kuusekishoukai .type .tab-content4 .underLine {
    margin: 1em auto;
    width: 92%;
    border-bottom: solid 1px #FF6600;
}

.kuusekishoukai .type .tab-content4 .ttl {
    margin: 0 auto 1em auto;
    padding: 0 0 0 .5em;
    width: 92%;
    border-left: solid 3px #FF6600;
}

.kuusekishoukai .type .tab-content4 .name {
    margin: 1em auto;
    padding: 0;
    width: 92%;
    font-size: 2rem;
}

.kuusekishoukai .type .tab-content4 .name span {
    font-size: .9em;
}

.kuusekishoukai .type .tab-content4 .lead {
    margin: 0 auto .5em auto;
    padding: 0;
    width: 92%;
}

.kuusekishoukai .type .tab-content4 a {
    color: blue;
}


.kuusekishoukai .cmnBtn {
    display: block;
    margin: 0 auto 15px auto;
    width: 92%;
}

.kuusekishoukai .cmnBtn:last-child {
    margin: 0 auto 0 auto;
}


/* reservation-03___bin-list.html */
.kuusekishoukai .type .tab-content-00 {
    margin: 0;
    padding: 2em 1em 1em 1em;
    width: 100%;
}


/* WEB回数券タブ ログインしていない場合 */
.kuusekishoukai .type .tab-content4,
.kuusekishoukai .type .tab-content5 {
    position: relative;
}

.kuusekishoukai .type .tab-content4 .login-btn,
.kuusekishoukai .type .tab-content5 .login-btn {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 999;
}

.kuusekishoukai .type .tab-content4 .login-btn section,
.kuusekishoukai .type .tab-content5 .login-btn section{
    position: absolute;
    top: 40%;
    left: 5%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
    margin: 0 auto;
    padding: 2em 1em;
    width: 90%;
    font-size: 1.2em;
    background: #FFFFFF;
    border-radius: 10px;
}


/* reservation-00-bin-search.html */
.search {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 3% 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .search {
        padding: 10% 3%;
    }
}

.search .ttl {
    display: block;
    margin: 0 auto;
    padding: .25em 1em;
    width: 100%;
    color: #FFFFFF;
    font-size: 1.25em;
    background: #FF6600;
}

.search_inner {
    margin: 0 auto 0 auto;
    padding: 1em;
    width: 100%;
    background: #FFF7F2;
    border: solid 1px #FF6600;
}

.search_inner .coution {
    margin: 0 auto 5% auto;
    padding: 0;
    width: 90%;
}

.search_inner .searchHistory {
    margin: 0 auto;
    padding: 2em;
    width: 98%;
    background: #FFFFFF;
    border: solid 1px #FF6600;
    border-radius: 5px;
}

.search_inner .searchHistory button {
    width: 100%;
}


/* -------------------- */
.info-cntt {
    margin: 0 0 1em 0;
    padding: 2em;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}

.info-cntt .linklist {
    margin: 0;
    padding: 0;
}

.info-cntt .linklist li {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
    border-bottom: solid 1px #DDDDDD;
}

.info-cntt .linklist li:last-child {
    margin: 0;
}

.info-cntt .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.info-cntt .service a {
    margin: .5em;
    padding: .5em 1em;
    color: #FFFFFF;
    background: #2aa1c0;
    border-radius: 2px;
}

.info-cntt .service a:hover {
    background: #2a8eba;
}


/* -------------------- */
.home-nav-area {
    margin: 0;
    padding: 0 0 0 2.5%;
    width: 60%;
}

@media screen and (min-width: 700px) and (max-width: 870px) {
    .home-nav-area {
        padding: 0 0 0 20px;
        width: 50%;
    }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .home-nav-area {
        padding: 0 0 0 0;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .home-nav-area {
        padding: 0 0 0 0;
        width: 100%;
    }
}


.attn {
    margin: 0 0 30px 0;
    padding: 0;
    width: 100%;
}

.attn_inner {
    position: relative;
    margin: 0;
    padding: 1em 0 0 1em;
    background: #FFFFFF;
    border-bottom: solid 1px #FF6600;
}

.attn_inner a {
    position: relative;
    display: block;
    margin: 0 0 1em 0;
    padding: 0 2em 0 0;
    width: 90%;
    color: #FF0000;
    font-weight: bold;
}

.attn_inner a::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'east';
    font-family: "Material Icons";
    content: "\e5c8";
    margin: 0;
}

.attn_inner .attn_inner--hidden {
    display: none;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

.attn_inner i {
    position: absolute;
    top: 25px;
    right: 10px;
    color: #FF6600;
    content: 'control_point';
    content: "\e3ba";
    font-family: "Material Icons";
    font-size: 2rem;
    line-height: 0;
    cursor: pointer;
}


.attn_inner .attn_inner--hidden a {
    display: block;
    margin: 0 0 0 0;
    padding: 1em 0 1em 0;
    width: 90%;
    color: #FF0000;
    font-weight: bold;
    border-top: solid 1px #CCCCCC;
}

.attn_inner .attn_inner--hidden a:last-child {
    margin: 0 0 0 0;
}


.kuusekishoukai .nav-btn-01,
.home-nav-area .nav-btn-01 {
    display: block;
    margin: 0 0 1.5rem 0;
    padding: 0;
    width: 100%;
}

.kuusekishoukai .nav-btn-01 ul,
.home-nav-area .nav-btn-01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.kuusekishoukai .nav-btn-01 ul li,
.home-nav-area .nav-btn-01 ul li {
    position: relative;
    margin: 0;
    padding: 0;
    width: 23%;
}

.kuusekishoukai .nav-btn-01 ul li:last-child,
.home-nav-area .nav-btn-01 ul li:last-child {
    margin: 0;
}

.kuusekishoukai .nav-btn-01 ul li span,
.home-nav-area .nav-btn-01 ul li span {
    display: block;
    position: absolute;
    top: -1em;
    right: -0.75em;
}

.kuusekishoukai .nav-btn-01 ul li span::after,
.home-nav-area .nav-btn-01 ul li span::after {
    position: relative;
    content: 'error';
    content: "\e000";
    font-family: "Material Icons";
    color: #FF0000;
    font-size: 2.5em;
    line-height: 1;
    z-index: 999;
    animation: flash 1s linear infinite;
    -webkit-animation: flash 1s linear infinite;
}

@keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.kuusekishoukai .nav-btn-01 ul li img,
.home-nav-area .nav-btn-01 ul li img {
    display: block;
    margin: 0;
    padding: 0;
    background: rgba(255, 255, 255, .9);
    border: solid 1px #FF6600;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.nav-btn-01 ul li img:hover,
.home-nav-area ul li img:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
    background: rgba(255, 255, 255, 1);
}


.nav-anchor {
    display: block;
    margin: 0 0 1.5rem 0;
    padding: 0 0 0 0;
    color: #0000FF;
    text-align: center;
    font-size: 1.5em;
    text-shadow: 5px 5px 1px #FFFFFF, -5px -5px 1px #FFFFFF,
    -5px 5px 1px #FFFFFF, 5px -5px 1px #FFFFFF,
    5px 0px 1px #FFFFFF, -5px -0px 1px #FFFFFF,
    0px 5px 1px #FFFFFF, 0px -5px 1px #FFFFFF;
}

.nav-anchor::after {
    position: relative;
    top: 13px;
    content: 'arrow_drop_down';
    content: "\e5c5";
    font-family: "Material Icons";
    margin: 0;
    color: #0000FF;
    line-height: 0;
    font-size: 2em;
}


.home-nav-area .nav-btn-02 {
    display: block;
    margin: 0 0 30px 30%;
    padding: 20px 15px 20px 15px;
    width: 70%;
    background: rgba(255, 255, 255, 1);
    border-radius: 10px;
}

@media screen and (min-width: 700px) and (max-width: 870px) {
    .home-nav-area .nav-btn-02 {
        margin: 0 0 25px 0;
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .home-nav-area .nav-btn-02 {
        margin: 0 0 25px 0;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .home-nav-area .nav-btn-02 {
        margin: 0 0 25px 0;
        width: 100%;
    }
}

.home-nav-area .nav-btn-02 .item {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
}

.home-nav-area .nav-btn-02 .item .ttl {
    position: relative;
    margin: 0 0 15px 0;
    text-align: center;
}

.home-nav-area .nav-btn-02 .item .ttl span {
    position: relative;
    display: inline-block;
    margin: 0 2.5em;
    padding: 0 1em;
    color: #FF601C;
    text-align: center;
    font-size: 1.6rem;
    background-color: #FFFFFF;
    z-index: 2;
}

.home-nav-area .nav-btn-02 .item .ttl::before {
    position: absolute;
    top: 50%;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #FF6600;
    z-index: 1;
}

@media screen and (min-width: 500px) and (max-width: 700px) {
    .home-nav-area .nav-btn-02 .item {
        text-align: center;
    }

    .home-nav-area .nav-btn-02 .item a img {
        margin: 0 auto;
        text-align: center;
        width: 85%;
    }
}

.home-nav-area .nav-btn-02 .item .btn {
    margin: 0 0 20px 0;
    padding: 0;
}

.home-nav-area .nav-btn-02 .item .btn:last-of-type {
    margin: 0 0 0 0;
}

.home-nav-area .nav-btn-02 .item .btn a img {
    margin: 0 0 10px 0;
    padding: 0;
    background: #FFFFFF;
    border-radius: 5px;
    transition: all 0.3s ease 0s;
    border: solid 1px #FF6600;
}

.home-nav-area .nav-btn-02 .item .btnType2 a img {
    border: solid 1px #00ADA9;
}

.home-nav-area .nav-btn-02 .item .btn a img:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
}

.home-nav-area .nav-btn-02 .item .btn span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0 .5em;
    /*font-size: .95em;*/
    font-size: 1.1em;
}

@media screen and (min-width: 500px) and (max-width: 700px) {
    .home-nav-area .nav-btn-02 .item .btn span {
        margin: 0 auto;
        text-align: center;
        width: 70%;
    }
}

.home-nav-area .nav-btn-02 .item .btn span .question {
    margin: 0;
    padding: 0;
}

.home-nav-area .nav-btn-02 .item .btn span .question::after {
    position: relative;
    content: 'help_outline';
    content: "\e8fd";
    font-family: "Material Icons";
    color: #0000FF;
    font-size: 1.25em;
    line-height: 1;
}


.home-nav-area .nav-btn-03 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.home-nav-area .nav-btn-03 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 30%;
    padding: 1%;
    width: 70%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 5px;
}

@media screen and (min-width: 700px) and (max-width: 870px) {
    .home-nav-area .nav-btn-03 ul {
        margin: 0 0 0 0;
        width: 100%;
    }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .home-nav-area .nav-btn-03 ul {
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .home-nav-area .nav-btn-03 ul {
        margin: 0 auto;
        width: 100%;
    }
}


.home-nav-area .nav-btn-03 ul li {
    margin: 0;
    padding: 1%;
    width: 33.3333%;
}

.home-nav-area .nav-btn-03 ul li img {
    display: block;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border: solid 1px #FF6600;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

.home-nav-area .nav-btn-03 ul li img:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
}


.home-secondary {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 3% 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .home-secondary {
        padding: 10% 3%;
    }
}


.notice {
    margin: 0;
    padding: 0;
    width: 50%;
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .notice {
        margin: 0;
        padding: 0 0 15% 0;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .notice {
        margin: 0;
        padding: 0 0 15% 0;
        width: 100%;
    }
}


.notice_another {
    padding: 0 0 0 2% !important;
    width: 50% !important;
}

@media screen and (min-width: 701px) and (max-width: 870px) {
    .notice_another {
        padding: 0 0 0 2% !important;
        width: 45% !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .notice_another {
        padding: 0 !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 320px) {
    .notice_another {
        padding: 0 !important;
        width: 100% !important;
    }
}


.notice .notice_item {
    position: relative;
    margin: 0 0 10% 0;
    padding: 0 25px;
    border-left: solid 1px #FF6600;
    border-right: solid 1px #FF6600;
}

.notice .notice_item:last-child {
    margin: 0;
}

.notice .notice_item .ttl {
    margin: 0 0 15px 0;
    padding: 0;
    color: #FF601C;
    font-size: 1.6rem;
    text-align: center;
}

.notice .notice_item .sub {
    margin: 0 0 15px 0;
    padding: 0;
}

.notice .notice_item .sub a {
    margin: 0 0 15px 0;
    padding: 5px 30px 5px 10px;
    color: #FF6600;
    border: solid 1px #FF6600;
}

.notice .notice_item .sub a:hover {
    color: #FFFFFF;
    background: #FF6600;
    border: solid 1px #FF6600;
}

.notice .notice_item .sub a::after {
    position: absolute;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    margin: -2px 0 0 5px;
    font-size: 1.6rem;
}

.notice .notice_item ul {
    margin: 0 0 30px 0;
    padding: 0;
}

.notice .notice_item ul li {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.notice .notice_item ul li dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 5px 0;
    text-align: left;
}

.notice .notice_item ul li dl dt {
    margin: 0;
    padding: 0 1% 0 0;
    width: 25%;
    word-wrap: break-word;
}

.notice .notice_item ul li dl dd {
    margin: 0;
    padding: 0;
    width: 75%;
    color: #FF6600;
}

.notice .notice_item .view-all {
    margin: 0;
    padding: 0;
    text-align: center;
}

.notice .notice_item .view-all a {
    margin: 0;
    padding: .25em 6em;
    color: #FFFFFF;
    background: #FF6600;
}

.notice .notice_item .view-all a::after {
    position: absolute;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    margin: 0 0 0 5px;
    font-size: 1.6rem;
}

.notice .notice_item .view-all a:hover::after {
    margin: -1px 0 0 1.5em;
    transition: all 0.3s ease 0s;
}

.notice .notice_item span {
    width: 5%;
    height: 1px;
    background: #FF6600;
}

.notice .notice_item span.l01 {
    position: absolute;
    top: 0;
    left: 0;
}

.notice .notice_item span.l02 {
    position: absolute;
    top: 0;
    right: 0;
}

.notice .notice_item span.l03 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.notice .notice_item span.l04 {
    position: absolute;
    bottom: 0;
    right: 0;
}


.terminallist {
    margin: 0;
    padding: 0 0 0 2.5%;
    width: 50%;
}

@media screen and (min-width: 321px) and (max-width: 700px) {
    .terminallist {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

@media screen and (max-width: 320px) {
    .terminallist {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.terminallist .terminallist_item {
    margin: 0 0 6% 0;
    padding: 0;
}

@media screen and (max-width: 700px) {
    .home-secondary .terminallist .terminallist_item {
        margin: 0;
        padding: 0;
    }
}

.terminallist .terminallist_item .ttl {
    margin: 0;
    padding: 10px 0;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #FF6600;
}

.terminallist .terminallist_item ul {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

.terminallist .terminallist_item ul li {
    position: relative;
    margin: 0;
    padding: 2rem 5rem 2rem 1.5rem;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
    transition: all 1s ease 0s;
}

.terminallist .terminallist_item ul li:hover {
    background: #FCF0E8;
}

.terminallist .terminallist_item ul li::after {
    position: absolute;
    top: 20%;
    right: 3%;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    color: #FF601C;
    font-size: 2.5rem;
}

.terminallist .terminallist_item ul li:last-child {
    border-bottom: 0;
}

/* ----------
.terminallist .terminallist_item ul li dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 10px 0;
}
.terminallist .terminallist_item ul li dl dt {
    margin: 0;
    padding: 0;
    width: 25%;
    text-align: center;
}
.terminallist .terminallist_item ul li dl dd {
    margin: 0;
    padding: 0 12% 0 0;
    width: 75%;
}
---------- */


.pr00 {
    margin: 0;
    padding: 3% 0 0 0;
}

.swiper-pagination {
    position: relative !important;
    bottom: -5px !important;
}

.swiper-pagination-bullet-active {
    background-color: #FF6600 !important;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FF6600'%2F%3E%3C%2Fsvg%3E") !important;
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FF6600'%2F%3E%3C%2Fsvg%3E") !important;
}


.breadcrumb {
    position: fixed;
    top: 52px;
    left: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background: #EEEEEE;
    z-index: 9999;
}

.breadcrumb section {
    margin: 0 auto;
    padding: 0;
    max-width: 1040px;
}

.breadcrumb section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    padding: 0;
    font-size: 1.2rem;
}

.breadcrumb section ul li {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 1% 1% 1.1% 1%;
    height: 35px;
    vertical-align: middle;
    text-align: center;
    vertical-align: middle;
    color: rgba(255, 102, 0, .5);
    position: relative;
    line-height: 1.2;
}

.breadcrumb section ul li:last-child {
    margin: 0 0 0 0;
}

.breadcrumb section ul li p {
    width: 100%;
    text-align: center;
}

.breadcrumb section ul li p .num {
    margin: 0 .1em 0 0;
    font-size: 1.6rem;
    font-weight: bold;
}

.breadcrumb section ul li.current {
    color: #FFFFFF;
    background: #FF6600;
    height: 35px;
}

.breadcrumb section ul li.current::after {
    content: "";
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 10px solid transparent;
    border-top: 10px solid #FF6600;
}

@media screen and (max-width: 600px) {
    .breadcrumb section ul li p .text {
        font-size: .75em;
    }
}

@media screen and (max-width: 720px) {
    .breadcrumb section ul li p .text {
        display: none;
    }
}


.btn-set-ken {
    margin: 0 auto 0 auto;
    padding: 0 0 3rem 0;
    width: 100%;
}

.btn-set-ken a {
    display: block;
    margin: 0;
    padding: 1rem;
    max-width: 1040px;
    text-align: center;
    background: #FFFFFF;
    border: solid 1px #FF6600;
    border-radius: 5px;
}

.btn-set-ken a:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
}

@media screen and (max-width: 720px) {
    .btn-set-ken a {
        padding: .5rem 2rem;
    }
}

.btn-set-ken a img {
    margin: 0 auto;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 720px) {
    .btn-set-ken a img {
        width: 100%;
    }
}


.busSvc {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0 1.5% 0 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .busSvc {
        padding: 0 3% 10% 3%;
    }
}

@media screen and (max-width: 500px) {
    .busSvc {
        padding: 0 3% 15% 3%;
    }
}


.busSvclist {
    margin: 0;
    padding: 0;
    width: 70%;
}

@media screen and (max-width: 767px) {
    .busSvclist {
        padding: 0 0 0 0;
        width: 100%;
    }
}

.busSvclist .ttl {
    margin: 0 0 2.5% 0;
    padding: 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bold;
    background: #FF9643;
    border-top: solid 3px #FF6600;
    border-bottom: solid 3px #FF6600;
}

@media screen and (max-width: 500px) {
    .busSvclist .ttl {
        margin: 0 0 4% 0;
        padding: 2px;
    }
}


/* ---
.busSvclist .sort {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	margin: 0 0 1.5em 0;
    padding: 0;
}
.busSvclist .sort li {
	margin: 0;
    padding: 0;
}
.busSvclist .sort li p {
    display: inline-block;
	margin: 0 1.5em 0 0;
    padding: 0;
}
.busSvclist .sort li p span {
	margin: 0 .5em 0 0;
    padding: .3em .75em;
    color: #FFFFFF;
    background: #2fca00;
}
.busSvclist .sort li p button {
	margin: 0 .25em;
    padding: 0;
    color: blue;
    cursor: pointer;
}
.busSvclist .sort li a {
    padding: .5em .5em;
    color: #FFFFFF;
	background: #2aa1c0;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
@media screen and (max-width: 500px) {
    .busSvclist .sort li a {
        display: block;
        padding: .25em 2em;
        text-align: center;
    }
}
@media screen and (max-width: 600px) {
    .busSvclist .sort li {
        margin: 0;
        padding: 0 0 1em 0;
        width: 100%;
        text-align: right;
    }
    .busSvclist .sort li:first-child {
        order: 2;
        padding: 0 0 0 0;
        text-align: center;
    }
}
@media screen and (max-width: 400px) {
    .busSvclist .sort li p {
        margin: 0 0em 0 0;
        font-size: .8em
    }
    .busSvclist .sort li p span {
        margin: 0 .25em 0 0;
        padding: .3em .5em;
    }
}
--- */

.busSvclist .sort {
    margin: 0 0 1.5em 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.busSvclist .sort a {
    margin: 0;
    padding: .5em .5em;
    color: #FFFFFF;
    background: #2aa1c0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}


.busSvclistItem {
    margin: 0 0 2.5% 0;
    padding: 0;
}

@media screen and (max-width: 500px) {
    .busSvclistItem {
        margin: 0 0 4% 0;
    }
}

.busSvclistItem_desc {
    position: relative;
    margin: 0;
    padding: 0 2% 0 2%;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    z-index: 10;
    transition: background-color 0.5s linear;
}

@media screen and (max-width: 600px) {
    .busSvclistItem_desc {
        padding: 3% 5% 2% 3%;
    }
}

.busSvclistItem_desc:hover {
    cursor: pointer;
    background: #FCF6F1;
    transition: 0.5s;
}


.bsli-Undefined {
    position: relative;
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000000;
}

.bsli-Undefined::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .25;
    z-index: 100;
    pointer-events: none;
}


/* 最安値ラベル */
.lowestPriceLabel::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 4.25em solid transparent;
    border-right: 4.25em solid #FF0000;
    position: absolute;
    z-index: 100;
}

.lowestPriceLabel::after {
    position: absolute;
    content: "最安値";
    display: block;
    top: 10px;
    right: -1px;
    transform: rotate(45deg);
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: bold;
    z-index: 101;
}

@media screen and (max-width: 600px) {
    .lowestPriceLabel::before {
        border-bottom: 3.25em solid transparent;
        border-right: 3.25em solid #FF0000;
    }

    .lowestPriceLabel::after {
        top: 8px;
        font-size: 1.1rem;
    }
}

.busSvclistItem_desc ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.busSvclistItem_desc ul li {
    margin: 0;
    padding: 1%;
    width: 30%;
}

.busSvclistItem_desc ul li.dep {
}

.busSvclistItem_desc ul li.dep p {
    font-size: 1.6rem;
}

.busSvclistItem_desc ul li.dep p.accent {
    color: #00ac97;
}

@media screen and (max-width: 360px) {
    .busSvclistItem_desc ul li.dep p {
        font-size: 1.6rem;
    }
}

.busSvclistItem_desc ul li.arr {
    text-align: right;
}

.busSvclistItem_desc ul li.arr p {
    font-size: 1.6rem;
}

.busSvclistItem_desc ul li.arr p.accent {
    color: #942343;
}

@media screen and (max-width: 360px) {
    .busSvclistItem_desc ul li.arr p {
        font-size: 1.6rem;
    }
}

.busSvclistItem_desc ul li.dep .day,
.busSvclistItem_desc ul li.arr .day {
    display: inline-block;
    margin: 5px 0;
    padding: 0 8px;
    font-size: 1.6rem;
    background: #F5F5F5;
}

.busSvclistItem_desc ul li.dep .day span,
.busSvclistItem_desc ul li.arr .day span {
    font-size: 1.4rem;
}

@media screen and (max-width: 360px) {
    .busSvclistItem_desc ul li.dep .day,
    .busSvclistItem_desc ul li.arr .day {
        font-size: 1.4rem;
    }

    .busSvclistItem_desc ul li.dep .day span,
    .busSvclistItem_desc ul li.arr .day span {
        font-size: 1rem;
    }
}

.busSvclistItem_desc ul li.dep .time,
.busSvclistItem_desc ul li.arr .time {
    color: #FF6600;
    font-size: 1.8rem;
    font-weight: bold;
}

@media screen and (max-width: 360px) {
    .busSvclistItem_desc ul li.dep .time,
    .busSvclistItem_desc ul li.arr .time {
        font-size: 1.6rem;
    }
}

.busSvclistItem_desc ul li.arrow {
    width: 10%;
}

.busSvclistItem_desc ul li.arrow span {
    display: block;
    text-align: center;
}

.busSvclistItem_desc ul li.arrow span::before {
    position: relative;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 3rem;
    color: #FF6600;
}

.busSvclistItem_desc ul li.fromPrice {
}

.busSvclistItem_desc ul li.fromPrice p {
    color: #555555;
    width: 100%;
    text-align: center;
    font-size: 2.25rem;
    font-weight: bold;
}

.busSvclistItem_desc ul li.price p span {
    margin-left: .25rem;
    font-size: 1.5rem;
}

.busSvclistItem_desc ul li.line01 {
    display: block;
    padding: 0;
    width: 100%;
}

.busSvclistItem_desc ul li.line01 span {
    display: block;
    width: 70%;
    border-bottom: solid 1px #FF6600;
}

.busSvclistItem_desc ul li.line02 {
    display: none;
}

.busSvclistItem_desc ul li.line03 {
    display: none;
}

.busSvclistItem_desc ul li.line-num {
    width: 46.666666666666666%;
    text-align: left;
}

.busSvclistItem_desc ul li.line-num p {
    margin: 0;
    padding: 0;
}

.busSvclistItem_desc ul li.line-num p span {
    margin: 0;
    font-weight: bold;
}

.busSvclistItem_desc ul li.line-num p span.icon {
    display: inline-block;
    margin: 0 0 .5em .5em;
    padding: .1em .5em .2em .5em;
    color: #FFFFFF;
    font-size: .85em;
    background: #000055;
}

.busSvclistItem_desc ul li.line-num p span.premium {
    background: #27ADC2;
}

.busSvclistItem_desc ul li.line-num p span.economy {
    background: #58B52D;
}

.busSvclistItem_desc ul li.line-num p span.special {
    background: #E5509D;
}

.busSvclistItem_desc ul li.line-num p span.noon {
    background: #FF9B40;
}

.busSvclistItem_desc ul li.line-num p span.night {
    background: #8066CC;
}

.busSvclistItem_desc ul li.line-num p span.extrabus {
    background: #b22222;
}

.busSvclistItem_desc ul li.facility {
    width: 23.333333333333333%;
}

.busSvclistItem_desc ul li.facility dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    margin: 0 auto 0 0;
}

.busSvclistItem_desc ul li.facility dl dd {
    padding: .1rem;
    width: 23%;
}

@media screen and (max-width: 600px) {
    .busSvclistItem_desc ul li.facility dl dd {
        width: 10%;
    }
}

.busSvclistItem_desc ul li.facility dl dd img {
    width: 100%;
}

.busSvclistItem_desc ul li.btn-OpenHowToBuy {
    width: 30%;
}

@media screen and (max-width: 600px) {
    .busSvclistItem_desc ul li.dep {
        order: 1;
        width: 44%;
    }

    .busSvclistItem_desc ul li.arrow {
        order: 2;
        width: 12%;
    }

    .busSvclistItem_desc ul li.arr {
        order: 3;
        width: 44%;
    }

    .busSvclistItem_desc ul li.line01 {
        order: 4;
        width: 100%;
    }

    .busSvclistItem_desc ul li.line01 span {
        width: 100%;
    }

    .busSvclistItem_desc ul li.line-num {
        order: 5;
        width: 100%;
    }

    .busSvclistItem_desc ul li.line02 {
        order: 6;
        display: block;
        padding: 5px 0;
        width: 100%;
    }

    .busSvclistItem_desc ul li.facility {
        order: 7;
        width: 100%;
    }

    .busSvclistItem_desc ul li.facility dl {
        justify-content: flex-start;
    }

    .busSvclistItem_desc ul li.line03 {
        order: 8;
        display: block;
        padding: 5px 0;
        width: 100%;
    }

    .busSvclistItem_desc ul li.line02 span,
    .busSvclistItem_desc ul li.line03 span {
        display: block;
        width: 100%;
        border-bottom: solid 1px #FF6600;
    }

    .busSvclistItem_desc ul li.fromPrice {
        order: 9;
        width: 50%;
    }

    .busSvclistItem_desc ul li.fromPrice p {
        text-align: left;
    }

    .busSvclistItem_desc ul li.btn-OpenHowToBuy {
        order: 10;
        width: 50%;
    }

    .busSvclistItem_desc ul li.line-num p {
        font-size: 1.4rem;
    }
}


/* ----------------------- */
.busSvcRoutelist {
    margin: 0;
    padding: 0;
    width: 100%;
}

.busSvcRoutelist .ttl {
    margin: 0 0 1em 0;
    padding: .5em;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #FF6600;
}

@media screen and (max-width: 500px) {
    .busSvcRoutelist .ttl {
        margin: 0 0 4% 0;
        padding: 2px;
    }
}

.busSvcRoutelist .searchResults_lead {
    margin: 0 0 1.5em 0;
    padding: 0;
    text-align: center;
}

.busSvcRoutelist .searchResults_lead span {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    font-weight: bold;
}


.busSvcRoutelist .transit {
    display: block;
    margin: 0 0 1.5em 0;
    padding: 0;
    text-align: right;
}

.busSvcRoutelist .transit a {
    display: inline-block;
    margin: 0;
    padding: .5em;
    width: 225px;
    color: #FFFFFF;
    text-align: center;
    background: #8b008b;
    cursor: pointer;
}

.busSvcRoutelist .transit a:hover {
    background: #5b008b;
}


.busSvcRouteItem {
    position: relative;
    margin: 0 0 5% 0;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    z-index: 10;
    transition: background-color 0.5s linear;
}

.busSvcRouteItem .route {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.busSvcRouteItem .route li.routeName {
    margin: 0;
    padding: 1em;
    width: 80%;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem .route li.routeName {
        width: 100%;
    }
}

.busSvcRouteItem .route li.routeName .name {
    margin: 0 0 .5em 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.5em;
}

.busSvcRouteItem .route li.routeName .name img {
    margin: 0 0 0 1em;
    padding: 0;
}

.busSvcRouteItem .route li.routeName .name .transitMark {
    margin: 0;
    padding: 0;
}

.busSvcRouteItem .route li.routeName .name .transitMark::after {
    content: '乗 継';
    margin: 0 .25em 0 0;
    padding: .25em .5em;
    color: #FFFFFF;
    font-size: .75em;
    background: #8b008b;
}

.busSvcRouteItem .route li.routeName .lead {
    margin: 0;
    padding: 0;
}

.busSvcRouteItem .route li.btn {
    margin: 0;
    padding: 1em;
    width: 20%;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem .route li.btn {
        padding: 0 1em 0 1em;
        width: 100%;
    }
}

.busSvcRouteItem .route li.hidden-btn {
    display: none;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem .route li.hidden-btn {
        display: block !important;
        margin: 0;
        padding: 0 1em 1em 1em;
        width: 100%;
        text-align: center;
        cursor: pointer;
    }

    .busSvcRouteItem .route li.hidden-btn span {
        color: #FF6600;
    }

    .busSvcRouteItem .route li.hidden-btn span::after {
        position: relative;
        top: .25em;
        content: 'add';
        content: "\e145";
        color: #FF6600;
        font-family: "Material Icons";
        font-size: 1.5em;
    }

    .busSvcRouteItem .route li.hidden-btn.remove span {
        color: #FF6600;
    }

    .busSvcRouteItem .route li.hidden-btn.remove span::after {
        position: relative;
        top: .25em;
        content: 'remove';
        content: "\e15b";
        font-family: "Material Icons";
        font-size: 1.5em;
    }
}


.busSvcRouteItem .route li.others {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 1em;
    width: 100%;
    background: #EEEEEE;
}

.busSvcRouteItem .route li.others aside {
    position: relative;
    margin: 0;
    padding: 0 0 3em 0;
    width: 24%;
    background: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem .route li.others aside {
        margin: 0 0 1em 0;
        padding: 0 0 1em 0;
        width: 100%;
    }

    .busSvcRouteItem .route li.others aside:last-child {
        margin: 0 0 0 0;
    }
}

.busSvcRouteItem .route li.others aside p {
    margin: 0 0 .5em 0;
    padding: 0 1em;
    font-size: .9em;
}

.busSvcRouteItem .route li.others aside .ttl {
    margin: 0 0 .5em 0;
    padding: 0 1em;
    text-align: left;
    background: #AAAAAA;
}

.busSvcRouteItem .route li.others aside .busStop {
    background: #555555;
}

.busSvcRouteItem .route li.others aside.hidden {
    display: none;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem .route li.others aside.hidden {
        display: block;
        padding: 0;
    }
}

.busSvcRouteItem button {
    position: relative;
    margin: 0 0 .5em 0;
    padding: .5em 1em .5em 0;
    width: 100%;
    color: #FFFFFF;
    background: #FF6600;
    cursor: pointer;
}

.busSvcRouteItem button::after {
    position: absolute;
    content: 'arrow_right';
    content: "\e8e4";
    font-family: "Material Icons";
    font-size: 1.5em;
}

.busSvcRouteItem button:last-child {
    margin: 0 0 0 0;
}

.busSvcRouteItem button:hover {
    background: #ff3f00;
}

.busSvcRouteItem p.btn00 {
    margin: 0;
    padding: 0 !important;
}

.busSvcRouteItem p.btn11 {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0 !important;
    text-align: right;
}

@media screen and (max-width: 800px) {
    .busSvcRouteItem p.btn11 {
        position: static;
        padding: 0 1em !important;
    }
}

.busSvcRouteItem p.btn00 a,
.busSvcRouteItem p.btn11 a {
    position: relative;
    margin: 0;
    padding: .25em .25em .25em 1em;
    color: #FFFFFF;
    font-size: 1.1em;
    background: #2aa1c0;
}

.busSvcRouteItem p.btn00 a:hover,
.busSvcRouteItem p.btn11 a:hover {
    background: #2a8eba;
}

.busSvcRouteItem p.btn00 a::after,
.busSvcRouteItem p.btn11 a::after {
    position: relative;
    top: .3em;
    content: 'arrow_right';
    content: "\e8e4";
    font-family: "Material Icons";
    font-size: 1.5em;
}


/* -------------------- */
.paymentCheck_desc {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

.paymentCheck_desc .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.paymentCheck_desc .inner .full {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFFFFF;
}

.paymentCheck_desc .inner .falf {
    margin: 0;
    padding: 0;
    width: 49%;
    background: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .paymentCheck_desc .inner .falf {
        width: 100%;
    }
}

.paymentCheck_desc .inner .full .itemName,
.paymentCheck_desc .inner .falf .itemName {
    margin: 0;
    padding: .5em 1em;
    font-size: 1.25em;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
    background: #FFF7F2;
}

.paymentCheck_desc .inner .full dl,
.paymentCheck_desc .inner .falf dl {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #CCCCCC;
}

.paymentCheck_desc .inner .full dl:last-child,
.paymentCheck_desc .inner .falf dl:last-child {
    border-bottom: none;
}

.paymentCheck_desc .inner .full dl dt,
.paymentCheck_desc .inner .falf dl dt {
    margin: 0;
    padding: .5em 1em 0 1em;
    width: 100%;
    color: #FF6600;
}

.paymentCheck_desc .inner .full dl dd,
.paymentCheck_desc .inner .falf dl dd {
    margin: 0;
    padding: .5em 1em .5em 1em;
    width: 100%;
    text-align: right;
}

.paymentCheck_desc .inner .full dl dd .date,
.paymentCheck_desc .inner .falf dl dd .date {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left;
    font-size: 1.15em;
}

.paymentCheck_desc .inner .full dl dd .dep,
.paymentCheck_desc .inner .falf dl dd .dep {
    margin: 0;
    padding: 0;
    text-align: left;
}

.paymentCheck_desc .inner .full dl dd .arr,
.paymentCheck_desc .inner .falf dl dd .arr {
    margin: 0;
    padding: 0;
    text-align: right;
}

.paymentCheck_desc .inner .full dl dd .arrow,
.paymentCheck_desc .inner .falf dl dd .arrow {
    margin: 0;
    padding: 0;
    text-align: center;
}

.paymentCheck_desc .inner .full dl dd .arrow::after,
.paymentCheck_desc .inner .falf dl dd .arrow::after {
    position: relative;
    top: 4px;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 1.4em;
    line-height: 1;
}

.paymentCheck_desc .inner .full dl dd p span,
.paymentCheck_desc .inner .falf dl dd p span {
    margin: 0 0 0 .5em;
    white-space: nowrap;
}


/* -------------------- */
.paymentCheck_fare {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

.paymentCheck_fare ul {
    margin: 0 0 1em 0;
    padding: 0;
    background: #FFFFFF;
}

.paymentCheck_fare ul li {
    margin: 0;
    padding: 5px 1em;
    width: 100%;
    text-align: right;
}

.paymentCheck_fare ul li:nth-child(odd) {
    background: #F5F5F5;
}

.paymentCheck_fare ul li span {
    white-space: nowrap;
}

.paymentCheck_fare ul li.ttl {
    text-align: left;
    font-size: 1.6rem;
    background: #DDDDDD;
}

.paymentCheck_fare ul li.total {
    background: #FFF7F2;
    border-top: solid 1px #FF6600;
    border-bottom: solid 1px #FF6600;
}

.paymentCheck_fare ul li.total span {
    color: #FF6600;
    font-weight: bold;
}

.paymentCheck_fare ul li.bmp {
    font-weight: bold;
    background: #FFFFFF;
}

.paymentCheck_fare ul li.bmp span {
    margin: 0 0 0 .75em;
    color: #FF6600;
    font-weight: bold;
    font-size: 1.8rem;
}

.paymentCheck_fare ul li.gTotal {
    padding: 10px 1em;
    color: #FFFFFF;
    font-size: 1.15em;
    background: #ff9103;
}

.paymentCheck_fare ul li.gTotal span {
    margin: 0 0 0 .5em;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: bold;
}

.paymentCheck_fare .grantBmp {
    margin: 0;
    padding: 1em .5em;
    text-align: right;
    background: #FFFFFF;
}

.paymentCheck_fare .grantBmp p {
    display: inline-block;
}

.paymentCheck_fare .grantBmp .acct {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.1em;
    font-weight: bold;
}


/* -------------------- */
.paymentCheck_coution-openBtn {
    margin: 0 0 1.5em 0;
    padding: 0;
    width: 100%;
    color: blue;
    font-size: 1.1em;
    text-align: center;
    cursor: pointer;
}

.paymentCheck_coution-openBtn span {
    position: relative;
}

.paymentCheck_coution-openBtn span::after {
    position: absolute;
    bottom: -80%;
    content: 'arrow_drop_down';
    content: "\e5c5";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 3rem;
}

.paymentCheck_coution-openBtn.remove span {
    color: #FF6600;
}

.paymentCheck_coution-openBtn.remove span::after {
    position: absolute;
    bottom: -80%;
    content: 'arrow_drop_up';
    content: "\e5c7";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 3rem;
}


/* -------------------- */
.paymentCheck_coution {
    display: none;
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

.paymentCheck_coution .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.paymentCheck_coution .inner .full {
    margin: 0 0 1em 0;
    padding: 1em;
    width: 100%;
    background: #FFFFFF;
}

.paymentCheck_coution .inner .full .lead {
    margin: 0 0 1em 0;
    color: #FF0000;
    font-size: 1.05em;
}

.paymentCheck_coution .inner .full aside {
    margin: 0;
    padding: 1em;
    width: 100%;
    background: #f1f5f5;
}

.paymentCheck_coution .inner .full aside {
    margin: 0;
    padding: 1em;
    width: 100%;
    background: #f1f5f5;
}

.paymentCheck_coution .inner .full aside p {
    margin: 0 0 1em 0;
}

.paymentCheck_coution .inner .full aside .ttl {
    margin: 0 0 1em 0;
    color: #555555;
    font-size: 1.25em;
    font-weight: bold;
}

.paymentCheck_coution .inner .falf {
    margin: 0;
    padding: 1em;
    width: 49%;
    background: #FFFFFF;
}

@media screen and (max-width: 800px) {
    .paymentCheck_coution .inner .falf {
        margin: 0 0 1em 0;
        width: 100%;
    }
}


/* ----------------------- */
.paymentCheck_btnArea {
    margin: 0;
    padding: 0;
    width: 100%;
}

.paymentCheck_btnArea .oneRoute {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.paymentCheck_btnArea .oneRoute li {
    margin: 0;
    padding: 0;
    width: 30%;
}

.paymentCheck_btnArea .oneRoute li:last-child {
    margin: 0;
    padding: 0;
    width: 68%;
}

@media screen and (max-width: 650px) {
    .paymentCheck_btnArea .oneRoute li {
        margin: 0;
        padding: 0 0 15px 0;
        width: 100%;
    }

    .paymentCheck_btnArea .oneRoute li:last-child {
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;
    }
}

.paymentCheck_btnArea .twoRoute {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.paymentCheck_btnArea .twoRoute li {
    margin: 0;
    padding: 0 0 .5em 0;
    width: 32%;
}

@media screen and (max-width: 650px) {
    .paymentCheck_btnArea .twoRoute li {
        margin: 0;
        width: 100%;
    }
}


/* -------------------- */
.paymentCheck_comp {
    margin: 0 0 1em 0;
    padding: 1em;
    width: 100%;
    line-height: 2;
    background: #FFFFFF;
}

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

.paymentCheck_comp .desc {
    margin: 0 0 1em 0;
    padding: 1em;
    background: #f1f5f5;
}

.paymentCheck_comp .limit {
    margin: 0 0 .5em 0;
    padding: 1em;
    text-align: center;
    background: #FFF7F2;
}

.paymentCheck_comp .limit .date {
    margin: 0 0 .5em 0;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    background: #FFFFFF;
}

.paymentCheck_comp .limit .date span {
    margin: 0 1em;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    white-space: nowrap;
}


/* -------------------- */
.paymentCheck_comp {
    margin: 0 0 1em 0;
    padding: 1em;
    width: 100%;
    line-height: 2;
    background: #FFFFFF;
}

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


/* ----------------------- */

.webCoupon_desc {
    margin: 0;
    padding: 2%;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    z-index: 10;
    transition: background-color 0.5s linear;
}

@media screen and (max-width: 600px) {
    .webCoupon_desc {
        padding: 4%;
    }
}

.webCoupon_desc .webCouponName {
    margin: 0 0 .75em 0;
    padding: 0 .5em;
    font-size: 1.6rem;
    border-left: solid 3px #FF6600;
}

.webCoupon_desc .kukan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 .5em 0;
    padding: 0;
    background: #f1f5f5;
}

.webCoupon_desc .kukan li {
    position: relative;
    margin: 0;
    padding: 0;
    width: 8%;
    text-align: center;
    font-size: 1.6rem;
}

.webCoupon_desc .kukan li:first-child {
    padding: .5em;
    width: 46%;
}

.webCoupon_desc .kukan li:last-child {
    padding: .5em;
    width: 45%;
}

@media screen and (max-width: 420px) {
    .webCoupon_desc .kukan li {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 1.8rem;
        line-height: 1;
    }

    .webCoupon_desc .kukan li:first-child {
        padding: .5em;
        width: 100%;
        text-align: left;
    }

    .webCoupon_desc .kukan li:last-child {
        padding: .5em;
        width: 100%;
        text-align: right;
    }
}

.webCoupon_desc .kukan li .arrow {
    margin: 0;
}

.webCoupon_desc .kukan li .arrow::after {
    position: relative;
    top: 1px;
    content: 'swap_horiz';
    content: "\e8d4";
    font-family: "Material Icons";
    font-size: 1.4em;
}


.webCoupon_desc .kukan .busStop {
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
}

.webCoupon_desc .kukan .time {
    margin: 0;
    padding: 0;
    font-size: 1.8rem;
    font-weight: bold;
}

.webCoupon_desc .kukan .date {
    display: inline-block;
    margin: 0;
    padding: 0 .5em;
    font-size: 1.4rem;
    background: #FFFFFF;
}

.webCoupon_desc .kukan .date span {
    font-size: .75em;
}

.webCoupon_desc .setsubiIcon {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 .5em 0;
    padding: 0 0 0 0;
    border-bottom: solid 1px #CCCCCC;
}

.webCoupon_desc .setsubiIcon img {
    margin: 0 5px .5em 0;
}

.webCoupon_desc .others li .bin {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.6rem;
    font-weight: bold;
}

.webCoupon_desc .others {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.webCoupon_desc .others li {
    margin: 0;
    padding: 0;
    width: 33.3333%;
    text-align: center
}

@media screen and (max-width: 600px) {
    .webCoupon_desc .others li {
        margin: 0 0 .5em 0;
        padding: 0;
        width: 100%;
    }
}

.webCoupon_desc .others li .price {
    color: #FF0000;
    font-size: 2.25rem;
    font-weight: bold;
}

.webCoupon_desc .others li .line {
    padding: .5em 0 .25em 0;
    background: #f1f5f5;
}

.webCoupon_desc .others li button {
    margin: 0;
    padding: 0.5em;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #FF6600;
}


/* ----------------------- */


/* ----------------------- */
.busSvclistItem_howToBuy {
    display: none;
    position: relative;
    margin: 0;
    padding: 2% 1% 1% 1%;
    background: #FCF6F1;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    z-index: 9;
}

.busSvclistItem_howToBuy .busSvclistItem_howToBuy--planName {
    margin: 0;
    padding: .25em 0;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
    background: rgba(234, 85, 50, .7);
    border-top: solid 3px #ea5532;
    border-bottom: solid 3px #ea5532;
}

.busSvclistItem_howToBuy ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 2%;
    border-bottom: solid 1px #FF6600;
}

.busSvclistItem_howToBuy ul:last-child {
    border-bottom: 0;
}

.busSvclistItem_howToBuy ul li {
    margin: 0;
    padding: 0;
    width: 35%;
    text-align: right;
}

.busSvclistItem_howToBuy ul li:first-child {
    width: 35%;
    text-align: left;
}

.busSvclistItem_howToBuy ul li:last-child {
    padding-left: 2%;
    width: 30%;
    text-align: center;
}

.busSvclistItem_howToBuy ul li p.price {
    color: #555555;
    font-size: 1.75rem;
}

@media screen and (max-width: 500px) {
    .busSvclistItem_howToBuy ul li {
        width: 27.5%;
        text-align: right;
    }

    .busSvclistItem_howToBuy ul li:first-child {
        width: 30%;
        text-align: left;
    }

    .busSvclistItem_howToBuy ul li:last-child {
        padding-left: 2%;
        width: 42.5%;
        text-align: center;
    }

    .busSvclistItem_howToBuy ul li p {
        font-size: 1.4rem;
    }

    .busSvclistItem_howToBuy ul li p.price {
        color: #555555;
        font-size: 1.5rem;
    }
}


.busSvclistItem button {
    padding: 3% 2%;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

.busSvclistItem button span {
    font-weight: bold;
}

.busSvclistItem button.okOpen {
    background: #FF6600;
}

.busSvclistItem button.okOpen::before {
    position: relative;
    top: 3px;
    right: 3px;
    content: 'radio_button_unchecked';
    content: "\e836";
    font-family: "Material Icons";
    font-size: 1.2em;
}

.busSvclistItem button.ok {
    color: #FF6600;
    background: #FFFFFF;
    border: solid 1px #FF6600;
}

.busSvclistItem button.ok::before {
    position: relative;
    top: 3px;
    right: 3px;
    content: 'radio_button_unchecked';
    content: "\e836";
    font-family: "Material Icons";
    font-size: 1.2em;
}

.busSvclistItem button.limitedAmount {
    color: #FF6600;
    border: solid 1px #FF6600;
    background: #F5F5F5;
}

.busSvclistItem button.limitedAmount::before {
    position: relative;
    top: 3px;
    right: 3px;
    content: 'change_history';
    content: "\e86b";
    font-family: "Material Icons";
    font-size: 1.2em;
}

.busSvclistItem button:hover {
    color: #FFFFFF;
    background: #FF3F00;
}

.busSvclistItem button.sold {
    background: #CCCCCC;
    pointer-events: none;
}

.busSvclistItem button.sold::before {
    position: relative;
    top: 3px;
    right: 3px;
    content: 'close';
    content: "\e5cd";
    font-family: "Material Icons";
    font-size: 1.2em;
}


/* ----------------------- */
.busSvcSelected {
    margin: 0;
    padding: 0 0 0 2%;
    width: 30%;
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .busSvcSelected {
        display: none;
        position: fixed;
        top: 75px;
        left: 15%;
        right: 15%;
        padding: 0;
        width: 70%;
        z-index: 999999;
        box-shadow: 0 10px 35px 15px rgba(0, 0, 0, 0.7);
    }
}

@media screen and (min-width: 351px) and (max-width: 600px) {
    .busSvcSelected {
        display: none;
        position: fixed;
        top: 50px;
        left: 5%;
        right: 5%;
        padding: 0;
        width: 90%;
        z-index: 999999;
        box-shadow: 0 10px 35px 15px rgba(0, 0, 0, 0.7);
    }
}

@media screen and (max-width: 350px) {
    .busSvcSelected {
        display: none;
        position: fixed;
        top: 25px;
        left: 5%;
        right: 5%;
        padding: 0;
        width: 90%;
        z-index: 999999;
        box-shadow: 0 10px 35px 15px rgba(0, 0, 0, 0.7);
    }
}

.busSvcSelected section {
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    margin: 0;
    padding: 8px;
    background: #FFF7F2;
    border: solid 2px #FF6600;
    z-index: 8888;
}

.busSvcSelected section .ttl {
    display: block;
    margin: 0 0 8px 0;
    padding: 4px 2px 2px 2px;
    width: 100%;
    color: #FF6600;
    text-align: center;
    background: #FFFFFF;
    border: solid 1px #FF6600;
    border-radius: 30px;
}

.busSvcSelected section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.busSvcSelected section ul li {
    position: relative;
    margin: 0;
    padding: .1em .5em;
    width: 100%;
    font-size: 1.2rem;
}

.busSvcSelected section ul li:nth-child(even) {
    margin: 0 0 .5em 0;
    text-align: right;
    background: #FCE9E0;
    font-size: 1.4rem;
    font-weight: normal;
}

.busSvcSelected section ul li img {
    margin: 0 .5em 0 1.5em;
    width: 10%;
}

.busSvcSelected_closeBtn {
    margin: 0;
    padding: 0;
    color: #FF6600;
    width: 100%;
}

.busSvcSelected_closeBtn::before {
    position: relative;
    top: 8px;
    content: 'close';
    content: "\e5cd";
    font-family: "Material Icons";
    font-size: 2em;
    line-height: 0;
}

@media screen and (min-width: 768px) {
    .busSvcSelected_closeBtn {
        display: none;
    }
}

.busSvcSelected_openBtn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 15%;
    border-radius: 10px;
    z-index: 999999999;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
}

@media screen and (min-width: 351px) and (max-width: 600px) {
    .busSvcSelected_openBtn {
        width: 15%;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    .busSvcSelected_openBtn {
        bottom: 20px;
        right: 20px;
        width: 12.5%;
    }
}

@media screen and (min-width: 768px) {
    .busSvcSelected_openBtn {
        display: none;
    }
}


/* ----------------------- */
.notice-inList {
    margin: 0 auto 0 auto;
    padding: 60px 1.5% 30px 1.5%;
    max-width: 1040px;
}

.notice-inList-home {
    padding: 0 !important;
}

.notice-inList section {
    position: relative;
    height: auto;
    background: #FFFFFF;
}

.notice-inList section ul {
    margin: 0;
    padding: 0 1.5em;
}

.notice-inList section ul.hidden {
    display: none;
    padding-top: 0;
}

.notice-inList section ul li {
    margin: 0;
    padding: 1em 0 1em 0;
    max-width: 90%;
    line-height: 1.2;
    border-bottom: solid 1px #DDDDDD;
}

.notice-inList section ul.hidden li:last-child {
    border-bottom: 0;
}

.notice-inList section ul li a {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: 0 2em 0 0;
    width: 100%;
    color: #FF0000;
    font-weight: bold;
}

.notice-inList section ul li a::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'east';
    font-family: "Material Icons";
    content: "\e5c8";
    margin: 0;
}


.notice-inList section button {
    position: absolute;
    top: 8px;
    right: 3%;
}

/* IE */
@media all and (-ms-high-contrast: none) {
    .notice-inList section button {
        position: absolute;
        top: 0;
        right: 3%;
    }
}

.notice-inList section button span {
    color: #FF6600;
}

.notice-inList section button span::after {
    position: relative;
    top: 0;
    content: 'add_circle';
    content: "\e147";
    font-family: "Material Icons";
    font-size: 3rem;
}

.notice-inList section button span.add {
    color: #FF6600;
}

.notice-inList section button span.add::after {
    position: relative;
    top: 0;
    content: 'add_circle';
    content: "\e147";
    font-family: "Material Icons";
    font-size: 3rem;
}

.notice-inList section button span.remove {
    color: #FF6600;
}

.notice-inList section button span.remove::after {
    position: relative;
    top: 0;
    content: 'remove_circle';
    content: "\e15c";
    color: #b8860b;
    font-family: "Material Icons";
    font-size: 3rem;
}


/* ----------------------- */
.searchArea {
    margin: 0 auto 5% auto;
    padding: 60px 1.5% 30px 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .searchArea {
        padding: 0 3% 10% 3%;
    }
}

@media screen and (max-width: 500px) {
    .searchArea {
        padding: 0 3% 8% 3%;
    }
}

.searchArea section {
    margin: 0;
    padding: 1.5em;
    background: #FFFFFF;
}

.searchArea section ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.searchArea section ul li {
    margin: 0;
    padding: 0 0 0 1em;
    width: 42.5%;
}

@media screen and (max-width: 500px) {
    .searchArea section ul li {
        margin: 0 0 .5em 0;
        width: 100%;
    }
}

.searchArea section ul li.itemName {
    margin: 0;
    padding: 0 0 0 0;
    width: 15%;
}

@media screen and (max-width: 500px) {
    .searchArea section ul li.itemName {
        width: 100%;
    }

    .searchArea section ul li.itemName p {
        margin: 0 0 .5em 0;
        font-weight: bold;
    }
}

.searchArea section ul li.btn {
    margin: 0 auto 0 16.5%;
    padding: 0;
    width: 83.5%;
}

@media screen and (max-width: 500px) {
    .searchArea section ul li.btn {
        margin: 0;
        width: 100%;
    }
}

.searchArea section ul li.sprtLine {
    margin: 0 0 1em 0;
    padding: 1em 0 0 0;
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
}


.searchArea .company {
    margin: 0;
    padding: 1.5em;
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
}

.searchArea .company:last-child {
    border-bottom: 0;
}

.searchArea .company .area {
    position: relative;
    margin: 0 0 .5em 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
}

@media screen and (max-width: 760px) {
    .searchArea .company .area {
        position: relative;
        margin: 0;
        padding: 0;
        color: #FF6600;
        font-size: 1.25em;
    }

    .searchArea .company .area span {
        padding: 0 0 0 1em;
    }

    .searchArea .company .area span::before {
        position: absolute;
        top: 55%;
        right: 0;
        content: 'add_circle_outline';
        content: "\e148";
        line-height: 0;
        font-family: "Material Icons";
        font-size: 2.5rem;
    }

    .searchArea .company .area.remove span::before {
        content: 'remove_circle_outline';
        content: "\e15d";
    }
}

.searchArea .company ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
}

@media screen and (max-width: 760px) {
    .searchArea .company ul {
        padding: 1em 0 0 0;
    }
}

.searchArea .company ul li {
    margin: 0 0 .5em 0;
    padding: 0;
    width: 25%;
    font-size: 1.1em;
}

@media screen and (max-width: 760px) {
    .searchArea .company ul li {
        width: 50%;
        font-size: 1em;
    }
}

.searchArea .company ul:last-child {
    margin: 0;
    border-bottom: 0;
}

.searchArea .company ul li a {
    padding: .25em .5em;
}

@media screen and (max-width: 760px) {
    .searchArea .company ul li a {
        padding: .25em 0;
    }
}

.searchArea .company ul li a:hover {
    background: #FFF7F2;
}


/* ----------------------- */
.mypageWrap {
    margin: 0 auto;
    padding: 3% 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 700px) {
    .mypageWrap {
        padding: 0;
    }
}

.mypage {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2% 0;
    padding: 1%;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 700px) {
    .mypage {
        padding: .75em;
    }
}


/* ----------------------- */
.mypage_menu {
    margin: 0;
    padding: 0;
    width: 25%;
    background: #F5F5F5;
}

@media screen and (max-width: 700px) {
    .mypage_menu {
        margin: 0 0 10% 0;
        width: 100%;
    }
}

.mypage_menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.mypage_menu ul li {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #DDDDDD;
}

.mypage_menu ul li:last-child {
    margin: 0;
    padding: 0;
}

.mypage_menu ul li.child {
}

.mypage_menu ul li.current {
}

.mypage_menu ul li.current a {
    color: #FF6600;
    font-weight: bold;
}

.mypage_menu ul li.common {
    background: #FFF7F2;
}

.mypage_menu ul li a {
    display: block;
    padding: 1em .5em;
    color: #000000;
}

.mypage_menu ul li.child a {
    display: block;
    padding: 1em .5em 1em 1.5em;
}

.mypage_menu ul li a:hover {
    background: #DDDDDD;
}

.mypage_menu ul li.ttl a {
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

.mypage_menu ul li.ttl {
    position: relative;
    margin: 0;
    padding: 0;
    padding: .5em 1em;
    color: #FFFFFF;
    font-size: 1.6rem;
    background: #FF6600;
}

.mypage_menu ul li.ttl a {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);
    padding: 0 .5em;
    color: #FFFFFF;
    font-size: 1.2rem;
    line-height: 1.5;
    background: #FF6600;
    border: solid 1px #FFFFFF;
}

.mypage_menu ul li.ttl a:hover {
    color: #FF6600;
    background: #FFF7F2;
}

.mypage_menu ul li.name {
    padding: 1em .5em;
    font-size: 1.8rem;
    color: #FFFFFF;
    background: #AAAAAA;
}

.mypage_menu ul li.name span {
    display: inline-block;
    padding: 0 0 0 .5em;
    font-size: 1.4rem;
}

@media screen and (max-width: 700px) {
    .mypage_menu ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .mypage_menu ul li {
        width: 50%;
        text-align: center;
        border-bottom: solid 1px #DDDDDD;
    }

    .mypage_menu ul li a {
        padding: .5em .25em;
        font-size: 1.25rem;
    }

    .mypage_menu ul li.child a {
        padding: .5em .25em;
        font-size: 1.25rem;
    }

    .mypage_menu ul li.ttl {
        width: 100%;
    }

    .mypage_menu ul li.name {
        padding: .25em;
        width: 100%;
    }

    .mypage_menu ul li.irg {
        width: 100%;
    }

    .mypage_menu ul li.irg a {
        width: 100%;
        font-size: 1.1em
    }

    .mypage_menu ul li.child {
        padding: 0;
    }
}

.mypage_menu ul li img {
    margin: 0;
    padding: 0;
}


/* ----------------------- */
.mypage_index {
    margin: 0;
    padding: 2%;
    width: 75%;
}

@media screen and (max-width: 700px) {
    .mypage_index {
        width: 100%;
    }
}

.mypage_index ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.mypage_index ul li {
    margin: 0 0 .25em 0;
    padding: 10px;
    width: 25%;
}

@media screen and (min-width: 376px) and (max-width: 600px) {
    .mypage_index ul li {
        margin: 0 0 .25em 0;
        padding: 5px;
        width: 33.33333%;
    }
}

@media screen and (max-width: 375px) {
    .mypage_index ul li {
        margin: 0 0 .25em 0;
        padding: 5px;
        width: 50%;
    }
}

.mypage_index ul li img {
    border: solid 1px #CCCCCC;
    border-radius: 10px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-out;
}

.mypage_index ul li img:hover {
    border: solid 1px #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0);
    transition: all 0.3s ease-out;
}


/* ----------------------- */
.mypage_plofile {
    margin: 0;
    padding: 2%;
    width: 75%;
}

@media screen and (max-width: 700px) {
    .mypage_plofile {
        width: 100%;
    }
}

.mypage_plofile dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1em 0;
    width: 100%;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.mypage_plofile dl dt {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 33%;
    color: #555555;
    font-size: 1.6rem;
}

.mypage_plofile dl dt span {
    margin: 0 .5em 0 0;
    padding: 1px 5px;
    color: #FFFFFF;
    font-size: 1.2rem;
}

.mypage_plofile dl dt .paid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #FF6600;
    font-size: inherit;
}

.mypage_plofile dl dt .unpaid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #AAAAAA;
    font-size: inherit;
}

.mypage_plofile dl dt span.required {
    background: #FF0000;
}

.mypage_plofile dl dt span.any {
    background: #777777;
}

.mypage_plofile dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 67%;
}

@media screen and (max-width: 700px) {
    .mypage_plofile dl dt {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }

    .mypage_plofile dl dd {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }
}

.mypage_plofile dl dd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.mypage_plofile dl dd ul li {
    margin: 0;
    padding: 0 0 0 2%;
}

.mypage_plofile dl dd ul li:first-child {
    margin: 0;
    padding: 0;
}

.mypage_plofile dl dd ul li.half {
    width: 50%;
}

.mypage_plofile dl dd ul li.oneThird {
    width: 33.3333%;
}

.mypage_plofile dl dd ul li.oneFourth {
    width: 25%;
}

.mypage_plofile dl dd ul li.full {
    width: 100%;
}

.mypage_plofile dl dd ul li.att {
    font-size: 1.4rem;
}

@media screen and (max-width: 650px) {
    .mypage_plofile dl dd ul li.half,
    .mypage_plofile dl dd ul li.oneThird,
    .mypage_plofile dl dd ul li.oneFourth {
        padding: 0 0 0 0;
        width: 100%;
    }

    .mypage_plofile dl dd ul li.half,
    .mypage_plofile dl dd ul li.oneThird,
    .mypage_plofile dl dd ul li selectbox00 {
        margin: 0 0 1em 0;
    }
}

.mypage_plofile .alert {
    margin: 0;
    padding: 15px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #d50000;
}

.mypage_plofile .child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 0;
    padding: 1em 1em;
    background: #EEEEEE;
}

.mypage_plofile .child a {
    margin: 0;
    padding: 0;
    color: #555555;
}

.mypage_plofile .child a .current {
    margin: 0;
    padding: 0;
    color: #555555;
}

.mypage_plofile .itemTtl {
    margin: 0 0 .5em 0;
    padding: 0;
    color: #FFFFFF;
    font-size: 1.25em;
    text-align: center;
    background: #FF6600;
}


.mypage_plofile .completeLead,
.mypage_ReservedList .completeLead {
    margin: 5em 0;
    padding: 0;
    font-size: 1.25em;
    text-align: center;
}

.mypage_plofile .completeLead span,
.mypage_ReservedList .completeLead span {
    display: block;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: .75em;
    text-align: center;
}

.mypage_plofile .completeLinkBtnArea,
.mypage_ReservedList .completeLinkBtnArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.mypage_plofile .completeLinkBtnArea li,
.mypage_ReservedList .completeLinkBtnArea li {
    margin: 0;
    padding: 0;
    width: 47.5%;
}

@media screen and (max-width: 420px) {
    .mypage_plofile .completeLinkBtnArea li,
    .mypage_ReservedList .completeLinkBtnArea li {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}


/* ----------------------- */
.mypage_loA {
    margin: 0;
    padding: 2%;
    width: 75%;
}

@media screen and (max-width: 700px) {
    .mypage_loA {
        padding: 0;
        width: 100%;
    }
}

.mypage_loA--item {
    margin: 0 0 5% 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 700px) {
    .mypage_loA--item {
        margin: 0 0 10% 0;
    }
}


/* ----------------------- */
.mypage_ReservedList {
    margin: 0;
    padding: 2%;
    width: 100%;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList {
        padding: 0;
        width: 100%;
    }
}

/*
.mypage_ReservedList {
	margin: 0;
	padding: 2%;
    width: 75%;
}
@media screen and (max-width: 700px) {
    .mypage_ReservedList {
        padding: 0;
        width: 100%;
    }
}
*/

.mypage_ReservedList--item {
    margin: 0 0 5% 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item {
        margin: 0 0 17.5% 0;
    }
}


.mypage_ReservedList--coution {
    margin: 0 0 2em 0;
    padding: 1em;
    line-height: 2;
    border: solid 1px #AAAAAA;
    border-radius: 5px;
}


.reservedList_edit {
    margin: 0 0 0 0;
    padding: 3%;
    background: #f1f5f5;
}

.reservedList_edit--arrow {
    margin: 0 auto;
    text-align: center;
    line-height: 0;
}

.reservedList_edit--arrow::after {
    position: relative;
    content: 'arrow_drop_down';
    content: "\e5c5";
    font-family: "Material Icons";
    margin: 0;
    color: #2a8eba;
    font-size: 6em;
    line-height: 0;
}


.mypage_ReservedList--item .cancel {
    margin: 0;
    padding: .25em;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    letter-spacing: .5em;
    background: #a5d5d6;
}

.mypage_ReservedList--item .cancelItem {
    pointer-events: none;
    opacity: .5;
    background: #555555;
}


.mypage_ReservedList--item .desc {
    margin: 0;
    padding: .25em;
    width: 100%;
    background: #EEEEEE;
    border-radius: 3px 3px 0 0;
}

.mypage_ReservedList--item .desc ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 400px) {
    .mypage_ReservedList--item .desc ul {
        padding: 3% 0 2% 0;
    }
}

.mypage_ReservedList--item .desc ul li {
    margin: 0;
    padding: 1% 1% 2% 1%;
    width: 33.33333%;
}

@media screen and (max-width: 800px) {
    .mypage_ReservedList--item .desc ul li {
        padding: 2% 2% 1.5% 2%;
        width: 50%;
        text-align: center;
    }
}


.mypage_ReservedList--item .desc ul li.plan {
    padding: 2% 1% 2% 1%;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}

.mypage_ReservedList--item .desc ul li.plan p {
    color: #FF6600;
    margin: 0;
    padding: 0;
    width: 97%;
    font-size: 1.25em
}

.mypage_ReservedList--item .desc ul li.plan p span {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .5em .25em;
    color: #FFFFFF;
    font-size: 1.2rem;
    line-height: 1;
    background: rgba(0, 173, 169, 1);
    border-radius: 3px;
}

@media screen and (max-width: 800px) {
    .mypage_ReservedList--item .desc ul li.plan p {
        margin: 0 auto;
        width: 98%;
    }

    .mypage_ReservedList--item .desc ul li.plan p span {
        display: block;
        margin: 0 0 1rem 0;
    }
}

@media screen and (max-width: 370px) {
    .mypage_ReservedList--item .desc ul li.plan p span {
        font-size: 1rem;
    }
}


.mypage_ReservedList--item .desc ul li p span {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .5em .25em;
    color: #FFFFFF;
    font-size: 1.2rem;
    line-height: 1;
    background: #FF6600;
    border-radius: 3px;
}

@media screen and (max-width: 800px) {
    .mypage_ReservedList--item .desc ul li p span {
        display: block;
        margin: 0 0 0 0;
    }
}

@media screen and (max-width: 370px) {
    .mypage_ReservedList--item .desc ul li p span {
        font-size: 1rem;
    }
}

.mypage_ReservedList--item .desc ul li p a {
    color: BLUE;
}


.mypage_ReservedList--item .desc-openBtn {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #F5F5F5;
}

.mypage_ReservedList--item .desc-openBtn-set {
    background: rgba(0, 173, 169, .2);
}

.mypage_ReservedList--item .desc-openBtn ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #AAAAAA;
}

.mypage_ReservedList--item .desc-openBtn ul:last-child {
    border-bottom: 0;
}

.mypage_ReservedList--item .desc-openBtn ul li {
    margin: 0;
    padding: 2% 1% 1.5% 1%;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item .desc-openBtn ul li {
        padding: 2% 2% 1.5% 2%;
    }
}

.mypage_ReservedList--item .desc-openBtn ul li.payment a {
    color: BLUE;
}

.mypage_ReservedList--item .desc-openBtn ul li.binGosha {
    width: 20%;
    text-align: center;
}

.mypage_ReservedList--item .desc-openBtn ul li.binGosha .bin {
    color: #FF6600;
    font-size: 1.6rem;
    font-weight: bold;
}

.mypage_ReservedList--item .desc-openBtn ul li.binGosha .gosha {
    font-size: 1.8rem;
    font-weight: bold;
}

.mypage_ReservedList--item .desc-openBtn ul li.binGosha .bin span,
.mypage_ReservedList--item .desc-openBtn ul li.binGosha .gosha span {
    font-size: .85em;
    font-weight: normal;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item .desc-openBtn ul li.binGosha {
        width: 100%;
        text-align: center;
    }

    .mypage_ReservedList--item .desc-openBtn ul li.binGosha p {
        display: inline-block;
        margin: 0 .5em;
    }
}

.mypage_ReservedList--item .desc-openBtn ul li.getOn,
.mypage_ReservedList--item .desc-openBtn ul li.getOff {
    width: 35%;
    text-align: center;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item .desc-openBtn ul li.getOn,
    .mypage_ReservedList--item .desc-openBtn ul li.getOff {
        width: 42.5%;
    }
}

.mypage_ReservedList--item .desc-openBtn ul li.getOn .basStop,
.mypage_ReservedList--item .desc-openBtn ul li.getOff .basStop {
}

.mypage_ReservedList--item .desc-openBtn ul li.getOn .date,
.mypage_ReservedList--item .desc-openBtn ul li.getOff .date {
    background: #FFFFFF;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item .desc-openBtn ul li.getOn .date,
    .mypage_ReservedList--item .desc-openBtn ul li.getOff .date {
        font-size: 1.1rem
    }
}

.mypage_ReservedList--item .desc-openBtn ul li.getOn .date span,
.mypage_ReservedList--item .desc-openBtn ul li.getOff .date span {
    margin: 0 0 0 .25em;
    color: #2aa1c0;
    font-size: 1.1em;
    font-weight: bold;
}

.mypage_ReservedList--item .desc-openBtn ul li.getOn .time,
.mypage_ReservedList--item .desc-openBtn ul li.getOff .time {
    color: #FF6600;
    font-size: 1.5em;
    font-weight: bold;
}

.mypage_ReservedList--item .desc-openBtn ul li.arrow {
    width: 10%;
    text-align: center;
}

@media screen and (max-width: 700px) {
    .mypage_ReservedList--item .desc-openBtn ul li.arrow {
        width: 15%;
        text-align: center;
    }
}

.mypage_ReservedList--item .desc-openBtn ul li.arrow .type {
}

.mypage_ReservedList--item .desc-openBtn ul li.arrow .material-icons {
    color: #FF6600;
}


.mypage_ReservedList--item .desc-openBtn ul li.line {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}

.mypage_ReservedList--item .desc-openBtn ul li.line p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: .5em auto;
    padding: 0;
    width: 97%;
}

.mypage_ReservedList--item .desc-openBtn ul li.line p span {
    margin: 0 1em 0 0;
    padding: .2em 1em 0 1em;
    color: #FFFFFF;
    font-size: .9em;
    background: #AAAAAA;
    border-radius: 3px;
}


.mypage_ReservedList--item .toDetail {
    display: block;
    margin: 0 auto;
    padding: .75em;
    width: 260px;
    color: #FF6600;
    text-align: center;
    font-weight: bold;
    background: #EEEEEE;
    border-radius: 0 0 10px 10px;
}

.mypage_ReservedList--item .toDetail:hover {
    color: #FFFFFF;
    background: #FF6600;
}

.mypage_ReservedList--item .toDetail-set {
    display: block;
    margin: 0 auto;
    padding: .75em;
    width: 260px;
    color: #FF6600;
    text-align: center;
    font-weight: bold;
    background: rgba(0, 173, 169, .2);
    border-radius: 0 0 10px 10px;
}

.mypage_ReservedList--item .toDetail-set:hover {
    color: #FFFFFF;
    background: rgba(0, 173, 169, 1);
}


/* ----------------------- */
.mypage_ReservedList--item .cancel_Refund {
    margin: 0 0 1em 0;
    padding: 2.5%;
    background: #f1f5f5;
}

.mypage_ReservedList--item .cancel_Refund ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    background: #FFFFFF;
}

.mypage_ReservedList--item .cancel_Refund ul li {
    margin: 0;
    padding: 2.5%;
    width: 50%;
    border-bottom: solid 5px #f1f5f5;
}

.mypage_ReservedList--item .cancel_Refund ul li:last-child {
    text-align: right;
}


/* ----------------------- */
.narrowDown_Wrap {
    margin: 0 0 5% 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 700px) {
    .narrowDown_Wrap {
        margin: 0 0 10% 0;
    }
}

.narrowDown {
    margin: 0;
    padding: 2.5%;
    /* background: #f1f5f5; */
    background: rgba(255, 102, 0, .1);
    border-radius: 5px;
}

.narrowDown .ttl {
    position: relative;
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #FF6600;
}

.narrowDown .date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 1em 0;
    padding: 0;
}

.narrowDown .date li {
    margin: 0;
    padding: 0;
    width: 35%;
}

.narrowDown .date li.kara {
    margin: 0;
    padding: 0;
    width: 15%;
    text-align: center;
}

.narrowDown .timeTtl {
    position: relative;
    margin: 0;
    padding: .5em 1em;
    font-weight: bold;
    color: #FFFFFF;
    background: #FF6600;
    cursor: pointer;
}

.narrowDown .timeTtl .openBtn {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    margin: auto;
}

.narrowDown .timeTtl .openBtn::after {
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    font-size: 1.3em;
}

.narrowDown .timeTtl.remove .openBtn {
    color: #FFFFFF;
}

.narrowDown .timeTtl.remove .openBtn::after {
    content: 'remove_circle_outline';
    content: "\e15d";
}

.narrowDown .time {
    margin: 0;
    padding: 0 1em 1em 1em;
    background: #EEEEEE;
}

.narrowDown .time ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}

.narrowDown .time ul li {
    margin: 0;
    padding: 0;
    width: 45%;
}

.narrowDown .time ul li.kara {
    margin: 0;
    padding: 0;
    width: 10%;
    text-align: center;
}


/* ----------------------- */
.mypage_leave {
    margin: 0;
    padding: 2%;
    width: 75%;
}

@media screen and (max-width: 700px) {
    .mypage_leave {
        width: 100%;
    }
}

.mypage_leave .message {
    margin: 0 0 2em 0;
    padding: 0 0 2em 0;
    border-bottom: solid 1px #CCCCCC;
}

.mypage_leave .message .ttl {
    margin: 0 0 .25em 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    font-weight: bold;
}

.mypage_leave table {
    margin: 0;
    padding: 1em 0;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}

.mypage_leave table th {
    margin: 0 0 0 0;
    padding: .5em;
    width: 40%;
    color: #555555;
    text-align: left;
    background: #F5F5F5;
    border: solid 1px #CCCCCC;
}

.mypage_leave table td {
    margin: 0 0 0 0;
    padding: .5em;
    width: 60%;
    border: solid 1px #CCCCCC;
}


.freeTicket {
    margin: 0 auto;
    padding: 0;
    width: 95%;
    max-width: 700px;
}

.freeTicket .item {
    margin: 0 0 1.5em 0;
    padding: 2.5% 2.5% 1.5% 2.5%;
    background: #F5F5F5;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
}

.freeTicket .item .ttl {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.freeTicket .item .yes {
    display: inline-block;
    margin: 0 0 .5em 0;
    padding: .1em 1em;
    color: #FFFFFF;
    background: #FF6600;
}

.freeTicket .item .no {
    display: inline-block;
    margin: 0 0 .5em 0;
    padding: .1em 1em;
    color: #FFFFFF;
    background: #AAAAAA;
}

.freeTicket .item .purchase-date {
    display: inline-block;
    margin: 0 0 .5em 1em;
    padding: 0;
    color: #FF6600;
    font-size: .9em;
}

.freeTicket .item .purchase-date b {
    margin: 0;
    padding: 0;
    color: #000000;
    font-weight: normal;
}

.freeTicket .item .name {
    display: block;
    margin: 0;
    padding: 0 1em 0 0;
    font-size: 1.2em;
    line-height: 1.4;
}

.freeTicket .item .ttl .add {
    position: absolute;
    top: 50%;
    right: 0;
    margin: 0 0 0 .5em;
    color: #0000ff;
    line-height: 0;
}

.freeTicket .item .ttl .add::after {
    content: 'add';
    content: "\e145";
    font-family: "Material Icons";
    font-size: 1.5em;
}

.freeTicket .item .ttl .add.remove::after {
    content: 'remove';
    content: "\e15b";
}

.freeTicket .item ul {
    margin: 1em 0 0 0;
    padding: 0;
}

.freeTicket .item ul li {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
    text-align: right;
    border-bottom: solid 1px #CCCCCC;
}

.freeTicket .item ul li:last-child {
    margin: 0 0 .5em 0;
    padding: .5em 0 0 0;
    border-bottom: 0;
}

.freeTicket .item ul li .sttl {
    margin: 0;
    padding: 0;
    color: #FF6600;
    text-align: left;
    font-size: .85em;
    font-weight: bold;
}

.freeTicket .item ul li .cmnBtn {
    margin: 0;
}

.freeTicket .item ul li.ticket-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 25px 0;
    padding: 12px;
    width: 100%;
    text-align: left;
    background: #FFFFFF;
    border: 0;
}

.freeTicket .item ul li.ticket-status p {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

.freeTicket .item ul li.ticket-status p .sub {
    display: inline-block;
    margin: 0 0 .5em 0;
    padding: .25em 1em .25em 1em;
    color: #FF6600;
    border: solid 1px #FF6600;
}

.freeTicket .item ul li.ticket-status p .lead {
    margin: 0 0 1em 0;
    display: inline-block;
}

.freeTicket .item ul li.ticket-status p .lead b {
    color: #FF6600;
}

.freeTicket .item ul li.ticket-status table {
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
}

.freeTicket .item ul li.ticket-status tr:nth-child(odd) td {
    background: #F5F5F5;
}

.freeTicket .item ul li.ticket-status table tr th {
    margin: 0;
    padding: 5px;
    text-align: center;
    font-weight: normal;
    background: #CCCCCC;
    border: solid 1px #AAAAAA;
}

.freeTicket .item ul li.ticket-status table tr td {
    margin: 0;
    padding: 5px;
    border: solid 1px #AAAAAA;
}

.freeTicket .item ul li.ticket-status table tr td:first-child {
    text-align: center;
}

.freeTicket .item ul li.ticket-status table tr td img {
    margin: 0 5px 0 0;
    width: 60px;
}

@media screen and (max-width: 370px) {
    .freeTicket .item ul li.ticket-status table tr td img {
        width: 35px;
    }
}

.freeTicket .item ul li.ticket-status table tr td .unused {
    color: #FF6600;
}

.freeTicket .item ul li.ticket-status table tr td .used {
    color: #777777;
}


.freeTicket-use {
    margin: 0 auto 1.5em auto;
    padding: 2.5rem 1.5rem 2.5rem 1.5rem;
    width: 95%;
    max-width: 700px;
    background: #FFFFFF;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
    border-radius: 10px;
}


.freeTicket-use > .ttl {
    margin: 0 0 20px 0;
    padding: 7.5px 0;
    width: 100%;
    color: #FF6600;
    text-align: center;
    font-size: 1.25em;
    background: #FFFFFF;
    border: solid 2px #FF6600;
    border-radius: 25px;
}

.freeTicket-use .name {
    margin: 0 0 2rem 0;
    padding: 0;
    text-align: center;
    font-size: 1.25em;
    line-height: 1.4;
}

@media screen and (min-width: 600px) {
    .freeTicket-use .name {
        font-size: 1.5em;
    }
}

.freeTicket-use .ticketUncut {
    margin: 0 auto 2rem auto;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 600px) {
    .freeTicket-use .ticketUncut {
        width: 55%;
    }
}

.freeTicket-use .dateTime {
    margin: 0 0 25px 0;
    padding: 0;
    color: #000000;
    text-align: center;
}

.freeTicket-use .dateTime .year {
    display: block;
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 2.5em;
}

@media screen and (max-width: 600px) {
    .freeTicket-use .dateTime .year {
        font-size: 6vw;
    }
}

.freeTicket-use .dateTime .date {
    margin: 0 0 .25em 0;
    padding: 0;
    text-align: center;
    line-height: 1.2;
    font-size: 5em;
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .freeTicket-use .dateTime .date {
        font-size: 12.5vw;
    }
}

.freeTicket-use .dateTime .time {
    display: inline-block;
    margin: 0 auto 0 0;
    padding: .4em 1em .25em 1em;
    color: #FFFFFF;
    text-align: center;
    font-size: 2em;
    line-height: 1.2;
    background: #555555;
}

@media screen and (max-width: 600px) {
    .freeTicket-use .dateTime .time {
        font-size: 6vw;
    }
}

.freeTicket-use .dateTime .unit {
    margin: 0;
    padding: 0;
    font-size: .75em;
    font-weight: normal;
}

.freeTicket-use .use {
    font-size: 1.75em !important;
}

.freeTicket-use .messa {
    margin: 0 0 2rem 0;
    padding: .25em .25em .15em .25em;
    color: #FFFFFF;
    text-align: center;
    line-height: 1.2;
    letter-spacing: .2em;
    font-size: 3em;
    font-weight: bold;
    background: #FF6600;
}

.freeTicket-use .messa span {
    display: block;
    font-size: .4em;
    letter-spacing: 0;
    font-weight: normal;
    background: #FF6600;
}

@media screen and (min-width: 600px) {
    .freeTicket-use .messa span {
        font-size: .6em;
    }
}


.freeTicket-use .ticket-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
    padding: 12px;
    width: 100%;
    background: #EEEEEE;
}

.freeTicket-use .ticket-status .ttl {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
    color: #000000;
    text-align: left;
    border: 0;
}

.freeTicket-use .ticket-status img {
    width: 20%;
}


/* ----------------------- */
.registered_creditCard {
    margin: 0 0 1em 0;
    padding: 2.5%;
    background: #f1f5f5;
}

.registered_creditCard section {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border-bottom: solid 5px #f1f5f5;
}

.registered_creditCard section p {
    margin: 0;
    padding: 2.5%;
    width: 30%;
}

@media screen and (max-width: 420px) {
    .registered_creditCard section p {
        margin: 0;
        padding: 2.5%;
        width: 100%;
    }
}

.registered_creditCard section p span {
    display: block;
    color: #AAAAAA;
    font-size: .8em;
}

@media screen and (max-width: 420px) {
    .registered_creditCard section p span {
        display: inline-block;
        margin: 0 .5em 0 0;
    }
}

.registered_creditCard section .edit {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
    text-align: center;
}


.registered_creditCard section a.del {
    position: absolute;
    right: 10px;
}

.registered_creditCard section a.del::after {
    position: relative;
    content: 'highlight_off';
    content: "\e888";
    font-family: "Material Icons";
    color: #FF0000;
    font-size: 1.5em;
}

.registered_creditCard section a.initial {
    position: absolute;
    right: 40px;
}

.registered_creditCard section a.initial::after {
    position: relative;
    content: 'remove_circle_outline';
    content: "\e15d";
    font-family: "Material Icons";
    color: #FF0000;
    font-size: 1.5em;
}


.registered_creditCard .new p {
    margin: 0;
    padding: 4% 2.5%;
    width: 100%;
}

.registered_creditCard .new a {
    position: absolute;
    right: 10px;
}

.registered_creditCard .new a::after {
    position: relative;
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    color: #555555;
    font-size: 1.5em;
}


/* ----------------------- */
.favorite-busstop {
    margin: 0 0 1em 0;
    padding: 2.5%;
    background: #FFF7F2;
}

.favorite-busstop ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 .5em 0;
    padding: 0;
    background: #FFFFFF;
}

.favorite-busstop ul.initial {
    border: solid 2px #FF6600;
}

.favorite-busstop ul.add-open {
    cursor: pointer;
}

.favorite-busstop ul li {
    margin: 0;
    padding: 1em .5em;
    width: 30%;
}

.favorite-busstop ul li.add-lead {
    margin: 0;
    padding: 1em .5em;
    width: 90%;
    cursor: pointer;
}

.favorite-busstop ul li.btn {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: center;
    position: relative;
    width: 5%;
    text-align: right;
}

.favorite-busstop ul li.btn a.del {
    display: inline-block;
}

.favorite-busstop ul li.btn a.del::after {
    content: 'highlight_off';
    content: "\e888";
    font-family: "Material Icons";
    color: #FF0000;
    font-size: 1.5em;
}

.favorite-busstop ul li.btn a.initial {
    display: inline-block;
}

.favorite-busstop ul li.btn a.initial::after {
    content: 'check_circle';
    content: "\e86c";
    font-family: "Material Icons";
    color: #555555;
    font-size: 1.5em;
}

.favorite-busstop ul li.btn a.add {
    display: inline-block;
}

.favorite-busstop ul li.btn a.add::after {
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    color: #555555;
    font-size: 1.5em;
}


.favorite-busstop_hidden {
    display: none;
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #FFF7F2;
}

.favorite-busstop_hidden dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1em 0;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.favorite-busstop_hidden dl dt {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 33%;
    color: #555555;
    font-size: 1.6rem;
}

.favorite-busstop_hidden dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 67%;
    font-size: 1.6rem;
}

.favorite-busstop_hidden dl dd ul {
    margin: 0;
    padding: 0;
}

.favorite-busstop_hidden dl dd ul li {
    margin: 0;
    padding: 0 0 0 2%;
}


/* ----------------------- */
.busMilePoint {
    margin: 0 0 1em 0;
    padding: 2.5%;
    background: #f1f5f5;
}

@media screen and (max-width: 650px) {
    .busMilePoint {
        padding: 5%;
    }
}

.busMilePoint .ttl {
    margin: 0 auto 1em auto;
    padding: 0;
    font-size: 2rem;
}

.busMilePoint .inner {
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
    border-bottom: solid 1px #555555;
}

.busMilePoint .inner .points {
    margin: 0 0 1em 0;
    padding: 1em;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}

.busMilePoint .inner .points .qua {
    margin: 0 0 0 0;
    color: #FF6600;
    font-size: 5rem;
}

.busMilePoint .inner .points .quaTxt {
    margin: 0 1em 0 0;
}

.busMilePoint .inner .points .limit {
    margin: 0 .5em 0 0;
    padding: .25em .5em;
    color: #FFFFFF;
    background: #CCCCCC;
}

@media screen and (max-width: 620px) {
    .busMilePoint .inner .points .limit {
        margin: 0 0 .5em 0;
        padding: .1em .5em;
        display: block;
    }
}

.busMilePoint .inner .points .date {
    font-weight: bold;
}

.busMilePoint aside {
    margin: 0 0 5% 0;
    padding: 0 0 5% 0;
}

.busMilePoint aside section {
    width: 100%;
    overflow: auto;
}

.busMilePoint aside section table {
    margin: 1em 0;
    width: 100%;
    text-align: right;
}

.busMilePoint aside section table th {
    padding: .5em 1em;
    text-align: left;
    white-space: nowrap;
    background: #FFF7F2;
    border: 1px solid #CCCCCC;
}

.busMilePoint aside section table td {
    padding: .5em 1em;
    background: #FFFFFF;
    white-space: nowrap;
    border: 1px solid #CCCCCC;
}

.busMilePoint aside .pagination {
    margin: 0;
    padding: 0;
    text-align: center;
}

.busMilePoint aside .pagination {
    margin: 0;
    padding: 0;
    text-align: center;
}

.busMilePoint aside .pagination a {
    padding: 0 .25em;
}

.busMilePoint aside .pagination a.current {
    border-bottom: 2px solid blue;
}


/* ----------------------- */
.check00 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 3% 1.5%;
    max-width: 1040px;
}

@media screen and (max-width: 650px) {
    .check00 {
        padding: 10% 3%;
    }
}

.check00_11 {
    margin: 0 0 5% 0;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .check00_11 {
        margin: 0 0 5% 0;
        padding: 0 0 0 0;
        width: 100%;
    }
}

.check00_22 {
    margin: 0 0 5% 2%;
    padding: 0;
    width: 48%;
}

@media screen and (max-width: 767px) {
    .check00_22 {
        margin: 0 0 5% 0;
        padding: 0;
        width: 100%;
    }
}


.check00_33 {
    margin: 0 0 5% 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .check00_33 {
        margin: 0 0 5% 0;
        padding: 0;
        width: 100%;
    }
}


/* ---------- 座席指定 ここから　----------- */
.seat_select {
    margin: 0 0 5% 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .seat_select {
        margin: 0 0 5% 0;
        padding: 0;
        width: 100%;
    }
}

.seat_select .planWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 2rem 0;
    padding: 0;
}

.seat_select .plan,
.seat_select .numberOFpeople {
    margin: 0 0 0 0;
    padding: 0 0 1rem 0;
    width: calc(50% - 1rem);
    background: #FFFFFF;
    border-top: solid 5px #FF6600;
}

@media screen and (max-width: 700px) {
    .seat_select .planWrap {
        margin: 0 0 0 0;
    }

    .seat_select .plan,
    .seat_select .numberOFpeople {
        margin: 0 0 2.5rem 0;
        width: 100%;
    }
}

.seat_select .plan .title,
.seat_select .numberOFpeople .title {
    display: block;
    margin: 0;
    padding: 1rem;
    text-align: center;
    font-size: 1.25em;
    border-bottom: solid 1px #CCCCCC;
}

.seat_select .plan .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1rem 0;
    padding: 1rem 2rem;
}

.seat_select .numberOFpeople .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    padding: 1rem 2rem 0 2rem;
}

.seat_select .numberOFpeople .list li {
    margin: 0;
    padding: 0;
    width: 33.333%
}

.seat_select .numberOFpeople .list li:first-child {
    color: #FF6600;
    font-weight: bold;
}

.seat_select .numberOFpeople .list li .number {
    margin: 0;
    padding: 0 .25em;
    font-size: 1.25em;
    font-weight: bold;
}

.seat_select .seatWrap {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border-top: solid 5px #FF6600;
}

.seat_select .seatWrap .title {
    display: block;
    margin: 0;
    padding: 1rem;
    width: 100%;
    text-align: center;
    font-size: 1.25em;
    border-bottom: solid 1px #CCCCCC;
}

.seat_select .seatWrap .exp {
    margin: 0 0 3rem 0;
    padding: 2rem;
    width: 100%;
}

.seat_select .seatWrap .seat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 1rem 0;
    padding: 0;
    width: 100%;
}

.seat_select .seatWrap .seat .floor {
    margin: 0 0 1rem 0;
    padding: 0 2rem;
    width: 50%;
}

@media screen and (max-width: 700px) {
    .seat_select .seatWrap .seat .floor {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        padding: 0 1rem;
        width: 100%;
    }
}

.seat_select .seatWrap .seat .floor .floor1,
.seat_select .seatWrap .seat .floor .floor2 {
    margin: 0 0 2.5rem 0;
    padding: 0;
}

.seat_select .seatWrap .seat .floor .floor1 .stitle,
.seat_select .seatWrap .seat .floor .floor2 .stitle {
    margin: 0 0 2rem 0;
    padding: 0;
    font-size: 1.75em
}

.seat_select .seatWrap .seat .floor .floor1 .stitle span,
.seat_select .seatWrap .seat .floor .floor2 .stitle span {
    margin: 0 1rem 0 0;
    color: #FF6600;
}

.seat_select .seatWrap .seat .detail {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 0;
    width: 50%;
}

@media screen and (max-width: 700px) {
    .seat_select .seatWrap .seat .detail {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        position: static;
        margin: 0 0 3rem 0;
        width: 100%;
    }
}

.seat_select .seatWrap .seat .detail .detail-inner {
    position: absolute;
    top: 0;
    right: 2rem;
    margin: 0 0 0 0;
    padding: 2rem;
    background: #F9F9F9;
    border-radius: 5px;
}

@media screen and (max-width: 700px) {
    .seat_select .seatWrap .seat .detail .detail-inner {
        position: static;
        margin: 0 auto;
        width: calc(100% - 2rem);
    }
}

.seat_select .seatWrap .seat .detail .detail-inner .select {
    margin: 0 0 3rem 0;
    padding: 0;
}

.seat_select .seatWrap .seat .detail .detail-inner .guide {
    margin: 0 0 0 0;
    padding: 0;
}

.seat_select .seatWrap .seat .detail .detail-inner .select .lead,
.seat_select .seatWrap .seat .detail .detail-inner .guide .lead {
    margin: 0 0 1rem 0;
    padding: 0 0 0 1rem;
    border-left: solid 4px #FF6600;
}

/* ---------- 座席指定 ここまで　----------- */


.caution {
    margin: 0 0 1em 0;
    padding: 1em;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.25em;
    background: #FF0000;
}


.check_bin {
    margin: 0 0 2% 0;
    padding: 5%;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    border-top: solid 10px #FF6600;
}

.check_bin .tabs {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
}

.check_bin .tabs .tab_item {
    margin: 0 0 .75em 0;
    padding: 0 0 .25em 0;
    width: 50%;
    text-align: center;
    font-size: 4rem;
    line-height: 1.2;
    border-bottom: solid 5px #DDDDDD;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.check_bin .tabs .tab_itemBottom {
    margin: 2em 0 0 0;
    padding: 0;
    width: 50%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    cursor: pointer;
}

.check_bin .tabs .tab_item span {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.6rem;
    color: #FF6600;
}

.check_bin .tabs input[name="tab_item"] {
    display: none;
}

.check_bin .tabs #toGo_content,
.check_bin .tabs #return_content {
    display: none;
}

.check_bin .tabs #oneWay:checked ~ #oneWay_content,
.check_bin .tabs #toGo:checked ~ #toGo_content,
.check_bin .tabs #return:checked ~ #return_content,
.check_bin .tabs #first:checked ~ #firstLine,
.check_bin .tabs #second:checked ~ #secondLine {
    display: block;
}

.check_bin .tabs input:checked + .tab_item {
    position: relative;
    border-bottom: solid 5px #FF6600;
}

.check_bin .tabs input:checked + .tab_item:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #FF6600 transparent transparent transparent;
    border-width: 20px 20px 0 20px;
}


/* ----------------------- */
.ticketDetails {
    width: 100%;
}

.ticketDetailsMP {
    padding: 2%;
    background: #F5F5F5;
    border-radius: 0 0 3px 3px;
}

.ticketDetails_desc {
    margin: 0;
    padding: 0;
    background: #FFFFFF
}

.ticketDetails_descMP {
    margin: 0;
    padding: 2%;
}

@media screen and (max-width: 767px) {
    .ticketDetails_descMP {
        margin: 0;
        padding: 5% 2% 2% 2%;
    }
}

.ticketDetails_desc .change {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: right;
}

.ticketDetails_desc .change a {
    margin: 0;
    padding: .25em 1em;
    color: #FFFFFF;
    background: #FF6600;
    border-radius: 2px;
}

.ticketDetails_desc .change a:hover {
    background: #ff3f00;
}

.ticketDetails_desc dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #FF6600;
}

.ticketDetails_desc dl.noBorder {
    border-bottom: 0;
}

.ticketDetails_desc dl dt {
    margin: 0;
    padding: 1em .25em;
    width: 27%;
    color: #FF6600;
    text-align: left;
    font-size: 1.5rem;
}

@media screen and (max-width: 600px) {
    .ticketDetails_desc dl dt {
        font-size: 1.2rem;
    }
}

.ticketDetails_desc dl.peopleOFnumber dt {
    margin: 0;
    padding: 1em .25em 0 .25em;
    width: 100%;
}


.ticketDetails_desc dl dd {
    margin: 0;
    padding: 1em .25em;
    width: 73%;
    text-align: right;
}

.ticketDetails_desc dl dd a {
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: 1.2rem;
    background: #FF6600;
    border-radius: 2px;
}

@media screen and (max-width: 400px) {
    .ticketDetails_desc dl dd a {
        padding: 2px;
        font-size: 1rem;
    }
}

.ticketDetails_desc dl dd a:hover {
    background: #FF3F00;
}

.ticketDetails_desc dl.peopleOFnumber dd {
    padding: 0 .25em 1em .25em;
    width: 100%;
}

.ticketDetails_desc dl dt ul {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.ticketDetails_desc dl dd ul li {
    margin: 0;
    padding: 5px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .ticketDetails_desc dl dd ul li {
        font-size: 1.4rem;
    }
}

.ticketDetails_desc dl dd ul li:nth-child(even) {
    background: #F5F5F5;
}

.ticketDetails_desc dl dd ul li.totalPrice {
    margin: 0;
    padding: 1em 3px .75em 3px;
    width: 100%;
    border-top: solid 1px #FF6600;
    border-bottom: solid 1px #FF6600;
    background: #FFF7F2;
}

.ticketDetails_desc dl dd ul li span {
    display: inline-block;
}

.ticketDetails_desc dl dd ul li .ttl {
    display: inline-block;
    font-size: .8em;
}

.ticketDetails_desc dl dd ul li .price {
    display: inline-block;
    font-size: 1.6rem;
}

.ticketDetails_desc dl dd ul li .paid {
    display: inline-block;
    margin: 0 0 .25em 1em;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: .85em;
    background: #2aa1c0;
}

.ticketDetails_desc dl dd ul li .unpaid {
    display: inline-block;
    margin: 0 0 .25em 1em;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: .85em;
    background: #AAAAAA;
}

.ticketDetails_desc dl dd ul li a {
    display: inline-block;
    margin: 0 0 .25em 1em;
    padding: 2px 5px;
    color: #FFFFFF;
    font-size: .85em;
    background: #FF6600;
}


/* - */
.ticketDetails_price {
    margin: 0;
    padding: 0;
    background: #FFFFFF;
    border-top: solid 15px #F5F5F5;
}

.ticketDetails_priceMP {
    margin: 0;
    padding: 2%;
}

.ticketDetails_priceGrc {
    margin: 0;
    padding: 5%;
    border: none;
}

.ticketDetails_price ul {
    margin: 0 0 1em 0;
    padding: 0;
    border-bottom: 0;
}

.ticketDetails_price ul li {
    margin: 0;
    padding: 5px 1em;
    width: 100%;
    text-align: right;
}

.ticketDetails_price ul li:nth-child(even) {
    background: #F5F5F5;
}

.ticketDetails_price ul li span {
    white-space: nowrap;
}

.ticketDetails_price ul li.ttl {
    text-align: left;
    font-size: 1.6rem;
    background: #DDDDDD;
}

.ticketDetails_price ul li.total {
    font-size: 1.6rem;
    background: #FFF7F2;
    border-top: solid 1px #FF6600;
    border-bottom: solid 1px #FF6600;
}

.ticketDetails_price ul li.paymentMethod {
    font-size: 1.4rem;
    border-bottom: solid 1px #FF6600;
    background: #FFFFFF;
}

.ticketDetails_price ul li.paymentMethod span {
    color: #FF6600;
    font-weight: bold;
}

.ticketDetails_price .lead {
    margin: 0 0 .5em 0;
    padding: .5em 0;
    text-align: center;
    font-size: 1.25em;
    background: #F5F5F5;
}

.ticketDetails_price .lead span {
    margin: 0;
    padding: 0;
    color: #FF0000;
    font-size: 1.25em;
    font-weight: bold;
}

.ticketDetails_price .lead-webcoupon {
    margin: 0 0 .5em 0;
    padding: .5em 1em;
    background: #F5F5F5;
}

.ticketDetails_price .lead-webcoupon .no {
    margin: 0 0 .5em 0;
    padding: 0 0 0 1em;
    font-weight: bold;
}

.ticketDetails_price .lead-webcoupon .desc {
    margin: 0 0 .5em 0;
    padding: 0 0 0 1em;
}

.ticketDetails_price .lead-webcoupon .limit {
    padding: 0 0 0 1em;
    font-weight: bold;
}

.ticketDetails_price .ccInfo {
    margin: 0;
    padding: 1em;
    border: solid 1px #AAAAAA;
    border-radius: 5px;
}

.ticketDetails_price .ccInfo .lead {
    margin: 0 0 .5em 0;
    padding: .5em;
    text-align: center;
    background: #f1f5f5;
}

.ticketDetails_price .ccInfo .lead span {
    margin: 0 0 0 1em;
    font-weight: bold;
}


/* ----------------------- */
.qrView {
    margin: 0;
    padding: 1%;
    font-size: 1.4rem;
}

.qrView .ttl {
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: 2rem;
    border-bottom: solid 2px #FF6600;
}

.qrView ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.qrView ul li {
    margin: 0;
    padding: 1em;
    width: 50%;
    background: #F5F5F5 !important;
    border: solid 5px #FFFFFF;
}

@media screen and (max-width: 550px) {
    .qrView ul li {
        width: 100%;
    }
}

.qrView ul li dl {
    margin: 0;
    padding: 0;
    text-align: left;
    border-radius: 15px;
}

.qrView ul li dl dt {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 2em;
}

.qrView ul li dl dd {
    margin: 0;
    padding: 0;
}

.qrView ul li dl dd p {
    margin: 0 0 .5em 0;
}

.qrView ul li dl dd p a {
    display: inline-block;
}

.qrView ul li dl dd p img {
    width: 30%;
}

.qrView ul li dl dd p .subTtl {
    margin: 0 .5em 0 0;
    padding: 0 1em;
    width: 6em;
    color: #FFFFFF;
    background: #CCCCCC;
}


/* ----------------------- */
.cancel_desc {
    margin: 0 0 1em 0;
    padding: 0;
}

.cancel_desc p {
    margin: 0 0 .5em 0;
}

.cancel_desc .ttl {
    margin: 0 0 .5em 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    font-weight: bold;
}

.cancel_desc section {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    margin: 0 0 1em 0;
    padding: 0;
    background: #F5F5F5;
}

.cancel_desc section p {
    margin: 0;
    padding: 1em;
    text-align: center;
    font-size: 1.4rem;
}

.cancel_desc section p span {
    display: block;
    font-size: 1.25em;
    color: #FF0000;
}

@media screen and (max-width: 500px) {
    .cancel_desc section p {
        position: relative;
        padding: .75em 1.5em;
        text-align: left;
        width: 100%;
        border-bottom: solid 1px #DDDDDD;
    }

    .cancel_desc section p:last-child {
        border-bottom: 0;
    }

    .cancel_desc section p span {
        display: inline-block;
        position: absolute;
        right: 1.5em;
    }
}

.cancel_desc ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.cancel_desc ul li {
    margin: 0;
    padding: 0;
    width: 32%;
    background: #FFFFFF !important;
}

@media screen and (max-width: 920px) {
    .cancel_desc ul li {
        padding: 0 0 .5em 0;
        width: 100%;
    }

    .cancel_desc ul li:last-child {
        padding: 0;
    }
}

.cancel_desc ul li button {
    margin: 0;
}

.cancel_desc .refund {
    margin: 0;
    padding: 0;
    text-align: center;
}

.cancel_desc .refund span {
    margin: 0 0 0 .25em;
    padding: 0;
    font-size: 1.5em;
}


/* ----------------------- */
.cancel_complete {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 2%;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 650px) {
    .cancel_complete {
        padding: 10% 3%;
    }
}

.cancel_complete dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 2%;
    width: 50%;
}

@media screen and (max-width: 720px) {
    .cancel_complete dl {
        width: 100%;
    }
}

.cancel_complete dl dt {
    margin: 0 auto;
    padding: 2%;
    width: 30%;
    color: #FF6600;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
}

.cancel_complete dl dd {
    position: relative;
    margin: 0 auto;
    padding: 2%;
    width: 70%;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.cancel_complete dl dd a {
    display: inline-block;
    margin: 0 0 0 0;
    padding: 1px 5px;
    color: #FFFFFF;
    font-size: 1.4rem;
    background: #2aa1c0;
    border-radius: 3px;
}

.cancel_complete dl dd a:hover {
    background: #2a8eba;
}

@media screen and (max-width: 360px) {
    .cancel_complete dl dd a {
        position: static;
        display: inline-block;
    }
}

.cancel_complete dl dd span {
    margin: 0 0 0 1em;
    color: #555555;
    font-size: 1.4rem;
}


/* ----------------------- */
.mtdPayment {
    margin: 0 0 2% 0;
    padding: 2% 2% 2% 2%;
    width: 49%;
    background: #f1f5f5;
}

@media screen and (max-width: 790px) {
    .mtdPayment {
        margin: 0 0 5% 0;
        padding: 4%;
        width: 100%;
    }
}

.mtdPayment .ttl {
    display: block;
    position: relative;
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 1.8rem;
    border-left: solid 5px #FF6600;
}

@media screen and (max-width: 790px) {
    .mtdPayment .ttl {
        margin: 0 0 1em 0;
        font-size: 1.5rem;
        cursor: pointer;
    }
}

@media screen and (max-width: 790px) {
    .mtdPayment .ttl:after {
        position: absolute;
        top: 50%;
        right: 0;
        content: 'expand_more';
        content: "\e5cf";
        font-family: "Material Icons";
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transition: 0.2s;
        color: #FF6600;
        font-size: 3.5rem;
    }
}

.mtdPayment .ttl.selected:after {
    transform: translateY(-50%) rotate(180deg);
    transition: 0.2s;
}

.mtdPayment .mtdPayment_desc {
    margin: 0 0 1em 0;
    padding: 5% 5% 8% 5%;
    height: auto;
    max-height: 400px;
    background: #FFFFFF;
    overflow: auto;
}

@media screen and (max-width: 790px) {
    .mtdPayment .mtdPayment_desc {
        display: none;
        max-height: initial;
        max-height: auto;
        overflow: hidden;
    }

    .mtdPayment .cmnBtn {
        font-size: 1.5rem;
    }
}

.mtdPayment .mtdPayment_desc p {
    line-height: 2;
}

.mtdPayment .mtdPayment_desc .lead {
    margin: 0 0 1em 0;
    padding: 0 0 .5em 0;
    color: #FF6600;
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}


/* ----------------------- */
.login11 {
    margin: 0 0 2% 0;
    padding: 2% 2% 2% 2%;
    width: 49%;
    background: #f1f5f5;
}

@media screen and (max-width: 790px) {
    .login11 {
        margin: 0 0 5% 0;
        padding: 4%;
        width: 100%;
    }
}

.login11 .ttl {
    display: block;
    position: relative;
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 2rem;
    border-left: solid 5px #FF6600;
}

@media screen and (max-width: 790px) {
    .login11 .ttl {
        margin: 0 0 1em 0;
        font-size: 1.8rem;
        cursor: pointer;
    }
}

.login11 dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1em 0;
    border-bottom: solid 1px #CCCCCC;
}

.login11 dl dt {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 33%;
    color: #555555;
    font-size: 1.4rem;
}

.login11 dl dt.full {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 100%;
}

.login11 dl dt span {
    display: block;
    margin: 0 .5em 0 0;
    padding: 0;
    width: auto;
    color: #FF0000;
    font-size: 1.2rem;
}

.login11 dl dt span.required {
    font-weight: bold;
}

.login11 dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 67%;
    font-size: 1.6rem;
}

@media screen and (max-width: 650px) {
    .login11 dl dt {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }

    .login11 dl dd {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }
}

.login11 dl dd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.login11 dl dd ul li {
    position: relative;
    margin: 0;
    padding: 0 0 0 2%;
    width: 100%;
}

.login11 dl dd ul li:first-child {
    margin: 0;
    padding: 0;
}

.login11 dl dd ul li.att {
    font-size: 1.2rem;
}

.login11 .flameTxt {
    margin: 0;
    padding: 1em;
    background: #FFFFFF;
    border-radius: 10px;
}

.login11 .merit {
    margin: 1em 0 0 0;
    padding: 1em;
    background: #FFF7F2;
    border-radius: 10px;
    border: solid 1px #FF6600;
}

.login11 .merit .ttl {
    margin: 0;
    padding: .25em 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    border: solid 1px #FF6600;
    border-radius: 30px;
}

.login11 .merit .sub {
    margin: 1.25em 0 0 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    border: 0;
}


/* ----------------------- */
.reserved-desc {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 2%;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 650px) {
    .reserved-desc {
        padding: 10% 3%;
    }
}

.reserved-desc dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 2%;
    width: 50%;
}

@media screen and (max-width: 800px) {
    .reserved-desc dl {
        width: 100%;
    }
}

.reserved-desc dl dt {
    margin: 0 auto;
    padding: 2%;
    width: 30%;
    color: #FF6600;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
}

.reserved-desc dl dd {
    position: relative;
    margin: 0 auto;
    padding: 2%;
    width: 70%;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.reserved-desc dl dd a {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 1px 5px;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #2aa1c0;
    border-radius: 3px;
}

.reserved-desc dl dd a:hover {
    background: #2a8eba;
}

.reserved-desc dl dd a::after {
    position: relative;
    top: 2px;
    right: 0;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
}

@media screen and (max-width: 420px) {
    .reserved-desc dl dd a {
        position: static;
        display: block;
    }
}

.reserved-desc dl dd .others {
    margin: 0 0 0 1em;
    color: #555555;
    font-size: 1.4rem;
}

.reserved-desc dl dd .limit {
    color: #FF0000;
    font-weight: bold;
}


/* ----------------------- */
.checkNext {
    position: -webkit-sticky;
    position: sticky;
    top: 112px;
    margin: 0;
    padding: 5%;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
    .checkNext {
        position: static;
        top: 0;
    }
}

.checkNext .checkNext_inner {
    margin: 0 0 1em 0;
    padding: 0 0 0 0;
    border-bottom: solid 1px #AAAAAA;
}

.checkNext .checkNext_inner:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.checkNext .checkNext_inner .ttl {
    margin: 0 0 .5em 0;
    padding: 0 0 0 .5em;
    font-size: 1.6rem;
}

.checkNext .checkNext_inner .type_A {
    border-left: solid 5px #FF6600;
}

.checkNext .checkNext_inner .type_B {
    border-left: solid 5px #8ed400;
}

.checkNext .checkNext_inner .type_C {
    border-left: solid 5px #2aa1c0;
}


.seat-select-simple {
    margin: 10px 0;
    padding: 0 0 .5em 0;
    background: #F5F5F5;
    border-radius: 5px;
}

.seat-select-simple .coution {
    margin: 0 0 1em 0;
    padding: .5em;
}

.seat-select-simple .coution span {
    font-size: .9em;
}

.seat-select-simple .ttl {
    margin: 0;
    padding: 0;
    font-weight: bold;
    border-bottom: solid 1px #AAAAAA;
}

.seat-select-simple dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.seat-select-simple dl dt {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 5px 10px 10px;
    width: 40%;
    color: #555555;
    font-size: 1.4rem;
    font-weight: bold;
}

.seat-select-simple dl dd {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 5px;
    width: 60%;
}

.seat-select-specify {
    margin: 10px 0;
    padding: 0;
    background: #F5F5F5;
    border-radius: 5px;
}

.seat-select-specify .coution {
    margin: 0;
    padding: .5em;
}

.seat-select-specify .coution span {
    font-size: .9em;
}

.seat-select-specify dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.seat-select-specify dl dt {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 5px 10px 10px;
    width: 33.3333%;
    color: #555555;
    font-size: 1.4rem;
    font-weight: bold;
}

.seat-select-specify dl dd {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 5px;
    width: 66.66666%;
}

.seat-select-specify dl dt.memo,
.seat-select-specify dl dd.memo {
    margin: 0;
    padding: 0 10px 10px 5px;
    font-size: .85em;
}


.seat-select-details {
    margin: 10px 0;
    padding: 20%;
    background: #FFF7F2;
    border-radius: 5px;
}


/* ----------------------- */
.memberReg_lead {
    margin: 0;
    padding: 2%;
    width: 50%;
}

@media screen and (max-width: 650px) {
    .memberReg_lead {
        margin: 0;
        padding: 0 0 5% 0;
        width: 100%;
    }
}

.memberReg_lead--item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    background-image: url("../images/memberReg-image.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.memberReg_lead--item::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, .4);
}

.memberReg_lead .memberReg_lead--item p {
    margin: 0 auto;
    padding: 0;
    color: #FFFFFF;
    font-size: 3rem;
    z-index: 100;
}

@media screen and (min-width: 650px) {
    .memberReg_lead .memberReg_lead--item p.forSp {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    .memberReg_lead .memberReg_lead--item p.forPc {
        display: none;
    }
}

@media screen and (max-width: 900px) {
    .memberReg_lead .memberReg_lead--item p.forPc {
        font-size: 2rem;
    }
}

.memberReg_lead .memberReg_lead--item p span {
    display: block;
    margin: 0 0 0 2.5em;
}

.memberReg_lead .memberReg_lead--item p span:last-child {
    display: block;
    margin: 0 0 0 5em;
}


.memberReg_explanation {
    margin: 0;
    padding: 2%;
    width: 50%;
}

@media screen and (max-width: 600px) {
    .memberReg_explanation {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.memberReg_explanation--item {
    margin: 0 0 10% 0;
    padding: 0;
}

.memberReg_explanation--item:last-child {
    margin: 0;
}

.memberReg_explanation--item p {
    line-height: 2;
}

.memberReg_explanation--item .ttl {
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: 2rem;
    line-height: 1.4;
    border-bottom: solid 1px #FF6600;
}

.memberReg_explanation--item .ttl span {
    display: block;
    padding: 0 0 0 .5em;
    color: #FF6600;
    font-size: .6em;
}

.memberReg_method {
    margin: 0;
    padding: 2%;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .memberReg_method {
        margin: 0 0 5% 0;
        padding: 0;
        width: 100%;
    }
}

.memberReg_method--item {
    margin: 0;
    padding: 5%;
    width: 100%;
    height: 100%;
    background: #f1f5f5;
}

.memberReg_method--item p.ttl {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 2rem;
    border-bottom: solid 1px #FF6600;
}

.memberReg_method--item p.sub {
    margin: 1.5em 0 .5em 0;
    padding: 0;
    font-size: 1.8rem;
}

.memberReg_method--item a {
    position: relative;
    display: block;
    padding: .75em;
    border-bottom: solid 1px #DDDDDD;
}

.memberReg_method--item a:hover {
    background: #DDDDDD;
}

.memberReg_method--item a::after {
    position: absolute;
    top: 15%;
    right: 10px;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 1.2em;
    color: #FF6600;
}


/* 登録アカウントの種類をお選びください。 */
.memberReg_regType {
    margin: 0 0 2% 0;
    padding: 3%;
    width: 100%;
}

.memberReg_regType ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

.memberReg_regType ul li {
    margin: 0;
    padding: 0;
    width: 50%;
}

.memberReg_regType ul li:last-child {
    width: 50%;
}

.memberReg_regType ul li:last-child .pick00 {
    margin: 0 1em 0 0;
}

.memberReg_regType ul li p {
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    .memberReg_regType ul li {
        margin: 0 0 1em 0;
        width: 100%;
        text-align: center;
    }

    .memberReg_regType ul li:last-child {
        width: 100%;
    }

    .memberReg_regType ul li:last-child .pick00 {
        margin: 0 1em .5em 0;
    }

    .memberReg_regType ul li p {
        font-size: 1.4rem;
    }
}

/* 利用規約 本文 */
.termsOfService {
    margin: 0 0 3% 0;
    padding: 5%;
    width: 100%;
    height: 300px;
    background: #f1f5f5;
    overflow: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2) inset;
}

@media screen and (max-width: 767px) {
    .termsOfService {
        margin: 0 auto 7.5% auto;
        padding: 5%;
        width: 88%;
    }
}

.termsOfService .ttl {
    margin: 2em 0 .5em 0;
    padding: 0 0 0 .5em;
    font-size: 1.8rem;
    border-left: solid 2px #FF6600;
}

.termsOfService .sub {
    margin: .5em 0 0 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.5rem;
}

.termsOfService ol {
    margin: 0 0 0 2em;
    padding: 0;
}

.termsOfService ol li {
    margin: .5em 0 .5em 0;
    padding: 0;
}


/* ---------------------- */
.termsPage {
    margin: 0;
    padding: 1em;
}

.termsPage p {
    margin: 0;
    padding: 0 0 0 2em;
}

.termsPage .lead {
    margin: 0 0 3em 0;
    padding: 0;
}

.termsPage h3 {
    margin: 0 0 2em 0;
    padding: 0 0 1em 0;
    text-align: center;
    font-size: 1.5em;
    border-bottom: solid 1px #CCCCCC;
}

.termsPage h4 {
    margin: .5em 0 0 0;
    padding: 0;
    color: #FF0000;;
    font-size: 1.25em;
}

.termsPage .ttl {
    margin: 0 0 .5em 0;
    padding: 0 0 0 .5em;
    font-size: 1.25em;
    border-left: solid 3px #FF6600;
}

.termsPage .sub {
    margin: 0;
    padding: 0 0 0 1em;
    color: #FF6600;
}

.termsPage ol {
    margin: 0;
    padding: 0 0 3em 3em;
}

.termsPage ol li {
    margin: 0 0 .5em 0;
    padding: 0;
    line-height: 2;
}

.termsPage ol li ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
}

.termsPage ol li ul.circle li {
    margin: 0 0 0 2em;
    padding: 0;
    list-style-type: circle;
}

.termsPage ol li ul.square li {
    margin: 0 0 0 2em;
    padding: 0;
    list-style-type: square;
}

.termsPage .contact {
    margin: 0 0 3em 0;
    padding: 1em;
    border: solid 1px #CCCCCC;
}

.termsPage .contact span {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
}


/* ---------------------- */
.linkPage {
    margin: 0;
    padding: 1em;
}

.linkPage p {
    margin: 0;
    padding: 0 0 0 2em;
}

.linkPage ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.linkPage ul li {
    margin: 0 0 3em 0;
    padding: 1em;
    width: 50%;
}

@media screen and (max-width: 767px) {
    .linkPage ul li {
        margin: 0 0 3em 0;
        padding: 0;
        width: 100%;
    }
}

.linkPage ul li p {
    margin: 0;
    padding: 0;
}

.linkPage ul li .ttl {
    margin: 0 0 1em 0;
    padding: 0 0 .5em .5em;
    font-size: 1.25em;
    border-left: solid 3px #FF6600;
    border-bottom: solid 1px #CCCCCC;
}

.linkPage ul li img {
    margin: 0 0 .5em 0;
    padding: 0;
    width: 170px;
}


/* ---------------------- */
.faqInq {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 720px) {
    .faqInq {
        padding: 0;
    }
}

.faqInq .lead,
.faqInq .lead {
    margin: 0;
    padding: 0;
    width: 100%;
}

.faqInq .faq,
.faqInq .inq {
    margin: 0;
    padding: 0;
    width: 49%;
    background: #f1f5f5;
}

@media screen and (max-width: 720px) {
    .faqInq .faq {
        margin: 0 0 1em 0;
        width: 100%;
    }

    .faqInq .inq {
        width: 100%;
    }
}

.faqInq .faq .ttl,
.faqInq .inq .ttl {
    margin: 0 0 0 0;
    padding: 1em;
    text-align: center;
    font-size: 1.5em;
    border-bottom: solid 2px #2aa1c0;
}

.faqInq .faq ul,
.faqInq .inq ul {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #DDDDDD;
}

.faqInq .faq ul:last-child,
.faqInq .inq ul:last-child {
    border-bottom: none;
}

.faqInq .faq ul li,
.faqInq .inq ul li {
    margin: 0;
    padding: 0;
}

.faqInq .faq ul li a,
.faqInq .inq ul li a {
    display: block;
    margin: 0;
    padding: 1em 1.5em;
    color: #555555;
}

.faqInq .faq ul.inChild li a,
.faqInq .inq ul.inChild li a {
    margin: 0;
    padding: 1em 1.5em 1em 3.5em;
}

.faqInq .faq ul.inChild li:first-child a,
.faqInq .inq ul.inChild li:first-child a {
    margin: 0;
    padding: 1em 1.5em 1em 1.5em;
}

.faqInq .faq ul li a:hover,
.faqInq .inq ul li a:hover {
    color: #FFFFFF;
    background: #2aa1c0;
}


/* --- */
.faqInq .qAa {
    margin: 0;
    padding: 0;
    width: 100%;
}

.faqInq .qAa .item {
    margin: 0 0 3em 0;
    padding: 0;
}

.faqInq .qAa .item:last-child {
    margin: 0 0 0 0;
}

.faqInq .qAa .item h3 {
    margin: 0 0 1em 0;
    padding: 0 0 0 .5em;
    font-size: 1.25em;
    border-left: solid 3px #FF6600;
}

.faqInq .qAa .item h4 {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    font-weight: bold;
}

.faqInq .qAa .item dl {
    margin: 0 0 1.5em 0;
    padding: .75em;
    background: #f1f5f5;
}

.faqInq .qAa .item dl dt {
    margin: 0;
    padding: 0 0 1.75em 0;
}

.faqInq .qAa .item dl dt p {
    padding: 0 0 0 0;
    font-size: 1.1em;
}

.faqInq .qAa .item dl dt p::before {
    position: relative;
    top: 8px;
    left: 0;
    content: 'live_help';
    content: "\e0c6";
    font-family: "Material Icons";
    color: #8ed400;
    font-size: 1.75em;
}

.faqInq .qAa .item dl dd {
    margin: 0;
    padding: .5em 1em 1em 1em;
    background: #FFFFFF;
    border-radius: 5px;
}

.faqInq .qAa .item dl dd p.ans {
    padding: 0 0 0 0;
}

.faqInq .qAa .item dl dd p.ans::before {
    position: relative;
    top: 0;
    left: 0;
    content: 'font_download';
    content: "\e167";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 1.75em;
    font-size: 1.75em;
}

/* --- */
.faqInq .faqLink {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: .5em 0 0 0;
    padding: 0;
}

.faqInq .faqLink li {
    margin: 0;
    padding: 0;
    width: 31%
}

.faqInq .faqLink li.chat {
    margin: 0;
    padding: .5em;
    width: 100%;
    color: #FF0000;
    text-align: center;
    font-size: 1.25em;
    background: #FFF7F2;
}

.faqInq .faqLink li.chat img {
    margin: 0 .5em;
    width: 60px;
}

.faqInq .faqLink a {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0;
}

@media screen and (max-width: 720px) {
    .faqInq .faqLink li {
        width: 100%
    }

    .faqInq .faqLink li:last-child {
        margin: .5em 0 0 0;
    }

    .faqInq .faqLink a {
        margin: 0 0 .25em 0;
        line-height: 1.5;
    }

    .faqInq .faqLink li.chat {
        padding: .5em .25em;
        width: 100%;
        font-size: 1em;
    }

    .faqInq .faqLink li.chat img {
        margin: 0 .25em;
        width: 35px;
    }
}


/* ---------------------- */
.errorPage {
    margin: 0;
    padding: 6em 1em;
}

.errorPage p {
    margin: 0 0 3em 0;
    padding: 0;
}

.errorPage .errorMark {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: center;
}

.errorPage .errorMark svg {
    width: 25%;
}

@media screen and (min-width: 601px) and (max-width: 820px) {
    .errorPage .errorMark svg {
        width: 30%;
    }
}

@media screen and (max-width: 600px) {
    .errorPage .errorMark svg {
        width: 45%;
    }
}


/* ---------------------- */
.setTicket_ttl {
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket_ttl img {
    width: 100%;
}

.setTicket {
    margin: 0;
    padding: 2em;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 720px) {
    .setTicket {
        padding: 1em;
    }
}

.setTicket_choose {
    margin: 0 0 3em 0;
    padding: 0;
    background: #f1f5f5;
    box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.25);
}

.setTicket_choose .ttl {
    margin: 0;
    padding: 0;
    text-align: center;
    background: #FFFFFF;
}

.setTicket_plan-btn {
    margin: 0 0 2em 0;
    padding: 0;
}

.setTicket_plan-btn ul {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.setTicket_plan-btn ul li {
    margin: 0;
    padding: 0;
    width: 49%;
}

@media screen and (max-width: 400px) {
    .setTicket_plan-btn ul li {
        margin: 0 0 1em 0;
        width: 100%;
    }
}

.setTicket_plan-btn ul li img {
    box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease 0s;
}

.setTicket_plan-btn ul li img:hover {
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
}


.setTicket_choose .tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #F5F5F5;
}

.setTicket_choose .tab_item {
    margin: 0;
    padding: 1em 0;
    width: 50%;
    display: block;
    text-align: center;
    font-size: 1.5em;
    transition: all 0.2s ease;
    cursor: pointer;
}

.setTicket_choose .tab_item:hover {
    opacity: 0.75;
}

.setTicket_choose input[name="tab_item"] {
    display: none;
}

.setTicket_choose .tab_content {
    display: none;
    padding: 0;
    clear: both;
    overflow: hidden;
}

.setTicket_choose #shinjuku:checked ~ #shinjuku_content,
.setTicket_choose #others:checked ~ #others_content {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 1em;
    width: 100%;
    background-color: #FFFFFF;
    border-top: solid 5px #0180CF;
}

.setTicket_choose .tabs input:checked + .tab_item {
    background-color: #0180CF;
    color: #FFFFFF;
    cursor: pointer;
}

.setTicket_choose .tab_content a {
    margin: .25em;
    padding: .25em .5em;
    color: #FFFFFF;
    background: #0180CF;
}

.setTicket_choose .tab_content a:hover {
    background: #AAAAAA;
}

@media screen and (max-width: 720px) {
    .setTicket_choose .tab_content a {
        font-size: .85em
    }
}


.setTicket_item {
    margin: 0 0 3em 0;
    padding: 0;
    background: #f1f5f5;
    box-shadow: 0 3px 8px 3px rgba(0, 0, 0, 0.25);
}

.setTicket_item .mv {
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket_item .mv img {
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket_item .desc {
    margin: 0;
    padding: 1.5em 1.5em .5em 1.5em;
}

@media screen and (max-width: 720px) {
    .setTicket_item .desc {
        padding: 1em 1em 0 1em;
    }
}

@media screen and (min-width: 400px) and (max-width: 720px) {
    .setTicket_item .desc {
        padding: 1em 1em 0 1em;
    }
}

@media screen and (max-width: 400px) {
    .setTicket_item .desc {
        padding: .75em .75em 0 .75em;
    }
}

.setTicket_item .desc .ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: bold;
}

.setTicket_item .desc .ttl span {
    font-size: 1.5em;
    font-weight: bold;
}

@media screen and (max-width: 720px) {
    .setTicket_item .desc .ttl span {
        margin: 0 0 .5em 0;
        font-size: 1.15em;
    }
}

.setTicket_item .desc .lead {
    margin: 0 0 1.5em 0;
    padding: 0;
    font-size: 1em;
}

.setTicket_item .price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1.5em;
    background: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
    border-radius: 10px 10px 0 0;
}

.setTicket_item .price:last-of-type {
    border-bottom: none;
    border-radius: 0 0 10px 10px;
}

.setTicket_item .price dt {
    margin: 0;
    padding: 0;
    width: 25%;
    font-weight: bold;
}

.setTicket_item .price dd {
    margin: 0;
    padding: 0;
    width: 25%;
}

.setTicket_item .price dd .adult {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .1em .5em;
    color: #FFFFFF;
    background: #000055;
}

.setTicket_item .price dd .student {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .1em .5em;
    color: #FFFFFF;
    background: #00d500;
}

.setTicket_item .price dd .child {
    display: inline-block;
    margin: 0 .5em 0 0;
    padding: .1em .5em;
    color: #FFFFFF;
    background: #00d5d5;
}

.setTicket_item .price dd .unitPrice {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #FF0000;
    font-size: 1.2em;
    font-weight: bold;
}

@media screen and (min-width: 621px) and (max-width: 720px) {
    .setTicket_item .price dt {
        padding: .5em 0;
        width: 100%;
    }

    .setTicket_item .price dd {
        width: 33.3333%;
        text-align: center;
    }
}

@media screen and (min-width: 400px) and (max-width: 620px) {
    .setTicket_item .price {
        padding: 1em;
    }

    .setTicket_item .price dt {
        padding: 0 0 .5em 0;
        width: 100%;
        font-size: 1.25em;
    }

    .setTicket_item .price dd {
        width: 33.3333%;
        text-align: center;
    }

    .setTicket_item .price dd .adult,
    .setTicket_item .price dd .student,
    .setTicket_item .price dd .child,
    .setTicket_item .price dd .unitPrice {
        display: block !important;
        margin: 0 .5em;
    }
}

@media screen and (max-width: 400px) {
    .setTicket_item .price {
        padding: 1em;
    }

    .setTicket_item .price dt {
        padding: 0 0 .5em 0;
        width: 100%;
        font-size: 1.25em;
    }

    .setTicket_item .price dd {
        padding: .5em 0;
        width: 100%;
    }
}

.setTicket_item .details {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1em 0 0 0;
    padding: 0;
}

.setTicket_item .details li {
    margin: 0 0 1em 0;
    padding: 1em;
    width: 32%;
    background: #FFFFFF;
    border-radius: 10px;
}

@media screen and (max-width: 860px) {
    .setTicket_item .details li {
        margin: 0 0 1em 0;
        padding: 1em;
        width: 100%;
        background: #FFFFFF;
        border-radius: 10px;
    }
}

.setTicket_item .details li dl {
    margin: 0;
    padding: 0;
}

.setTicket_item .details li dl dt {
    margin: 0 0 .5em 0;
    padding: 0 0 .5em 0;
    color: #FF6600;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
}

.setTicket_item .details li dl dd {
    margin: 0;
    padding: 0;
}

.setTicket_item .details li dl dd.date .year {
    font-weight: bold;
}

.setTicket_item .details li dl dd.date .period {
    font-size: 1.25em;
}

.setTicket_item .details li dl dd .note {
    margin: 1em 0 0 0;
    font-size: .9em;
}

.setTicket_item .details li dl dd .oneSec {
    margin: 0 0 1em 0;
    padding: 0;
}

.setTicket_item .details li dl dd .oneSec:last-child {
    margin: 0;
}

.setTicket_item .details li dl dd .oneSec span {
    display: block;
    font-weight: bold;
}

.setTicket_item .details li dl dd .markRound {
    text-indent: -1em;
    margin-left: 1em;
}

.setTicket_item .details li dl dd .markRound::before {
    position: relative;
    top: 2px;
    left: 0;
    content: 'fiber_manual_record';
    content: "\e061";
    font-family: "Material Icons";
    font-size: 1em;
}


/* ------ */
.setTicket-search {
    margin: 0 0 3rem 0;
    padding: 2rem 2rem 2rem 2rem;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (max-width: 599px) {
    .setTicket-search {
        padding: 2rem 1rem 2rem 1rem;
    }
}

.setTicket-search ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket-search ul li {
    margin: 0;
    padding: 0;
    width: calc(25% - .5rem);
}

.setTicket-search ul li .title {
    margin: 0;
    padding: 0 0 .75rem .5rem;
}

@media screen and (max-width: 599px) {
    .setTicket-search ul li .title {
        font-size: .9em;
    }
}

.setTicket-search ul li .company::before {
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    color: #FF6600;
    content: 'business';
    content: "\e0af";
    font-family: "Material Icons";
    font-size: 1.5em;
    line-height: 0;
}

.setTicket-search ul li .area::before {
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    color: #FF6600;
    content: 'location_on';
    content: "\e0c8";
    font-family: "Material Icons";
    font-size: 1.5em;
    line-height: 0;
}

.setTicket-search ul li .group::before {
    position: relative;
    top: 5px;
    margin: 0 5px 0 0;
    color: #FF6600;
    content: 'list';
    content: "\e896";
    font-family: "Material Icons";
    font-size: 1.5em;
    line-height: 0;
}

.setTicket-search ul li .tag::before {
    position: relative;
    top: 7px;
    margin: 0 5px 0 0;
    color: #FF6600;
    content: 'chat';
    content: "\e0b7";
    font-family: "Material Icons";
    font-size: 1.5em;
    line-height: 0;
}

.setTicket-search ul li .keywords::before {
    position: relative;
    top: 7px;
    margin: 0 0 0 0;
    color: #FF6600;
    content: 'priority_high';
    content: "\e645";
    font-family: "Material Icons";
    font-size: 1.5em;
    line-height: 0;
}

.setTicket-search ul li .selectbox00 .selModalButton {
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.setTicket-search ul li.btn {
    margin: 0;
    padding: 4rem 0 0 0;
    width: 100%;
    text-align: center;
}

.setTicket-search ul li.btn button {
    margin: 0 0 1.5rem 0;
    padding: 0;
    width: 75%;
}

.setTicket-search ul li.btn .reset {
    margin: 0;
    padding: 0;
    color: #0000FF;
    cursor: pointer;
}

@media screen and (max-width: 599px) {
    .setTicket-search ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .setTicket-search ul li {
        margin: 0 0 1.5rem 0;
        padding: 0;
        width: calc(50% - .25rem);
    }

    .setTicket-search ul li.btn {
        padding: 1rem 0 0 0;
    }

    .setTicket-search ul li.btn button {
        width: 100%;
    }
}

.setTicket-search ul li .input00 input {
    padding: .77rem 1rem;
}


/* ------
.setTicket-sort {
    margin: -7.5rem 0 3rem 0;
    padding: 7.5rem 0 0 0;
    width: 100%;
    text-align: center;
}
.setTicket-sort button {
    margin: 0 1em;
    padding: 0;
    color: #0000FF;
    cursor: pointer;
    border-bottom: solid 1px transparent;
}
.setTicket-sort button::after {
    position: relative;
    content: 'を表示';
}
.setTicket-sort button:hover {
    border-bottom: solid 1px #0000FF;
}
@media screen and (max-width: 599px) {
    .setTicket-sort button {
        margin: 0 .5em;
    }
    .setTicket-sort button::after {
        content: '';
    }
}
 */


/* ------ */
.setTicket-sort-title {
    margin: 0 auto 0 auto;
    margin-left: -1px;
    padding: 1rem 1rem 0 1rem;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    background: #FFFFFF;
}

.setTicket-sort-title span {
    display: block;
    margin: 0 auto;
    padding: 1rem;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    background: #FF6600;
}

.setTicket-sort-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 0;
    padding: 0 1rem 3rem 1rem;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
}

.setTicket-sort-btn button {
    display: block;
    position: relative;
    margin: 0;
    margin-left: -1px;
    padding: 0;
    color: #FF6600;
    width: calc(50% + .75px);
    height: 75px;
    font-size: 1.25em;
    border: solid 1px #FF6600;
    cursor: pointer;
}

@media screen and (max-width: 599px) {
    .setTicket-sort-btn button {
        height: 60px;
        font-size: 1em;
    }

    .setTicket-sort-btn button span {
        display: block;
        font-size: .8em;
    }
}

.setTicket-sort-btn button:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
    transform: translateY(-0.1875em);
    transition: all 0.3s ease-out;
}


.setTicket-sort-btn button::after {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    content: '';
    margin: 0 auto;
    padding: 0;
    border-right: 6px solid transparent;
    border-top: 8px solid #FF6600;
    border-left: 6px solid transparent;
}


.setTicket-sort-btn button.active {
    color: #FFFFFF;
    width: 50%;
    font-weight: bold;
    background: #FF6600;
    pointer-events: none;
}

.setTicket-sort-btn button.active::after {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit- transform: translateX(-50%);
    content: '';
    margin: 0 auto;
    padding: 0;
    border-right: 10px solid transparent;
    border-top: 13px solid #FF6600;
    border-left: 10px solid transparent;
}


/* ------ */
.setTicket-list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}


.setTicket-list__group {
    margin: 0 0 2rem 0;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
}

.setTicket-list__group .groupName {
    margin: 0;
    padding: 0 0 2rem 0;
    text-align: center;
    color: #FF6600;
    font-size: 1.25em;
    line-height: 1.2;
    letter-spacing: .1em;
    border-bottom: solid 1px #CCCCCC;
}


.setTicket-list__group ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.setTicket-list__group ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    margin: 0;
    padding: 1.5rem 1rem 7.5rem 1rem;
    width: calc(50% - .5rem);
    line-height: 1.5;
    border-bottom: solid 1px #DDDDDD;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

@media screen and (max-width: 599px) {
    .setTicket-list__group ul li {
        padding: 2rem 0 7rem 0;
        width: 100%;
    }
}

.setTicket-list__group ul li:hover {
    background: rgba(255, 102, 0, .1);
}

.setTicket-list__group ul li a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


.setTicket-list__group ul li img {
    width: 50%;
}

@media screen and (max-width: 599px) {
    .setTicket-list__group ul li img {
        margin: 0 0 1rem 0;
        width: 100%;
    }
}

.setTicket-list__group ul li .desc {
    margin: 0;
    padding: 0 0 0 2rem;
    width: 50%;
}

@media screen and (max-width: 599px) {
    .setTicket-list__group ul li .desc {
        margin: 0;
        padding: 0 0 0 0;
        width: 100%;
    }
}

.setTicket-list__group ul li .desc .name {
    margin: 0 0 1rem 0;
    padding: 0;
}


.setTicket-list__group ul li .desc .text {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: .75em;
}


.setTicket-list__group ul li .desc .link {
    position: relative;
    display: block;
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: .75em;
    line-height: 1;
    word-break: break-all
}

.setTicket-list__group ul li .desc .link:hover {
    color: #FFFFFF;
    background: #FF6600;
}

.setTicket-list__group ul li .desc .link::after {
    position: relative;
    top: .2em;
    right: -.25em;
    display: inline-block;
    content: 'open_in_new';
    content: "\e89e";
    font-family: "Material Icons";
    font-size: 1.25em;
}


.setTicket-list__group ul li .desc .root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: .75em;
}

.setTicket-list__group ul li .desc .root .departure {
    display: inline-block;
    margin: 0;
    padding: .5rem .5em;
    line-height: 1;
    background: #FFFFFF;
    border: solid 1px #000000;
    border-radius: 50px;
}

.setTicket-list__group ul li .desc .root .root-arrow {
    display: inline-block;
    margin: 0 .25rem;
    padding: 0;
    line-height: 1;
}

.setTicket-list__group ul li .desc .root .root-arrow::before {
    content: 'arrow_forward';
    content: "\e5c8";
    font-family: "Material Icons";
    color: #FF601C;
    font-size: 1.5em;
}

.setTicket-list__group ul li .desc .root .arrival {
    display: inline-block;
    margin: 0;
    padding: .5rem .5em;
    line-height: 1;
    background: #FFFFFF;
    border: solid 1px #000000;
    border-radius: 50px;
}


.setTicket-list__group ul li .desc .price {
    display: block;
    position: absolute;
    right: 2rem;
    bottom: 1rem;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: right;
    font-weight: bold;
}

@media screen and (max-width: 599px) {
    .setTicket-list__group ul li .desc .price {
        right: .5rem;
        bottom: 1rem;
    }
}

.setTicket-list__group ul li .desc .price span {
    display: block;
    margin: 0;
    color: #000000;
}

.setTicket-list__group ul li .desc .price span b {
    color: #FF6600;
    font-size: 1.25em;
}


/* ---- */


.setTicket-details {
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket-details-mv {
    margin: 0 auto 2.5rem auto;
    padding: 0;
    text-align: center;
}

.setTicket-details small {
    font-size: .75em;
}

.setTicket-details .overview {
    margin: 0;
    padding: 0 0 15px 0;
    border-bottom: solid 1px #cccccc;
}

.setTicket-details .price {
    margin: 0;
    padding: 15px 0;
}

.setTicket-details .price ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.setTicket-details .price ul li {
    margin: 0;
    padding: 1rem 1rem;
    width: 20%;
    text-align: center;
}

@media screen and (max-width: 599px) {
    .setTicket-details .price ul li {
        width: 33.333%;
    }
}

.setTicket-details .prc {
    color: #FF0000;
    font-size: 1.5em;
    line-height: 1.2
}

@media only screen and (max-width: 320px) {
    .setTicket-details .prc {
        font-size: 1.25em;
    }
}

.setTicket-details .other {
    margin: 0;
    padding: 0 0 30px 0;
}

.setTicket-details small {
    font-size: .75em;
}

.setTicket-details .itemName00 {
    margin: 0 0 1rem 0;
    padding: 4px 0;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: .9em;
    background: #CCCCCC;
    border-radius: 15px;
}

.setTicket-details .itemName11 {
    margin: 0 0 1rem 0;
    padding: 5px 0;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    background: #aaaaaa;
}


.setTicket-details-btn {
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    margin-left: calc(((100% - 100vw) / 2) + 8px);
    margin-right: calc(((100% - 100vw) / 2) + 8px);
    padding: 4rem 3rem;
    text-align: center;
    background: rgba(255, 255, 255, .75);
    z-index: 9999;
}

@media screen and (max-width: 599px) {
    .setTicket-details-btn {
        margin-left: calc((100% - 100vw) / 2);
        margin-right: calc((100% - 100vw) / 2);
    }
}

.setTicket-details-btn__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0;
    max-width: 980px;
}

.setTicket-details-btn__inner button {
    margin-bottom: 0 !important;
    max-width: 49% !important;
}

@media screen and (max-width: 599px) {
    .setTicket-details-btn__inner button {
        margin-bottom: 1rem !important;
        max-width: 100% !important;
    }

    .setTicket-details-btn__inner button:first-child {
        margin-bottom: 0 !important;
    }
}


/* ------ */
.setTicket-conditions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 3rem 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .setTicket-conditions {
        margin: 0 0 3rem 0;
    }
}

/* ------ */
.setTicket-name {
    margin: 0 0 2rem 0;
    padding: 1.5rem;
    width: 100%;
    cursor: pointer;
}

.setTicket-name-go {
    color: #FFFFFF;
    background: #F7BE16;
}

.setTicket-name-back {
    color: #FFFFFF;
    background: #DC5353;
}

.setTicket-name-check {
    color: #000000;
    background: #FFFFFF;
}

.setTicket-name .ttl {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 2rem 0 0;
    width: 100%;
    font-size: 1.25em;
}

.setTicket-name .ttl button {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    margin: 0;
    padding: 0;
}

.setTicket-name .ttl button::after {
    content: 'add';
    content: "\e145";
    color: #0000FF;
    font-family: "Material Icons";
    font-size: 1.5em;
}

.setTicket-name .ttl.remove button {
}

.setTicket-name .ttl.remove button::after {
    content: 'remove';
    content: "\e15b";
    color: #0000FF;
    font-family: "Material Icons";
}

.setTicket-name .desc {
    margin: 0;
    padding: 1.5rem 0 0 0;
}


/* ------ */
.setTicket-conditions__bus {
    margin: 0 0 3rem 0;
    padding: 0;
    width: 49%;
}

@media screen and (max-width: 980px) {
    .setTicket-conditions__bus {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__bus {
        margin: 0 0 2rem 0;
        width: 100%;
    }
}

.setTicket-conditions__bus--label {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0 0 0 .25em;
    color: #FF6600;
}

.setTicket-conditions__bus--select {
    position: relative;
    margin: 0 0 3rem 0;
    padding: 0;
}

.setTicket-conditions__bus--select::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    color: #AAAAAA;
    content: "expand_more";
    font-family: 'Material Icons';
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.setTicket-conditions__bus--select select {
    margin: 0;
    padding: 1.5rem 1rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

/* ------ */
.setTicket-conditions__date {
    margin: 0 0 3rem 0;
    padding: 0;
    width: 49%;
}

@media screen and (max-width: 980px) {
    .setTicket-conditions__date {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__date {
        margin: 0 0 2rem 0;
        width: 100%;
    }
}

.setTicket-conditions__date--label {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0 0 0 .25em;
    color: #FF6600;
}

.setTicket-conditions__date--select {
    position: relative;
    margin: 0 0 3rem 0;
    padding: 0;
}

.setTicket-conditions__date--select::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    color: #AAAAAA;
    content: "date_range";
    font-family: 'Material Icons';
    line-height: 1;
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 2rem;
    pointer-events: none;
}

.setTicket-conditions__date--select input {
    margin: 0;
    padding: 1.25rem 1rem;
    width: 100%;
    font-size: 1.6rem;
    box-sizing: border-box;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

@-moz-document url-prefix() {
    .setTicket-conditions__date--select input {
        padding: .75rem 1rem;
    }
}

.setTicket-conditions__date--select input::placeholder {
    color: #000000;
}


/* ------ */
.setTicket-conditions__riyousha {
    margin: 0 0 2rem 0;
    padding: 0;
    width: 49%;
    text-align: center;
}

@media screen and (max-width: 980px) {
    .setTicket-conditions__riyousha {
        margin: 0 0 0 0;
        width: 100%;
    }
}

.setTicket-conditions__riyousha--label {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0 0 0 .25em;
    color: #FF6600;
    text-align: left;
}

.setTicket-conditions__riyousha--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem 0;
    padding: 0;
}

.setTicket-conditions__riyousha--inner .select {
    position: relative;
    margin: 0 1rem 0 0;
    width: 15%;
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__riyousha--inner .select {
        margin: 0 .5rem 0 0;
        width: 18%;
    }
}

.setTicket-conditions__riyousha--inner .select:first-child {
    position: relative;
    margin: 0 1rem 0 0;
    width: 40%;
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__riyousha--inner .select:first-child {
        width: 37.5%;
        margin: 0 .5rem 0 0;
    }
}


.setTicket-conditions__riyousha--inner .select::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    color: #AAAAAA;
    content: "expand_more";
    font-family: 'Material Icons';
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.setTicket-conditions__riyousha--inner .select select {
    margin: 0;
    padding: 1.5rem 1rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__riyousha--inner .select select {
        padding: 1.5rem .5rem;
    }
}

.setTicket-conditions__riyousha--inner .pluralBtn {
    position: relative;
    top: 0;
    margin: 0 0 0 1rem;
    width: 5%;
    font-size: 1.75em;
    font-family: "Material Icons";
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__riyousha--inner .pluralBtn {
        margin: 0 0 0 .5rem;
        width: 8%;
    }
}

.setTicket-conditions__riyousha--inner .add,
.setTicket-conditions__riyousha--inner .del {
    color: #FF6600;
    text-align: center;
}

.setTicket-conditions__riyousha--inner .add {
    display: none;
}

.setTicket-conditions__riyousha--inner:last-child .add {
    display: block;
}


.setTicket-conditions__riyoushaMessage {
    margin: 0 0 0 0;
    padding: 0 0 3rem 0;
    width: 100%;
    color: #555555;
    text-align: right;
    font-size: .85em;
    border-bottom: solid 1px #808080;
}

.setTicket-conditions__riyoushaMessage b {
}

.setTicket-conditions__riyoushaMessage b::after {
    position: relative;
    top: 3px;
    color: #FF6600;
    content: "control_point";
    font-family: 'Material Icons';
    font-size: 1.25em;
}


/* ------ */
.setTicket-conditions__message {
    margin: 0;
    padding: 5rem 0;
    width: 100%;
    color: #0000FF;
    text-align: center;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .setTicket-conditions__message {
        padding: 2.5rem 0;
    }
}

/* ------ */
.setTicket__btnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket__btnArea button {
    position: relative;
    margin: 0 !important;
    padding: 0;
    width: calc(50% - .5rem) !important;
}

@media screen and (max-width: 600px) {
    .setTicket__btnArea button {
        margin-bottom: 1rem !important;
        width: 100% !important;
    }

    .setTicket__btnArea button:last-child {
        width: 100% !important;
    }
}

.setTicket__btnArea button span a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.setTicket__btnArea .link {
    display: block;
    margin: 2rem 0 0 0;
    padding: 0;
    width: 100%;
    text-align: center;
    color: #0000FF;
}

@media screen and (max-width: 600px) {
    .setTicket__btnArea .link {
        margin: 0 0 0 0;
    }
}

/* ------ */
.setTicket-choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 3rem 0 3rem 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .setTicket-choose {
        margin: 1rem 0 3rem 0;
    }
}

.setTicket-choose__title {
    margin: 1rem 0 3rem 0;
    padding: 0;
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}

@media screen and (max-width: 600px) {
    .setTicket-choose__title {
        margin: 0 0 1rem 0;
    }
}


.setTicket-choose__setsubi {
    margin: 0 0 1.5em 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

.setTicket-choose__setsubi a {
    margin: 0;
    padding: .5em .5em;
    color: #FFFFFF;
    background: #2aa1c0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.6);
}


.setTicket-choose__list {
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket-choose__list--item {
    margin: 0 0 2rem 0;
    padding: 2rem;
    line-height: 1 !important;
    background: #FFFFFF;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));
}

.setTicket-choose__list--item ul.dep-arr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    border-bottom: solid 1px #FF6600;
}

.setTicket-choose__list--item ul.dep-arr li {
    position: relative;
    margin: 0;
    padding: 0;
    width: 45%;
}

.setTicket-choose__list--item ul.dep-arr li:last-child {
    margin: 0;
    padding: 0;
    width: 45%;
    text-align: right;
}

.setTicket-choose__list--item ul.dep-arr li:nth-child(2) {
    margin: 0;
    padding: 0;
    width: 10%;
    text-align: center;
}

.setTicket-choose__list--item ul.dep-arr li:nth-child(2)::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 2.5em;
    margin: 0;
    padding: 0;
    color: #FF6600;
}

.setTicket-choose__list--item ul.dep-arr li .dep-place,
.setTicket-choose__list--item ul.dep-arr li .arr-place {
    margin: 0 0 1rem 0;
    padding: 0;
    font-size: 1.25em;
}

.setTicket-choose__list--item ul.dep-arr li .dep-date,
.setTicket-choose__list--item ul.dep-arr li .arr-date {
    display: inline-block;
    margin: 0 0 1rem 0;
    padding: .5em;
    background: #F5F5F5;
}

@media screen and (max-width: 600px) {
    .setTicket-choose__list--item ul.dep-arr li .dep-date,
    .setTicket-choose__list--item ul.dep-arr li .arr-date {
        font-size: .8em;
    }
}


.setTicket-choose__list--item ul.dep-arr li .dep-time,
.setTicket-choose__list--item ul.dep-arr li .arr-time {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    font-weight: bold;
}

.setTicket-choose__list--item .route {
    margin: 0 0 1rem 0;
    padding: 0;
    color: #FF6600;
}

.setTicket-choose__list--item .number {
    margin: 0 0 1rem 0;
    padding: 0;
}

.setTicket-choose__list--item .icon {
    position: relative;
    margin: 0 0 2rem 0;
    padding: 0;
    text-align: right;
}

.setTicket-choose__list--item .icon .facility {
    margin: 0;
    padding: 0;
}

.setTicket-choose__list--item .icon .night {
    display: inline-block;
    position: absolute;
    left: 0;
    margin: 0;
    padding: .25em .5em;
    color: #FFFFFF;
    background: #FF0000;
}


/* ------ */
.setTicket-check,
.setTicket-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 3rem 0;
    padding: 0;
    width: 100%;
}


/* ------ */
.setTicket-detail__back {
    position: relative;
    margin: -1rem 0 2rem 0;
    padding: 0 0 0 2.25rem;
    width: 100%;
}

.setTicket-detail__back::before {
    content: 'arrow_back';
    content: "\e5c4";
    font-family: "Material Icons";
    line-height: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    font-size: 1.5em;
}

/* ------ */
.setTicket-detail__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
    padding: 0;
    width: 100%;
}

/* ------ */
.setTicket-detail__detail .tab_class01 {
    display: block;
    float: left;
    margin-right: .5rem;
    padding: 12px 0;
    width: calc(50% - .5rem);
    color: #FFFFFF;
    text-align: center;
    background-color: #F7BE16;
    border-radius: 10px 10px 0 0;
    opacity: .4;
    order: -1;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));
}

.setTicket-detail__detail .tab_class02 {
    display: block;
    float: left;
    margin-left: .5rem;
    padding: 12px 0;
    width: calc(50% - .5rem);
    color: #FFFFFF;
    background-color: #DC5353;
    text-align: center;
    border-radius: 10px 10px 0 0;
    opacity: .4;
    order: -1;
    filter: drop-shadow(0 0 5px rgba(0, 0, 0, .8));
}

.setTicket-detail__detail input[name="tab_name"] {
    display: none;
}

.setTicket-detail__detail input:checked + .tab_class01 {
    background-color: #F7BE16;
    opacity: 1;
    color: #FFFFFF;
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
}

.setTicket-detail__detail input:checked + .tab_class02 {
    background-color: #DC5353;
    opacity: 1;
    color: #FFFFFF;
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0));
}

.setTicket-detail__detail input:checked + .tab_class01 + .content_class,
.setTicket-detail__detail input:checked + .tab_class02 + .content_class {
    display: block;
    margin: 0 0 0 0;
}

.setTicket-detail__detail .content_class {
    display: none;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
    z-index: 99;
}

.setTicket-detail__detail .content_class .iki,
.setTicket-detail__detail .content_class .kaeri {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket-detail__detail .content_class .iki li {
    position: relative;
    margin: 0;
    padding: 1.5rem 0;
    width: calc(50% - .5rem);
    text-align: left;
    border-bottom: solid 1px #CCCCCC;
}

.setTicket-detail__detail .content_class .iki li.full {
    width: 100%;
}

.setTicket-detail__detail .content_class .kaeri li {
    position: relative;
    margin: 0;
    padding: 1.5rem 0;
    width: calc(50% - .5rem);
    text-align: right;
    border-bottom: solid 1px #CCCCCC;
}

.setTicket-detail__detail .content_class .kaeri li.full {
    width: 100%;
}


.setTicket-detail__detail .content_class li:first-child {
    width: 100%;
}

@media screen and (max-width: 600px) {
    .setTicket-detail__detail .content_class .iki li,
    .setTicket-detail__detail .content_class .kaeri li {
        width: 100%;
    }
}

.setTicket-detail__detail .content_class .iki li.edit-iki {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
    border-bottom: 0;
}

.setTicket-detail__detail .content_class .kaeri li.edit-kaeri {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: left;
    border-bottom: 0;
}

.setTicket-detail__detail .content_class .iki li .title {
    margin: 0 0 .5rem 0;
    padding: 0;
    color: #F7BE16;
    font-weight: bold;
}

.setTicket-detail__detail .content_class .kaeri li .title {
    margin: 0 0 .5rem 0;
    padding: 0;
    color: #DC5353;
    font-weight: bold;
}

.setTicket-detail__detail .content_class .iki li .desc,
.setTicket-detail__detail .content_class .kaeri li .desc {
    margin: 0 0 0 .5em;
    padding: 0;
}

.setTicket-detail__detail .content_class .iki li .henkouBtn,
.setTicket-detail__detail .content_class .kaeri li .henkouBtn {
    position: absolute;
    top: 10px;
    right: 0;
}

.setTicket-detail__detail .content_class .iki li .henkouBtn a,
.setTicket-detail__detail .content_class .kaeri li .henkouBtn a {
    color: #0000FF;
}


/* ------ */
.setTicket-detail__other {
    margin: 0 0 2rem 0;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
}

/* ------ */
.setTicket-detail__other--title {
    margin: 0 0 1.5rem 0;
    padding: 1rem 0;
    color: #FFFFFF;
    text-align: center;
    background: #CCCCCC;
    border-radius: 20px;
    line-height: 1;
}

/* ------ */
.setTicket-detail__other--payment-info {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

.setTicket-detail__other--payment-info li {
    margin: 0 0 1.5rem 0;
    padding: 0 0 1.5rem 0;
    width: 100%;
    border-bottom: solid 1px #EEEEEE;
}

.setTicket-detail__other--payment-info li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.setTicket-detail__other--payment-info li .item-name {
    display: block;
    margin: 0;
    padding: 0;
    color: #FF6600;
}

.setTicket-detail__other--payment-info li .item-desc {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
}

/* ------ */
.setTicket-detail__other--ticket {
    margin: 0;
    padding: 0;
}

.setTicket-detail__other--ticket li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 1rem 0;
    padding: 0 0 1rem 0;
    width: 100%;
    border-bottom: solid 1px #DDDDDD;
}

.setTicket-detail__other--ticket li:last-child {
    margin: 0;
    padding: 0;
    border-bottom: 0;
}

.setTicket-detail__other--ticket li p {
    margin: 0;
    padding: 0;
    width: calc(50% - 1rem);
}

@media screen and (max-width: 600px) {
    .setTicket-detail__other--ticket li p {
        margin: 0 0 1rem 0;
        width: 100%;
    }

    .setTicket-detail__other--ticket li p:last-child {
        margin: 0 0 0 0;
    }
}


/* ------ */
.setTicket-detail__other--receipt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.setTicket-detail__other--receipt p {
    margin: 0;
    padding: 0;
    width: auto;
    width: 50%;
}

@media screen and (max-width: 600px) {
    .setTicket-detail__other--receipt p {
        margin: 0 0 1rem 0;
        width: 100%;
    }

    .setTicket-detail__other--receipt p:last-child {
        margin: 0 0 0 0;
    }
}


/* ------ */
.setTicket-detail__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem 0;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
}

.setTicket-detail__type .title {
    margin: 0 0 2rem 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.5em;
    width: 100%;
}

.setTicket-detail__type .text {
    margin: 0;
    padding: 0;
    width: 50%;
}

.setTicket-detail__type .img {
    margin: 0;
    padding: 0;
    width: 30%;
    text-align: center;
}

.setTicket-detail__type .img img {
    display: block;
    margin: 0 auto 1rem auto;
    width: 25%;
}

@media screen and (max-width: 600px) {
    .setTicket-detail__type .img img {
        display: block;
        margin: 0 auto 1rem auto;
        width: 40%;
    }

    .setTicket-detail__type .img {
        width: 50%;
    }
}


/* ------ */
.setTicket-detail__other--cancel {
    margin: 0 0 2rem 0;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
}

.setTicket-detail__other--cancel table {
    margin: 0;
    padding: 0;
    width: 100%;
    background: #FFFFFF;
}

.setTicket-detail__other--cancel table tr {
    margin: 0;
    padding: 0;
}

.setTicket-detail__other--cancel table tr th {
    margin: 0;
    padding: 1rem;
    width: 50%;
    background: #EEEEEE;
    border: solid 1px #DDDDDD;
}

.setTicket-detail__other--cancel table tr td {
    margin: 0;
    padding: 1rem;
    width: 50%;
    border: solid 1px #DDDDDD;
}


/* ------ */
.setTicket-check__totalAmount {
    margin: 0 0 2rem 0;
    padding: 2rem;
    width: 100%;
    background: #FFFFFF;
}

.setTicket-check__totalAmount .title {
    margin: 0 0 2rem 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.5em;
}

.setTicket-check__totalAmount .item {
    margin: 0;
    padding: 1rem 2rem;
    border-bottom: solid 1px #EEEEEE;
}

.setTicket-check__totalAmount .subtotal {
    background: rgba(255, 102, 0, .1);
}

.setTicket-check__totalAmount .item .name {
    display: block;
    margin: 0;
    padding: 0;
}

.setTicket-check__totalAmount .item .price {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 1.25em;
}


.setTicket-check__totalAmount .subTotalAmount {
    display: block;
    margin: 0;
    padding: 1rem 2rem;
    color: #FF6600;
    text-align: right;
    font-size: 1.25em;
}

.setTicket-check__totalAmount .subTotalAmount span {
    margin: 0 1em 0 0;
    font-size: .75em;
}

.setTicket-check__totalAmount .totalAmount {
    display: block;
    margin: 0 0 2.5rem 0;
    padding: 1rem 2rem;
    text-align: right;
    font-size: 1.5em;
    background: rgba(255, 102, 0, .1);
    border-top: solid 1px #FF6600;
    border-bottom: solid 1px #FF6600;
}

.setTicket-check__totalAmount .totalAmount span {
    margin: 0 1em 0 0;
    font-size: .75em;
}

.setTicket-check__totalAmount .aboutReceipt {
    margin: 0;
    padding: 0;
    color: #0000FF;
    width: 100%;
    text-align: center;
}


/* ------ */
.setTicket-credit {
    margin: 0 0 3rem 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .setTicket-credit {
        margin: 0 0 3rem 0;
    }
}


/* ------ */
.setTicket-credit__register {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem 2rem 2rem;
    background: #FFFFFF;
}

.setTicket-credit__register .id {
    margin: 0;
    padding: 2rem 2rem 2rem 2rem;
    color: #FFFFFF;
    width: 40%;
    background: #CCCCCC;
    border-radius: 10px;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__register .id {
        margin: 0 0 2rem 0;
        padding: 1.5rem;
        width: 100%;
    }
}

.setTicket-credit__register .id img {
    margin: 0 0 1rem 0;
    width: 20%;
}

.setTicket-credit__register .id .title {
    margin: 0;
    padding: 0;
}

.setTicket-credit__register .id .desc {
    margin: 0;
    padding: 0;
}


.setTicket-credit__register .ccInfo {
    margin: 0;
    padding: 0 0 0 2rem;
    width: 60%;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__register .ccInfo {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.setTicket-credit__register .ccInfo .item {
    margin: 0 0 .5rem 0;
    padding: 0 0 .5rem 0;
    border-bottom: solid 1px #CCCCCC;
}

.setTicket-credit__register .ccInfo .item:last-child {
    margin: 0 0 0 0;
}

.setTicket-credit__register .ccInfo .item span {
    display: block;
    margin: 0;
    padding: 0;
    color: #FF6600;
}

.setTicket-credit__register .ccInfo .item span:first-child {
    font-size: .75em;
}

.setTicket-credit__register .ccInfo .item span:last-child {
    display: block;
    margin: 0;
    padding: 0;
    color: #000000;
    text-align: right;
}


/* ------ */
.setTicket-credit__registered {
    margin: 0 0 2rem 0;
    padding: 2rem 2rem 2rem 2rem;
    background: #FFFFFF;
}

.setTicket-credit__registered .item-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 0 0 1.5rem 0;
    padding: 0;
    width: 100%;
}

.setTicket-credit__registered .item-input-check {
    margin: 0 0 2rem 0;
    padding: 0 0 2rem 0;
    border-bottom: solid 1px #EEEEEE;
}

.setTicket-credit__registered .item-input-check:last-child {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border-bottom: none;
}


.setTicket-credit__registered .item-input label {
    display: block;
    margin: 0;
    padding: 0;
    width: 35%;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__registered .item-input label {
        margin: 0 0 .5rem 0;
        width: 100%;
    }
}

.setTicket-credit__registered .item-input label::before {
    position: relative;
    bottom: .1em;
    content: '必須';
    margin: 0 .5em 0 0;
    padding: .2em .5em;
    color: #FFFFFF;
    font-size: .75em;
    background: #FF0000;
}

.setTicket-credit__registered .item-input input {
    margin: 0;
    padding: 1.5rem;
    width: 65%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__registered .item-input input {
        width: 100%;
    }
}

.setTicket-credit__registered .item-input .note {
    display: block;
    margin: 1rem 0 0 auto;
    padding: 0;
    width: 65%;
    color: #777777;
    font-size: .8em;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__registered .item-input .note {
        width: 100%;
    }
}

.setTicket-credit__registered .item-input input.sec {
    width: 30%;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__registered .item-input input.sec {
        width: 62%;
    }
}

.setTicket-credit__registered .item-input .check {
    display: block;
    margin: 1rem 0 0 auto;
    padding: 0;
    width: 65%;
    font-size: 1.1em;
}

@media screen and (max-width: 600px) {
    .setTicket-credit__registered .item-input .check {
        width: 100%;
        text-align: right;
    }
}


.setTicket-credit__registered .item-input input::placeholder {
    color: #AAAAAA;
}


.setTicket-credit__registered .item-input .select {
    display: inline-block;
    position: relative;
    margin: 0 1rem 0 0;
    width: 30%;
}

.setTicket-credit__registered .item-input .select::after {
    display: inline-block;
    position: absolute;
    bottom: 50%;
    right: 1rem;
    transform: translateY(50%);
    -webkit- transform: translateY(50%);
    color: #AAAAAA;
    content: "expand_more";
    font-family: 'Material Icons';
    margin: 0;
    padding: 0;
    pointer-events: none;
}

.setTicket-credit__registered .item-input .select select {
    margin: 0;
    padding: 1.5rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

.setTicket-credit__registered .item-input .select select {
    margin: 0;
    padding: 1.5rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

/* ------ */
.payment-amount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem 2rem 2rem;
    background: #FFFFFF;
}

.payment-amount .title {
    margin: 0 0 0 0;
    padding: 0;
    width: 35%;
    font-weight: bold;
}

@media screen and (max-width: 600px) {
    .payment-amount .title {
        width: 100%;
        text-align: center;
    }
}

.payment-amount .desc {
    margin: 0;
    padding: 0;
    width: 65%;
    color: #FF0000;
    font-size: 1.75em;
}

@media screen and (max-width: 600px) {
    .payment-amount .desc {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 1;
    }
}

.payment-amount .desc::after {
    content: '円';
    margin: 0 0 0 .25em;
    line-height: 0;
    font-size: .75em;
}


/* ------ */


/* ---コメントアウト部分---
.setTicket-credit {
    margin: 0 0 3rem 0;
    padding: 0;
    width: 100%;
}
@media screen and (max-width: 600px) {
    .setTicket-credit {
        margin: 0 0 3rem 0;
    }
}

.setTicket-credit__registered {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    margin: 0 0 1rem 0;
    padding: 0;
    border-radius: 10px;
}
.setTicket-credit__registered ul {
    margin: 0 0 0 0;
    padding: 0;
    width: calc(50% - .5rem);
}
@media screen and (max-width: 600px) {
    .setTicket-credit__registered ul {
        width: 100%;
    }
}
.setTicket-credit__registered ul li {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 0;
    background: #FFFFFF;
    border-radius: 10px;
}
.setTicket-credit__registered ul li .pick00 {
    display: block;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem 0 2rem;
}
.setTicket-credit__registered ul li .itemWrap {
    margin: 0;
    padding: 2rem 2rem 2rem 2rem;
}
.setTicket-credit__registered ul li .itemWrapChecked {
    background: #FFF7F2;
    border-radius: 0 0 10px 10px;
}
.setTicket-credit__registered ul li .itemWrap .item {
    position: relative;
    margin: 0 0 1.5rem 0;
    padding: 0;
    color: #FF6600;
}
.setTicket-credit__registered ul li .itemWrap .item:last-child {
    margin: 0;
    padding: 0;
}
.setTicket-credit__registered ul li .itemWrap .item img {
    height: 20px;
}
.setTicket-credit__registered ul li .itemWrap .item .unregistered {
    display: inline-block;
    height: 20px;
    width: 40px;
    background: #EEEEEE;
}
.setTicket-credit__registered ul li .itemWrap .item .desc {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    color: #000000;
}

.setTicket-credit__registered ul li .item-input {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    position: relative;
    margin: 0 0 1.5rem 0;
    padding: 0;
    width: 100%;
}
.setTicket-credit__registered ul li .item-cc-reg {
    display: block;
    margin: 0;
    padding: 1.5rem 0 0 0;
    width: 100%;
    border-top: solid 1px #CCCCCC;
}
.setTicket-credit__registered ul li .item-input label {
    margin: 0;
    padding: 0;
    width: 35%;
}
.setTicket-credit__registered ul li .item-input input {
    margin: 0;
    padding: 1.5rem;
    width: 65%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}
.setTicket-credit__registered ul li .item-input input.sec {
    width: 20%;
}
.setTicket-credit__registered ul li .item-input input::placeholder {
    color: #AAAAAA;
}
.setTicket-credit__registered ul li .item-input .select {
    display: inline-block;
    position: relative;
    margin: 0 1rem 0 0;
    width: 20%;
}
.setTicket-credit__registered ul li .item-input .select::after {
    display: inline-block;
    position: absolute;
    bottom: 50%;
    right: 1rem;
    transform: translateY(50%);
    -webkit- transform: translateY(50%);
    color: #AAAAAA;
    content: "expand_more";
    font-family: 'Material Icons';
    margin: 0;
    padding: 0;
    pointer-events: none;
}
.setTicket-credit__registered ul li .item-input .select select {
    margin: 0;
    padding: 1.5rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}
.setTicket-credit__registered ul li .item-input .select select {
    margin: 0;
    padding: 1.5rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.1;
    background: #FFFFFF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

.setTicket-credit__registered--btnArea {
	margin: 0;
	padding: 0;
    width: 100%;
}
.setTicket-credit__registered--btnArea ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
.setTicket-credit__registered--btnArea ul li {
	margin: 0;
	padding: 0;
    width: calc(30% - .5rem);
}
.setTicket-credit__registered--btnArea ul li:last-child {
	margin: 0;
	padding: 0;
    width: calc(70% - .5rem);
}
------ */


/* ------ */

.setTicket-complete {
    margin: 0 0 3rem 0;
    padding: 0;
    width: 100%;
}

@media screen and (max-width: 600px) {
    .setTicket-complete {
        margin: 0 0 3rem 0;
    }
}

.setTicket-complete .lead {
    margin: 0 0 3rem 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2em;
}

@media screen and (max-width: 600px) {
    .setTicket-complete .lead {
        font-size: 1.5em;
    }
}

.setTicket-complete .text {
    margin: 0 0 3rem 0;
    padding: 3rem;
    line-height: 2.5;
    background: #FFFFFF;
    border-radius: 10px;
}

.setTicket-complete .link {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.25em;
}

.setTicket-complete .link::after {
    position: relative;
    top: 4px;
    content: 'arrow_forward';
    content: "\e5c8";
    font-family: "Material Icons";
    margin: 0 0 0 .5rem;
    color: #0000FF;
    font-size: 1.25em;
}


/* -------------------- */


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

.couponWD_item img {
    width: 100%;
}

.couponWD_item .ttl {
    margin: 0 0 1em 0;
    padding: 0;
}

.couponWD_item ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 2em 0;
    padding: 0;
}

.couponWD_item li {
    margin: 0;
    padding: 0;
    width: 49%;
}

@media screen and (max-width: 650px) {
    .couponWD_item ul {
        margin: 0 0 1em 0;
    }

    .couponWD_item li {
        width: 100%;
    }
}


/*  */
.reg_input {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .reg_input {
        margin: 0 0 5% 0;
        padding: 3%;
    }
}

.reg_input dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1em 0;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.reg_input dl.noBorder {
    border-bottom: none;
}

.reg_input dl.borderThick {
    border-bottom: solid 5px #CCCCCC;
}

.reg_input dl dt {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 33%;
    color: #555555;
    font-size: 1.6rem;
}

.reg_input dl dt.full {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 100%;
}

.reg_input dl dt span {
    margin: 0 .5em 0 0;
    padding: 1px 5px;
    color: #FFFFFF;
    font-size: 1.2rem;
}

.reg_input dl dt .paid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #FF6600;
    font-size: inherit;
}

.reg_input dl dt .unpaid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #AAAAAA;
    font-size: inherit;
}

.reg_input dl dt span.required {
    background: #FF0000;
}

.reg_input dl dt span.any {
    background: #777777;
}

.reg_input dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 67%;
    font-size: 1.6rem;
}

.reg_input dl dd.half {
    margin: 0;
    padding: 1%;
    width: 50%;
    background: #DDDDDD;
}

@media screen and (max-width: 650px) {
    .reg_input dl dt {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }

    .reg_input dl dd {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }
}

.reg_input dl dd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.reg_input dl dd ul li {
    position: relative;
    margin: 0;
    padding: 0 0 0 2%;
}

.reg_input dl dd ul li:first-child {
    margin: 0;
    padding: 0;
}

.reg_input dl dd ul li.half {
    width: 50%;
}

.reg_input dl dd ul li.oneThird {
    width: 33.3333%;
}

.reg_input dl dd ul li.oneFourth {
    width: 25%;
}

.reg_input dl dd ul li.oneFive {
    width: 20%;
}

.reg_input dl dd ul li.oneSix {
    width: 16.666666666666667%;
}

.reg_input dl dd ul li.full {
    width: 100%;
}

.reg_input dl dd ul li.oneThird-inline {
    width: 33.3333%;
}

.reg_input dl dd ul li.oneFourth-inline {
    width: 25%;
}

.reg_input dl dd ul li.oneFive-inline {
    width: 20%;
}

.reg_input dl dd ul li.att {
    font-size: 1.4rem;
}

@media screen and (max-width: 650px) {
    .reg_input dl dd ul li.half,
    .reg_input dl dd ul li.oneThird,
    .reg_input dl dd ul li.oneFourth {
        padding: 0 0 0 0;
        width: 100%;
    }

    .reg_input dl dd ul li.half,
    .reg_input dl dd ul li.oneThird,
    .reg_input dl dd ul li.oneFourth,
    .reg_input dl dd ul li selectbox00 {
        margin: 0 0 1em 0;
    }
}

@media screen and (max-width: 420px) {
    .reg_input dl dd ul li.oneFive {
        margin: 0 0 1em 0;
        padding: 0;
        width: 75%;
    }
}


.reg_input .alert {
    margin: 0;
    padding: 15px;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.6rem;
    background: #d50000;
}

.reg_input .point {
    margin: 0 0 1em 0;
    padding: 0;
    font-weight: bold;
    border-bottom: solid 1px #CCCCCC;
}

.reg_input .point span {
    margin: 0 0 0 1em;
    padding: 0;
    color: #FF6600;
    font-size: 1.5em
}

@media screen and (max-width: 650px) {
    .reg_input .point {
        text-align: center;
    }

    .reg_input .point span {
        display: block;
    }
}

.reg_input .completeLead {
    margin: 5em 0;
    padding: 0;
    font-size: 1.25em;
    text-align: center;
}

.reg_input .completeLead span {
    display: block;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: .75em;
    text-align: center;
}

.reg_input .completeLinkBtnArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.reg_input .completeLinkBtnArea li {
    margin: 0;
    padding: 0;
    width: 47.5%;
}

@media screen and (max-width: 420px) {
    .reg_input .completeLinkBtnArea li {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}


.reg_btnArea {
    margin: 0;
    padding: 0;
    width: 100%;
}

.reg_btnArea p {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: center;
}

.reg_btnArea ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.reg_btnArea ul li {
    margin: 0;
    padding: 1em 2% 0 0;
    width: 30%;
}

.reg_btnArea ul li:last-child {
    margin: 0;
    padding: 1em 0 0 2%;
    width: 70%;
}

@media screen and (max-width: 650px) {
    .reg_btnArea ul li {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .reg_btnArea ul li:last-child {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        margin: 1em 0 0 0;
        padding: 0;
        width: 100%;
    }
}


.btn3Area {
    margin: 0;
    padding: 0;
    width: 100%;
}

.btn3Area ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.btn3Area ul li {
    margin: 0;
    padding: 0;
    width: 32%;
}

@media screen and (max-width: 800px) {
    .btn3Area ul li {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}


/* -------------------- */
.operation_coution {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .operation_coution {
        margin: 0 0 5% 0;
        padding: 3%;
    }
}

.operation_coution .ttl {
    position: relative;
    margin: 0 0 0 0;
    padding: 0 0 0 .5em;
    font-size: 2rem;
    border-left: solid 3px #FF6600;
    cursor: pointer;
}

.operation_coution .ttl .sub {
    margin: 0 0 0 1em;
    font-size: .75em;
}

@media screen and (max-width: 650px) {
    .operation_coution .ttl .sub {
        margin: 0;
        display: block;
    }
}

.operation_coution .ttl .openIcon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0;
}

.operation_coution .ttl .openIcon::after {
    position: relative;
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    font-size: 1.2em;
    color: #FF6600;
}

.operation_coution .ttl.remove .openIcon {
    color: #2a8eba;
}

.operation_coution .ttl.remove .openIcon::after {
    content: 'remove_circle_outline';
    content: "\e15d";
}

.operation_coution section {
    padding: 2.5% 0 0 0;
    width: 100%;
    background: #F5F5F5;
}


.operation-info-list {
    margin: 0 0 2em 0;
    padding: 2.5%;
    background: #FFFFFF;
}

.operation-info-list .lineName {
    margin: 0;
    padding: 1em .5em;
    color: #555555;
    font-weight: bold;
    background: #FFF7F2;
}

.operation-info-list dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #CCCCCC;
}

.operation-info-list dl:first-of-type {
    background: #F5F5F5F5;
    border-bottom: none;
}

.operation-info-list dl:last-of-type {
    border-bottom: none;
}

.operation-info-list dl dt {
    margin: 0;
    padding: .5em;
    width: 15%;
    font-size: .85em;
}

.operation-info-list dl dt:nth-child(2) {
    width: 15%;
}

.operation-info-list dl dt:nth-child(3),
.operation-info-list dl dt:nth-child(4) {
    width: 35%;
}

.operation-info-list dl dd {
    margin: .5em 0;
    padding: .5em;
    width: 15%;
    font-size: .85em;
}

.operation-info-list dl dd span {
    padding: .25em 1em;
    color: #FFFFFF;
    font-size: .85em;
    font-weight: bold;
    background: #FF0000;
}

.operation-info-list dl dd:nth-child(2) {
    width: 15%;
}

.operation-info-list dl dd:nth-child(3),
.operation-info-list dl dd:nth-child(4) {
    width: 35%;
}

.operation-info-list dl dd:nth-child(3)::before {
    content: '始';
    margin: 0 3px 0 0;
    padding: 2px;
    color: #FFFFFF;
    background: #00ced1;
    border-radius: 2px;
}

.operation-info-list dl dd:nth-child(4)::before {
    content: '終';
    margin: 0 3px 0 0;
    padding: 2px;
    color: #FFFFFF;
    background: #8b008b;
    border-radius: 2px;
}

@media screen and (max-width: 600px) {
    .operation-info-list dl.itemName {
        justify-content: space-between;
    }

    .operation-info-list dl dt {
        width: 25% !important;
        font-size: .65em;
    }

    .operation-info-list dl dt:nth-child(2) {
        width: 15% !important;
    }

    .operation-info-list dl dt:nth-child(3),
    .operation-info-list dl dt:nth-child(4) {
        width: 25% !important;
    }

    .operation-info-list dl dd {
        margin: 0;
        padding: 0 .3em .3em .3em;
        width: 100% !important;
        font-size: .85em;
    }

    .operation-info-list dl dd:first-child {
        padding: .3em .3em .3em .3em;
    }

    .operation-info-list dl dd:last-child {
        padding: 0 .3em .5em .3em;
    }
}


/* -------------------- */
.paymentCredit_input {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

.paymentCredit_input_hidden {
    display: none;
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .paymentCredit_input {
        margin: 0 0 5% 0;
    }
}

.paymentCredit_input .pick11,
.paymentCredit_input_hidden .pick11 {
    margin: 0 0 1em 0;
}

.paymentCredit_input .pick11:last-child,
.paymentCredit_input_hidden .pick11:last-child {
    margin: 0 0 0 0;
}

.paymentCredit_input dl,
.paymentCredit_input_hidden dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 1em 0;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.paymentCredit_input dl dt,
.paymentCredit_input_hidden dl dt {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 33%;
    color: #555555;
    font-size: 1.6rem;
}

.paymentCredit_input dl dt span,
.paymentCredit_input_hidden dl dt span {
    margin: 0 .5em 0 0;
    padding: 1px 5px;
    color: #FFFFFF;
    font-size: 1.2rem;
}

.paymentCredit_input dl dt .paid,
.paymentCredit_input_hidden dl dt .paid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #FF6600;
    font-size: inherit;
}

.paymentCredit_input dl dt .unpaid,
.paymentCredit_input_hidden dl dt .unpaid {
    margin: 0 0 0 1em;
    padding: 1px 1em;
    color: #FFFFFF;
    background: #AAAAAA;
    font-size: inherit;
}

.paymentCredit_input dl dt span.required,
.paymentCredit_input_hidden dl dt span.required {
    background: #FF0000;
}

.paymentCredit_input dl dd,
.paymentCredit_input_hidden dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 67%;
    font-size: 1.6rem;
}

.paymentCredit_input dl dd.half,
.paymentCredit_input_hidden dl dd.half {
    margin: 0;
    padding: 1%;
    width: 50%;
    background: #DDDDDD;
}

@media screen and (max-width: 650px) {
    .paymentCredit_input dl dt,
    .paymentCredit_input_hidden dl dt {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        font-size: 1.5rem;
    }

    .paymentCredit_input dl dd,
    .paymentCredit_input_hidden dl dd {
        margin: 0 0 .25em 0;
        padding: 0;
        width: 100%;
        text-align: center;
        font-size: 1.25rem;
    }
}

.paymentCredit_input dl dd ul,
.paymentCredit_input_hidden dl dd ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.paymentCredit_input dl dd ul li,
.paymentCredit_input_hidden dl dd ul li {
    margin: 0;
    padding: 0 0 0 2%;
}

.paymentCredit_input dl dd ul li:first-child,
.paymentCredit_input_hidden dl dd ul li:first-child {
    margin: 0;
    padding: 0;
}

.paymentCredit_input dl dd ul li.half,
.paymentCredit_input_hidden dl dd ul li.half {
    width: 50%;
}

.paymentCredit_input dl dd ul li.oneThird,
.paymentCredit_input_hidden dl dd ul li.oneThird {
    width: 33.3333%;
}

.paymentCredit_input dl dd ul li.oneFourth,
.paymentCredit_input_hidden dl dd ul li.oneFourth {
    width: 25%;
}

.paymentCredit_input dl dd ul li.full,
.paymentCredit_input_hidden dl dd ul li.full {
    width: 100%;
}

.paymentCredit_input dl dd ul li.att,
.paymentCredit_input_hidden dl dd ul li.att {
    font-size: 1.4rem;
}

@media screen and (max-width: 650px) {
    .paymentCredit_input dl dd ul li.half,
    .paymentCredit_input dl dd ul li.oneThird,
    .paymentCredit_input dl dd ul li.oneFourth,
    .paymentCredit_input_hidden dl dd ul li.half,
    .paymentCredit_input_hidden dl dd ul li.oneThird,
    .paymentCredit_input_hidden dl dd ul li.oneFourth {
        padding: 0 0 0 0;
        width: 100%;
    }

    .paymentCredit_input_hidden dl dd ul li.oneFourth {
        padding: 0 0 .5em .5em;
        width: 50%;
    }

    .paymentCredit_input dl dd ul li.half,
    .paymentCredit_input dl dd ul li.oneThird,
    .paymentCredit_input dl dd ul li selectbox00,
    .paymentCredit_input_hidden dl dd ul li.half,
    .paymentCredit_input_hidden dl dd ul li.oneThird,
    .paymentCredit_input_hidden dl dd ul li selectbox00 {
        margin: 0 0 1em 0;
    }
}

.paymentCredit_input .rgstd {
    margin: 0 .5em 0 0;
    padding: .25em .3em;
    color: #FFFFFF;
    background: #2aa1c0;
    font-size: .75em;
}

.paymentCredit_input dl dd img {
    display: block;
    margin: 0 0 .5em 0;
    padding: 0;
    width: 150px;
}

@media screen and (max-width: 650px) {
    .paymentCredit_input dl dd img {
        margin: 0 auto .5em auto;
    }
}


/* -------------------- */

.errorMessage {
    margin: 0 0 1em 0;
    padding: 1em;
    width: 100%;
    color: #FF0000;
    background: #FFFFFF;
    border: solid 1px #ef857d;
    border-radius: 5px;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.25);
}

.errorMessage p {
    margin: 0 0 .5em 0;
    padding: 0;
    color: #FF0000;
    line-height: 1.2;
}

.errorMessage p::before {
    margin: 0 .25em 0 0;
    content: "※";
}

.errorMessage p:last-child {
    margin: 0;
}

.errorMessage .lead {
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1.4;
    font-weight: bold;
}

.errorMessage .lead::before {
    margin: 0;
    content: "";
}


/* -------------------- */
.busMilePoint_input {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .busMilePoint_input {
        margin: 0 0 5% 0;
    }
}

.busMilePoint_input dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 1em 0;
    padding: 1em 0;
    font-size: 1.6rem;
    border-bottom: solid 1px #CCCCCC;
}

.busMilePoint_input dl dt {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 .25em 0;
    padding: 0;
    width: 40%;
    color: #555555;
    font-size: 1.6rem;
}

.busMilePoint_input dl dd {
    margin: 0 0 .25em 0;
    padding: 0;
    width: 60%;
    font-size: 1.6rem;
}

@media screen and (max-width: 780px) {
    .busMilePoint_input dl dt,
    .busMilePoint_input dl dd {
        width: 100%;
    }
}

.busMilePoint_input .ttl {
    margin: 0 .5em 0 0;
    padding: .25em .5em;
    color: #FFFFFF;
    background: #777777;
}

.busMilePoint_input .qua {
    margin: 0 .25em;
    padding: 0;
    font-size: 3rem;
    color: #FF0000;
}

.busMilePoint_input .do {
    margin: 0 0 0 0;
}

@media screen and (max-width: 500px) {
    .busMilePoint_input .do {
        margin: .75em 0 0 0;
    }
}

.busMilePoint_input .input11 {
    display: inline-block;
}

.busMilePoint_input .input11 #doInput {
    background: #EEEEEE;
}

.busMilePoint_input .text {
    display: inline-block;
}

.busMilePoint_input br {
    display: none;
}

@media screen and (max-width: 500px) {
    .busMilePoint_input br {
        display: inline;
    }
}


/* -------------------- */
.ticketType {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .ticketType {
        margin: 0 0 5% 0;
    }
}

.ticketType ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.ticketType ul li {
    margin: 0;
    padding: 1em;
    width: 50%;
    text-align: center;
    background: #FFFFFF;
    border: solid 5px #F5F5F5;
}

.ticketType ul li.mobile-text,
.ticketType ul li.web-text {
    display: none;
    width: 100%;
}

@media screen and (max-width: 800px) {
    .ticketType ul li {
        width: 100%;
    }
}

.ticketType ul li section {
    margin: 0;
    padding: 0;
}

.ticketType ul li section label {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    color: #FF6600;
    font-size: 1.25em;
    cursor: pointer;
}

.ticketType ul li section label img {
    display: block;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 150px;
    border: solid 6px #EEEEEE;
    opacity: .5;
}

.ticketType ul li p {
    text-align: left;
}

.ticketType ul li section input[type="radio"] {
    display: none;
}

.ticketType ul li section input[type="radio"]:checked + label img {
    border: solid 6px #FF6600;
    opacity: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ticketType ul li section label span::before {
    position: relative;
    content: 'radio_button_unchecked';
    content: "\e836";
    top: 6px;
    left: -.25em;
    font-family: "Material Icons";
    font-size: 1.5em;
}

.ticketType ul li section input[type="radio"]:checked + label span::before {
    position: relative;
    font-family: "Material Icons";
    content: 'radio_button_checked';
    content: "\e837";
}


/* -------------------- */
.emailNtfcn {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .emailNtfcn {
        margin: 0 0 5% 0;
    }
}

.emailNtfcn .retransmission {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0 0 0;
    padding: 0;
}

.emailNtfcn .retransmission li {
    margin: 0;
    padding: 1em 1em 0 1em;
    width: 50%;
    background: #FFFFFF;
}

@media screen and (max-width: 767px) {
    .emailNtfcn .retransmission li {
        width: 100%;
    }
}


/* -------------------- */
.conbeni {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

@media screen and (max-width: 767px) {
    .conbeni {
        margin: 0 0 5% 0;
    }
}

.conbeni ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.conbeni ul li {
    margin: 0;
    padding: 1.5em;
    width: 50%;
    background: #FFFFFF;
    border: solid 5px #F5F5F5;
}

@media screen and (max-width: 800px) {
    .conbeni ul li {
        width: 100%;
    }
}

.conbeni ul li .type {
    margin: 0 0 1em 0;
    padding: 0;
    min-height: 3em;
    color: #FF6600;
    text-align: left;
    font-size: 1.25em;
    font-weight: bold;
}

.conbeni ul li .number {
    margin: 0;
    padding: 1em;
    color: #FF6600;
    background: #F5F5F5;
    border-bottom: solid 1px #CCCCCC;
}

.conbeni ul li .number .name {
    display: inline-block;
    margin: 0 .25em 0 0;
    padding: .25em;
    color: #FFFFFF;
    font-size: 1.1em;
    background: #2aa1c0;
}

.conbeni ul li .number .nmb {
    display: inline-block;
    margin: 0 0 0 0;
    padding: .25em;
    color: #000000;
    font-size: 1.25em;
}

.conbeni ul li img {
    display: block;
    margin: 0 auto 2em auto;
    padding: 0;
    max-height: 100px;
}

.conbeni .memo {
    display: block;
    margin: 0;
    padding: 1em;
    background: #FFFFFF;
    border: solid 5px #F5F5F5;
}

.conbeni .memo p {
    display: inline-block;
    margin: 0 2em 1em 0;
    padding: 0;
}

.conbeni .memo p span {
    margin: 0 .5em 0 0;
    padding: .25em 1em;
    color: #FFFFFF;
    background: #CCCCCC;
    border-radius: 10px;
}

.conbeni .memo .limit {
    display: block;
    margin: 0;
    padding: 0;
    color: #ff0000;
    font-size: 1.25em;
    font-weight: bold;
}

.conbeni .memo .limit span {
    margin: 0 .5em 0 0;
    padding: .25em 1em;
    color: #FFFFFF;
    font-weight: normal;
    background: #FF0000;
    border-radius: 40px;
}

.conbeni .memo .confirmationNo {
    display: block;
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 1.5em;
    font-weight: bold;
}

.conbeni .memo .confirmationNo span {
    margin: 0 .5em 0 0;
    padding: .25em 1em;
    color: #FFFFFF;
    font-weight: normal;
    background: #FF6600;
    border-radius: 40px;
}


/* -------------------- */
.paymentValue_desc {
    margin: 0;
    padding: 3% 3% 1% 3%;
    background: #FFFFFF;
    border-radius: 10px;
    border: solid 5px #EEEEEE;
}

.paymentValue_desc p {
    margin: 0 0 1em 0;
    padding: 0;
    line-height: 1.6;
}

.paymentValue_desc .emphasize {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF0000;
    font-size: 1.8rem;
    text-align: center;
    font-weight: bold;
    border-bottom: solid 1px #FF0000;
}

.paymentValue_desc .emphasize span {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.6;
}

.paymentValue_desc .mile {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
}

.paymentValue_desc .mile span {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #FF0000;
    font-weight: bold;
}


/* -------------------- */
.webCouponCheck_desc {
    margin: 0 0 2% 0;
    padding: 5%;
    width: 100%;
    background: #F5F5F5;
}

.webCouponCheck_desc dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    background: #FFFFFF;
    border-bottom: solid 1px #CCCCCC;
}

.webCouponCheck_desc dl:last-child {
    border-bottom: none;
}

.webCouponCheck_desc dl dt {
    margin: 0;
    padding: .5em 1em 0 1em;
    width: 100%;
    color: #FF6600;
}

.webCouponCheck_desc dl dd {
    margin: 0;
    padding: .5em 1em .5em 1em;
    width: 100%;
    text-align: right;
}

.webCouponCheck_desc dl dd.price {
    color: #FF0000;
    font-size: 1.25em;
}

.webCouponCheck_desc dl dd.desc {
    text-align: left;
    font-size: 1.4rem;
}

.webCouponCheck_desc dl dd .arrow::before {
    position: relative;
    content: 'swap_horiz';
    content: "\e8d4";
    font-family: "Material Icons";
    font-size: 1.2em;
}

.webCouponCheck_desc dl dd p {
    display: inline-block;
    margin: 0 .5em;
}

@media screen and (max-width: 650px) {
    .webCouponCheck_desc dl dd p {
        display: block;
        text-align: center;
    }

    .webCouponCheck_desc dl dd p:first-child {
        text-align: left;
    }

    .webCouponCheck_desc dl dd p:last-child {
        text-align: right;
    }

    .webCouponCheck_desc dl dd.desc p {
        text-align: left;
    }
}

.webCouponCheck_desc dl.total {
    background: #FFF7F2;
}

.webCouponCheck_desc dl.total dd {
    color: #FF0000;
    font-size: 1.25em;
    font-weight: bold;
}

.webCouponCheck_desc .lead {
    margin: 0 0 2% 0;
    padding: .5em 1em;
    text-align: right;
    background: #FFFFFF;
}

.webCouponCheck_desc .lead span {
    color: #FF0000;
    font-size: 1.25em;
}


/* -------------------- */
.couponsHave_list {
    margin: 0;
    padding: 1em;
    width: 100%;
    background: #F5F5F5;
}

.couponsHave_list .pagination {
    margin: 0;
    padding: 0;
    text-align: center;
}

.couponsHave_list .pagination {
    margin: 0;
    padding: 0;
    text-align: center;
}

.couponsHave_list .pagination a {
    padding: 0 .25em;
}

.couponsHave_list .pagination a.current {
    border-bottom: 2px solid blue;
}

.couponsHave_list--item {
    margin: 0 0 2em 0;
    padding: 3% 3% 3% 3%;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25);
}

.couponsHave_list--item:last-child {
    margin: 0 0 0 0;
}

.couponsHave_list--item .desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
}

.couponsHave_list--item .desc li {
    margin: 0;
    padding: 1% 0;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}

.couponsHave_list--item .desc li:last-child {
    border-bottom: none;
}

.couponsHave_list--item .desc li.half {
    margin: 0 0 .5em 0;
    padding: 1% 0;
    width: 48%;
}

@media screen and (max-width: 420px) {
    .couponsHave_list--item .desc li.half {
        width: 100%;
    }
}

.couponsHave_list--item .desc li.oneThird {
    margin: 0;
    padding: 1% 0;
    width: 31%;
}

@media screen and (max-width: 500px) {
    .couponsHave_list--item .desc li.oneThird {
        margin: 0;
        padding: 1% 0;
        width: 100%;
    }
}

.couponsHave_list--item .desc li.oneThird02 {
    margin: 0 0 .5em 0;
    padding: .75em .5em;
    width: 32%;
    background: #FFF7F2;
    border-bottom: none;
    border-radius: 5px;
    border: solid 1px #FF6600;
}

@media screen and (max-width: 500px) {
    .couponsHave_list--item .desc li.oneThird02 {
        margin: 0 0 .5em 0;
        width: 100%;
    }
}

.couponsHave_list--item .desc02 {
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
    border-bottom: solid 1px #CCCCCC;
}

.couponsHave_list--item .desc03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 1em 0;
    padding: 0;
    width: 100%;
}

.couponsHave_list--item .desc03 li {
    margin: 0 0 1em 0;
    padding: 1em .5em;
    width: 32%;
    background: #F5F5F5;
    border-radius: 5px;
}

@media screen and (max-width: 630px) {
    .couponsHave_list--item .desc03 li {
        width: 100%;
    }
}

.couponsHave_list--item p {
    line-height: 1.4;
}

.couponsHave_list--item p.possible {
    display: inline-block;
    margin: 0 0 .75em 0;
    padding: .25em 1em;
    color: #FFFFFF;
    font-size: 1.15em;
    font-weight: bold;
    background: #FF6600;
    border-radius: 30px;
}

.couponsHave_list--item p.used {
    display: inline-block;
    margin: 0 0 .75em 0;
    padding: .25em 1em;
    color: #FFFFFF;
    font-size: 1.15em;
    font-weight: bold;
    background: #AAAAAA;
    border-radius: 30px;
}

.couponsHave_list--item p.name {
    margin: 0;
    padding: 0 0 .5em 0;
    color: #FF6600;
    font-size: 1.25em;
    font-weight: bold;
}

.couponsHave_list--item p.ttl {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-weight: bold;
}

.couponsHave_list--item p.detail {
    margin: 0;
    padding: 0;
    text-align: right;
}

.couponsHave_list--item .use {
    margin: 0;
    padding: .5em 0;
    width: 100%;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    background: #2aa1c0;
    border-radius: 2px;
    cursor: pointer;
}

.couponsHave_list--item .use:hover {
    background: #2a8eba;
}

.couponsHave_list--item .view {
    text-align: center;
    cursor: pointer;
}

.couponsHave_list--item .view span {
    color: #2a8eba;
}

.couponsHave_list--item .view span::after {
    position: relative;
    top: 0;
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    font-size: 3rem;
}

.couponsHave_list--item .view.remove span {
    color: #2a8eba;
}

.couponsHave_list--item .view.remove span::after {
    position: relative;
    top: 0;
    content: 'remove_circle_outline';
    content: "\e15d";
    font-family: "Material Icons";
    font-size: 3rem;
}

.couponsHave_list--item .usageDetails {
    margin: 0 0 2em 0;
    width: 100%;
    overflow: auto;
}

.couponsHave_list--item .usageDetails table {
    width: 100%;
    text-align: left;
}

.couponsHave_list--item .usageDetails table th {
    padding: .5em 1em;
    text-align: left;
    white-space: nowrap;
    background: #FFF7F2;
    border: 1px solid #CCCCCC;
}

.couponsHave_list--item .usageDetails table td {
    padding: .5em 1em;
    background: #FFFFFF;
    white-space: nowrap;
    border: 1px solid #CCCCCC;
}

.couponsHave_list--item .btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.couponsHave_list--item .btn li {
    margin: 0;
    padding: 1em;
    width: 49%;
    line-height: 2;
    background: #F5F5F5;
    border-radius: 5px;
}

@media screen and (max-width: 599px) {
    .couponsHave_list--item .btn li {
        width: 100%;
    }

    .couponsHave_list--item .btn li:first-child {
        margin: 0 0 1em 0;
    }
}

.couponsHave_list--item .btn li button {
    font-size: 1em
}

.couponsHave_list--item .btn li p {
    margin: 0 0 1em 0;
}

.couponsHave_list--item .btn li p:last-child {
    margin: 0 0 0 0;
}


/* -------------------- */
.pagenation {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 2em 0;
}

.pagenation .currentNum {
    margin: 0 0 .5em 0;
    padding: 0;
    text-align: center;
}

.pagenation ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.pagenation ul li {
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 374px) {
    .pagenation ul li {
        font-size: .8em;
    }
}

.pagenation ul li a {
    position: relative;
}

.pagenation ul li.num {
    margin: 0;
    padding: 0;
}

.pagenation ul li.num a {
    margin: 0;
    padding: .25em;
    border: solid 1px #CCCCCC;
}

.pagenation ul li.num a:hover {
    background: #FFF7F2;
}

.pagenation ul li.num a.current {
    background: #FFF7F2;
}


.pagenation ul li a.prev {
    position: relative;
    padding: 0 0 0 1.25em;
}

.pagenation ul li a.prev::before {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 50%;
    content: 'chevron_left';
    content: "\e5cb";
    line-height: 0;
    font-family: "Material Icons";
    font-size: 2rem;
}

.pagenation ul li a.next {
    position: relative;
    padding: 0 1.25em 0 0;
}

.pagenation ul li a.next::after {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 50%;
    content: 'chevron_right';
    content: "\e5cc";
    line-height: 0;
    font-family: "Material Icons";
    font-size: 2rem;
}


/* ----- ケータイ乗車券 ----- */
main.keetaiTicket {
    display: block;
    margin: 0;
    padding: 0 0 2em 0 !important;
}

.keetaiTicketTtl {
    margin: 0 0 1.5em 0;
    padding: .5em;
    color: #FFFFFF;
    text-align: center;
    background: #FF6600;
}

/* ----- */
.planName {
    margin: 0 auto 1.5rem auto;
    padding: 0 1em;
    max-width: 600px;
    color: #FF6600;
    font-size: 1.25em;
}


/* 乗車券 */
.ticketWrap {
    margin: 0 auto 0 auto;
    padding: 0 1em;
    max-width: 600px;
}

.ticketWrap ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.ticketWrap > ul li {
    margin: 0;
    padding: 7.5px 0;
    width: 32.666666666666667%;
    color: #FFFFFF;
    text-align: center;
    border-radius: 5px 5px 0 0;
}

.ticketWrap > ul li {
    opacity: .3;
}

.ticketWrap > ul li:nth-child(2) {
    margin: 0 1%;
}

.ticketWrap ul li.iki {
    background: #F7BE16;
}

.ticketWrap ul li.kaeri {
    background: #DC5353;
}

.ticketWrap ul li.option {
    background: #555555;
}

.ticketWrap ul li.bin1 {
    background: #00bfff;
}

.ticketWrap ul li.bin2 {
    background: #4169e1;
}

.ticketWrap ul li.ouhuku {
    background: #00a960;
}

.ticketWrap ul li.current {
    opacity: 1;
}

.ticketWrap .tab-contents {
    display: none;
}

.ticketWrap .tab-contents.current {
    display: block;
}

.ticketWrap .tab-contents {
    margin: 0;
    padding: 0;
}

.ticketWrap .tab-contents {
    display: none;
    margin-top: 0 !important;
    padding: 20px 10px 10px 10px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 0 0 10px 10px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.25));
}

.ticketWrap .tab-contents .opt-anchor {
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    font-size: .85em;
    font-weight: bold;
}

.ticketWrap .tab-contents .cntt {
    position: relative;
    display: block;
}

.ticketWrap .tab-contents .cntt .sumi {
    position: absolute;
    top: 10%;
    left: 15%;
    margin: 0;
    padding: 0;
    opacity: .8;
    width: 70%;
    z-index: 999;
}

.ticketWrap .tab-contents .cntt .setkenName {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 0 0;
    width: 100%;
    font-size: 1.25em;
    font-weight: bold;
}

.ticketWrap .tab-contents .cntt .setkenName span {
    position: absolute;
    right: 15px;
    bottom: 0;
    font-size: .75em;
    font-weight: normal;
}

.ticketWrap .tab-contents .cntt .setkenName span::after {
    position: absolute;
    content: 'arrow_forward';
    font-family: "Material Icons";
    margin: 0;
    color: #FF6600;
}


.ticketWrap .tab-contents .cntt .qr {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    text-align: center;
    border: solid 1px #CCCCCC;
    border-radius: 10px;
}

.ticketWrap .tab-contents .cntt .qr img {
    width: 30%;
}

@media screen and (max-width: 600px) {
    .ticketWrap .tab-contents .cntt .qr img {
        width: 40%;
    }
}


/* -------------------- */
.ticketWrap .tab-contents .cntt .item01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.ticketWrap .tab-contents .cntt .item01 li {
    margin: 0;
    padding: 5px;
    width: 30%;
    color: #FF6600;
}

.ticketWrap .tab-contents .cntt .item01 li:last-child {
    margin: 0;
    padding: 5px;
    width: 70%;
    color: #555555;
    text-align: right;
    font-size: 1.1em;
}

.ticketWrap .tab-contents .cntt .item02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
}

.ticketWrap .tab-contents .cntt .item02 li:first-child {
    width: 36%;
    color: #FFFFFF;
    background: #FF6600;
}

.ticketWrap .tab-contents .cntt .item02 li:first-child .ttl {
    color: #FFFFFF;
}

.ticketWrap .tab-contents .cntt .item02 li {
    margin: 0;
    padding: 5px;
    width: 30%;
    text-align: center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.ticketWrap .tab-contents .cntt .item02 li:nth-child(2) {
    margin: 0 2%;
}

.ticketWrap .tab-contents .cntt .item02 li .ttl {
    margin: 0;
    padding: 0;
    color: #FF6600;
    line-height: 1.5;
    font-weight: bold;
}

.ticketWrap .tab-contents .cntt .item02 li .desc {
    margin: 0;
    padding: 0;
    font-size: 1.25em;
    line-height: 1.2;
}


.ticketWrap .tab-contents .cntt .item03 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ticketWrap .tab-contents .cntt .item03 li {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.ticketWrap .tab-contents .cntt .item03 li dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.ticketWrap .tab-contents .cntt .item03 li dl dt {
    margin: 0;
    padding: 5px;
    width: 30%;
    color: #FF6600;
}

.ticketWrap .tab-contents .cntt .item03 li dl dd {
    margin: 0;
    padding: 5px;
    width: 70%;
    text-align: right;
}

.ticketWrap .tab-contents .cntt .item03 li dl dd a {
    color: #0000ff;
    text-decoration: underline;
}

.ticketWrap .tab-contents .cntt .item04 {
    margin: 0;
    padding: 0;
    width: 100%;
}

.ticketWrap .tab-contents .cntt .item04.optMlt {
    margin: 0 0 20px 0;
    padding: 10px;
    border: solid 3px #CCCCCC;
    border-radius: 10px;
}

.ticketWrap .tab-contents .cntt .item04 li {
    position: relative;
    margin: 0 0 5px 0;
    padding: 5px;
    width: 100%;
    border-bottom: solid 1px #CCCCCC;
}

.ticketWrap .tab-contents .cntt .item04 li p {
    display: block;
    margin: 0;
    padding: 0;
    text-align: right;
    line-height: 1.2;
}

.ticketWrap .tab-contents .cntt .item04 li p:first-child {
    color: #FF6600;
    font-size: .85em;
    text-align: left;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket {
    position: relative;
    margin: 10px 0;
    padding: 5px 0;
    background: #F5F5F5;
    border: 0;
    border-radius: 10px;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket dl dt {
    margin: 0;
    padding: 10px;
    width: 35%;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket dl dd {
    margin: 0;
    padding: 10px;
    width: 65%;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket dl dd p {
    font-size: 1em;
}

.ticketWrap .tab-contents .cntt .item04 li.ticket dl dd p {
    font-size: 1em;
}


/* -------------------- */
.option-qr-mo-mi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 10px 0;
    padding: 15px;
    width: 100%;
    background: #EEEEEE;
    border-radius: 10px;
}

.option-qr-mo-mi__image {
    position: relative;
    display: block;
    margin: 0 0 15px 0 !important;
    padding: 0;
    width: 49%;
}

.option-qr-mo-mi__image img {
    width: 100%;
}

.option-qr-mo-mi__lead {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 0;
    width: 48%;
    text-align: left !important;
}

.option-qr-mo-mi__lead b {
    display: block;
    color: #777777;
}

.option-qr-mo-mi__jouken {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 10px !important;
    width: 49%;
    text-align: center !important;
    color: #FFFFFF;
    font-size: 1em;
    background: #AAAAAA;
    border-radius: 5px;
}

.option-qr-mo-mi__jouken-full {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 10px !important;
    width: 100%;
    text-align: center !important;
    color: #FFFFFF;
    font-size: 1em;
    background: #AAAAAA;
    border-radius: 5px;
}

.option-qr-mo-mi__siyou {
    display: block;
    margin: 0 0 10px 0 !important;
    padding: 10px !important;
    width: 49%;
    text-align: center !important;
    color: #FFFFFF;
    font-size: 1em;
    background: #15C4B8;
    border-radius: 5px;
}

.option-qr-mo-mi__reload {
    display: block;
    margin: 0 !important;
    padding: 0;
    width: 100%;
    text-align: center !important;
    color: #0000FF;
    font-size: 1.25em;
}

.option-qr-mo-mi__reload::before {
    position: relative;
    top: 7.5px;
    content: 'refresh';
    content: "\e5d5";
    font-family: "Material Icons";
    margin: 0;
    line-height: 1;
    font-size: 1.5em;
}

/* ----- */
.option-qr-mo-mi__image-used {
}

.option-qr-mo-mi__image-used::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: '利用済';
    width: 100%;
    text-align: center;
    color: #FF0000;
    font-size: 2.25em;
    font-weight: bold;
    line-height: 1;
}

.option-qr-mo-mi__image-used img {
    opacity: .4;
}

/* ----- */
.option-qr-mo-mi__image-error {
}

.option-qr-mo-mi__image-error::after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: '読み込み失敗';
    width: 100%;
    text-align: center;
    color: #FF0000;
    font-size: 2em;
    white-space: nowrap;
    font-weight: bold;
    line-height: 1;
}

.option-qr-mo-mi__image-error img {
    opacity: .4;
}


/* -------------------- */


.ticketWrap .tab-contents .cntt .info {
    display: block;
    margin: 2em 0;
    padding: 0;
}

.ticketWrap .tab-contents .cntt .info li {
    margin: 0;
    padding: .5em 0;
    border-bottom: solid 1px #CCCCCC;
}

.ticketWrap .tab-contents .cntt .info li p {
    margin: 0;
    padding: 0;
}

.ticketWrap .tab-contents .cntt .info li p:first-child {
    margin: 0;
    padding: 0;
    color: #FF6600;
    font-size: .85em;
    font-weight: bold;
}

.ticketWrap .tab-contents .cntt .info li p:last-child {
    margin: 0;
    padding: 0;
    text-align: right;
}

.ticketWrap .tab-contents .cntt aside {
    display: block;
    margin: 2em 0;
    padding: 0;
}

.ticketWrap .tab-contents .cntt aside p:first-child {
    color: #FF6600;
    font-weight: bold;
}

.ticketWrap .tab-contents .cntt .date {
    display: block;
    margin: 0 0 1em 0;
    padding: 0;
    text-align: right;
}


/* -------------------- */
footer {
    margin: 0;
    padding: 0;
}

footer .ftrInner {
    margin: 0;
    padding: 0;
}

footer .ftrInner .top {
    margin: 0;
    padding: 0;
}

footer .ftrInner .top ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    background: #FF6600;
}

footer .ftrInner .top ul li {
    margin: 0;
    padding: 25px 0;
    width: 50%;
    background: #FF6600;
}

footer .ftrInner .ftrInner .top ul li:last-child {
    background: #ff3f00;
}

footer .ftrInner .top ul li section {
    margin: 0 auto;
    padding: 0 10px;
    max-width: 450px;
}

footer .ftrInner .top ul li section p {
    display: inline-block !important;
    color: #FFFFFF;
}

footer .ftrInner .top ul li section dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

footer .ftrInner .top ul li section dl dt {
    margin: 0;
    padding: 0;
    width: 30%;
}

footer .ftrInner .top ul li section dl dd {
    margin: 0;
    padding: 0 0 0 5%;
    width: 70%;
}

@media screen and (max-width: 600px) {
    footer .ftrInner .top ul li section dl dt,
    footer .ftrInner .top ul li section dl dd {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    footer .ftrInner .top ul li section dl dt {
        text-align: center;
    }

    footer .ftrInner .top ul li section dl dt img {
        width: 60%;
    }
}

footer .ftrInner .middle {
    margin: 0;
    padding: 25px;
    color: #FFFFFF;
    text-align: center;
    background: #f01e0b;
}

footer .ftrInner .middle p a {
    color: #FFFFFF;
}

footer .ftrInner .bottom {
    margin: 0;
    padding: 5px 0;
    color: #FFFFFF;
    text-align: center;
    font-size: .8rem;
    background: #000000
}


/* モーダル */
.modal00,
.modal11 {
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 999999;
}

.modal00-bg,
.modal11-bg {
    position: absolute;
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.modal00-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    min-height: auto;
    max-height: 85%;
    width: 65%;
    overflow: auto;
}

@media screen and (max-width: 1000px) {
    .modal00-content {
        width: 80%;
    }
}

@media screen and (max-width: 500px) {
    .modal00-content {
        width: 90%;
    }
}

.modal11-content {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 25%;
    overflow: auto;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .modal11-content {
        width: 45%;
    }
}

@media screen and (min-width: 501px) and (max-width: 700px) {
    .modal11-content {
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .modal11-content {
        width: 75%;
    }
}

.modal-desc {
    margin: 0 0 15px 0;
    padding: 10px;
    height: 250px;
    background: #FFFFFF;
    overflow: scroll;
}


.modal00-close,
.modal11-close {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.modal00-close span,
.modal11-close span {
}

.modal00-close span::after,
.modal11-close span::after {
    position: relative;
    content: 'close';
    content: "\e5cd";
    font-family: "Material Icons";
    color: #FFFFFF;
    font-size: 3rem;
}

.modal00-close-fixed {
    position: fixed;
    top: 2%;
    right: 2%;
    margin: 0;
    padding: 0;
}

.modal11-close-fixed {
    position: fixed;
    top: 2%;
    right: 27%;
    margin: 0;
    padding: 0;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .modal11-close-fixed {
        right: 47%;
    }
}

@media screen and (min-width: 501px) and (max-width: 700px) {
    .modal11-close-fixed {
        right: 62%;
    }
}

@media screen and (max-width: 500px) {
    .modal11-close-fixed {
        right: 77%;
    }
}

.modal00-close-fixed span,
.modal11-close-fixed span {
}

.modal00-close-fixed span::after,
.modal11-close-fixed span::after {
    content: 'close';
    content: "\e5cd";
    font-family: "Material Icons";
    color: #FFFFFF;
    font-size: 4rem;
}

body.mdlFixed {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}


/* モーダル 乗車日 */
.boardingDate-mdl {
    margin: 0;
    padding: 5%;
    background: #FFFFFF;
    text-align: center;
}

.boardingDate-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 2rem;
}

.boardingDate-mdl #mini-calendar {
    margin: 0;
    padding: 0;
    width: 100%;
}


/* モーダル to各言語ページへ */
.language-mdl-outer {
    margin: 0;
    padding: 0;
}

.language-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    background: #FFFFFF;
    text-align: center;
}

.language-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    font-size: 2rem;
}

.language-mdl .lead {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left;
}

.language-mdl ul {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left;
}

.language-mdl ul li {
    margin: 0 0 0 0;
    padding: 0;
    border-bottom: solid 1px #CCCCCC;
}

.language-mdl ul li a {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    padding: .5em 1em;
    color: #555555;
    font-size: 1.25em;
}

.language-mdl ul li a::after {
    position: absolute;
    top: 20%;
    right: 1em;
    font-family: "Material Icons";
    content: 'trending_flat';
    content: "\e8e4";
    color: #FF6600;
    font-size: 1.25em;
}

.language-mdl ul li a:hover {
    background: #FFF7F2;
}


/* モーダル 予約確定への利用規約 */
.termsOfService-mdl {
    margin: 0;
    padding: 5%;
    background: #FFFFFF;
    text-align: center;
}

.termsOfService-mdl section {
    margin: 0 0 15px 0;
    padding: 2em;
    height: 200px;
    text-align: left;
    background: #EEEEEE;
    overflow: auto;
}

.termsOfService-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    font-size: 2rem;
}

.termsOfService-mdl .lead {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left;
}

.termsOfService-mdl p {
    margin: 0 0 .5em 0;
    padding: 0 0 0 1em;
    font-size: 1em;
}

.termsOfService-mdl h4 {
    margin: 0 0 .5em 0;
    padding: 0 0 0 .5em;
    font-size: 1.25em;
    border-left: 3px solid #FF6600;
}

.termsOfService-mdl h5 {
    margin: 0 0 .5em 0;
    padding: 0 0 0 .5em;
    font-size: 1em;
    font-weight: bold;
}

.termsOfService-mdl ol {
    margin: 0 0 2em 0;
    padding: 0 0 0 3em;
}

.termsOfService-mdl ol li {
    margin: 0;
    padding: 0;
}

.termsOfService-mdl button[disabled] {
    background: #CCCCCC;
    cursor: default;
}

.termsOfService-mdl button[disabled]:hover {
    background: #CCCCCC;
    cursor: default;
}

.termsOfService-mdl .pick00 {
    margin: 10px 0 0 0;
    padding: 10px 20px;
    background: #EEEEEE;
}

/* モーダル 運賃プラン選択におけるご注意点 */
.coution-mdl {
    margin: 0;
    padding: 4%;
    width: 100%;
    background: #FFFFFF;
    text-align: center;
}

.coution-mdl .coution-txt {
    margin: 0 0 .5em 0;
    padding: 2%;
    height: 160px;
    max-width: 100%;
    text-align: left;
    background: #EEEEEE;
    overflow: auto;
}

@media screen and (max-width: 500px) {
    .coution-mdl .coution-txt {
        height: 100px;
    }
}

.coution-mdl .ttl {
    margin: 0 0 .5em 0;
    padding: .25em 0;
    color: #FFFFFF;
    font-size: 1.6rem;
    background: #AAAAAA;
    border-radius: 50px;
}

@media screen and (max-width: 500px) {
    .coution-mdl .ttl {
        font-size: 1.4rem;
    }
}

.coution-mdl .lead {
    margin: 0 0 1em 0;
    padding: 0;
    text-align: left;
}

.coution-mdl .desc01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 .25em 0;
    padding: 0;
    width: 100%;
    border-bottom: solid 1px #AAAAAA;
}

.coution-mdl .desc01 dt {
    margin: 0 0 .25em 0;
    padding: .25em 0;
    width: 30%;
    color: #FF6600;
    text-align: left;
    font-weight: bold;
}

.coution-mdl .desc01 dd {
    margin: 0;
    padding: 0;
    width: 70%;
    text-align: right;
}

@media screen and (max-width: 500px) {
    .coution-mdl .desc01 dt {
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: left;
        font-size: .85em;
    }

    .coution-mdl .desc01 dd {
        margin: 0;
        padding: 0;
        width: 100%;
    }
}

.coution-mdl .desc02 {
    margin: 0;
    padding: 0;
}

.coution-mdl .desc02 dt {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.coution-mdl .desc02 dd {
    margin: 0;
    padding: 0 0 1em 1em;
}

.coution-mdl button[disabled] {
    background: #CCCCCC;
    cursor: default;
}

.coution-mdl button[disabled]:hover {
    background: #CCCCCC;
    cursor: default;
}

.coution-mdl .pick00 {
    margin: 10px 0 0 0;
    padding: 10px 20px;
    background: #EEEEEE;
}


/* モーダル 設備アイコン */
.setsubiIcon-mdl {
    margin: 0;
    padding: 5%;
    background: #FFFFFF;
    text-align: center;
}

.setsubiIcon-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.setsubiIcon-mdl ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0 0 0;
    padding: 0;
    width: 100%;
    border-top: solid 1px #cccccc;
}

.setsubiIcon-mdl ul li {
    margin: 0;
    padding: 0;
    width: 50%;
    border-bottom: solid 1px #cccccc;
}

@media screen and (max-width: 500px) {
    .setsubiIcon-mdl ul li {
        width: 100%;
    }
}

.setsubiIcon-mdl ul li dl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 10px;
}

.setsubiIcon-mdl ul li dl dt {
    margin: 0;
    padding: 0;
    width: 15%;
}

.setsubiIcon-mdl ul li dl dd {
    margin: 0;
    padding: 0;
    width: 85%;
    text-align: left;
}

/* モーダル 人数選択 */
.selectPeopleNumber-mdl {
    margin: 0;
    padding: 10px;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (min-width: 500px) {
    .selectPeopleNumber-mdl {
        padding: 2em;
    }
}

.selectPeopleNumber-mdl .ttl {
    margin: 0 0 .25em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.selectPeopleNumber ul {
    display: flex;
    flex-wrap: wrap;
    margin: 1em 0;
    padding: 0 0 .5em 0;
    width: 100%;
    border-bottom: solid 1px #cccccc;
}

.selectPeopleNumber ul li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 33.3333% !important;
    text-align: left;
    background: #FFFFFF !important;
}

@media screen and (max-width: 660px) {
    .selectPeopleNumber ul li {
        margin-bottom: .15em;
        width: 50% !important;
    }

    .selectPeopleNumber ul li:first-child {
        width: 100% !important;
    }
}

.selectPeopleNumber ul li .item-ttl {
    font-size: 1.5rem;
    font-weight: bold;
}

.selectPeopleNumber ul li .item-ttl span {
    font-size: 1.2rem;
}

.selectPeopleNumber ul li .input-peopleNum {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 0;
}

.selectPeopleNumber ul li .input-peopleNum .decrease {
    margin: 0;
    padding: 0;
}

.selectPeopleNumber ul li .input-peopleNum .decrease::after {
    position: relative;
    content: 'remove_circle';
    content: "\e15c";
    font-family: "Material Icons";
    color: #AAAAAA;
    font-size: 1.75em;
}

@media screen and (max-width: 600px) {
    .selectPeopleNumber-mdl .selectPeopleNumber ul li .input-peopleNum .decrease::after {
        font-size: 1.75em;
    }
}

.selectPeopleNumber ul li .input-peopleNum .decrease:hover::after {
    color: #FF6600;
}

.selectPeopleNumber ul li .input-peopleNum .increase {
    margin: 0;
    padding: 0;
}

.selectPeopleNumber ul li .input-peopleNum .increase::after {
    position: relative;
    content: 'add_circle';
    content: "\e147";
    font-family: "Material Icons";
    color: #AAAAAA;
    font-size: 1.75em;
}

@media screen and (max-width: 600px) {
    .selectPeopleNumber ul li .input-peopleNum .increase::after {
        font-size: 1.75em;
    }
}

.selectPeopleNumber ul li .input-peopleNum .increase:hover::after {
    color: #FF6600;
}

.selectPeopleNumber ul li .input-peopleNum input {
    margin: 0 1%;
    padding: 5px 0;
    text-align: center;
    width: 20%;
    font-size: 16px;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
}

.selectPeopleNumber ul li .input-peopleNum span {
    font-size: 1.4rem;
}

.selectPeopleNumber .note {
    margin: 0;
    padding: .5em;
    color: #FFFFFF;
    text-align: center;
    background: #FF0000;
    border-radius: 1px;
}

.selectPeopleNumber-mdl .aboutNumPeople {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF0000;
    text-align: center;
    font-size: 1.5rem;
}

.selectPeopleNumber-mdl .aboutNumPeople_desc {
    display: none;
    margin: 0 0 1em 0;
    padding: 1em;
    background: #F5F5F5;
}


/* モーダル 登録したお気に入り 路線リスト 選択 */
.selectFavorite-mdl {
    margin: 0;
    padding: 10px;
    width: 100%;
    background: #FFFFFF;
}

@media screen and (min-width: 500px) {
    .selectFavorite-mdl {
        padding: 2em;
    }
}

.selectFavorite-mdl .ttl {
    margin: 0 0 2rem 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

.selectFavorite {
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

.selectFavorite tr {
    margin: 0;
    padding: 0;
    border-bottom: solid 1px #CCCCCC;
}

.selectFavorite tr:first-child {
    border-bottom: none;
}

.selectFavorite tr th {
    margin: 0;
    padding: 1.5rem;
    color: #FF6600;
    text-align: left;
    font-weight: normal;
    background: #EEEEEE;
}

.selectFavorite tr td {
    margin: 0;
    padding: 1.5rem;
    text-align: left;
}

.selectFavorite tr td button {
    margin: 0;
    padding: 1rem;
    width: 100%;
    color: #FFFFFF;
    background: #FF6600;
    border-radius: 3px;
}


/* ハンバーガー メニュー */
.gNav-hbg-mdl {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    background: #FFFFFF;
}

.gNav-hbg-mdl img {
    margin: 0 0 1em 0;
    padding: 1em 1em 1em 1em;
}

.gNav-hbg-mdl ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.gNav-hbg-mdl ul li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}

.gNav-hbg-mdl ul li::after {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'trending_flat';
    content: "\e8e4";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 1.5em;
}

.gNav-hbg-mdl ul li a {
    display: block;
    padding: .75em 5em .75em 1em;
    color: #555555;
}

.gNav-hbg-mdl ul li a:hover {
    background: #FFF7F2;
}

.gNav-hbg-mdl ul li.open {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
}

.gNav-hbg-mdl ul li.open::after {
    content: '';
}

.gNav-hbg-mdl ul li.open .opend-check {
    display: none;
}

.gNav-hbg-mdl ul li.open .open-label {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: .75em 3em .75em 1em;
    width: 100%;
    color: #555555;
    cursor: pointer;
}

.gNav-hbg-mdl ul li.open .open-label:hover {
    background: #FFF7F2;
}

.gNav-hbg-mdl ul li.open .open-label:after {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'add_circle_outline';
    content: "\e148";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 1.5em;
}

.gNav-hbg-mdl ul li.open .open-content {
    display: block;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: 1s;
    visibility: hidden;
}

.gNav-hbg-mdl ul li.open .open-check {
    display: none;
}

.gNav-hbg-mdl ul li.open .open-check:checked + .open-label:after {
    content: 'remove_circle_outline';
    content: "\e15d";
}

.gNav-hbg-mdl ul li.open .open-check:checked + .open-label + .open-content {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}

.gNav-hbg-mdl ul li.open .open-content a {
    position: relative;
    padding: .75em 5em .75em 1.5em;
}

.gNav-hbg-mdl ul li.open .open-content a:after {
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    content: 'trending_flat';
    content: "\e8e4";
    font-family: "Material Icons";
    color: #FF6600;
    font-size: 1.5em;
}


/* モーダル 乗車券 QRコード */
.ticketQR-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
}

.ticketQR-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.ticketQR-mdl img {
    margin: 0 0 1em 0;
    padding: 0;
    max-width: 300px !important;
    border: solid 1px #CCCCCC;
}


/* モーダル ケータイ乗車券を送信する */
.ticketSend-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    line-height: 2;
    background: #FFFFFF;
}

.ticketSend-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}


/* モーダル ケータイ乗車券を送信する */
.ticketRQcoution-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    line-height: 2;
    background: #FFFFFF;
}

.ticketRQcoution-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}


/* モーダル 印刷 注意事項 */
.ticketGOprint-mdl,
.ticketRETURNprint-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    line-height: 2;
    background: #FFFFFF;
}

.ticketGOprint-mdl .ttl,
.ticketRETURNprint-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}


/* モーダル 印刷用領収書 */
.receiptPrint-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    font-size: 1.4rem;
    background: #FFFFFF;
}

.receiptPrint-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.receiptPrint-mdl .receipt-img {
    margin: 0 0 1em 0;
    padding: 1.25em;
    overflow: auto;
    border: solid 1px #CCCCCC;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
}

.receiptPrint-mdl .receipt-img ul {
    margin: 0;
    padding: 0;
    min-width: 700px;
    white-space: nowrap;
}

.receiptPrint-mdl .receipt-img ul li {
    position: relative;
    margin: 0;
    padding: 0;
}

.receiptPrint-mdl .receipt-img ul li .area01 {
    margin: 0;
    padding: 0;
    width: 50%
}

.receiptPrint-mdl .receipt-img ul li .area02 {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0 1.75em 0 0;
    text-align: right;
}

.receiptPrint-mdl .receipt-img ul li .area03 {
    margin: 0 auto;
    padding: 1.25em 0;
    width: 60%;
}

.receiptPrint-mdl .receipt-img ul li .area01 .name {
    position: relative;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1.25em;
    border-bottom: solid 1px #555555;
}

.receiptPrint-mdl .receipt-img ul li .area01 .name span {
    position: absolute;
    right: 0;
}

.receiptPrint-mdl .receipt-img ul li .area03 .price {
    position: relative;
    margin: 0 0 .5em 0;
    padding: 0 0 1em 0;
    font-size: 1em;
    border-bottom: solid 1px #555555;
}

.receiptPrint-mdl .receipt-img ul li .area03 .price span {
    position: absolute;
    right: 0;
    font-size: 1.75em;
}

.receiptPrint-mdl .receipt-img ul li .lead {
    position: relative;
    margin: 0;
    padding: 0;
}

.receiptPrint-mdl .receipt-img ul li .lead span {
    position: absolute;
    right: 1.75em;
}


/* モーダル 登録クレジットカード削除 */
.creditCardDelete-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
}

.creditCardDelete-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.creditCardDelete-mdl .lead {
    margin: 0 0 1em 0;
    padding: 1em;
    color: #000000;
    text-align: center;
    font-size: 1.6rem;
    background: #F5F5F5;
}

.creditCardDelete-mdl .lead span {
    display: inline-block;
    margin: 0 1em;
}


/* お気に入り乗降バス停 */
.favorite-busstop-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
}

.favorite-busstop-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
    background: #FFFFFF;
}

.favorite-busstop-mdl p {
    margin: 0 0 1em 0;
    padding: 0;
    color: #000000;
    text-align: center;
    font-size: 1.6rem;
}

.favorite-busstop-mdl p.lead {
    margin: 0 0 1em 0;
    padding: 1em;
    color: #000000;
    text-align: center;
    font-size: 1.6rem;
    background: #F5F5F5;
}


/* フリーチケット 利用条件 */
.freeticket-coution-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    background: #FFFFFF;
}

.freeticket-coution-mdl .ttl {
    margin: 0;
    padding: 0;
    color: #15C4B8;
    text-align: center;
    font-size: 2rem;
    border-bottom: solid 1px #15C4B8;
    background: #FFFFFF;
}

.freeticket-coution-mdl .desc {
    margin: 1em 0;
    padding: 2rem;
    max-height: 250px;
    overflow-y: scroll;
}

.freeticket-coution-mdl .desc p {
    margin: 0 0 .5em 0;
}

.freeticket-coution-mdl ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.freeticket-coution-mdl ul li {
    margin: 0;
    padding: 0;
    width: 30%;
}

.freeticket-coution-mdl ul li:last-child {
    width: 68%;
}


/* キャンセル 未払い */
.cancel-unpaid-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    text-align: center;
    background: #FFFFFF;
}

.cancel-unpaid-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
    background: #FFFFFF;
}

.cancel-unpaid-mdl p {
    margin: 0 0 1em 0;
    padding: 0;
    color: #000000;
    text-align: center;
    font-size: 1.6rem;
}

.cancel-unpaid-mdl p.lead {
    margin: 0 0 1em 0;
    padding: 1em;
    color: #000000;
    text-align: center;
    font-size: 1.6rem;
    background: #F5F5F5;
}


/* モーダル キャリア決済注意事項 */
.career-payment-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    font-size: 1.4rem;
    background: #FFFFFF;
}

.career-payment-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.career-payment-mdl section {
    margin: 0;
    padding: 1em;
    border: 1px solid #CCCCCC;
    overflow: auto;
}

.career-payment-mdl section p {
    margin: 0 0 1em 0;
    padding: 0;
}


/* モーダル フリーパス購入に関しての注意事項 */
.freepass-coution-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    font-size: 1.4rem;
    background: #FFFFFF;
}

.freepass-coution-mdl .ttl {
    margin: 0 0 1em 0;
    padding: 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.75rem;
    font-weight: bold;
    border-bottom: solid 1px #FF6600;
}

.freepass-coution-mdl section {
    margin: 0;
    padding: 1em;
    border: 1px solid #CCCCCC;
    overflow: auto;
}

.freepass-coution-mdl section p {
    margin: 0 0 1em 0;
    padding: 0;
}

.freepass-coution-mdl section p:last-child {
    margin: 0 0 0 0;
    padding: 0;
}


/* 注意事項 */
.notes-coution-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    background: #FFFFFF;
}

.notes-coution-mdl .ttl {
    margin: 0;
    padding: 1rem 0;
    color: #FF6600;
    text-align: center;
    font-size: 1.75rem;
    line-height: 1;
    border: solid 1px #FF6600;
    background: #FFFFFF;
    border-radius: 50px;
}

.notes-coution-mdl .desc {
    margin: 1em 0;
    padding: 2rem;
    max-height: 250px;
    overflow-y: scroll;
}

.notes-coution-mdl .desc p {
    margin: 0 0 .5em 0;
}

.notes-coution-mdl ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.notes-coution-mdl ul li {
    margin: 0;
    padding: 0;
    width: 48%;
}


/* もぎり利用条件 */
.mogiri-coution-mdl {
    margin: 0;
    padding: 5%;
    width: 100%;
    background: #FFFFFF;
}

.mogiri-coution-mdl .ttl {
    margin: 0;
    padding: 1rem 0;
    color: #15C4B8;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    border-bottom: solid 1px #15C4B8;
    background: #FFFFFF;
}

.mogiri-coution-mdl .desc {
    margin: 1em 0;
    padding: 2rem;
    max-height: 250px;
    overflow-y: scroll;
}

.mogiri-coution-mdl .desc p {
    margin: 0 0 .5em 0;
}

.mogiri-coution-mdl ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    width: 100%;
}

.mogiri-coution-mdl ul li {
    margin: 0;
    padding: 0;
    width: 25%;
}

.mogiri-coution-mdl ul li:last-child {
    margin: 0;
    padding: 0;
    width: 73%;
}


/* ========================================
 * #mini-calendar
 * ========================================*/
#mini-calendar .calendar-year-month {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

#mini-calendar table {
    width: 100%;
    border-spacing: 0;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    line-height: 1.5;
    border-collapse: separate;
}

#mini-calendar th,
#mini-calendar td {
    background: #fff;
    padding: 7px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#mini-calendar th {
    color: #fff;
    background: #4F616B;
    vertical-align: top;
    padding-top: 7px;
    padding-bottom: 7px;
}

/*
#mini-calendar th.calendar-sun {
	color: #DF0D2D;
	background: #F8E4E4;
}
#mini-calendar th.calendar-sat {
	color: #2574D3;
	background: #E2F3FC;
}
*/
#mini-calendar td {
    width: 14.3%;
    height: 100px;
    vertical-align: top;
}

#mini-calendar td.calendar-day-off {
    background: #F4F3F2;
    color: #555;
}

#mini-calendar td.calendar-holiday,
#mini-calendar td.calendar-sun {
    color: #CE2727;
    background: #FCF3F3;
}

#mini-calendar td.calendar-sat {
    color: #54AFC8;
    background: #F5FBFE;
}

#mini-calendar .calendar-day-number {
    font-style: normal;
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
    display: block;
    padding: 0 3px;
    line-height: 1.2;
}

#mini-calendar td.calendar-holiday .day,
#mini-calendar td.calendar-sun .day {
    color: #DF0D2D;
}

#mini-calendar td.calendar-sat .day {
    color: #2574D3;
}

#mini-calendar td span {
    font-size: 11px;
    line-height: 1.3;
    display: block;
}

#mini-calendar [class*=calender-label] {
    font-size: 11px;
    line-height: 1.3;
    color: #000;
    background: #FCEBCF;
    border: solid 1px #D2AC8E;
    display: block;
    padding: 3px;
    margin-top: 3px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

#mini-calendar td span.calender-label-red {
    background-color: #FCCFD1;
    border-color: #D28EA6;
}

#mini-calendar td span.calender-label-blue {
    background-color: #CFE4FC;
    border-color: #8E9BD2;
}

#mini-calendar td span.calender-label-green {
    background-color: #E5FCCF;
    border-color: #99C170;
}

/* 何もない日 */
#mini-calendar td.calendar-none {
    background: #FBFAF7;
}

#mini-calendar td.calendar-today {
    background: #FEFBDA;
}

@media screen and (max-width: 600px) {
    #mini-calendar thead {
        display: none;
    }

    #mini-calendar th,
    #mini-calendar td {
        display: block;
        width: 100%;
        padding: 0;
    }

    #mini-calendar td {
        height: auto;
        display: -webkit-flex;
        display: flex;
    }

    #mini-calendar .calendar-none {
        display: none
    }

    #mini-calendar .calendar-labels {
        padding: 5px;
    }

    #mini-calendar [class*=calender-label] {
        display: inline-block;
        padding: 5px;
        margin-top: 0;
        margin-right: 5px;
        font-size: 12px;
    }

    /* 日付 */
    #mini-calendar td .calendar-day-number {
        font-weight: normal;
        padding: 7px;
        font-size: 18px;
        display: block;
        background: #f2e6cd;
        margin-bottom: 0;
        width: 75px;
        height: auto;
    }

    #mini-calendar td.calendar-holiday .calendar-day-number,
    #mini-calendar td.calendar-sun .calendar-day-number {
        background: #f8c7c7;
    }

    #mini-calendar td.calendar-sat .calendar-day-number {
        background: #c8ebfe;
    }

    /* モバイル用曜日を追加 */
    #mini-calendar td i:after {
        font-size: 12px;
        position: relative;
        left: -5px;
    }

    #mini-calendar td:nth-child(1) i:after {
        content: "（日）";
    }

    #mini-calendar td:nth-child(2) i:after {
        content: "（月）";
    }

    #mini-calendar td:nth-child(3) i:after {
        content: "（火）";
    }

    #mini-calendar td:nth-child(4) i:after {
        content: "（水）";
    }

    #mini-calendar td:nth-child(5) i:after {
        content: "（木）";
    }

    #mini-calendar td:nth-child(6) i:after {
        content: "（金）";
    }

    #mini-calendar td:nth-child(7) i:after {
        content: "（土）";
    }
}


/* ページトップへ */
.pageTop {
    position: fixed;
    right: 15px;
    bottom: 25px;
    margin: 0;
    padding: 0;
    z-index: 9999;
    opacity: 0;
    transition: all 0.65s;
}

.pageTop a img {
    width: 50px;
    filter: drop-shadow(2px 2px 4px #808080);
}

@media screen and (max-width: 500px) {
    .pageTop a img {
        width: 35px;
    }
}

.pageTop a:hover {
    opacity: .6;
}

.pageTop.isActive {
    opacity: 1;
    transition: all 0.65s;
}

/* 質問ボタン チャット */
.chatBtn {
    display: none !important;
}

/* 質問ボタン チャット
.chatBtn {
    position: fixed;
    left: 10px;
    bottom: 15px;
	margin: 0;
	padding: 0;
    z-index: 9999;
}
.chatBtn a img {
    width: 110px;
    filter: drop-shadow(2px 2px 4px #808080);
}
@media screen and (max-width: 500px) {
    .chatBtn a img {
        width: 80px;
    }
}
.chatBtn a:hover {
    opacity: .6;
}
 */


/* 共通ボタン */
button.cmnBtn {
    margin: 0 auto 1em auto;
    padding: 0;
    width: 100%;
    color: #FFFFFF;
    font-size: 1.6rem;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

button.cmnBtnOrg {
    background: #FF6600;
}

button.cmnBtnOrg:hover {
    background: #ff3f00;
    transition: all 0.5s ease 0s;
}

button.cmnBtnBlu {
    background: #2aa1c0;
}

button.cmnBtnBlu:hover {
    background: #2a8eba;
    transition: all 0.5s ease 0s;
}

button.cmnBtnGrn {
    background: #8ed400;
}

button.cmnBtnGrn:hover {
    background: #2fca00;
    transition: all 0.5s ease 0s;
}

button.cmnBtnBluGrn {
    background: #15C4B8;
}

button.cmnBtnBluGrn:hover {
    background: #14b3a8;
    transition: all 0.5s ease 0s;
}

button.cmnBtnGry {
    background: #CCCCCC;
}

button.cmnBtnGry:hover {
    background: #AAAAAA;
    transition: all 0.5s ease 0s;
}

button.cmnBtn span {
    padding: .5em;
    display: block;
}

button.cmnBtn span::after {
    position: relative;
    top: 4px;
    right: 0;
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 1.2em;
    transition: all 0.5s ease 0s;
}

button.cmnBtn span:hover::after {
    right: -0.75em;
    transition: all 0.5s ease 0s;
}

button.cmnBtn span.nonArrow {
    padding: .5em;
    display: block;
}

button.cmnBtn span.nonArrow::after {
    position: relative;
    top: 4px;
    right: 0;
    content: '';
    font-family: "Material Icons";
    font-size: 1.2em;
    transition: all 0.5s ease 0s;
}

button.cmnBtn span.disabled {
    cursor: not-allowed;
}

button.cmnBtnBack {
    margin: 0 auto 1em auto;
    padding: 0;
    width: 100%;
    color: #FFFFFF;
    font-size: 1.6rem;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

button.cmnBtnBack span {
    padding: .5em;
    display: block;
}

button.cmnBtnBack span::before {
    position: relative;
    top: 5px;
    left: 0;
    content: 'keyboard_backspace';
    content: "\e317";
    font-family: "Material Icons";
    font-size: 1.2em;
    transition: all 0.5s ease 0s;
}

button.cmnBtnBack span:hover::before {
    left: -1em;
    transition: all 0.5s ease 0s;
}

/* リセットボタン テキスト */
button.resetText {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    color: #2aa1c0;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

button.resetText:hover {
    color: #003f8e;
    transition: all 0.5s ease 0s;
}


/* 予約情報座席変更はこちらから（一部路線はのぞきます。） */
button.cmnBtn55 {
    margin: 1em auto 1em auto;
    padding: 0;
    width: 100%;
    color: #FFFFFF;
    font-size: 1.6rem;
    background: #2aa1c0;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

button.cmnBtn55 span {
    position: relative;
    display: block;
    padding: .5em;
    text-align: center;
}

button.cmnBtn55 span b {
    font-size: .75em;
    font-weight: normal;
}

button.cmnBtn55 span::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    content: 'east';
    content: "\e5c8";
    font-family: "Material Icons";
    font-size: 1.2em;
    transition: all 0.5s ease 0s;
}

button.cmnBtn55 span:hover::after {
    margin: 0 0 0 1em;
    transition: all 0.5s ease 0s;
}

@media screen and (min-width: 380px) {
    button.cmnBtn55 span br.spw {
        display: none;
    }
}


/* 入力 */
.input00 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

.input11 {
    position: relative;
    margin: 0;
    padding: 0 1%;
    width: 25%;
}

.input22 {
    position: relative;
    margin: 0;
    padding: 0 1%;
    width: 30%;
}

.input00 input[type='text'],
.input00 input[type='tel'],
.input00 input[type='email'],
.input00 input[type='number'],
.input00 input[type='password'],
.input11 input[type='text'],
.input11 input[type='tel'],
.input11 input[type='email'],
.input11 input[type='number'],
.input11 input[type='password'],
.input22 input[type='text'],
.input22 input[type='tel'],
.input22 input[type='email'],
.input22 input[type='number'],
.input22 input[type='password'] {
    margin: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
}

/* 入力 日時 */
input[type="date"] {
    width: 100%;
}

input[type="date"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="date"]::-webkit-clear-button {
    -webkit-appearance: none;
}

input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
}

input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.input00 input[type='date'] {
    margin: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
}


/* セレクト */
.selectbox00 {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
}

.selectbox00::after {
    position: absolute;
    right: 2%;
    bottom: 50%;
    display: block;
    content: "expand_more";
    content: "\e5cf";
    font-family: 'Material Icons';
    margin: auto;
    color: #FF6600;
    font-size: 2.5rem;
    line-height: 0;
    pointer-events: none;
}

.selectbox00 select {
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
}


/* 人数 */
.selectbox11 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
    padding: 5px 0 5px 0;
    width: 100%;
    background: #FFFFFF;
}

.selectbox11 select {
    margin: 0 5px 0 0;
    padding: 10px;
    width: 20%;
    box-sizing: border-box;
    background: #ffffff;
    font-size: 1.6rem;
    border-radius: 3px;
    border: solid 1px #DDDDDD;
}

.selectbox11 img {
    margin: 0 10px;
    padding: 0;
    width: 15%;
}

@media screen and (min-width: 500px) and (max-width: 700px) {
    .selectbox11 img {
        width: 10%;
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    .selectbox11 img {
        width: 12.5%;
    }
}

@media screen and (max-width: 400px) {
    .selectbox11 img {
        width: 15%;
    }
}


/* チェックボックス＆ラジオ */
.pick00 {
    /* 横並び */
    display: inline-block;
    margin: 0 2em 0 0;
}

.pick11 {
    /* 縦並び */
}

.pick {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
}

.pick input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.pick_indicator {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: #CCCCCC;
}

.pick-rd .pick_indicator {
    border-radius: 50%;
}

.pick:hover input ~ .pick_indicator,
.pick input:focus ~ .pick_indicator {
    background: #ccc;
}

.pick:hover input:not([disabled]):checked ~ .pick_indicator,
.pick input:checked:focus ~ .pick_indicator,
.pick input:checked ~ .pick_indicator {
    background: #2aa1c0;
}

.pick input:disabled ~ .pick_indicator {
    background: #AAAAAA;
    opacity: 0.6;
    pointer-events: none;
}

.pick_indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.pick input:checked ~ .pick_indicator:after {
    display: block;
}

.pick-ck .pick_indicator:after { /* チェックボックス */
    left: 7px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.pick-ck input:disabled ~ .pick_indicator:after {
    border-color: #7b7b7b;
}

.pick-rd .pick_indicator:after { /* ラジオ */
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #FFFFFF;
}

.pick-rd input:disabled ~ .pick_indicator:after {
    background: #7b7b7b;
}


.link-invalid {
    pointer-events: none !important;
}

.link-valid {
    pointer-events: auto !important;
}

::placeholder {
    color: #AAAAAA;
}

hr {
    border-top: solid 1px #cccccc !important;
}

.temporary-space {
    margin: 5em 0;
    border-top: solid 1px #cccccc !important;
}

.material-icons {
    display: inline-flex !important;
    vertical-align: middle !important;
}


/* フォントサイズ */
.fz-xs {
    font-size: .75em;
!important;
}

.fz-sm {
    font-size: .875em;
!important;
}

.fz-md {
    font-size: 1em;
!important;
}

.fz-lg {
    font-size: 1.25em;
!important;
}

.fz-xl {
    font-size: 1.5em;
!important;
}

.fz-xxl {
    font-size: 1.75em;
!important;
}

.fz-2em {
    font-size: 2em;
!important;
}

.fz-5em {
    font-size: 5em;
!important;
}

.fwb {
    font-weight: bold !important;
}

.dBlock {
    display: block !important;
}

.d-inlineBlock {
    display: inline-block !important;
}

.txAlC {
    text-align: center !important;
}

.txAlL {
    text-align: left !important;
}

.txAlR {
    text-align: right !important;
}

.vAlM {
    vertical-align: middle !important;
}

.blk {
    color: #000000 !important;
}

.wh {
    color: #ffffff !important;
}

.gry {
    color: #aaaaaa !important;
}

.lgry {
    color: #cccccc !important;
}

.llgry {
    color: #f5f5f5 !important;
}

.dgry {
    color: #555555 !important;
}

.red {
    color: #ff0000 !important;
}

.org {
    color: #FF6600 !important;
}

.blu {
    color: #2aa1c0 !important;
}

.yel {
    color: #F7BE16 !important;
}

.wred {
    color: #DC5353 !important;
}

.egrn {
    color: #15C4B8 !important;
}

.grn {
    color: #2fca00 !important;
}

.bgTra {
    background: transparent !important;
}

.bgWh {
    background: #ffffff !important;
}

.bgWhShadow {
    background: #ffffff !important;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) !important;
}

.bgOrg {
    background: #FF6600 !important;
}

.bgllOrg {
    background: #FFF7F2 !important;
}

.bgBlu {
    background: #2aa1c0 !important;
}

.bgGrn {
    background: #8ed400 !important;
}

.bgDGry {
    background: #555555 !important;
}

.bgLGry {
    background: #DDDDDD !important;
}

.bgLbluGry {
    background: #f1f5f5 !important;
}


.lh2 {
    line-height: 2 !important;
}

.mgnT20px {
    margin-top: 20px !important;
}

.mgnT30px {
    margin-top: 30px !important;
}

.mgnT40px {
    margin-top: 40px !important;
}

.mgnT50px {
    margin-top: 50px !important;
}

.mgnB05px {
    margin-bottom: 05px !important;
}

.mgnB10px {
    margin-bottom: 10px !important;
}

.mgnB15px {
    margin-bottom: 15px !important;
}

.mgnB20px {
    margin-bottom: 20px !important;
}

.mgnB25px {
    margin-bottom: 25px !important;
}

.mgnB30px {
    margin-bottom: 30px !important;
}

.mgnB50px {
    margin-bottom: 50px !important;
}

.mgnT0 {
    margin-top: 0 !important;
}

.mgnT05em {
    margin-top: .5em !important;
}

.mgnT1em {
    margin-top: 1em !important;
}

.mgnT2em {
    margin-top: 2em !important;
}

.mgnT3em {
    margin-top: 3em !important;
}

.mgnT4em {
    margin-top: 4em !important;
}

.mgnT5em {
    margin-top: 5em !important;
}

.mgnB0 {
    margin-bottom: 0 !important;
}

.mgnB05em {
    margin-bottom: .5em !important;
}

.mgnB1em {
    margin-bottom: 1em !important;
}

.mgnB15em {
    margin-bottom: 1.5em !important;
}

.mgnB2em {
    margin-bottom: 2em !important;
}

.mgnB3em {
    margin-bottom: 3em !important;
}

.mgnB5em {
    margin-bottom: 5em !important;
}

.mgnB6em {
    margin-bottom: 6em !important;
}

.mgnB7em {
    margin-bottom: 7em !important;
}

.mgnR0 {
    margin-right: 0 !important;
}

.mgnR05em {
    margin-right: .5em !important;
}

.mgnR1em {
    margin-right: 1em !important;
}

.mgnL0 {
    margin-left: 0 !important;
}

.mgnL05em {
    margin-left: .5em !important;
}

.mgnL1em {
    margin-left: 1em !important;
}

.pgnT1em {
    padding-top: 1em !important;
}

.pgnB1em {
    padding-bottom: 1em !important;
}

.pgn1em {
    padding: 1em !important;
}

.pgnB10px {
    padding-bottom: 10px !important;
}

.pgnB30px {
    padding-bottom: 30px !important;
}

.pgnB50px {
    padding-bottom: 50px !important;
}

.pgnB70px {
    padding-bottom: 70px !important;
}

.pgnB80px {
    padding-bottom: 80px !important;
}

.pgn10px {
    padding: 10px !important;
}

.mgnC {
    margin: 0 auto !important;
}

.mgnLauto {
    margin-left: auto !important;
}

.mgnRauto {
    margin-right: auto !important;
}

.pdgLR10per {
    padding: 0 5% !important;
}

.bdr_t {
    border-top: solid 1px #CCCCCC;
}

.bdr_b {
    border-bottom: solid 1px #CCCCCC;
}

.bdr {
    border: solid 1px #CCCCCC;
}

.bdr_org {
    border: solid 1px #FF6600;
}

.bdr_none {
    border: 0 !important;
}

.flx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.fxCe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fxWp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.fxWpCe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.fxSbCe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}


@media screen and (max-width: 600px) {
    .jnbn1 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
    }

    .jnbn2 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
    }

    .jnbn3 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;
    }

    .jnbn4 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 4;
        -webkit-order: 4;
        order: 4;
    }

    .jnbn5 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 5;
        -webkit-order: 5;
        order: 5;
    }
}


@media screen and (max-width: 700px) {
    .pc {
        display: none !important;
    }
}

@media screen and (min-width: 700px) {
    .sp {
        display: none !important;
    }
}



.container,
.information_area {
  background-color: #E0E0E0;
}