@charset "utf-8";

/*-------------------------------
	パーツ
-------------------------------*/

.Parts-Area{

    /*----- ライン */
    .P-Line{
        border-bottom-color: var(--hara_maincolor_dark1);
    }

    /*----- 中見出し（h2想定） */
    .P-Title-xl{
        background: var(--hara_gradcolor_dark1);
    }

    /*----- 小見出し（h4想定） */
    .P-Title-m::before{
        background-image: url(../../images/harasankei/common/icon_title.svg);
    }

    /*----- 小見出し（h5想定） */
    .P-Title-s::after{
        background: var(--hara_gradcolor_dark1);
    }

    /*----- 小見出し（h6想定） */
    .P-Title-xs::before{
        background: var(--hara_maincolor_dark1);
    }

    /*----- ボタン */
    .P-Button a,
    .P-Button .a{
        background: var(--hara_gradcolor_dark1);
    }
    .P-Button a:hover .P-Button__text::after,
    .P-Button .a:hover .P-Button__text::after{
        background-image: url(../../images/harasankei/common/icon_arrow-maincolor_dark1.svg);
    }
    .P-Button a:hover,
    .P-Button .a:hover{
        color: var(--hara_maincolor_dark1);
    }
    .P-Button a[target="_blank"]:hover .P-Button__text::after{
        background-image: url(../../images/harasankei/common/icon_blank-maincolor_dark1.svg);
    }

    /*----- 表 */
    .P-Table__header{
        border-left-color: var(--hara_maincolor_dark1);
        border-right-color: var(--hara_maincolor_dark1);
    }
    .P-Table__item-title{
        background: var(--hara_maincolor_dark1);
    }
    .P-Table:has(.P-Table__body .P-Table__item-title:nth-of-type(1)) .P-Table__item-title:nth-of-type(1){
        border-left-color: var(--hara_maincolor_dark1);
    }
    .P-Table:not(:has(.P-Table__header)) .P-Table__item:first-child .P-Table__item-title{
        border-top-color: var(--hara_maincolor_dark1);
    }
    .P-Table:not(:has(.P-Table__header)) .P-Table__item:last-child .P-Table__item-title{
        border-bottom-color: var(--hara_maincolor_dark1);
    }
    .P-Table .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        background: var(--hara_maincolor_dark2);
    }

    /*----- 画像 */
    .P-Image__inner a:not([target="_blank"]):hover::before{
        background: var(--hara_maincolor_dark1);
    }

    /*----- 枠 */
    .P-Frame{
        border-color: var(--hara_maincolor_dark1);
    }
    .P-Frame.-fill{
        background: var(--hara_maincolor_light2);
    }

    /*----- 流れ */
    .P-Flow__item{
        border-color: var(--hara_maincolor_dark1);
    }
    .P-Flow__item::before{
        background: var(--hara_gradcolor_dark1);
    }
    .P-Flow__item:not(:last-child)::after{
        background-image: url(../../images/harasankei/common/icon_arrow-maincolor_dark1.svg);
    }

}

.Parts-editor{
    
    /*----- 見出し */
    h4::before{
        background-image: url(../../images/harasankei/common/icon_title.svg);
    }

    h5::after{
        background: var(--hara_gradcolor_dark1);
    }

    h6::before{
        background: var(--hara_maincolor_dark1);
    }

    /*----- 表 */
    .P-Table table thead{
        border-left-color: var(--hara_maincolor_dark1);
        border-right-color: var(--hara_maincolor_dark1);
    }
    .P-Table table th{
        background: var(--hara_maincolor_dark1);
    }
    .P-Table:has(tbody th:nth-of-type(1)) th:nth-of-type(1){
        border-left-color: var(--hara_maincolor_dark1);
    }
    .P-Table:not(:has(thead)) tr:first-child th{
        border-top-color: var(--hara_maincolor_dark1);
    }
    .P-Table:not(:has(thead)) tr:last-child th{
        border-bottom-color: var(--hara_maincolor_dark1);
    }
    .P-Table .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
        background: var(--hara_maincolor_dark2);
    }

    /*----- 画像 */
    a:has( > img):not([target="_blank"]):hover::before{
        background: var(--hara_maincolor_dark1);
    }

}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

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

}
@media screen and (max-width:960px) and (min-width: 769px){

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

}