@charset "utf-8";

/* ---------------------------------------------
 blog modules
------------------------------------------------ */

.content{
	display:flex;
}
.content > main{
	width:840px;
}
main img{
	max-width:100%;
	height:auto;
}
.content > .sidebar{
	width:300px;
	margin:60px 0 0 60px;
}
.sidebar dl{
	margin:30px 0 0;
}
.sidebar dl dt{
	border-top:3px solid #82ae40;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:14px 0 15px;
}
.sidebar dl dd ul{
	border-bottom:1px solid #ccc;
	line-height:1.5;
	margin:0;
}
.sidebar dl dd ul li{
	border-top:1px solid #ccc;
}
.sidebar dl dd ul li a{
	display:block;
	position:relative;
	padding:15px 47px 15px 0;
}
.sidebar dl dd ul li a:link,
.sidebar dl dd ul li a:visited,
.sidebar dl dd ul li a:hover,
.sidebar dl dd ul li a:active{
	color:#666;
	text-decoration:none;
}
.sidebar dl dd ul li a:hover,
.sidebar dl dd ul li a:active{
	opacity:0.5;
}
.sidebar dl dd ul li a::before{
	border-top:2px solid #000;
	border-right:2px solid #000;
	content:"";
	width:4px;
	height:4px;
	position:absolute;
	top:50%;
	right:0;
	transform:rotate(45deg);
	margin-top:-3px;
}

@media screen and (max-width: 768px){
	.content{
		display:block;
	}
	.content > main{
		width:auto;
	}
	.content > .sidebar{
		width:auto;
		margin:50px 0 0;
	}
	.sidebar dl dt{
		font-size:16px;
	}
	.sidebar dl dd ul{
		font-size:14px;
	}
}


/* ---------------------------------------------
　posts-index
------------------------------------------------ */

.content .posts-index{
	border-bottom:1px solid #ccc;
	margin:50px 0 0;
}
.posts-index li{
	border-top:1px solid #ccc;
}
.posts-index li a{
	display:block;
	position:relative;
	padding:20px 0;
}
.posts-index li a:link,
.posts-index li a:visited,
.posts-index li a:hover,
.posts-index li a:active{
	text-decoration:none;
}
.posts-index li a:hover,
.posts-index li a:active{
	opacity:0.5;
}
.posts-index li a::before{
	border-top:2px solid #000;
	border-right:2px solid #000;
	width:5px;
	height:5px;
	content:"";
	position:absolute;
	top:50%;
	right:1px;
	transform:rotate(45deg);
	margin-top:-4px;
}
.posts-index li dl:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
* html .posts-index li dl             { zoom:1; } /* IE6 */
*:first-child+html .posts-index li dl { zoom:1; } /* IE7 */
.posts-index li dl dt{
	color:#000;
	float:left;
	width:147px;
}
.posts-index li dl dd.cat{
	color:#fff;
	font-size:14px;
	float:left;
	text-align:center;
	width:120px;
}
.posts-index li dl dd.cat.news{
	background:#82ae40;
}
.posts-index li dl dd.cat.treat{
	background:#1c99cd;
}
.posts-index li dl dd.cat.research{
	background:#7a5291;
}
.posts-index li dl dd.cat.emergency{
	background:#e00000;
}
.posts-index li dl dd.title{
	color:#000;
	margin:0 0 0 297px;
}

@media screen and (max-width: 768px){
	.posts-index li a{
		padding:20px 20px 12px 0;
	}
	.posts-index li a::before{
		width:4px;
		height:4px;
		right:10px;
		margin-top:-3px;
	}
	.posts-index li dl dt{
		line-height:15px;
		width:147px;
	}
	.posts-index li dl dd.cat{
		font-size:13px;
		line-height:15px;
		width:96px;
	}
	.posts-index li dl dd.title{
		clear:left;
		margin:0;
		padding:8px 0 0;
	}
}


/* ---------------------------------------------
　pager
------------------------------------------------ */

.pager{
	clear:both;
	display:flex;
	justify-content:center;
	line-height:40px;
	margin:50px 0 0;
}
.pager span,
.pager a{
	display:block;
	text-align:center;
	width:40px;
	margin-left:1px;
}
.pager a:link,
.pager a:visited{
	background:#e6efd9;
	color:#333;
	text-decoration:none;
}
.pager span,
.pager a:hover,
.pager a:active{
	background:#82ae40;
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width: 768px){
	.pager{
		line-height:30px;
		margin:30px 0 0;
	}
	.pager span,
	.pager a{
		font-size:12px;
		width:30px;
	}
}