@charset "utf-8";

.maincat_v {
    height: 500px;
    background-image: url("../access/img/main_sp.jpg");
    background-size: cover;
    background-position: center center;
    margin-bottom: 60px;
}

.maincat_v h1 img {
    height: 230px;
    width: auto;
    margin: 170px auto 0 auto;
}

.mymap {
    overflow: hidden;
}

.mymap iframe {
    border: none;
}

h2 {
    font-size: 1.4rem;
    margin-left: auto;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 20px;
    margin: 0 auto 50px auto;
}

h3 {
    font-size: 1.4rem;
    margin-top: 25px;
}

.mainmap p {
    margin: 15px auto 75px auto;
}

.btn-primary {
    position: relative;
    display: inline-block;
    padding: .9em 4em;
    background-color: #fff;
    border: 1px solid #644848;
    color: #644848;
    text-align: center;
    text-decoration: none;
}

.btn-primary:hover {
    background-color: #644848;
    border: 1px solid #644848;
}

.btn-primary::after {
    position: absolute;
    top: 50%;
    right: .8em;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #644848;
    opacity: 0;
    animation: arrow 1.2s infinite;
}

.traffic a{
    margin: 0 0 80px;
}

.traffic ul{
    margin-top: 10px;
}

.traffic li{
    margin-bottom: 10px;
    font-size: 0.8rem;
}

@media (min-width: 576px) {
    .maincat_v {
        height: 500px;
        background-image: url("../access/img/main.jpg");
        background-size: cover;
        background-position: center center;
        margin-bottom: 100px;
    }

    .maincat_v h1 img {
        height: 250px;
        margin: 125px auto 0 auto;
    }

    h2 {
        font-size: 1.6rem;
        margin-left: auto;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: none;
        border-bottom: none;
        padding: 20px;
        margin: 0 auto 50px auto;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    
    .mainmap iframe {
        height: 700px;
    }

    .mainmap,
    .traffic {
        margin-bottom: 100px;
    }
    
    .mainmap p {
        margin: 15px auto;
    }

    .traffic p {
        margin: 15px auto;
        font-size: 0.8rem;
    }

    .traffic a{
        margin: 0;
    }

    #access .container-fluid {
        max-width: 1600px;
    }

    .sns01,.sns02{
        display: none;
    }

}