.block232__bodySlider {display: block;}

/* ---------------------------------------------------------------- */
/* 独自クラス名による【お客様へ大切なお願い】通知スタイル */
/* ---------------------------------------------------------------- */

/* 全体を囲むコンテナのスタイル設定 */
.mwatari-notice-wrapper {
    /* サイトの幅に合わせつつ、中央に配置 */
    width: 100%; 
    max-width: 1090px;
    margin: 30px auto; 
    
    /* 警告文書であることを示すために、枠線と影を強調 */
    border: 3px solid #c00000; /* 濃い赤色の太い枠線 */
    box-shadow: 0 0 15px rgba(192, 0, 0, 0.4); /* 赤色の影 */
    
    /* フォント設定 */
    font-family: 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
    line-height: 1.7; /* 行間を広げて読みやすく */
}

/* ヘッダー部分  */
.mwatari-header {
    background-color: #c00000; /* 画像の濃い赤色 */
    color: white; /* 文字色を白に */
    font-size: 1.8em; /* サイズを少し大きく */
    text-align: center;
    padding: 15px 10px;
    margin: 0; 
    font-weight: 900; /* 極太に */
    letter-spacing: 0.1em; /* 文字間隔を少し開ける */
}

/* 本文部分のコンテナ */
.mwatari-content {
    background-color: #ffffff; /* 白い背景 */
    padding: 25px 5%; /* 左右の余白は%指定でレスポンシブ対応 */
    font-size: 14px;
    color: #333333;
}

/* 各段落の共通スタイル */
.mwatari-text-group {
    margin-bottom: 1.2em; /* 段落下の余白をem指定で調整 */
}

/* 蛍光ペンのようなハイライト部分 */
.mwatari-highlight {
    background-color: #ffcc00; /* 少しオレンジがかった黄色で強調 */
    font-weight: bold;
    padding: 2px 4px;
    /* 破線の下線を加えることで、より目立たせる */
    border-bottom: 2px dashed #c00000; 
}

/* 警告文を囲むブロック（中央の段落） */
.mwatari-warning-box {

    background-color: #fffde7; /* 薄いクリーム色の背景 */
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px; /* 角を丸く */
	text-align: center;
}

/* 最後の注意喚起の太字 */
.mwatari-final-statement strong {
    color: #c00000; /* 転売禁止部分を赤文字でさらに強調 */
    font-size: 1.1em;
}

/* 結びの段落 */
.mwatari-closing {
    text-align: right; /* 右寄せにして締める */
    margin-top: 30px;
    font-weight: bold;
}
/* ---------------------------------------------------------------- */
/* スマートフォン対応 (Media Query) */
/* 画面幅が767px以下の場合に適用されます */
/* ---------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    
    /* 全体を囲むコンテナの調整 */
    .mwatari-notice-wrapper {
        /* 左右の余白を減らし、画面いっぱいを使うようにする */
        width: 90%; 
        margin: 20px auto; 
    }

    /* ヘッダーの文字サイズ調整 */
    .mwatari-header {
        /* スマホで読みやすいサイズに */
        font-size: 1.4em; 
        padding: 12px 5px;
    }

    /* 本文のコンテナの調整 */
    .mwatari-content {
        /* スマホでは左右の余白を少し減らす */
        padding: 20px 4%; 
        /* 全体の文字サイズを少し大きくして読みやすく */
        font-size: 15px;
    }
    
    /* 行間はそのまま維持 (line-height: 1.7) */

    /* 警告文を囲むボックスの調整 */
    .mwatari-warning-box {
        margin: 15px 0; /* 上下の余白を少し減らす */
    }

    /* 最後の注意喚起の太字の調整 */
    .mwatari-final-statement strong {
        /* 強調文字が大きすぎないように調整 */
        font-size: 1.05em; 
    }
    
    /* 結びの段落の調整 */
    .mwatari-closing {
        text-align: left; /* スマホでは右寄せより左寄せの方が見やすい場合が多いため変更 */
        margin-top: 20px;
    }
}