@charset "utf-8";/* エスケープ */

/*-----------------------------------
 WordPress用に追加したcss
------------------------------------*/

/*----------------------------------------------------
  ページャー
----------------------------------------------------*/
.page-numbers{
  /* For IE */
  -js-display: flex;
  display: flex; width: 700px; margin: 40px auto;justify-content: center;
}
.page-numbers li{
  list-style-type: none;max-width: 135px;
  flex: 1;
}
.page-numbers li a,
.page-numbers li span
 {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center; color: #fff!important; text-decoration: none!important;
}
 
@media only screen and ( max-width: 700px ) {  
 .page-numbers{width: 96%;}
  /* 全てのli要素を消す */
  .page-numbers li {
	position: absolute;
	top: -9999px;
	left: -9999px;
  }
 
  /* 必要なli要素を消す */
  .page-numbers li.active,
  .page-numbers li:first-of-type,
  .page-numbers li:last-of-type,
  .page-numbers li:nth-of-type(2),
  .page-numbers li:nth-last-of-type(2){
	position: static;
	top: initial;
	left: initial;
  }
}
 
.page-numbers li {
 
 /* For IE */
 display: flex;
 justify-content: center;
 background-color: #03b3f0;
}
 
.page-numbers a {
  /* For IE */
  flex: 1;
  height:44px;
  text-decoration:none;
  color: #fff;
}
 
/* Active 以外のhover */
.page-numbers li:not([class*="current"]) a:hover { 
  background-color: rgba(255,255,255,.2);
}
 
/* Activeのスタイル */
.page-numbers li:has(> span) { 
  background-color: #a7e4fa;
  color: #000;
  font-weight: bold;
}
 
ul {
   -webkit-padding-start: 0px;
}