@charset "UTF-8";

/*

	レスポンシブ設定

	最終更新： 2015-04-10

*/

/*-------------------------------*/
/*            for all            */
/*-------------------------------*/

.entry-body img,
.entry-body object {
    max-width: 100%;

    height: auto;

    border-style: none;
}

/*mainのtable-cellの設定*/

#main {
    display: table;

    table-layout: fixed;

    width: 994px;
}

#honbun {
    display: table-cell;

    /* width: 779px; */

    margin: 0;

    padding: 0 10px 0 25px;
}

#sidebar {
    display: table-cell;

    width: 180px;
}

#gnav ul {
    display: table;
}

#gnav ul li a {
    display: table-cell;

    vertical-align: middle;

    width: 180px;

    border-bottom: solid 2px #fff;
}

div.resTable ul li {
    width: 20%;
}

/*--------------------------------------------------youtubeレスポンシブ*/

.youtube iframe {
    width: 100%;
}

/*-------------------------------*/
/*           for 769-1043px      */
/*-------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1043px) {
    /*左右に10pxの余白を設定*/

    .entry-body article {
        margin: 0 10px;
    }

    /*mainのtable-cellの設定*/

    #main {
        width: 100%;
    }

    #honbun {
        width: 100%;
    }

    #sidebar {
        width: 180px;
    }
}

/*-------------------------------*/
/*           for 720-768px       */
/*-------------------------------*/

@media screen and (min-width: 720px) and (max-width: 768px) {
    /*左右に10pxの余白を設定*/

    .entry-body article {
        margin: 0 10px;
    }

    /*mainのtable-cellの横並びを解除し、縦一列に並べる*/

    #main {
        display: block;

        width: auto;

        margin: 0 5px;
    }

    #sidebar {
        display: block;

        width: auto;

        margin: 0;
    }

    #honbun {
        display: block;

        width: auto;

        padding: 20px 10px;
    }

    #gnav ul {
        display: block;

        margin: 0;

        padding: 0;

        width: auto;
    }

    #gnav ul li {
        display: block;

        margin: 0;

        padding: 0;

        width: 16.66666666%;

        float: left;

        border-bottom: solid 2px #fff;

        border-left: 0;
    }

    #links ul li a {
        display: block;

        margin: 10px;

        width: 180px;

        height: auto;

        float: left;
    }

    div.resTable ul li {
        width: 25%;
    }

    #acMenu dt {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px
        3px no-repeat;
    }

    #acMenu dt.active {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px -45px
        no-repeat;
    }

    #acMenu dd {
        display: none;
    }
}

/*-------------------------------*/
/*           for 481-719px       */
/*-------------------------------*/

@media screen and (min-width: 481px) and (max-width: 719px) {
    /*左右に10pxの余白を設定*/

    .entry-body article {
        margin: 0 10px;
    }

    /*mainのtable-cellの横並びを解除し、縦一列に並べる*/

    #main {
        display: block;

        width: auto;

        margin: 0 5px;
    }

    #sidebar {
        display: block;

        width: auto;

        margin: 0;
    }

    #honbun {
        display: block;

        width: auto;

        padding: 20px 10px;
    }

    #gnav ul {
        display: block;

        margin: 0;

        padding: 0;

        width: auto;
    }

    #gnav ul li {
        display: block;

        margin: 0;

        padding: 0;

        width: 25%;

        float: left;

        border-bottom: solid 2px #fff;

        border-left: 0;
    }

    #links ul li a {
        display: block;

        margin: 10px;

        width: 180px;

        height: auto;

        float: left;
    }

    div.resTable ul li {
        width: 25%;
    }

    #acMenu dt {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px
        3px no-repeat;
    }

    #acMenu dt.active {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px -45px
        no-repeat;
    }

    #acMenu dd {
        display: none;
    }
}

/*-------------------------------*/
/*           for 361-480px       */
/*-------------------------------*/

@media screen and (min-width: 361px) and (max-width: 480px) {
    /*左右に10pxの余白を設定*/

    .entry-body article {
        margin: 0 10px;
    }

    /*mainのtable-cellの横並びを解除し、縦一列に並べる*/

    #main {
        display: block;

        width: auto;

        margin: 0 5px;
    }

    #sidebar {
        display: block;

        width: auto;

        margin: 0;
    }

    #honbun {
        display: block;

        width: auto;

        padding: 20px 10px;
    }

    #gnav ul {
        display: block;

        margin: 0;

        padding: 0;

        width: auto;
    }

    #gnav ul li {
        display: block;

        margin: 0;

        padding: 0;

        width: 33.33333333%;

        float: left;

        border-bottom: solid 2px #fff;

        border-left: 0;
    }

    #links ul li a {
        display: block;

        margin: 10px;

        width: 40%;

        height: auto;

        float: left;
    }

    div.resTable ul li {
        width: 33.33333333%;
    }

    #acMenu dt {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px
        3px no-repeat;
    }

    #acMenu dt.active {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px -45px
        no-repeat;
    }

    #acMenu dd {
        display: none;
    }
}

/*-------------------------------*/
/*           for    -360px       */
/*-------------------------------*/

@media screen and (max-width: 360px) {
    /*左右に10pxの余白を設定*/

    .entry-body article {
        margin: 0 10px;
    }

    /*mainのtable-cellの横並びを解除し、縦一列に並べる*/

    #main {
        display: block;

        width: auto;

        margin: 0 5px;
    }

    #sidebar {
        display: block;

        width: auto;

        margin: 0;
    }

    #honbun {
        display: block;

        width: auto;

        padding: 20px 10px;
    }

    #gnav ul {
        display: block;
    }

    #gnav ul li {
        display: block;

        margin: 0;

        padding: 0;

        width: 50%;

        height: auto;

        float: left;

        border-bottom: solid 2px #fff;

        border-left: 0;
    }

    #links ul li a {
        display: block;

        margin-top: 15px;

        margin-left: 10px;

        width: 45%;

        float: left;
    }

    div.resTable ul li {
        width: 50%;
    }

    #acMenu dt {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px
        3px no-repeat;
    }

    #acMenu dt.active {
        background: #ffd970
        url(../images/navi/i_swich.png) 5px -45px
        no-repeat;
    }

    #acMenu dd {
        display: none;
    }
}

/*EOF*/