@charset "utf-8";
/* CSS Document */

@media only screen and (min-width: 769px) {
    /*ここにtablet用スタイルを記述*/

}

/* tablet  */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    /*ここにtablet用スタイルを記述*/
    body {
        margin-top: 95px;
    }
    body .news_btn {
        width: 50%;
    }
    body .news_detail_wrapper {
        padding: 0 15px;
    }
    body .kirari_top_ttl {
        margin-bottom: 15px;
    }
}

/* smartPhone */
@media screen and (max-width: 480px) {
    /*ここにスマホ用スタイルを記述*/
    body {
        margin-top: 95px;
    }
    body .news_btn {
        width: 90%;
    }
    body .news_all dl {
        flex-direction: column;
    }
    body .news_all dt {
        width: 100%;
    }
    body .news_all dd {
        margin-left: 0;
    }
    body .news_detail_wrapper {
        padding: 0 15px;
    }
    body .kirari_top_ttl {
        margin-bottom: 15px;
    }
    body .news_detail img {
        width: 100%;
    }
}

/* -------------------------------------------------------
ニュース共通
------------------------------------------------------- */
.kirari_news,
.kirari_news_detail {
    margin-top: 80px;
}
.contents_news {
    position: relative;
}
.bg_wrapper {
    background: url(../common/img/pattern.png);
}
.kirari_top_ttl {
    margin: 10px auto 0;
    padding: 20px;
    max-width: 1030px;
    width: 100%;
}
.kirari_top_ttl img {
    width: auto;
    margin: 0 auto;
}
.read {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: 0.1rem;
    margin-top: 2em;
}
section.kirari_news {
    background-color: #efefef;
}
.news_all {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
    background-color: #ffffff;
    padding: 5% 5% 1.2%;
}
.news_all dl {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: dotted 1px #CCCCCC;
    overflow: hidden;
}
.news_all dt {
    color: #999999;
}
.news_all dd {
    width: 100%;
    margin-left: 1em;
}
.news_all a {
    color: #1D308E;
}

.illust01,
.illust02,
.illust03 {
    width: auto;
}
.illust01 {
    position: absolute;
    top: 2%;
    left: 10%;
}
.illust02 {
    position: absolute;
    bottom: 3%;
    right: 22%;
}
.illust03 {
    position: absolute;
    top: -13%;
    right: 5%;
}
.news_btn {
    padding: 6px;
    background-color: #ffff7e;
    width: 36%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center;
}
.news_btn a {
    line-height: 1.4;
}
.news_detail_wrapper {
    max-width: 700px;
    margin: 0 auto;
    width: 100%;
}
.news_detail {
    border: solid 2px #cccccc;
    outline: 1px solid #cccccc;
    outline-offset: -6px;
    padding: 5%;
    overflow: hidden;
}
.news_ttl_wrapper {
    margin-bottom: 1em;
}
.news_ttl_wrapper h2 {
    text-align: center;
}
.news_ttl_wrapper span {
    vertical-align: middle;
    text-align: center;
    padding: 0.5%;
    background-color: #ffff7e;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    text-align: center;
    display: block;
    width: 7em;
    margin: 0 auto;
    margin-bottom: 5px;
}
.news_detail p {
    word-break: break-all;
}
.news_detail img {
    margin: 10px 0;
    border: 5px solid #ffffff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.2);
    outline: 1px solid #cccccc;
}
#o_boxL table {
    width: 100%;
    border-top: 1px solid #EEE;
    margin: 1em 0;
}
table {
    width: 100%;
    border-top: 1px solid #EEE;
    margin: 1em 0;
}
th {
    width: 30%;
    padding: 12px;
    background: #F5F5F5;
    border-bottom: 1px solid #EEE;
    vertical-align: middle;
}
td {
    padding: 12px;
    border-bottom: 1px solid #EEE;
}
.disc li {
    list-style: disc;
    list-style-position: inside;
}
.decimal li {
    list-style: decimal;
    list-style-position: inside;
}

/* 20210706追加 */
.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    margin: 70px auto 100px;
}
.wp-pagenavi li {
    margin: 0 5px;
    text-align: center;
}
.wp-pagenavi li .pages {
    display: none;
}