/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi {
	clear: both;
	display:flex;
	margin:auto;
	max-width: 315px;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

/*追加分*/



.wp-pagenavi .current,
.wp-pagenavi a:hover{
  text-align: center;
  display: block;
  box-sizing: border-box;
  width: 36px;
  height:36px;
  margin: 0 5px;
  padding:5px 0 0;
  color: #fff;
  background: rgba(35,66,119,1.0);

}
.wp-pagenavi a{
  text-align: center;
  box-sizing: border-box;
  display: block;
  width: 36px;
  height:36px;
  margin: 0 5px;
  padding: 5px 0 0;
  background: #97c0db;
  color: #fff !important;
  font-weight: bold;
}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{

}
@media screen and (max-width : 640px){
.wp-pagenavi {
 display: flex;
 overflow:hidden;
 width:85%;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover{
  text-align: center;
  display: block;
  box-sizing: border-box;
  width: 36px;
  height:36px;
  margin: -10px 5px 0;
  padding:3px 0 0;
  color: #fff;
  background: rgba(35,66,119,1.0);

}
.wp-pagenavi a{
  text-align: center;
  box-sizing: border-box;
  display: block;
  width: 36px;
  height:36px;
  margin: -10px 5px 0;
  padding: 3px 0 0;
  background: #97c0db;
  color: #fff !important;
  font-weight: bold;
}
.wp-pagenavi a.previouspostslink,.wp-pagenavi a.nextpostslink{

}

	
	}