@charset "UTF-8";

/*レイアウト
-----------------------------------------------------------------------------------------*/
#contents{
	background:#F5F5EB;
}
#path{
	background:#FFF;
}
#topics{
	padding:50px 0;
}
#list,
article{
	width:750px;
	float:left;
}
#sidebar{
	width:220px;
	float:right;
}
@media screen and (max-width: 739px) {
	#topics{padding:0;}
	#list,article,#sidebar{width:auto;float:none;}
}

/*一覧
-----------------------------------------------------------------------------------------*/
#list h1{
	background:var(--color_mido);
	color:#FFF;
	font-size:2rem;
	line-height:2.5;
	padding-left:20px;
}
#list h1 + div{
	background:#FFF;
	padding:20px;
}
#list h1 + div p{
	font-size:1.4rem;
}
#list h1 + div p + p{
	margin-top:1em;
}
#list h1 + div p.point{
	padding:10px 15px;
	border:3px solid #e6b422;
}
#list h1 + div p.point em{
	font-weight:bold;
	color:#CC0000;
}


@media screen and (max-width: 739px) {
	#list h1{color:#FFF;font-size:1.6rem;line-height:2.5;padding:0;text-align:center;}
}

/*ページャー
-----------------------------------------------------------------------------------------*/
.pager{
	position:relative;
	overflow:hidden;
	text-align:center;
	margin-top:10px;
}
.pager a.page-numbers,
.pager .current{
	text-decoration:none;
	border:1px solid #DFDDD5;
}
.pager a:hover,
.pager .current{
	border:1px solid #00B14B;
}


/*個別記事
-----------------------------------------------------------------------------------------*/
article{
	background:#FFF;
	padding:30px 50px;
	border-top:5px solid #00B14B;
}
/*-------------------------タイトル*/
article h1{
	font-size:2.6em;
	line-height:1.5;
}
article h1 span{
	display:block;
	font-size:0.8em;
}
article h1 em{
	display:block;
	color:#ED1C24;
	font-size:80%;
	font-weight:bold;
}
/*-------------------------カテゴリー・日付*/
article .cat{
	font-size:1.4em;
	letter-spacing:1px;
	padding:30px 50px 15px 50px;
	margin:0 -50px 30px -50px;
	border-bottom:1px solid #DFDDD5;
}
article .cat a{
	float:left;
	padding:0 15px;
	background:var(--color_cat);
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	margin-right:15px;
	border-radius:1em;
}
article .cat a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
}
article .cat span.jotai{
	float:left;
	margin-right:10px;
	font-weight:bold;
}
article .cat span.jotai em{
	color:#FF0000;
	margin-right:10px;
}
article .cat span.date{
	float:right;
	color:#666;
}
/*-------------------------本文*/
article a{
	text-decoration:underline;
}
article a:hover{
	text-decoration:none;
}
article a[target],
article a[href$='.doc'],
article a[href$='.docx'],
article a[href$='.xls'],
article a[href$='.xlsx'],
article a[href$='.pdf']{
	padding-left:1.2em;
	background:url(images/blank_icon.png) left no-repeat;
	background-size:1.2em;
}
article a[href$='.doc'],
article a[href$='.docx']{
	background-image:url(images/word_icon.png);
}
article a[href$='.xls'],
article a[href$='.xlsx']{
	background-image:url(images/excel_icon.png);
}
article a[href$='.pdf']{
	background-image:url(images/pdf_icon.png);
}
article h2{
	font-size:2em;
	line-height:1.75;
	font-weight:bold;
	margin-bottom:20px;
}
article h3{
	margin-top:3em;
	margin-bottom:5px;
	font-size:1.8em;
	line-height:1.75;
	padding:5px 12px;
	background:#00B14B;
	color:#FFF;
}
article h4{
	margin-top:2em;
	margin-bottom:5px;
	padding:2px 12px;
	border-left:3px solid #FFA733;
	background:#F1F1F1;
	font-weight:bold;
}
article p + h2{
	margin-top:2em;
	padding-top:1em;
	border-top:2px solid #E6E6E6;
}
article p.cat + h2{
	margin-top:0;
	padding-top:0;
	border-top:none;
}
article h2 + h3,
article h3 + h4{
	margin-top:1.5em;
}
article h5{
	margin-top:1em;
	padding:10px 0 0 0;
	border-top:1px dotted #CCC;
	font-weight:bold;
}
article h3 + h5 ,article h4 + h5{
	margin-top:0;
	border-top:0;
}
article p.caption{
	text-align:center;
	margin:-20px auto 30px auto;
}
article ul{
	margin: 1em 0;
}
article ul li{
	margin:0.5em 0 0.5em 1.3em;
	list-style-type:disc;
	line-height:1.65;
	text-align:justify;
	text-justify:distribute;
}

article ol{
	margin: 1em 0;
}
article ol li{
	margin:0.5em 0 0.5em 1.3em;
	list-style-type:decimal;
	line-height:1.65;
	text-align:justify;
	text-justify:distribute;
}

article img{
	display:block;
	margin:30px auto;
	border:1px solid #CCC;
}
article em{
	color:#ED1C24;
}
article table{
	margin:0.6em 0;
	width:100%;
}
article th,
article td{
	line-height:1.5;
	padding:0.6em 2em;
	border:1px solid #CCCCCC;
}
article th{
	background:#F1F1F1;
	text-align:center;
	white-space:nowrap;
}

@media screen and (max-width: 739px) {
	article{width:auto;;float:none;padding:15px;}
	article h1{font-size:1.8em;}
	article .cat{font-size:1.2em;letter-spacing:0;padding:15px;margin:0 -15px 15px -15px;}
	article .cat a{padding:0 10px;margin-right:10px;}
	article h2,article h3,article h4{;margin-bottom:3px;}
	article h2{font-size:1.8em;margin-bottom:15px;}
	article h3{font-size:1.6em;}
	article th,article td{padding:0.6em 1em;}
}


/*sidebar
-----------------------------------------------------------------------------------------*/
#sidebar h2{
	color:#00B14B;
	border-bottom:1px solid #00B14B;
	padding:1em 0 0.2em 0;
}
#sidebar nav + nav{
	margin-top:20px;
}
#sidebar nav li{
	font-size:1.6rem;
	line-height:1.5;
}
#sidebar nav li a{
	display:block;
	padding:10px 15px;
	color:#66574B;
	border-bottom:1px dotted #B2ABA5;
}
#sidebar nav li a:hover{
	background:#FFFF66;
}
@media screen and (max-width: 739px) {
	#sidebar h2{padding-left:15px;}
	#sidebar nav + nav{margin:0}
}