@charset "UTF-8";

.koiBule{ color: #3b4190; font-weight: bold;}
.con-area h2 .date{
	display: block;
}

.con-area #repo-area figure div{
	position:relative;
	height:0;
	overflow:hidden;
	}

.con-area #repo-area figcaption{
	text-align:center;
	line-height:1.2;
	color: #fff;
	background-color: #030a6a;
	padding: 3px;
	}

	/* BACKNUMBER*/
	#bklist h3{
		text-indent: -9999px;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(../img/report/bknum.png);
		background-size: cover;
	}
	#bklist li{
		background-color: #141414;
	}
	#bklist li a{
		display: block;
		color: #fff;
		font-weight: bold;
	}
	#bklist .date{
		color: #fad538;
		font-weight: normal;
	}


@media all and (min-width: 768px) {
	.con-area .inner{
		padding: 40px;
		display: flex;
	}
	.con-area .inner .block{
		padding-right: 20px;
	}
	.con-area h1{
		height: 360px;
		background: url(../img/report/header.jpg?0324) no-repeat;
	}
	.con-area h2{
		font-size: 160%;
		font-family: source-han-serif-japanese, serif;
		margin-bottom: 20px;
		color: #1b2170;
	}
	.con-area h2 .date{
		font-size: 60%;
		color: #b10a0a;
		padding-bottom: 5px;
	}

	#repo-area{
		width: 70%;
	}


	.con-area p{
		font-size: 100%;
		line-height: 1.6;
		margin-bottom: 20px;
		letter-spacing: 0.01em;
	}
	/* PHOTO*/
	.con-area #repo-area figure img{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		position:absolute;
		top:0;
		left:0;
		}
	.con-area #repo-area figure.yoko{
		margin:40px auto 0;
		padding-bottom:40px;
		}
	.con-area #repo-area figure.tate{
		margin:40px auto 0;
		padding-bottom:40px;
		}
	.con-area #repo-area figure div{
		margin:0 auto 15px;
		}
	.con-area #repo-area figure.yoko div{
		width:600px;
		height:400px;
		}
	.con-area #repo-area figure.tate div{
		width:400px;
		height:600px;
		}
	.con-area #repo-area figcaption{
		font-size:86%;
		}
	/* BACKNUMBER*/
	#bklist{
		width: 30%;
		background-color: #efefef;
		padding: 20px;
		box-sizing: border-box;
	}
	#bklist h3{
		width: 80%;
		height: 0;
		padding-top: 9.6%;
		margin-bottom: 10px;
	}
	#bklist ul{
		list-style: none;
	}
	#bklist li{
		font-size: 90%;
		padding: 10px;
		margin-bottom: 5px;
	}
	#bklist a{
		display: block;
		text-decoration: none;
		color: #141414;
	}
	#bklist .date{
		display: block;
		font-size: 86%;
		line-height: 1.6;
	}


}
@media all and (max-width: 767px) {
	.con-area h1{
		width: 100%;
		height: 0;
		padding-top: 39.06%;
		background-size: cover;
		background-image: url(../img/report/header_smp.jpg?0324);
	}
	.con-area h2{
		font-size: 120%;
		font-family: source-han-serif-japanese, serif;
		margin-bottom: 10px;
		color: #1b2170;
	}
	.con-area h2 .date{
		font-size: 60%;
		color: #b10a0a;
		padding-bottom: 4px;
	}
	.con-area .inner{
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
	}
	.con-area .inner .block{
		width: 100%;
		margin: 0 auto;
	}
	.con-area p{
		font-size: 90%;
		line-height: 1.4;
		margin-bottom: 20px;
		letter-spacing: 0.01em;
	}
	/* PHOTO*/
	.con-area #repo-area figure img{
		width:100%;
		height:100%;
		margin:0;
		padding:0;
		position:absolute;
		top:0;
		left:0;
		background-size:cover;
		}
	.con-area #repo-area figure.yoko{
		margin:20px auto 20px;

		}
	.con-area #repo-area figure.tate{
		margin:20px auto 20px;

		}
	.con-area #repo-area figure div{
		margin:0 auto 5px;
		}
	.con-area #repo-area figure.yoko div{
		width:100%;
		padding-top:66.66%;
		background-size:cover;
		}
	.con-area #repo-area figure.tate div{
		width:70%;
		padding-top:105%;
		background-size:cover;
		}
		.con-area #repo-area figcaption{
		font-size:80%;
		}
	/* BACKNUMBER*/
	#bklist{
		width:100%;
		background-color: #e9e8e8;
		padding: 10px;
		box-sizing: border-box;
	}
	#bklist h3{
		width: 60%;
		height: 0;
		padding-top: 7.2%;
		margin-bottom: 10px;
	}
	#bklist ul{
		list-style: none;
	}
	#bklist li{
		font-size: 86%;
		padding: 10px;
		margin-bottom: 2px;
	}
	#bklist a{
		display: block;
		text-decoration: none;
		color: #141414;
	}
	#bklist .date{
		display: block;
		font-size: 90%;
		line-height: 1.4;
	}
}