/* CSS Document */
@media screen and (max-width: 799px) {
    /* ------------------------------------------------------------
        card 関連
    ------------------------------------------------------------ */
    article.card img.alignleft, article.card img.alignnone, article.card img.alignright, article.card img.aligncenter {
        display: block;
        /**/
        margin: 1em auto;
        /**/
        max-width: 100%;
        height: auto;
        /**/
        border: 1px solid #aaa;
    }
    /* 疑似Table関連 */
    article.card section.table-row2 {
        padding: 0.5em 2em;
    }
    article.card section.table-row2 > ul {
        padding: 0!important;
        /**/
        list-style: none!important;
    }
    article.card section.table-row2 > ul > li:first-child {
        margin: 1px 0;
        padding: 0.5em;
        /**/
        background-color: #ddd;
    }
    article.card section.table-row2 > ul > li:last-child {
        margin: 1px 0;
        padding: 0.5em 0.5em 1em 0.5em;
    }
    /* ------------------------------------------------------------
        HEADER 関連
    ------------------------------------------------------------ */
    div#header-tel {
        display: none;
    }
    /* ------------------------------------------------------------
        nav 関連
    ------------------------------------------------------------ */
    nav#page-nav > a {
        display: block;
        /**/
        height: 50px;
        /**/
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        /**/
        border-bottom: 1px solid #666;
    }
    div#menu-open {
        padding: 0.2em 0;
        color: #fff;
        background-color: #e06a3b;
        /**/
        text-align: center;
        /**/
        border-bottom: 1px solid #666;
        /**/
        cursor: pointer;
    }
    nav#page-nav > ul {
        /*display: flex;*/
    }
    nav#page-nav > ul > li > a {
        display: block;
        /**/
        padding: 0.6em 0em;
        /**/
        color: #666;
        background-color: #fff;
        /**/
        text-align: center;
        /**/
        border-bottom: 1px solid #666;
        /**/
        transition: all 0.2s;
    }
    nav#page-nav > ul > li > a:hover,
    nav#page-nav > ul > li > a:focus {
        color: #fff;
        background-color: #e06a3b;
    }
    ul#pc-menu {
        display: none!important;
    }
    ul#mobile-menu {
        display: none;
    }
    /* ------------------------------------------------------------
        #base 関連
    ------------------------------------------------------------ */
    section#base {
        margin:  30px 0;
    }
    /* ------------------------------------------------------------
        #top-catchphrase 関連
    ------------------------------------------------------------ */
    #top-catchphrase {
        
    }
    #top-catchphrase > div {
        text-align: center;
        margin: 0 0 40px 0;
    }
    #top-catchphrase > div > h1 {
        font-weight: normal;
        font-size: 1.3em;
        text-shadow: 0 0  5px #999;
    }
    #top-catchphrase > div > p {
        font-weight: normal;
        font-size: 0.8em;
        text-shadow: 0 0  5px #999;
    }
    /* ------------------------------------------------------------
        #top-banner 関連
    ------------------------------------------------------------ */
    #top-banner > ul {
        display: flex;
        flex-direction: column;
        /**/
        height: 600px;
    }
    #top-banner > ul > li {
        height: 200px;
        transition: all 0.2s;
    }
    #top-banner > ul > li > a {
        display: block;
        /**/
        height: 100%;
        /**/
        text-align: center;
        /**/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    /* ------------------------------------------------------------
        #top-news 関連
    ------------------------------------------------------------ */
    #top-news {
    }
    .news-list {
        margin: 20px 0;
    }
    .news-list > h1 {
        padding: 0.5em 0;
        /**/
        text-align: center;
        font-size: 1.2em;
        /**/
        border-bottom: 1px solid #999;
    }
    .news-list > article {
        margin: 0.5em;
        padding: 0.5em 0;
        /**/
        border-bottom: 1px dashed #999;
    }
    .news-list > article > div.date {
        text-align: center;
        font-size: 0.8em;
    }
    .news-list > article > h1 {
        font-size: 1.1em;
        font-weight: normal;
    }
    .news-list > article > h1 > a {
        color: #e06a3b;
    }
    .news-list > article > h1 > a:hover,
    .news-list > article > h1 > a:focus {
        text-decoration: underline;
    }
    .news-list > article > p {
        padding: 0.5em 1em;
        /**/
        font-size: 0.9em;
        font-weight: 200;
    }
    .news-list > div.news-readmore > a {
        display: block;
        /**/
        padding: 0.2em 1em 0.6em 1em;
        /**/
        color: #e06a3b;
        /**/
        text-align: right;
        font-size: 0.9em;
        font-weight: 300;
    }
    .news-list > div.news-readmore > a:hover,
    .news-list > div.news-readmore > a:focus {
        text-decoration: underline;
    }
    /* ------------------------------------------------------------
        #pickup 関連
    ------------------------------------------------------------ */
    #pickup article > a {
        display: block;
        /**/
        margin: 0 auto;
        /**/
        height: 100px;
        width: 100px;
        /**/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        /**/
        border-radius: 100px;
    }
    #pickup article > h1 > a {
        color: #e06a3b;
        font-size: 0.7em;
    }
    /* ------------------------------------------------------------
        footer 関連
    ------------------------------------------------------------ */
    #page-footer > ul.menu {
        margin: 1em 0;
    }
    #page-footer > ul.menu > li {
    }
    #page-footer > ul.menu > li > a {
        display: block;
        /**/
        padding: 0.5em 0;
        /**/
        color: #666;
        background-color: #fff;
        /**/
        font-size: 0.8em;
        text-align: center;
        /**/
        transition: all 0.2s;
    }
    #page-footer > ul.menu > li > a:hover,
    #page-footer > ul.menu > li > a:focus {
        color: #fff;
        background-color: #e06a3b;
    }
    #page-footer > ul.privacy {
        display: flex;
        justify-content: space-around;
		flex-direction: column;
        /**/
        margin: 1px 0;
        /**/
        background-color: #e06a3b;
    }
    #page-footer > ul.privacy > li {
        flex: 1;
        /**/
        margin: 0.5em;
    }
    #page-footer > ul.privacy > li > a {
        display: block;
        /**/
        color: #fff;
        /**/
        font-size: 0.8em;
        text-align: center;
        /**/
    }
    #page-footer > ul.privacy > li > a:hover,
    #page-footer > ul.privacy > li > a:focus {
        color: #fff;
    }
}