@charset "utf-8";

/*********************************************************************
 *
 *  For ACCESS
 *
*********************************************************************/

/* contents */
/* ---------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
    #contents {
        background: #e9516a;
        background: -webkit-linear-gradient(left, #ffceae 0%, #ff918a 50%, #ffa492 100%);
        background: linear-gradient(to right, #ffceae 0%, #ff918a 50%, #ffa492 100%);
    }
}

@media screen and (max-width: 767px) {
    #contents {
        background: #e9516a;
        background: -webkit-linear-gradient(left, #ffceae 0%, #ff918a 50%, #ffa492 100%);
        background: linear-gradient(to right, #ffceae 0%, #ff918a 50%, #ffa492 100%);
    }
}

/* access_wrap */
/* ---------------------------------------------------- */
@media print,
screen and (min-width: 768px) {
    .access_wrap .section_inner {
        width: 916px;
    }

    .access_wrap .map {
        margin-bottom: 60px;
    }

    .access_wrap .info {
        padding: 50px 90px;
        margin-bottom: 50px;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .access_wrap .info .map3 {
        margin-bottom: 30px;
    }

    .access_wrap .info h3 {
        margin-bottom: 10px;
        color: #eb6418;
        font-size: 2.2rem;
        padding-left: 35px;
        font-weight: bold;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 30px auto;
    }

    .access_wrap .info h3.ttl_1 {
        background-image: url(../img/ico_1.svg);
    }

    .access_wrap .info h3.ttl_2 {
        background-image: url(../img/ico_2.svg);
    }

    .access_wrap .info h3.ttl_3 {
        background-image: url(../img/ico_3.svg);
    }

    .access_wrap .info .desc {
        margin-bottom: 25px;
        font-size: 1.5rem;
    }

    .access_wrap .info .note {
        font-size: 1.3rem;
    }

    .access_wrap .info .playguide {
        margin-bottom: 25px;
        color: #e71f19;
        font-size: 1.6rem;
        font-weight: bold;
    }

    .access_wrap .info .playguide a {
        color: #e71f19;
    }

    .access_wrap .info hr {
        margin: 30px 0;
        height: 1px;
        background-color: #000;
        border-width: 0;
    }

    .access_wrap .info .btn {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .access_wrap .map {
        margin-bottom: 20px;
    }

    .access_wrap .info .map3 {
        margin-bottom: 30px;
    }

    .access_wrap .info {
        margin-bottom: 30px;
        padding: 20px 4%;
        background-color: rgba(255, 255, 255, 0.9);
    }

    .access_wrap .info h3 {
        margin-bottom: 10px;
        color: #eb6418;
        font-size: 1.5rem;
        padding-left: 20px;
        font-weight: bold;
        line-height: 20px;
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 20px auto;
    }

    .access_wrap .info h3.ttl_1 {
        background-image: url(../img/ico_1.svg);
    }

    .access_wrap .info h3.ttl_2 {
        background-image: url(../img/ico_2.svg);
    }

    .access_wrap .info h3.ttl_3 {
        background-image: url(../img/ico_3.svg);
    }

    .access_wrap .info .desc {
        margin-bottom: 20px;
        font-size: 1.2rem;
    }

    .access_wrap .info .note {
        font-size: 1.1rem;
    }

    .access_wrap .info .playguide {
        margin-bottom: 25px;
        color: #e71f19;
        font-size: 1.4rem;
        font-weight: bold;
    }

    .access_wrap .info .playguide a {
        color: #e71f19;
    }

    .access_wrap .info hr {
        margin: 20px 0;
        height: 1px;
        background-color: #000;
        border-width: 0;
    }

    .access_wrap .info .btn {
        display: block;
    }
}