@charset "utf-8";
/* CSS Document */

#news, #about-info, #award-info, #qa-info {
	padding:4em 0;
	border-bottom:1px solid #eeeeee;
}
@media screen and (max-width: 991px) {
	#news, #about-info, #award-info, #qa-info {
		padding:2em 0;
	}
}
/*メイン画像*/
#main-image div.row {
	margin-bottom:10px;
}

/* .row の左右のネガティブマージンを0にする */
.row--nopadding { margin-left: -5px; margin-right: -5px;}
 /* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] { padding-left: 5px; padding-right: 5px;}

#main-image .image-cover,#award-info .award-cover {
	position:relative;
	background-position:center center;
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;

}
#main-image .image-cover{
	height:220px;
}
#main-image .image-l{
	height:450px;
}
image-cover, .award-cover {
	opacity:0
}
a.caption {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
	text-align:center;
}


a.caption:hover {
	background:rgba(0, 0, 0, 0.5) ;
	opacity:1;
	text-align:center;
}
a.caption h3, a.caption p {
	margin-bottom:10px;
	color: rgba(255,255,255,0.9);
}
.caption-title {
    position: absolute;
    top: 50%;	
    right: 20px;
    bottom: 0px;
    left: 20px;
    margin-top: 0px;
}
	@media screen and (max-width: 991px) {
		.caption-title {
			top: 35%;	
		}
	}

@media screen and (max-width: 991px) {
	#main-image a.caption {
		display: block;
		position: absolute;
		background:rgba(0, 0, 0, 0.3) ;
		top:auto;
		right: 0;
		bottom: 0;
		left: 0;
		height: 100px;
		opacity: 1;
		text-align: center;
	}
	#main-image a.caption h3 {
		font-size:1em;
	}
	#main-image a.caption p {
		font-size:0.9em;
	}
}
@media screen and (max-width: 767px) {
	#main-image div.row {
		margin-bottom:0px;
	}
	#main-image .image-l{
		height:300px;
	}

	#main-image a.caption h3 {
		font-size:1.2em;
	}
	#main-image .image-cover {
		margin-bottom:20px;
	}

}

/*お知らせ*/
#news dl { font-size:14px;}
#news dl dt,#news dl dd{ float:left; margin-bottom:1.6em; font-weight:normal}
#news dl dt {width:14em; clear:both}
#news dl dt span {padding:2px 5px; background:#1C7292; margin-left:1.5em; color:#fff; font-size:13px}
#news dl a { color:#000}
#news dl a:hover { color:#1C7292}
@media screen and (max-width: 991px) {
	#news dl dt,#news dl dd { float:none;}
	#news dl dt { margin-bottom:0.8em;}
	#news dl dd { margin-bottom:1.6em;}
}
/*日本文学振興会とは*/


/*各賞紹介*/
#award-info .row {
	margin:0 0 0 -15px;
}
.col-award {
	padding-right:0;
}
#award-info .award-cover {
	height:150px;
	background-position:center center;
	background-size:cover;
}
@media screen and (max-width: 991px) {
	#award-info .award-cover {
	height:150px;
	background-position:center 30%;
	margin-bottom:10px;
	}
}
@media screen and (max-width: 767px) {
	#award-info .award-cover {
	height:150px;
	margin-bottom:10px;
	}
}
div.award-cover > a.caption {
	background-color:rgba(0,0,0,0.7);
	opacity:0.8;
}
div.award-cover > a.caption:hover {
	background-color:rgba(0,0,0,0.4);
}
	@media screen and (max-width: 991px) {
		#award-info div.caption-title {
			top: 50%;	
		}
	}

/*よくあるご質問*/
#qa-info dl dt { margin-bottom:0.5em}