@charset "utf-8";

/*----------------------------------------------------------------
 global styles
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 inside .l-main
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/

/*-----------------------------------------------------
 main
-----------------------------------------------------*/
.l-main .l-section{
	margin				: 40px 0 80px 0;
}


/* inline elements
-----------------------------------------------------*/
.l-main a{ text-decoration: underline; }
.l-main a:hover{ text-decoration: none; }

/* list
-----------------------------------------------------*/
.l-main ul,
.l-main ol,
.l-main dl{
	margin				: 0 0 calc(1em * var(--line-height)) 0;
}
.l-main ul li,
.l-main ol li{
	margin				: 5px 0 5px 20px;
	line-height			: 1.5;
}

.l-main ul li{ list-style: disc outside; }
.l-main ol li{ list-style: decimal outside; }

.l-main dl dt{
	font-weight			: bold;
}

/* table
-----------------------------------------------------*/
.l-main table{
	margin				: 0 0 calc(1em * var(--line-height)) 0;
}
.l-main table th,
.l-main table td{
	border				: 1px solid var(--sub-color);
	padding				: 5px 10px;
}
.l-main table th{
	background			: var(--sub-color);
}
.l-main table tr:nth-child(odd) td	{ background: var(--base-color); }

/* block elements
-----------------------------------------------------*/
.l-main p,
.l-main pre{
	margin				: calc(1em * var(--line-height)) 0;
}

.l-main blockquote{
	position			: relative;
	margin				: 0 0 10px 0;
	padding				: 10px 20px;
	border-left			: 8px solid var(--sub-color);
	background			: #fff;
	font-size			: 1.4rem;
	color				: var(--text-color);
}
.l-main blockquote *{ padding: 0; }
.l-main blockquote[cite]:after {
	position			: absolute;
	right				: 0px;
	bottom				: 0px;
	display				: inline-block;
	padding				: 5px 10px;
	content				: "引用元: "attr(cite);
	color				: var(--main-color);
	text-align			: right;
}

.l-main hr{
	border: none;
	background: #ccc;
	height: 1px;
}