/* 横並び用コンテナ */
.col2-box{
	background: #eee;
	padding: 2rem;
}

.col2-box .gift-check-container {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-bottom: 20px;
        }

        /* 各カラムの基本スタイル */
        .col2-box .gift-check-box {
            flex: 1;
            min-width: 300px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
            overflow: hidden; /* 角丸を効かせるため */
        }

        /* ボックスの見出しスタイル */
        .col2-box .gift-check-header {
            color: #fff;
            padding: 15px;
            font-size: 1.2rem;
            margin: 0;
            font-weight: bold;
        }

        /* ボックスの本文スタイル */
        .col2-box .gift-check-body {
            padding: 20px;
        }
        .col2-box .gift-check-body > p {
            margin-top: 0;
            margin-bottom: 15px;
        }

        /* リストのスタイル */
        .col2-box .gift-check-list {
            list-style: none;
            padding: 0;
            margin: 0 0 15px 0;
        }
        .col2-box .gift-check-list li {
            position: relative;
            padding-left: 30px; /* マークのスペース */
            margin-bottom: 10px;
        }
        .col2-box .gift-check-list li::before {
            content: "";
            position: absolute;
            left: 0;
            top: 5px; /* テキストとの位置調整 */
            width: 15px;
            height: 15px;
            background-color: #fff;
            border-radius: 50%;
            display: inline-block;
        }

        /* 結論テキストのスタイル */
        .col2-box .gift-check-conclusion {
            font-weight: bold;
            margin-top: 15px;
            margin-bottom: 0;
        }

        /* --- 親側のボックス（緑） --- */
        .col2-box .parent-check-box {
            background-color: #e6f3e6; /* 薄い緑 */
        }
        .col2-box .parent-check-header {
            background-color: #2e8b57; /* 深い緑 */
        }
        .col2-box .parent-check-list li {
            color: #2e8b57; /* リスト内のテキスト色 */
        }
        .col2-box .parent-check-conclusion {
            color: #2e8b57; /* 結論テキストの色 */
        }

        /* --- 子側のボックス（オレンジ） --- */
        .col2-box .child-check-box {
            background-color: #fff3e6; /* 薄いオレンジ */
        }
        .col2-box .child-check-header {
            background-color: #d2691e; /* 深いオレンジ */
        }
        .col2-box .child-check-list li {
            color: #d2691e; /* リスト内のテキスト色 */
        }
        .col2-box .child-check-conclusion {
            color: #d2691e; /* 結論テキストの色 */
        }


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

/*** 20210819 start ***/
.kyoutu-add td {
	font-size: 20px;
    font-weight: bold;
}

.red-b {
	color: red;
	font-size: 24px;
	font-weight: bold;

}
.cmn-parts-box {

}
/*** 20210819 end ***/

blockquote {
    border: 1px solid #ccc;
    width: 90%;
    margin: 15px auto 20px;
    padding: 10px;
    background: #eee;
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

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

/*** 20210819 start ***/
.lower_bottom-2 .cmn-column2 .cmn-parts-box, .lower_bottom-2 .cmn-column3 .cmn-parts-box {
	display: block;
}


#contents #page .lower_bottom-2 .cmn-parts-box .txt-wrap,
#contents #category .lower_bottom-2 .cmn-parts-box .txt-wrap{
	width: 100%;
	padding-right:0px;
}

#contents #page .lower_bottom-2 .cmn-parts-box .btn-wrap,
#contents #category .lower_bottom-2 .cmn-parts-box .btn-wrap{
	width: 100%;
	margin-top: 30px;
}
#contents #page .lower_bottom .cmn01-paragraph,
#contents #category .lower_bottom .cmn01-paragraph{
		display:unset;
	}
/*** 20210819 end ***/


}