@charset "utf-8";
/*--------------------------------------------------
           CSS Vertical Rhythm
--------------------------------------------------*/
@supports (line-height-step: 1px) {
	#main .article p,
	#main .article ul.related {
		font-size:100%;
		line-height: normal;
	}
	#main .article ul.related li {
		margin: 0;
	}
	#main .article h4 {
		font-size: 21px;
		line-height: normal;
	}
	#main .article {
		--base: 17px;
		--grid: 28px;
		font-size: var(--base);
	}
	.liner {
	    background-size: 100% var(--grid);
	    background-image: linear-gradient(to bottom, #cccccc 1px, transparent 1px);
	}
	#main .article {
		line-height-step: var(--grid);
		block-step-size: var(--grid);
	}
	#main .article .column p,
	#main .article .grid p,
	#main .article .profile p {
		font-size: 17px;
	}
	#main .article p.copyright {
		margin: 0;
	}
	#main .article h1,
	#main .article h2,
	#main .article h3,
	#main .article h4 {
		margin: 0;
		display: inline-block;
		width: 100%;
		line-height-step: 0;
		line-height: 1.2;
	}
	#main .article h3 {
		padding: 3px;
		font-size: 24px;
	}
	#main .article h4 {
		margin: 0;
		line-height: normal;
	}
	#main .article table{
		margin: 0 auto 1em;
/*		display: inline-block; */
		line-height-step: 0;
		line-height: normal;
	}
	#main .article table.img td {
		font-size: 13px;
	}
	#main .article hr {
		margin: 0 auto !important;
		display: inline-block;
		width: 100%;
	}
	#main .article p, .article li {
		margin-top: var(--grid);
		margin-bottom: var(--grid);
	}
	#main .article ul.related li,
	#main .article .relatedarticle li {
		margin: 0;
		font-size: 17px;
	}
	#main .article .relatedarticle .headname {
		margin: 0;
		font-size: 21px;
	}
}
