@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p');

/* 記事コンテンツエリア(トップ) */
#article-content-area-top {
	margin-top: 28px;
	margin-left: auto;
	margin-right: auto;
	
	width: 84%;
	height: auto;

	background-color: #fffef2;
	border-radius: 4px;
	border-top: 3.0px solid #ff3f72;
	border-left: 3.0px solid #ff3f72;
	border-right: 4.0px solid #ffd255;
	border-bottom: 4.0px solid #ffd255;
}

/* 記事タイトル(トップ) */
#article-title-top {
	width: auto;
	height: auto;
	margin-top: 6px;
	margin-left: 6px;
	margin-right: 6px;

	text-align: center;
	padding: 6px 0;

	background-color: #faf9ed;
	border-radius: 1px;
	border-bottom: 1.0px solid #3c3a4875;

	font-size: 24px;
	font-weight: bold;
	font-family: "Meiryo UI", sans-serif;
	color: #3c3a48;
}

/* 記事コンテンツ(トップ) */
#article-content-top {
	padding: 10px 42px 24px 42px;
}

/* 記事コンテンツテキスト(トップ)_1 */
#article-content-text-top_1 {
	font-size: 16px;
	font-weight: normal;
	font-family: "Meiryo UI", sans-serif;
	color: #3c3a48;
}

/* 記事コンテンツテキスト(トップ)_2 */
#article-content-text-top_2 {
	font-size: 14px;
	font-weight: normal;
	font-family: "Meiryo UI", sans-serif;
	color: #3c3a48;
}

/* 記事コンテンツ画像(トップ) */
#article-content-image-top {
	max-width: 90%;
	max-height: 380px;
	border-radius: 4px;
}

/* 記事_1 */
#article_1 {
}

/* 記事トグル_1がチェックされた時に記事_1を非表示にする */
#article-toggle_1:checked ~ #article_1 {
    display: none;
}

/* 記事ボトムトグル_1 */
#article-bottom-toggle_1 {
}

/* 記事トグル_1がチェックされた時に記事_1のボトムトグルを非表示にする */
#article-toggle_1:checked ~ #article-bottom-toggle_1 {
    display: none;
}

/* 記事_2 */
#article_2 {
}

/* 記事トグル_2がチェックされた時に記事_2を非表示にする */
#article-toggle_2:checked ~ #article_2 {
    display: none;
}

/* 記事ボトムトグル_2 */
#article-bottom-toggle_2 {
}

/* 記事トグル_2がチェックされた時に記事_2のボトムトグルを非表示にする */
#article-toggle_2:checked ~ #article-bottom-toggle_2 {
    display: none;
}

/* 記事_3 */
#article_3 {
}

/* 記事トグル_3がチェックされた時に記事_3を非表示にする */
#article-toggle_3:checked ~ #article_3 {
    display: none;
}

/* 記事ボトムトグル_3 */
#article-bottom-toggle_3 {
}

/* 記事トグル_3がチェックされた時に記事_3のボトムトグルを非表示にする */
#article-toggle_3:checked ~ #article-bottom-toggle_3 {
    display: none;
}

/* 記事コンテンツ画像_1 */
#article-content-image_1 {
	max-width: 100%;
	max-height: 320px;
	border-radius: 4px;
}

/* 記事コンテンツ画像_2 */
#article-content-image_2 {
	max-width: 100%;
	max-height: 320px;
	border-radius: 4px;
}