@charset "UTF-8";
/* ---------file info---------- */
/* filename:reports.css */
/* creation date:2017年3月6日 */
/* last updated:2018年8月11日 */
/*------------------------------*/

.bg_white {
	background-color:#FFF;
	color:#000;
}
.bg_yellow {
	background-color:#FC0;
	color:#;
}
.reports {
	padding:30px;
	background-color:#FFF;
	color:#000;
}

.reports_inner {
	word-wrap:break-word;
}
.reports_inner p {
    font-size: 90%;
    font-weight: bold;
    letter-spacing: 0.6pt;
}
.reports_inner a {
	display:block;
	border:solid 1px #CCC;
	padding:15px;
	margin:20px 5px;
	box-shadow:3px 3px 3px #CCC;
	text-decoration:none;
	color:#000;
}
.reports_inner a:hover {
	opacity:0.8;
}
.img_center {
	margin-right:auto;
	margin-left:auto;
	display:block;
	max-width:100%;
	height:auto;
}

.reports_inner i {
	padding-right:0.5em;
}
.monthly_reports li a {
	display:block;
	padding: 0.5em 15px;
	color:#000;
	text-decoration:none;
	font-size:12px;
	border-bottom:dotted 1px #000;
}

.side_tit {
	font-size:;
	color:#000;
	padding: 10px 15px;
	border-bottom:solid 1px #000;
	font-weight:bold;
}

.reports_year {
	color:#000;
	font-weight:bold;
	padding: 0.5em 15px;
	border-bottom:dotted 1px #000;
}

.side_contents_reports {
	width:180px;
}
.accordion p:after, .accordion p .open:after {
	position:absolute;
	right:15px;
}
.accordion p:after {
	content: "\f13a";
	font-family:FontAwesome;
}
.accordion p.open:after {
	content: "\f139";
	font-family:FontAwesome;
}
.accordion p {
	position:relative;
}
.past_reports {
	font-weight:bold;
}
.past_reports a {
	display: block;
    padding: 0.5em 15px;
    text-decoration: none;
    font-size: 12px;
    border-bottom: dotted 1px #9a9a9a;
    color: #000;
}

.new {
	background-color:red;
	color:#FFF;
	font-size:11px;
	padding:2px 5px;
	margin-right:0.5em;
}

.report_thumbnail {
	width:100%;
	height:135px;
	background-size:cover;
	background-position:50% 50%;
	margin-bottom:10px;
}
.report_photo {
	cursor: pointer;
}
.reports_thumbnail img:hover {
	opacity:0.6;
}

/*----投稿ページ用----*/
.report_date dl:after {
	content: "";
	display:block;
	clear:both;
}
.report_date dt {
	width:90px;
	float:left;
	border-bottom:dotted 1px #000;
	padding:5px 0;
	font-weight:bold;
}
.report_date dd {
	width:auto;
	float:none;
	margin-left:90px;
	border-bottom:dotted 1px #000;
	padding:5px 0;
	font-weight:bold;
}

.report_subdate {
	width:100%;
	margin-top:30px;
}

.report_subdate th {
	border:solid 1px #000;
    background: #ffffff;
    padding: 2px 1em;
    text-align: left;
    vertical-align: middle;
    line-height: 1.65;
}
.report_subdate td {
    border: 1px solid #000;
    padding: 2px 1em;
    background: #ffffff;
    text-align: left;
    vertical-align: middle;
    line-height: 1.65;
}	
.from_sum {
	margin-top:30px;
	background-color:#f7f7f7;
	border-radius:5px;
	border:dotted 1px #000;
	padding:20px;
}
.from_sum_tit {
	margin-bottom:0.5em;
	font-size:110%;
}

/*サムネイル*/
.reports_thumbnail_box:after {
	content: "";
	display:block;
	clear:both;
}
.reports_thumbnail {
	width:32%;
	float:left;
	padding-left:2%;
}
.reports_thumbnail:nth-child(3n+1) {
	padding-left:0;
}

/* 767px以下　SP表示 */
@media (max-width: 767px) {
	.reports {
		padding-top:20px;
	}	
	.side_contents_reports {
		padding-top:0px;
		width:100%;
	}	

	.side_tit {
		margin-top: -25px;
	}

	ul.accordion ul {
		display:none;
	}

	/*----投稿ページ用----*/
	.from_sum {
		margin-top:20px;
	}
	.report_date {
		margin-top:20px;
	}
}
	
/* 768px以上　PC表示 */
@media (min-width: 768px) {
	.side_contents_reports {
		width:180px;
		float:left;
	}	
	.reports {
		width:auto;
		float:none;
		margin-left:180px;
		padding-left:40px;
	}
	.reports_inner a {
		height:240px;
	}

	/*----投稿ページ用----*/	
	.report_photo {
		width:48%;
		float:left;
		margin-right:2%;
		margin-top:5px;
	}
	.report_date { 
		width:48%;
		float:left;
		margin-left:2%;
		display:block;
	}

}