@charset "utf-8";

/* 共通 */


/* TOP */

.top1{
	width: 100%;
	background:url(img/bg1.jpg) no-repeat center bottom;
	background-size: 100% auto;
	padding:80px 0;
	font-size:1.1em;
}
.wrap{
	width: 95%;
	max-width: 1024px;
	margin:0 auto;
	text-align: left;
}
.ttl1{
	text-align: center;
	font-size:3em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom:40px;
}
.top1 h3{
	font-size:1.7em;
	line-height: 1.5em;
	font-weight: normal;
	margin-bottom:30px;
}
.top1 .imgR{
	float:right;
	margin-right: -40px;
	padding:0 0 30px 30px;
}
.top1 .imgL{
	clear: both;
	float:left;
	margin-left: -40px;
	padding:0 30px 30px 0;
}
/* 詳細 */


.postlist{
	background: #EBECF1;
	padding:80px 0;
	font-size:1.1em;
}
.postlist ul{
  display: -webkit-flex;
  display: flex;
 	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-left:-3.333%;
}
.postlist ul li{
	background: #0076B2;
	-webkit-flex-grow:1;
	flex-grow:1;
	width: 30%;
	max-width: 30%;
	margin-bottom:25px;
	margin-left:3.333%;
	padding:20px 25px 30px;
	color:#fff;
}
.postlist ul li h3{
	font-size:1.3em;
	font-weight: normal;
	padding-bottom:15px;
	text-align: center;
}
.postlist ul li h3 a{ text-decoration: underline; }
.postlist ul li h3 a:hover{ text-decoration: none; }
.postlist ul li a{ color:#fff;  }
.postlist ul li p a{
	display: block;
	background: url(img/arrow2.png) no-repeat right bottom;
	padding-bottom:25px;
	text-decoration: none;
}
.btn1{
	width: 45%;
	margin:0 auto;
	text-align: center;
	color:#000;
}
.btn1 a{
	background: url(img/arrow3.png) no-repeat 95% center;
	border-radius: 5px;
	display:block;
	border:solid 2px #000;
	border-bottom:solid 5px #000;
	color:#000;
	text-decoration: none;
	font-weight: bold;
	padding:15px 25px;
	font-size:1.3em;
}

#ranking{
	background-image: url(img/bg2.jpg),url(img/bg3.png);
	background-repeat: no-repeat, repeat;
	background-size:contain, repeat;
	padding:60px 0;

}
#ranking h3{
	text-align: center;
	font-size:3em;
	color:#fff;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom:40px;
}

.ranking{
	position: relative;
	background: #fff;
	border:solid 4px #DBC284;
	padding:40px 50px;
	width: 928px;
	margin:0 auto 30px;
}
#rank2{ border:solid 4px #DADAD4 !important;}
#rank3{ border:solid 4px #CE9683 !important;}

.ranking .num{
	position: absolute;
	top:-12px;
	left:40px;
}
.ranking h4{
	position: relative;
	margin-top:-5px;
	font-size:2.3em;
	padding-left:90px;
	padding-bottom:40px;
	line-height: 1.3em;
}
.ranking .pic{
	float:left;
	width: 404px;
	padding-bottom:30px;
}
.ranking .txt{
	float:right;
	padding-bottom:30px;
	width:403px;
}
.ranking .txt h5{
	font-weight: bold;
	font-size:1.3em;
	line-height: 1em;
	background: url(img/icon1.png) no-repeat left top;
	padding:0 0 5px 15px;
	border-bottom:solid 1px #0076B2;
	margin-bottom:15px;
}
.ranking .txt ul{
	color:#666672;
}
.ranking .txt ul li{ font-size:1.1em; padding:5px 0;}
.ranking .txt ul li:before{ content:"・"; } 
.ranking table{
	width: 100%;
	clear:both;
	margin-bottom:30px;
}
.ranking table th{
	background: #CBD6E4;
	border-bottom:solid 1px #fff;
	vertical-align: middle;
	padding:15px;
	font-weight: normal;
	text-align: center;
}
.ranking table td{
	background: #EBECF1;
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	vertical-align: middle;
	padding:15px;
}
.ranking .btn{
	text-align: center;
	width: 60%;
	margin:0 auto;
}
.ranking .btn a{
	display: block;
	background: #0076B2;
	border-bottom:solid 5px #005B8C;
	padding:15px 25px;
	border-radius: 5px;
	color:#fff;
	text-decoration: none;
	font-size:1.4em;
}
.ranking .btn a span{ display: block;background: url(img/arrow1.png) no-repeat right center;}

.post{
	background: #fff;
	padding:30px 40px;
	text-align: left;
	margin-bottom:30px;
}
.post p{ padding-bottom:25px;}
.post h3{ background:#0076b2; color:#fff; padding:10px 15px; font-size:1.3em; font-weight: bold; margin-bottom:15px;}
.post em{color:#000; background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffff66 60%) repeat scroll 0 0; font-weight: bold;}

/*----▼▼▼ページナビ用▼▼▼------------------------------------------------*/
.wp-pagenavi {
	clear: both;
	width: auto;
	margin-top: 0;
	margin-bottom: -20px;
	text-align:left;
}
.wp-pagenavi .pages{
	background-color: #FFFFFF;
	border: 1px solid #ccc;

}
.wp-pagenavi a, .wp-pagenavi span {
	background-color: #FFFFFF;	
	text-decoration: none;
	margin-right:7px;
	padding-top: 1px;
	padding-right: 7px;
	padding-bottom: 1px;
	padding-left: 5px;
	border: 1px solid #ccc;
	color: #333333;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background-color: #B70404;
	color: #FFFFFF;
	padding:1px 6px;
	border:none;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
.wp-pagenavi .nextpostslink,.wp-pagenavi .previouspostslink{
	background-color: #FFFFFF;
	border: 1px solid #ccc;
}
/*----▲▲▲ページナビ用▲▲▲------------------------------------------------*/