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

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

Tags:
*/

@charset "utf-8";

:root{
	--main-color: #ea6da4;
	--dark-color: #f12a81;
	--bright-color: #ff93c3;
	--light-color: #ffddec;
	--student-color: #ff567e;
}


.pagination{ width: 100%; margin: 0 auto; padding-top: 20px; border-top: 1px solid var(--main-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(--dark-color); font-size: 12px; 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(--dark-color);; color: #fff; opacity: 1; }
.pagination ul li span{font-size: 12px; display: block;}
.pagination ul li:nth-child(1){ text-align: center; }
.pagination ul li:nth-child(1) a{display: block; border: 1px solid var(--dark-color);;}
.pagination ul li:nth-child(1) a i{ margin-right: 10px; }

.pagination ul li:nth-child(2) a{ display: block; color: var(--dark-color);; border: 1px solid var(--dark-color);; background-color: #fff;}
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: var(--dark-color);; background: var(--dark-color);; }
.pagination ul li:nth-child(3) a{ display: block; border: 1px solid var(--dark-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: center;  font-size: 12px;}
.pagination ul li.prev span{ display: initial; text-align: right; vertical-align: middle; font-size: 16px;}
.pagination ul li.noprev{ border: 1px solid #ccc; color: #ccc; font-size: 12px; text-align: center; padding: 5px; font-size: 16px; opacity: 0.7; border-radius: 18px;}
.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{}
.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
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */