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

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

Tags:
*/

@charset "utf-8";



.pagination{ width: 100%; margin: 0 auto; padding-top: 20px;}
.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: #F57467; 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: #F57467; 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 #F57467;}
.pagination ul li:nth-child(1) a i{ margin-right: 10px; }

.pagination ul li:nth-child(2) a{ display: block; color: #F57467; border: 1px solid #F57467; background-color: #fff;}
.pagination ul li:nth-child(2) a:hover{ color: #fff; border-color: #F57467; background: #F57467; }
.pagination ul li:nth-child(3) a{ display: block; border: 1px solid #F57467;}
.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; 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{ text-align: right; padding-top: 5px; }
.pagination ul li.modoru i{ margin-right: 10px; }

.wp-pagenavi{ text-align: center;  display: flex; gap: 15px; justify-content: center;}
.wp-pagenavi a,
.wp-pagenavi span{ width: 38px; height: 38px; line-height: 3.6rem; color: #F57467; border: 1px solid #F57467; border-radius: 5px; font-size: 1.7rem; font-family: "Zen Maru Gothic", sans-serif; font-weight: ;}
.wp-pagenavi span{color: #fff; background-color: #F57467; width: 40px; height: 40px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 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
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */