/*ニュース*/

.news {
    background: rgba(255, 255, 255, 0.5);
}

.news h1 {
    font-size: 150%;
    font-weight: bold;
    line-height: 130%;
    margin: 2% 0;
    margin-bottom: 4%;
    font-weight: 800;
}

.news article h2 {
    width: 100%;
    margin-bottom: 3%;
    text-align: left;
    font-size: 120%;
    font-weight: 800;
    background: rgba(199, 163, 233, 0.7);
    color: #fff;
    padding: 2%;
}



.newsAll .newsWrap {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.newsAll article {
    width: 30%;
    margin-bottom: 4%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}




.newsAll h3:hover a {
    text-decoration: underline;
}

article .datetime {
    margin-bottom: 1%;
}

article .datetime p {
    font-size: 120%;
}

/*修正箇所↓*/
figure {
    margin-top: 3% !important;
}

figure img {
    width: 100%;
    margin-bottom: 1%;
    height: auto;
}

.newsAll .thum_box {
    width: 100%;
    aspect-ratio: 13 / 7;
    overflow: hidden;
}

.newsAll .thum_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /*サムネイル表示位置調節*/
    object-position: 100% 10%;

}





/*修正箇所↑*/

/*カテゴリーボタン*/
.categoryBtn {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 4%;
}

.categoryBtn li {
    width: 20%;
    list-style: none;
    font-size: 120%;
    margin-left: 2.5%;
    margin-right: 2.5%;
}

.categoryBtn li .current {
    border: 1px solid #ff79ae;
    color: #ff79ae;
}

.datetime {
    display: flex;
}

.datetime .categoryFlag {
    position: relative;
    z-index: 1;
    text-align: center;
    margin-left: 5%;
    display: inline-block;
    color: #fff;
    padding: 0 1%;
    font-size: 90%;

}

.datetime .categoryFlag a {
    color: #fff;
    font-weight: 400;
}

.datetime .categoryFlag::before {
    transform: skewX(-25deg);
    content: "";
    /*ボックスを作る*/
    position: absolute;
    /*ポジションで中央に配置*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    /* 親要素の後ろに来るように-1 */
    background: rgba(199, 163, 233, 0.7);
    line-height: 90%;


}

/* PC pager*/

.pager ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 4%;
}

.pager ul li {
    width: 7%;
    list-style: none;
    font-size: 120%;
}




/*.pager ul li:last-child {
    width: 13%;
}

.pager ul li:last-child a {
    padding: 9% 10%;
}*/
.pagination {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 4%;
}

.nav-links {
    display: flex;
    justify-content: center;
}

/* .page-numbers {
    padding: 0.5rem 1rem;
    margin: 0 1%;
    border-bottom: 1px solid #333;
}*/

.prev,
.next {
    border-bottom: none;
}

.nav-links .current {
    border: 1px solid #ff79ae;
    color: #ff79ae;

}


.page-numbers {
    display: inline-block;
    font-size: 1.6rem !important;
}


.page-numbers {
    position: relative;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    transition: .1s;
    border-bottom: 1px solid #333;
    padding: 0.5rem 1rem;
    margin: 0 1%;
}

.page-numbers::before {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0;
    height: 0;
    border: 1px solid transparent;
}

.page-numbers::after {
    content: '';
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 0;
    height: 0;
    border: 1px solid transparent;
}

.page-numbers:hover {
    color: #ff79ae;
}

.page-numbers:hover::before {
    width: 100%;
    height: 100%;
    border-top-color: #ff79ae;
    border-right-color: #ff79ae;
    transition: width .1s ease-out, height .1s ease-out .1s;
}

.page-numbers:hover::after {
    width: 100%;
    height: 100%;
    border-bottom-color: #ff79ae;
    border-left-color: #ff79ae;
    transition: border-color 0s ease-out .1s, width .1s ease-out .1s, height .2s ease-out .3s;
}

.pager .pager_margin {
    width: 100%;
    margin: 0 auto;

}

.pager .pager_margin li {
    max-width: 300px;
    width: 100%;
    margin: 0 3%;
}

.pager .pager_margin li a {
    border: 1px solid #333;
}

/*次へ前へボタン*/
.pager .pager_set li {
    max-width: 300px;
    width: 27%;
    margin: 0 3%;
}

/*ニュース詳細ページ*/
.news01 .newsWrap {
    width: 80%;
    margin-bottom: 7%;
}

.news01 .newsWrap article {
    width: 90%;
    margin: 0 auto;
}

.news01 .newsWrap article h3 {
    font-size: 120%;
    border-left: 5px solid rgba(199, 163, 233, 0.7);
    padding-left: 1%;
}

.news01 .datetime .categoryFlag {
    margin-left: 2%;
}

.news01 .inner h3 {
    font-size: 110%;
    margin-bottom: 2%;
}

.wp-block-image img {
    height: auto;
    max-width: 100%;
    vertical-align: bottom;
    max-height: 800px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.newsWrap a {
    word-break: break-all;
}

/*リスト・テーブル見た目調節*/
.news01 .newsWrap article ul {
    margin-bottom: 3%;
    margin-top: 3%;
}

.news01 .newsWrap article ul li {
    width: 93%;
    margin: 0 auto;
    padding: 0;
    /* デフォルト指定上書き */

}

.news01 .newsWrap article ul li:before {
    content: "";
    /* 空の要素作成 */
    width: 5px;
    /* 幅指定 */
    height: 5px;
    /* 高さ指定 */
    display: inline-block;
    /* インラインブロックにする */
    background-color: rgba(199, 163, 233, 0.7);
    /* 背景色指定 */
    border-radius: 100px;
    /* 要素を丸くする */
    position: relative;
    /* 位置調整 */
    top: -3px;
    /* 位置調整 */
}

.news01 .newsWrap article p {
    margin-bottom: 2%;
}

.wp-block-quote {
    border-left: 5px solid rgba(199, 163, 233, 0.7);
    padding-left: 1%;
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
}

.news01 .newsWrap article .wp-block-quote p {
    margin-bottom: 0;
}

.wp-block-table {
    margin-bottom: 3%;
}

.wp-block-table tr {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
}

.wp-block-table tr td {
    width: 49.5%;
    display: block;
    background: rgba(199, 163, 233, 0.4);
    padding: 1%;
    margin-bottom: 0.5%;
}

.news01 .newsWrap article strong {
    font-size: 100%;
    font-weight: 900;
    text-shadow: 0 0 0.5px #767676;
}

.news01 .newsWrap article p a {
    text-decoration: underline;
    color: #ff79ae;
}



.newsAll article .datetime p {
    margin-bottom: 0;
}

.news01 .newsWrap article .datetime p {
    margin-bottom: 0;
}

/*ニュース詳細内動画*/

.wp-block-embed__wrapper {
    text-align: center !important;
}

.wp-block-image figcaption {
    text-align: center;
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    object-fit: contain !important;
}


/*限定公開*/
.news01 .newsWrap article h1 {
    border-top: 1px solid rgba(199, 163, 233, 1);
    border-bottom: 1px solid rgba(199, 163, 233, 1);
    padding: 1% 0;
}

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

    /*TBニュース一覧*/
    .newsAll article {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 4%;
    }

    .pager ul {
        width: 60%;
    }

    /*.pager .pager_margin li {
        width: 30%;
        margin: 0 1.5%;
    }*/


    /*TBニュース*/
    .newsAll .thum_box {
        /*  width: 100%;
        height: 150px;*/
    }

    .newsAll .thum_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 10%;
    }

    /*TBニュース詳細ページ*/
    .news01 .newsWrap {
        width: 100%;
        justify-content: space-between;

    }
}

/*max-width:1100px*/


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

    .newsAll,
    .news01 {
        padding-top: 30%;
    }




    .newsAll .newsWrap {
        width: 100%;

    }

    .newsAll article {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 8%;
    }

    .newsAll .thum_box {
        /* width: 100%;
        height: 200px;*/
    }

    .newsAll .thum_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /*前・次の記事*/
    .pager ul {
        justify-content: space-betweens;
    }

    /*.pager .pager_margin li {
        width: 32%;
        margin: auto;
    }


    .pager .pager_margin li a {
        font-size: 70%;
    }*/



    /*カテゴリー*/
    .categoryBtn li a {
        border: 1px solid #333;
    }




    .categoryBtn {
        width: 100%;
        justify-content: space-between;


    }

    .categoryBtn li {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 2%;

    }


    .newsAll .categoryBtn {
        margin-bottom: 7%;
    }

    /* 見た目調節*/
    .news01 .newsWrap article ul li {
        width: 90%;
        margin: 0 auto;

    }

    .wp-block-quote {
        margin-bottom: 5%;
    }

    .wp-block-table {
        margin-bottom: 5%;
    }

    .wp-block-table tr {
        display: block;
    }

    .wp-block-table tr td {
        width: 100%;
        padding: 2%;
        margin-bottom: 1.5%;
    }

    .news01 .newsWrap article strong {
        font-size: 100%;
    }


}

/*max-width:767px*/