@charset "utf-8";

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

    #main_navi > li:hover a {
        background: #f19106;
        color: #fff;
    }

    #details h2 {
        border-bottom-color: #f19106;
    }

    #details h3 {
        background-color: #f5d9b3;
    }

    #details h4::after {
        background: repeating-linear-gradient(45deg, #fff 25%, #f28e02 25%, #f19106 50%, #fff 50%, #fff 75%, #f19106 75%, #f19106);
        background-size: 3px 3px;
    }

    #details h5 {
        border-left: 10px solid #f19106;
    }
    #details h6 {
        border-bottom: 1px solid #f19106;
    }

    .footerNavi {
        background-color: #f19106;
    }

    /** 矢印(進み具合?) */
    .active_root {
        filter: hue-rotate(184deg) saturate(99%);
    }


    /* ---------------------------------------------------  寄付者入力(.entry) */
    /* ブロック見出し */
    .entry #details .panel>p {
    	background-color: #743b0f;	/* ★★★カラーテーマ★★★ */
    }
    
    /* ---------------------------------------------------  寄付情報入力(.mousi) */
    /* ブロック見出し */
    .mousi        #details .panel>p ,
    .tehai_status #details .panel>p {		/* 管理画面側 */
    	background-color: #743b0f;	/* ★★★カラーテーマ★★★ */
    }
    
    /* ---------------------------------------------------  申込確認(.mousi_kakunin) */
    /* ブロック見出し */
    .mousi_kakunin #details .panel>p {
    	background-color: #743b0f;	/* ★★★カラーテーマ★★★ */
    }
    
    /* ---------------------------------------------------  お問い合わせ(.contact) */
    /* ブロック見出し */
    .contact #details .panel>p {
    	background-color: #743b0f;	/* ★★★カラーテーマ★★★ */
    }
    
    /* ---------------------------------------------------  お問い合わせ(.contact_kakunin) */
    /* ブロック見出し */
    .contact_kakunin #details .panel>p {
    	background-color: #743b0f;	/* ★★★カラーテーマ★★★ */
    }

}

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

    header nav > ul > li > a {
        background: #f19106;
    }

    #details h2 {
        border-bottom-color: #f19106;
    }

    #details h3 {
        background-color: #f5d9b3;
    }

    #details h4::after {
        background: repeating-linear-gradient(45deg, #fff 25%, #f28e02 25%, #f19106 50%, #fff 50%, #fff 75%, #f19106 75%, #f19106);
        background-size: 3px 3px;
    }

    #details h5 {
        border-left: 10px solid #f19106;
    }
    #details h6 {
        border-bottom: 1px solid #f19106;
    }

    .footerNavi {
        background-color: #f19106;
    }

    /** 矢印(進み具合?) */
    .active_root {
        filter: hue-rotate(184deg) saturate(99%);
    }

    /* ---------------------------------------------------  寄付者入力(.entry) */
    /* ブロック見出し */
    .entry #details .panel>p {
    	background-color: #743b0f;
    }
    
    /* ---------------------------------------------------  寄付情報入力(.mousi) */
    /* ブロック見出し */
    .mousi #details .panel>p {
    	background-color: #743b0f;
    }
    
    /* ---------------------------------------------------  申込確認(.mousi_kakunin) */
    /* ブロック見出し */
    .mousi_kakunin #details .panel>p {
    	background-color: #743b0f;
    }
    
    /* ---------------------------------------------------  お問い合わせ(.contact) */
    /* ブロック見出し */
    .contact #details .panel>p {
    	background-color: #743b0f;
    }
    
    /* ---------------------------------------------------  お問い合わせ(.contact_kakunin) */
    /* ブロック見出し */
    .contact_kakunin #details .panel>p {
    	background-color: #743b0f;
    }

}