@charset "UTF-8";


/* ===========================================================================

    PC 

=========================================================================== */
body {
    overflow-x: hidden;
}

.pddNone {
    padding-bottom: 0;
}

/* ===================================================
    Grobal Navigation
=================================================== */
#gnavi li#g_access a {
    background-position: -812px -70px;
}


/* ===================================================
    Main Image
=================================================== */


/* ===================================================
    Traffic Information
=================================================== */

/* -------------------------
  Layout
------------------------- */
#trafficInformation .row {
    width: 900px;
    margin: 0 auto;
}

#trafficInformation section {
    width: 250px;
    margin-right: 75px;
    float: left;
}

#trafficInformation section.mgNone {
    margin-right: 0;
}

/* Icon */
#trafficInformation section img {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto 20px;
}

/* Title */
#trafficInformation section h3 {
    font-size: 1.4em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    text-align: center;
    display: block;
    margin-bottom: 25px;
}

/* List */
#trafficInformation li {
    padding-bottom: 15px;
}

/* Small */
#trafficInformation small {
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
}




/* ===================================================
    Parking
=================================================== */
/* -------------------------
  Parking Detail Box
------------------------- */
#parking .float_l,
#parking .float_r {
    width: 520px;
}

/* Dl */
dl.line_gray {
    padding: 5px 20px 15px;
}

dl.line_gray dt,
dl.line_gray dd {
    padding: 10px 0;
}

dl.line_gray dt {
    width: 180px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    float: left;
    border: none;
}

dl.line_gray dd {
    width: 480px;
    padding-left: 180px;
    margin: 0;
    float: none;
}

dl.line_gray dd span {
    width: 8em;
    display: inline-block;
}

/* Float - Right */
#parking .float_r .frame_gray {
    padding: 10px 20px;
}


/* Title */
.parkingDetailBox h3 {
    font-size: 1.2em;
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
    margin-bottom: 10px;
}

/* Small */
#parking small {
    font-size: 0.8em;
    line-height: 1.4em;
    display: block;
    margin-top: 10px;
}



/* ===================================================
    Google Map
=================================================== */

#googleMapBox {
    letter-spacing: -2em;
    height: 500px;
}

/* -------------------------
  Map Illust
------------------------- */
#mapIllust {
    width: 30%;
    background: #fff;
    display: inline-block;
    letter-spacing: 0em;
    vertical-align: top;
}

#mapIllust img {
    display: block;
    padding-top: 100px;
    margin: 0 auto;
}

/* -------------------------
  Google Map
------------------------- */
#googleMap {
    width: 70%;
    display: inline-block;
    letter-spacing: 0em;
}






/* ===========================================================================

    TABLET - LARGE
		
=========================================================================== */
@media screen and (min-width: 992px) and (max-width: 1199px) {}




/* ===========================================================================

	TABLET
		
=========================================================================== */
@media screen and (min-width: 768px) and (max-width: 991px) {}




/* ===========================================================================

	SMART PHONE

=========================================================================== */
@media screen and (max-width: 767px) {


    #parking {
        padding: 120px 0 90px;
        margin-top: -50px;
    }


    /* ===================================================
    Title
=================================================== */
    #tit_subPage {
        padding-bottom: 0;
    }

    /* ===================================================
    Main Image
=================================================== */
    .img_responsive img {
        width: 100%;
        height: auto;
    }


    /* ===================================================
    Traffic Information
=================================================== */

    /* -------------------------
  Layout
------------------------- */
    #trafficInformation .row {
        width: 88%;
    }

    #trafficInformation section {
        width: 100%;
        margin-right: 0;
        padding-bottom: 30px;
        float: none;
    }

    /* Icon */
    #trafficInformation section img {
        width: 80px;
        height: 80px;
        display: block;
        margin: 0 auto 10px;
    }

    /* Title */
    #trafficInformation section h3 {
        font-size: 1.2em;
        margin-bottom: 15px;
    }

    /* List */
    #trafficInformation li {
        padding-bottom: 8px;
    }


    /* ===================================================
    Parking
=================================================== */
    /* -------------------------
  Parking Detail Box
------------------------- */
    #parking .float_l,
    #parking .float_r {
        width: 100%;
        float: none;
    }

    /* Dl */
    dl.line_gray {
        padding: 20px 4% 10px;
    }

    dl.line_gray dt,
    dl.line_gray dd {
        padding: 0;
    }

    dl.line_gray dt {
        width: 100%;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: bold;
        float: none;
        position: relative;
        padding-left: 1em;
        padding-bottom: 10px;
        border: none;
    }

    dl.line_gray dd {
        width: 100%;
        padding: 0 0 20px 0;
        margin-bottom: 20px;
    }

    dl.line_gray dd span {
        width: 8em;
        display: inline-block;
    }


    /* Float - Right */
    #parking .float_r h3 {
        margin-top: 40px;
    }

    #parking .float_r .frame_gray {
        padding: 10px 4%;
    }


    /* Title */
    .parkingDetailBox h3 {
        font-size: 1.2em;
        font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, self, "Sawarabi Mincho";
        margin-bottom: 10px;
    }

    /* Small */
    #parking small {
        font-size: 0.8em;
        line-height: 1.4em;
        display: block;
        margin-top: 10px;
    }


    /* ===================================================
    Google Map
=================================================== */

    #googleMapBox {
        letter-spacing: 0;
        height: auto;
    }

    /* -------------------------
  Map Illust
------------------------- */
    #mapIllust {
        width: 100%;
        background: #fff;
        display: block;
        vertical-align: top;
    }

    #mapIllust img {
        width: 100%;
        height: auto;
        display: block;
        padding-top: 0;
        margin: 0 auto;
    }

    /* -------------------------
  Google Map
------------------------- */
    #googleMap {
        width: 100%;
        display: block;
    }

    #googleMap iframe {
        width: 100%;
        height: 400px;
    }


}