@charset "UTF-8";

/*サービス*/
body.access{}
body.access #guhins-map{
    width : 100%;
    height : 300px;
}

.accessTtl{
    text-align : center;
}
.accessTtl h2{
    position: relative;
    display: inline-block;
    width : auto;
    padding: 0 30px;
    font-size : 18px;
    margin-bottom : 1em;
}
.accessTtl h2 span{
    display : block;
    font-size : .6em;
    color : #5a5656;
}

.accessTtl h2:before, .accessTtl h2:after{
content: '';
position: absolute;
top: 25%;
display: inline-block;
width: 20px;
height: 1px;
border-top: solid 1px black;
}

.accessTtl h2:before {left:0;}
.accessTtl h2:after {right: 0;}

.accessBox{
    margin-top : 50px;
    text-align : left;
}
.accessRes{
    background : #000;
    color : #fff;
    padding : 10px;
    margin-top : 1.5em;
    text-align : center;
}

.accessRes span.att{
    font-size : 90%;
    display : block;
    text-align : left;
    margin-top : .5em;
    text-indent : -1em;
    padding-left : 1em;
}
.access table{
    width : 95%;
    box-sizing: border-box;
    border-collapse: collapse;
    margin : 30px auto 0 auto;
}
.access table th{
    text-align : center;
    padding :1em;
    border-bottom : 1px solid #b1b1b1;
}
.access table td{
    text-align : left;
    padding : .5em;
    border-bottom : 1px solid #b1b1b1;
}

.accessBox h3{
    font-size : 12px;
    background : #000;
    color : #fff;
    padding : .3em;

    display : inline-block;
    width : 50%;
    margin-left : 0;
    border-radius : 5px;
    position: relative;
    text-align : center;
}
.accessBox h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    width: 0;
    height: 0;
}
.accessBox span.swipeinfo{
    display : inline-block;
    margin-left : 10px;
    font-size : .8em;
}
.accessBox span.swipeinfo i{
    font-size : 14px;
}

@media(min-width:767px){
    body.access #guhins-map{
        width : 100%;
        height : 500px;
    }

    #mainhead.access{
        background : url("/images/access/head.jpg") no-repeat;
        background-size: cover;
        background-position : center bottom;
    }
    .accessTtl h2{
        padding: 0 55px;
        font-size : 24px;

    }

    .accessBox{
        margin-top : 100px;
    }
    .accessTtl h2:before, .accessTtl h2:after{
        width: 45px;
    }

    .accessRes{
        padding : 10px 15px;
        border-radius : 100px;
    }
    .accessRes span.att{
        text-align : center;
    }
    .access table{
        width : 80%;
        margin : 70px auto;
    }
}