/*ニュース*/

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

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

.product 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%;
}



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



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




.productAll 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;
}

.productAll .thum_box {
    width: 100%;
    height: 200px;
    background: #fff;
    text-align: center;
    padding: 2% 0;
}

.productAll .thum_box img {
    width: auto;
    height: 100%;
    /* object-fit: cover; */
    /* object-position: 50% 50%; */
    margin: 0 auto;

}


.productBox {
    display: flex;
    justify-content: space-between;
}


.productBox figure {
    width: 35%;
    pointer-events: none;
}

.productBox .productList {
    width: 60%;
}






/*修正箇所↑*/

/*カテゴリーボタン*/
.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%;
}*/

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

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

}

/*.pager .pager_margin li {
    width: 20%;
    margin: 0 3%;
}

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

/*ニュース詳細ページ*/
.product01 .productWrap {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 7%;

}

.product01 .productWrap article {
    width: 90%;
    margin: 0 auto;
}

.product01 .productWrap article h1 {
    border-top: 1px solid rgba(199, 163, 233, 1);
    border-bottom: 1px solid rgba(199, 163, 233, 1);
    padding: 1% 0;
}

.product01 .productWrap article h3 {
    border-top: 1px solid rgba(199, 163, 233, 1);
    border-bottom: 1px solid rgba(199, 163, 233, 1);
    padding: 1% 0;
}

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

.product01 .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;
}

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

.product01 .productWrap article ul li {
    max-width: 700px;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding: 0;
    /* デフォルト指定上書き */
    display: flex;

}

.product01 .productWrap article ul li .label {
    width: 30%;
    border-right: none;
}

.product01 .productWrap article ul li .txt {
    width: 70%;
}


.product01 .productWrap article ul li:last-child {
    border-bottom: 1px solid #333;
}



.product01 .productWrap article p {
    margin-bottom: 2%;
}

.product01 .productWrap article .productList p {
    margin-bottom: 0;
    border: 1px solid #333;
    border-bottom: none;
    padding: 1%;
}

.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;
}

.product01 .productWrap 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%;
}

.product01 .productWrap article strong {
    font-size: 90%;
}

.product01 .productWrap article p a {
    text-decoration: underline;
    color: #ff79ae;
}



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

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

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

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

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

/*プロダクト表*/
@media screen and (max-width:1100px) {

    /*TBニュース一覧*/
    .productAll 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ニュース*/
    .productAll .thum_box {
        width: 100%;
        height: 150px;
    }

    /* .productAll .thum_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }*/

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

    }
}

/*max-width:1100px*/


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

    .productAll,
    .product01 {
        padding-top: 30%;
    }




    .productAll .productWrap {
        width: 100%;

    }

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

    .productAll .thum_box {
        width: 100%;
        height: 200px;
    }

    /*  .productAll .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%;

    }


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

    /* 見た目調節*/

    .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%;
    }

    .product01 .productWrap article strong {
        font-size: 100%;
    }

    .productBox {
        display: block;
        justify-content: space-between;
    }


    .productBox figure {
        width: 100%;
    }

    .productBox .productList {
        width: 100%;
    }


}

/*max-width:767px*/