@charset "UTF-8";
/* ******************************************************************
 *	File name		: report.css
 *	Summary			: page layout
 * ******************************************************************
 */

section#report_contents{
	position:relative;
	}
	#report_contents:before{
		display:none;
}
#report_contents article{
	position:relative;
	margin-bottom:25px;
	padding:0 20px 20px;
	background:rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	border:5px solid #55A9FD;
	}
	#report_contents article:before{
		display:none;
	}
	#report_contents article h3{
		display:block;
		position:relative;
		left:-20px;
		width:calc(100% + 40px);
		min-width:0px;
		height:auto;
		margin-bottom:20px;
		padding:10px 120px 9px 20px;
		text-align:left;
		border:none;
		background:#D8EEFB;
		color:#55A6DB;
		}
		#report_contents article h3:before,
		#report_contents article h3:after{
			display:none;
	}
	#report_contents article .date{
		display:block;
		position:absolute;
		top:10px;
		right:20px;
		width:110px;
		margin-bottom:10px;
		font-size:0.9rem;
		text-align:right;
}

/* article_detail */
#report_contents article .article_detail{
	display:flex;
	display:-webkit-flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
}
#report_contents article .article_detail p{
	position:relative;
	width: calc(100% - 370px);
	margin-bottom:20px;
	font-size:0.9rem;
}
#report_contents article .article_detail .article_img{
	position:relative;
	width:350px;
	}
	#report_contents article .article_detail .article_img img{
		width:100%;
		height:auto;
}
#report_contents article .jidoukan_link{
	display:inline-block;
	position:absolute;
	left:0px;
	bottom:0px;
	height:30px;
	font-size:0.9rem;
	}
	#report_contents article .jidoukan_link a{
		display:block;
		position:relative;
		width:100%;
		height:100%;
		padding:6px 10px 0 15px;
		font-size:0.9rem;
		text-decoration:none;
		background:rgba(0,0,0,0.5);
		color:#FFF;
	}
	#report_contents article .jidoukan_link a:after{
		content:" ";
		position:absolute;
		top:0px;
		right:-30px;
		border:15px solid transparent;
		border-left:15px solid rgba(0,0,0,0.5);
		border-bottom:15px solid rgba(0,0,0,0.5);
}

/* --- responsive --- */
@media(max-width:1200px){
	#report_contents article .article_detail p{width: calc(100% - 270px);}
	#report_contents article .article_detail .article_img{width:250px;}
}
@media(max-width:1000px){
	#report_contents article .article_detail p{width: calc(100% - 220px);}
	#report_contents article .article_detail .article_img{width:200px;}
}
@media(max-width:900px){
	#report_contents article .article_detail p{width: calc(100% - 160px);font-size:0.8rem;}
	#report_contents article .article_detail .article_img{width:150px;}
}
@media(max-width:767px){
	#report_contents article .article_detail p{width: calc(100% - 220px);}
	#report_contents article .article_detail .article_img{width:200px;}
	#report_contents article h3{
		margin-bottom:0px;
		padding:10px 20px 9px 20px;
	}
	#report_contents article .date{
		display:block;
		position:relative;
		top:0px;
		right:0px;
		left:-20px;
		width:calc(100% + 40px);
		padding:3px 20px;
		font-size:0.8rem;
		background:rgba(0,0,0,0.05);
}
}
@media(max-width:640px){
	#report_contents article .article_detail p{width:100%;}
	#report_contents article .article_detail .article_img{width:100%;}
}

/* --- color --- */
#report_contents article.aobaku{border:5px solid #55A9FD;}
#report_contents article.miyaginoku{border:5px solid #3ED1B9;}
#report_contents article.wakabayasiku{border:5px solid #FFB44E;}
#report_contents article.taihakuku{border:5px solid #917BFF;}
#report_contents article.izumiku{border:5px solid #FE86C2;}

#report_contents article.aobaku h3{background:rgba(85,169,253,0.2);color:#55A6DB;}
#report_contents article.miyaginoku h3{background:rgba(62,209,185,0.2);color:#3ED1B9;}
#report_contents article.wakabayasiku h3{background:rgba(255,180,78,0.2);color:#FFB44E;}
#report_contents article.taihakuku h3{background:rgba(145,123,255,0.2);color:#917BFF;}
#report_contents article.izumiku h3{background:rgba(254,134,194,0.2);color:#FE86C2;}

#report_contents article.aobaku .jidoukan_link a{background:#55A9FD;}
#report_contents article.miyaginoku .jidoukan_link a{background:#3ED1B9;}
#report_contents article.wakabayasiku .jidoukan_link a{background:#FFB44E;}
#report_contents article.taihakuku .jidoukan_link a{background:#917BFF;}
#report_contents article.izumiku .jidoukan_link a{background:#FE86C2;}

#report_contents article.aobaku .jidoukan_link a:after{border-left:15px solid #55A9FD;border-bottom:15px solid #55A9FD;}
#report_contents article.miyaginoku .jidoukan_link a:after{border-left:15px solid #3ED1B9;border-bottom:15px solid #3ED1B9;}
#report_contents article.wakabayasiku .jidoukan_link a:after{border-left:15px solid #FFB44E;border-bottom:15px solid #FFB44E;}
#report_contents article.taihakuku .jidoukan_link a:after{border-left:15px solid #917BFF;border-bottom:15px solid #917BFF;}
#report_contents article.izumiku .jidoukan_link a:after{border-left:15px solid #FE86C2;border-bottom:15px solid #FE86C2;}


/* --- article_prevnext --- */
#bdid_report #article_prevnext{
	position:relative;
	width: calc(100% - 60px);
	margin:0 auto;
	padding:10px 0;
	border-top:2px dotted rgba(0,0,0,0.2);
	}
	#bdid_report #article_prevnext:after{
		content:" ";
		display:block;
		clear:both;
}
#bdid_report #article_prevnext #prew_article{
	float:left;
	position:relative;
	padding:0 0 0 20px;
}
#bdid_report #article_prevnext #next_article{
	float:right;
	position:relative;
	padding:0 20px 0 0;
}

#bdid_report #article_prevnext #prew_article a,
#bdid_report #article_prevnext #next_article a{
	text-decoration:none;
	color:#000;
	}
	#bdid_report #article_prevnext #prew_article a:hover,
	#bdid_report #article_prevnext #next_article a:hover{
		text-decoration:underline;
}

#bdid_report #article_prevnext #prew_article:after,
#bdid_report #article_prevnext #next_article:after{
	content:" ";
	position:absolute;
	top:6px;
	border: 6px solid transparent;
}
#bdid_report #article_prevnext #prew_article:after{
	left:0px;
	border-right: 6px solid rgba(0,0,0,1);
}
#bdid_report #article_prevnext #next_article:after{
	right:0px;
	border-left: 6px solid rgba(0,0,0,1);
}