@charset "UTF-8";

/*--------------------------------------------------------------------------------
　▼ お知らせ詳細
--------------------------------------------------------------------------------*/
.other_contents {
    border-bottom: none;
}
.news_box {
    background: #fff;
    border: 7px solid #4d3c34;
    padding: 20px 30px;
}
ul.category_box {
    padding: 0 0 30px;
    text-align: center;
}
ul.category_box li {
    width: auto;
    vertical-align: top;
    margin: 0 1% 1%;
}
.category_box li a {
    display: block;
    padding: 10px 15px;
    vertical-align: middle;
    margin: 0 auto;
    min-width: 0;
}
.category {
    color: #fff;
    display: inline-block;
    padding: 2px 9px;
    vertical-align: middle;
    margin: 0 20px;
    min-width: 144px;
    text-align: center;
    text-decoration: none;
}
.category_1 { background: #4d3c34;}
.category_2 {}
.category_81 {}
.category_99 {}
.category_toyonakahozumi { background: #7e6b5a;}
.category_babu { background: #a6937c;}
.category_ehonnomori { background: #ac6a00;}
.category_kids { background: #a84200;}
.category_home { background: #4d3c34;}
.category_moimoi { background: #7e6b5a;}
.category_ehoncafe { background: #7e6b5a;}
.h3_sub {
    font-size: 24px;
    margin: 0;
    font-weight: normal;
    border-bottom: 1px solid #bfbfbf;
}
.day { color: #999;}
.blog_img { padding: 20px 0 0; text-align: center;}
.blog_text { padding: 20px 0;}
ul.pagenation {
    padding: 30px 0 0;
    margin: 0;
    font-size: 0;
    text-align: center;
}
ul.pagenation li {
    display: inline-block;
    width: auto;
    padding: 0 10px;
    font-size: 14px;
    vertical-align: middle;
    text-align: center;
}
ul.pagenation li a img { vertical-align: middle; padding: 0 10px;}
ul.pagenation li a {
    display: block;
    width: 100%;
    text-decoration: none;
}


/*---------------------------------タブレット用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

    ul.category_box li {
        width: auto;
        margin: 0 10px 10px;
    }

}

/*---------------------------------スマホ用----------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:767px) {

    ul.category_box li {
        display: block;
        width: 100%;
        margin: 0 0 10px;
    }
    ul.category_box li:nth-child(3n - 1) { margin: 0 0 10px;}
    ul.category_box li a {
        min-width: 0;
        padding: 5px 10px;
    }
}


/*---------------------------------スマホ用-------------------------------------*/
/*-----------------------------------------------------------------------------*/
@media screen and (max-width:640px) {

    ul.pagenation li {
        font-size: 12px;
        width: 50%;
        padding: 0;
    }

}