@media (min-width:599px)
{
.header-post-slider .post-slide-date, .header-post-slider .post-slide-title 
{
	background: none;
}
}


@media (max-width:599px)
{
h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a 
{
    font-size: 14px;
    line-height: 1px;
}
dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a 
{
    font-size: 14px;
    line-height: 1px;
}
}

/*画像に影をつける*/
img.qqq{
box-shadow: 2px 2px 15px #808080;
}


/* 768px以下の画面幅（スマートフォン）にのみ適用するCSS */
@media screen and (max-width: 768px) {
    /* 1. テーブルの表示形式を縦積みのブロック要素に強制的に変更 */
    .errata-table table, 
    .errata-table thead, 
    .errata-table tbody, 
    .errata-table th, 
    .errata-table td, 
    .errata-table tr {
        display: block !important;
    }

	.errata-table table {
        border-collapse: collapse !important; 
        border-spacing: 0 !important;
        border: none !important;
    }
	
    /* 2. PC用のヘッダー行（thead）はスマホでは非表示にする */
    .errata-table thead {
        display: none !important;
    }

    /* 3. 各行（tr）、つまり縦積みになったカードの幅とレイアウトを調整 */
    .errata-table tr {
        margin-bottom: 20px !important; 
        border: 1px solid #eee !important;
        padding: 10px !important;
        background-color: #f9f9f9 !important;
        
        /* 中央揃えの設定 */
        margin-left: auto !important;
        margin-right: auto !important;
        width: 95% !important; 
        box-sizing: border-box !important;
    }
    
    /* 4. 各セル（td）のレイアウト変更 */
    .errata-table td {
        border: none !important;
        padding-left: 80px !important; 
        position: relative !important;
        min-height: 25px
!important;
				padding-top: 3px !important; 
    		padding-bottom: 3px !important;
    }

    /* 5. 訂正箇所（1列目）の下に点線を追加し、説明内容を全幅で表示させる */
    .errata-table td:nth-of-type(1) {
        border-bottom: 1px dashed #ccc !important;
        padding-bottom: 10px !important;
        margin-bottom: 7px !important;
        padding-left: 10px !important; /* 説明内容を左端に詰める */
    }

    /* 6. 項目名（PCでのヘッダー）をセル（td）の前に配置・固定 */
    .errata-table td::before {
        position: absolute !important;
        left: 10px !important; 
        width: 50px !important; 
        font-weight: bold !important;
        color: #444 !important; 
        text-align: left !important;
    }

    /* 7. 項目名テキストの定義（3列表想定） */
    .errata-table td:nth-of-type(1)::before { content: ""; } 
    .errata-table td:nth-of-type(2)::before { content: "訂正前"; color: #d9534f !important; } /* 誤：赤色 */
    .errata-table td:nth-of-type(3)::before { content: "訂正後"; color: #1e7e34 !important; } /* 正：濃い緑色 */
}