@charset "UTF-8";

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

    /* ===============================================
	layout
=============================================== */
    html {
        font-size: 62.5%;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        font-size-adjust: 100%;
    }
    body {
        font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
        font-size: 1.6rem;
        line-height: 1.7;
        color: #333;
        background-color: #e4f4fb;
    }

    #wrap {
        position: relative;
    }

    header {
        display: none;
    }

    #sp-header {
        padding: 10px;
    }

    #container {
        width: 100%;
        margin: 0 auto;
    }

    #side {
        display: none;
    }

    #content {
        width: 100%;
        margin: 0 auto;
    }

    footer {
        width: 100%;
        text-align: center;
        padding: 20px 0;
    }

    /* ===============================================
	header
=============================================== */
    #sp-header h1 img {
        width: 100%;
    }

    /* ===============================================
	side > nav
=============================================== */
    #sp-nav {
        border-top: 1px solid #214826;
    }

    #sp-nav li {
        border-bottom: 1px solid #214826;
        background-color: #fff;
        text-align: center;
        line-height: 1;
    }

    #sp-nav a {
        display: block;
    }

    #sp-nav a img {
        width: 60%;
    }

    /* ===============================================
	top page
=============================================== */
    #top-content {
        display: none;
    }

    #top-nav {
        display: none;
    }

    .count-box {
        display: none;
    }


    /* ===============================================
	content
=============================================== */
    .path {
        font-size: 1.4rem;
        margin: 0 15px 15px 15px;
    }

    h2 {
        margin: 0 15px 10px 15px;
    }
    /* add200407 */
    h2 img {
        max-width: 322px;
        width: 100%;
    }

    h3 {
        color: #214826;
        border-bottom: 2px solid #214826;
        padding: 5px 3px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .page-box {
        background-color: #fff;
        padding: 20px;
    }

    .page-txt {
        padding-left: 3px;
        margin-bottom: 25px;
    }

    .page-txt a {
        display: inline-block;
    }

    /* add200407 */
    .page-txt table.guide {
        border: 1px solid #ccc;
        border-collapse: collapse;
        margin: 10px 0;
        width: auto;
    }

    .page-txt table.guide th,
    .page-txt table.guide td {
        border: 1px solid #ccc;
        padding: 10px;
    }

    .page-txt table.guide th {
        background-color: #e7eef5;
    }

    .open-time th {
        padding-right: 20px;
        font-weight: normal;
        vertical-align: top;
    }

    /* common :font & margin & padding
-------------------------------------------------- */
    a {
        color: #0000cc;
    }

    a:hover {
        color: #666;
    }


    /* ===============================================
	Footer
=============================================== */
    .page-top {
        position: fixed;
        right: 15px;
        bottom: 15px;
        opacity: 0.8;
    }

    .page-top a {
        position: relative;
        display: block;
        background: #214826 url(../img/common/bg_pagetop.png) no-repeat center 7px;
        text-align: center;
        color: #fff;
        font-size: 1.0rem;
        font-weight: bold;
        line-height: 12px;
        text-decoration: none;
        width: 55px;
        height: 55px;
        padding-top: 24px;
        border-radius: 5px;
    }

    /*画面幅が768pxまでの時*/
}