@charset "utf-8";


/* ==================================================================
	access.css
	
=================================================================== */

/* --------------------------------
   □ accent
-------------------------------- */ 
.contents main .accent .mv {
    background: url(../../images/access/mv_bg.jpg) center / cover;
}

.contents main#lower .accent .title:before {   
    background: url(../../images/access/icon.svg) no-repeat;
}

/* --------------------------------
   □ 共通 
-------------------------------- */ 
.contents main > section {
    padding: 90px 0;
    margin-bottom: 0;
}

/* --------------------------------
   □  place
--------------------------------*/
#place {
    padding-top: 0;
    text-align: left;
}
#place .map {
    margin-bottom: 80px;
}
    #place .map iframe {
        border-radius: 8px;
        overflow: hidden;
    }

#place .txtArea {
    width: 61.88%;
}
#place .address {
    margin-bottom: 50px;
}
#place .access h5 {
    position: relative;
    margin-bottom: 20px;
}
    #place .access h5:before {
        content: "";
        display: inline-block;
        width: 42px;
        height: 20px;
        margin-right: 10px;
        margin-bottom: -2px;
        background: url(../../images/access/icon_car.svg) no-repeat left center;
        background-size: contain;
    }
    #place .access h5.train:before {
        width: 23px;
        height: 30px;
        margin-bottom: -8px;
        background: url(../../images/access/icon_train.svg) no-repeat left center;
        background-size: contain;
    }
#place .access .text {
    margin-bottom: 40px;
}
#place .access ul.listdot > li {
    font-size: 100%;
}
    #place .access ul.listdot > li:before {
        top: 0.9em;
    }
    #place .access ul.listdot > li:first-child ul {
        margin-bottom: 20px;
    }
#place figure {
    width: 34.28%;
    border-radius: 8px;
    overflow: hidden;
}

/* --------------------------------
   □  hours
--------------------------------*/
#hours {
    padding-bottom: 70px;
    margin-bottom: 70px;
}
#hours .schedule table tbody td:first-child {
    font-size: 87.5%;
}
#hours .schedule ul.asterisk{
    margin: 30px 0;
}
    #hours .schedule ul.asterisk li{
        font-size: 75%;
    }
        #hours .schedule ul.listdot > li:before {
            top: 0.8em;
        }


@media only screen and
(max-width : 767px) {

    .contents main > section {
        padding: 70px 0;
    }

    /* --------------------------------
       □  place
    -------------------------------- */
    #place .map {
        margin-bottom: 30px;
    }
    #place .address {
        margin-bottom: 30px;
    }
    #place .access h5 {
        text-align: left;
    }
    #place .access .text {
        margin-bottom: 30px;
    }
    #place .access ul.listdot > li ul {
        margin-top: 5px;
    }
        #place .access ul.listdot > li:before {
            top: 0.6em;
        }
    
    /* --------------------------------
    □  hours
    --------------------------------*/
    #hours {
        margin-bottom: 0;
    }
    #hours .schedule table tbody td {
        min-width: 30px;
        text-align: center;
    }
        #hours .schedule table tbody td:first-child {
            font-size: 81.25%;
        }
    #hours .schedule ul.asterisk {
        margin: 20px 0;
    }
        #hours .schedule ul.asterisk li{
            font-size: 81.25%;
        }
    #hours .schedule ul.listdot {
        margin-bottom: 0;
    }
        #hours .schedule ul.listdot li {
            font-size: 87.5%;
        }
            #hours .schedule ul.listdot > li:before {
                top: 0.7em;
            }

}