/*
Theme Name: noda
Description: noda
Author: ACEWEB

Version:1.0
License:ACEWEB
License URI:http://aceweb.jp

Tags:
*/

@charset "utf-8";

:root{
	--main-color: #185FE8;
	--dark-color: #134CB9;
	--right-color: #5A8DEE;
  --bright-color: #E0F2FF;
  --student-color: #2074B5;

}

.pagination{ width: 100%; margin: 0 auto; padding-top: 20px; border-top: 1px solid var(--right-color); margin-top: 50px;}
.pagination ul{ display: flex; justify-content: space-between; font-weight: 700;}
.pagination ul li{ width: 30%; max-width: 160px;}
.pagination ul li a{ display: block;  color: var(--main-color); font-size: 14px; border-radius: 18px; padding: 5px; text-align: center; }
.pagination ul li a svg{vertical-align: middle; font-size: 16px; transform: translateY(2px); margin-right: 10px;}
.pagination ul li a:hover{ background: var(--main-color); color: #fff; opacity: 1; }
.pagination ul li span{font-size: 14px;}
.pagination ul li:nth-child(1){ text-align: left; }
.pagination ul li:nth-child(1) a{display: block; border: 1px solid var(--main-color);}
.pagination ul li:nth-child(1) a i{ margin-right: 10px; }

.pagination ul li:nth-child(2) a{ display: block; color: var(--main-color); border: 1px solid var(--main-color); background-color: #fff;}
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: var(--main-color); background: var(--main-color); }
.pagination ul li:nth-child(3) a{ display: block; border: 1px solid var(--main-color);}
.pagination ul li:nth-child(3)  i{ margin-left: 10px; }
.pagination ul li.nonext{ border: 1px solid #ccc; color: #ccc; font-size: 1.4rem; text-align: center; padding: 5px; opacity: 0.7; border-radius: 18px;}
.pagination ul li.next svg{transform: translateY(-1px);}
.pagination ul li.next svg,
.pagination ul li.nonext svg{ margin-left: 10px; vertical-align: middle;}
.pagination ul li.nonext span{ text-align: left; padding-top: 5px; font-size: 14px;}
.pagination ul li.prev span{ display: initial; text-align: right; vertical-align: middle; padding-top: 5px; font-size: 16px;}
.pagination ul li.noprev{ border: 1px solid #ccc; color: #ccc; font-size: 14px; text-align: center; padding: 5px; font-size: 16px; opacity: 0.7;}
.pagination ul li.prev svg,
.pagination ul li.noprev svg{ margin-right: 10px;}
.pagination ul li.noprev i{ margin-right: 10px; }
.pagination ul li.noprev span{ text-align: right; padding-top: 5px; }
.pagination ul li.modoru i{ margin-right: 10px; }

.wp-pagenavi{ text-align: center;  }

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:520px){



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 SP CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width:521px) and (max-width:1130px){



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 TAB CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media print, screen and (min-width:1131px){



}
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 PC CSS END
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */