@charset "shift_jis";
/*2018年11月6日以降に消す*/
.point {
	border-width: 1px;
	border-style: solid;
	padding: 16px;
}
/*2018年11月6日以降に消す ここまで*/

/* 角丸 */
h2 {
	border-radius: 0.3125rem;
}

/* 箇条書きと段落番号の解除 */
#new-right ul, .cate-right ul, .summary {
	list-style-type: none;
	margin-top: 0; /* ulに付く規定値のmarginとpaddingを解除 */
	margin-bottom: 0;
	padding-left: 0;
	list-style-position: inside;
}

#new-right li, .summary li {
	line-height: 1.75rem;
}

.summary li {
	margin-top: 0.5rem;
}

h1, h2 {
	font-size: 1.125rem;
    line-height:1.6875rem;
}

h1 {
	background: none;
	color: #666666;
	margin-top: 1rem;
	margin-bottom: 0; /* 規定値のmarginを解除 */
}

h2 {
	color: #666666;
	margin-top: 4rem;
	margin-bottom: 2rem;
	padding: 0.75rem;
}

#article p {
	margin-top: 3.5rem;
	margin-bottom: 1rem; /* 相殺されるmarginだが、自動広告のために。 */
}

#article h2 +  p {
	margin-top: 2rem;
}

#article p img {
	float: left;
    margin-right: 0.625rem;
}

#new, .beginner, .cate, .cate-right ul {
	display: table; /* cate欄はtableの入れ子 */
	table-layout: fixed;
	width: 100%;
}

#new-left, #new-right, .beginner-left, .beginner-right, .cate-left, .cate-right, .cate-right li {
	display: table-cell;
	vertical-align: top;
}

#new-left, .cate-left {
	width: 140px;
}

#new {
	margin-top: 2rem;
}

#new-right ul {
	padding-left: 1.3rem;
}

#new-right li {
	text-indent: -1.3rem; /* 箇条書き記号の1文字分プラス箇条書き記号の右側のmarginの分 */
	margin-top: 1rem;
}

#new-right li:first-child {
	margin-top: 0;
}

#new-right li:before, .cate-right li:before, .summary li:before {
	content: "■";
	margin-right: 0.3rem;
}

.beginner {
	margin-top: 2rem;
}

.beginner-left {
	width: 340px;
}

.beginner-right {
	width: calc(100% - 340px);
}

.cate {
	margin-top: 2rem;
}

.cate-right li {
	padding-bottom: 1.5rem; /* table-cellではmarginが効かないので、paddingで。 */
}

.cate-row {
	display: table-row;
}

.pagetop {
	margin-top: 1rem;
}

.pagetop a:first-child {
	margin-right: 0; /* 「目次へ」の右側の空間を解除 */
}



@media screen and (max-width: 767px) {
	.beginner, .beginner-left, .beginner-right { display: block; width: 100%;}
	.center767, .beginner-left { text-align: center;}
	.beginner-right {margin-top: 1rem;}
	#article p img {max-width: 100%; height: auto; float: none; display: block; margin-bottom: 1rem; margin-right: 0;}
} /* メディア指定 767px 終了 */

@media screen and (max-width: 567px) {
	#new-left, .cate-left { width: 120px;}
	.cate-right ul, .cate-right li {display: block;}
} /* メディア指定 567px 終了 */

@media screen and (max-width: 374px) {
	.beginner-left img, .beginner-right img { max-width: 100%; height: auto;}
} /* メディア指定 374px 終了 */



/* Adsense */
#ad-article-top {
	margin-top: 2rem;
}

#ad-article-bottom {
	margin-top: 1rem;
}

#ad-side-top {
	margin-top: 2.5rem;
}

@media screen and (max-width: 1279px) {
	#ad-article-bottom { margin-top: 2rem;}
} /* メディア指定 1279px 終了 */

@media screen and (max-width: 959px) {
	#ad-side-top { margin-top: 0;}
} /* メディア指定 959px 終了 */