@charset "UTF-8";
* {
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
list-style: none;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video
{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;font-weight: 400;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
table {border-collapse: collapse;border-spacing: 0;}
input,select {vertical-align: middle;}
body {font-family:  "Noto Sans CJK JP","Noto Sans", sans-serif;font-size: 14px;font-weight:300;color:#1D1D1D;letter-spacing: 0.01em;line-height: 2em;}
a {text-decoration: none;transition: 0.3s;}
.sp{display: none!important;}

.btn{
display: inline-block;
font-family:  "Noto Sans CJK JP","Noto Sans", sans-serif;
color:#1D1D1D;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 1em;
padding: 26px;
width: auto;
min-width: 300px;
box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.16);
border-radius: 50px;
background-color: #fff;
}

main.page {
padding-top: 200px;
width: 90%;
height: auto;
margin: 0 auto;
text-align: center;
line-height: 2em;
}
main.other-page{
width: 90%;
height: auto;
min-height: 500px;
margin: 0 auto;
padding: 100px 0;
line-height: 2em;
}
.bcn {
width: 90%;
max-width: 1080px;
margin: 0 auto;
display: flex;
align-items: center;
padding: 10px 0;
font-size: 10px;
gap: 5px;
color: #222;
line-height: 1.4em;
}
.bcn a{color: #222;}

/*ページング*/
.nav-links {
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin: 30px auto 100px auto;
}
.nav-links a {
width: 50px;
height: 50px;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.16);
background-color: #fff;
color: #0071BB;
}
.nav-links a:first-child {
width: 70px;
height: 70px;
border-radius: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.nav-links a:last-child {
width: 70px;
height: 70px;
border-radius: 40px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.nav-links a:hover{opacity: 0.5;}
.nav-links span.current {
background-color: #fff;
width: 50px;
height: 50px;
border-radius: 40px;
color: #0071BB;
border-radius: 30px;
text-align: center;
box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.16);
display: flex;
align-items: center;
justify-content: center;
font-weight: 800;
}

/*データベース 一覧*/
.news-list--wrap__category{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 60px auto;
gap: 10px;
}
.news-list--wrap__category a{min-width: inherit;padding: 20px 40px;}
.news-list--wrap-parent{max-width: 1000px;margin: 0 auto;}
.category-top-message{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
max-width: 1000px;
width: 100%;
margin: 0 auto 30px auto;
text-align: center;
}
.news-page__date{
display: flex;
font-weight: 400;
gap: 10px;
align-items: center;
margin-bottom: 5px;
}
.cat,.cat-event,.cat-interview{
background-color: #0071BB;
padding: 6px 20px;
color: #fff;
font-size: 12px;
font-weight: 400;
border-radius: 20px;
line-height: 1.2em;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
display: block;
font-size: .8125em;
margin-left: 10px;
}
.wp-block-latest-posts__post-excerpt p{text-decoration: underline;color: #000;}
.news-list--wrap-parent-flex img{
max-width: 180px;
height: 100%;
margin-right: 40px;
}
.news-page__date p{margin-right: 10px;}
.wp-block-latest-posts__featured-image img {max-width: 180px;max-height: 120px;}
.news-list--wrap-parent-flex{
display: flex;
align-items: center;
margin-bottom: 30px;
}
.category-button {
padding: 16px;
min-width: 260px;
text-decoration: none;
transition: 0.2s;
display: inline-block;
font-family: "Noto Sans CJK JP", "Noto Sans", sans-serif;
color: #1D1D1D;
text-align: center;
font-weight: 700;
line-height: 1em;
width: auto;
box-shadow: 0px 3px 26px 0px rgba(0, 0, 0, 0.16);
border-radius: 50px;
background-color: #fff;
}
.category-button:hover {background-color: #ccc;}
.category-button.active {background-color: #0073aa;color: #fff;}

.ttl{
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-size: 16px;
line-height: 1.7rem;
color: #000;
font-weight: 500;
}
.wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content {
margin-bottom: 0;
margin-top: 0;
}
.page-wrapper{
max-width: 1080px;
width: 95%;
margin: 50px auto 0 auto;
}
.date_cat{display: flex;align-items: center;}
.news-title{
font-size: 25px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
margin: 10px 0;
}
.wp-block-image img {
max-width: 530px;
width: 100%;
height: 100%;
margin:20px auto;;
display: block;
}
.single-btn{
max-width: 1000px;
margin: 30px auto 100px auto;
width: fit-content;
display: flex;
}
.single-btn a{margin-right: 20px;}
.single-btn a:last-child{margin-right: 0px;}

/*ページトップ*/
.page-top__wrapper{
height: 100vh;
background-position: center;
background-size: cover;
max-height: 300px;
width: 100%;
background-repeat: no-repeat;
margin-top: 120px;
position: relative;
background-image: url(../images/include/activities-fv.jpg);
}
.page-top__wrapper::before{
content: "";
display: block;
width: 100%;
bottom: 0;
position: absolute;
height: 50vh;
left: -30px;
background-repeat: no-repeat;
background-size:contain;
background-position:left 15px;
max-height: 130px;
z-index: 1;
}
    .page-donation .page-top__wrapper{background-image: url(../images/include/donation-fv.jpg);}
    .page-donation .page-top__wrapper::before{background-image: url(../images/include/make-a-donation.png);}
    .page-posts .page-top__wrapper{background-image: url(../images/include/activities-fv.jpg);}
    .page-posts .page-top__wrapper::before{background-image: url(../images/include/database-report.png);}
    .page-about .page-top__wrapper{background-image: url(../images/include/about-fv.png);}
    .page-about .page-top__wrapper::before{background-image: url(../images/include/about-report.png);}
.page-top__name{
position: absolute;
top: 45%;
color: #fff;
font-size: 30px;
left: 4rem;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", serif;
font-weight: 700;
letter-spacing: 0.5rem;
}

.category-accordion {
width: 100%;
max-width: 400px;
margin: 0 auto;
font-family: sans-serif;
border: 1px solid #ccc;
}
.accordion-toggle {
width: 100%;
background: #fff;
border: none;
border-bottom: 1px solid #ccc;
font-weight: bold;
padding: 1rem;
text-align: center;
position: relative;
cursor: pointer;
color: #000;
font-size: 14px;
}
.accordion-toggle .arrow {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  border: solid black;
  border-width: 0 2px 2px 0;
  padding: 5px;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}
.accordion-toggle[aria-expanded="true"] .arrow {transform: translateY(-50%) rotate(-135deg);}
.accordion-content {
display: none;
flex-direction: column;
border-top: none;
background: #fff;
}
.accordion-content a {
padding: 1rem;
border-top: 1px solid #ccc;
text-decoration: none;
color: #000;
display: block;
text-align: center;
}
.accordion-content a:hover {background: #f0f0f0;}

/*arrow*/
.slick-arrow{
position: absolute;
width: 70px;
height: 70px;
border-radius: 50%;
background-color: #fff;
border:none;
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.16);
text-align: center;
line-height: 70px;
color: #0071BB;
box-sizing: border-box;
font-size: 40px;
bottom: 50%;
left: 0;
right: 0;
margin: auto;
z-index: 3;
cursor: pointer;
transition: 0.2s;
}
.slick-arrow:hover{opacity: 0.8;}
.slick-arrow span{
position: relative;
display: inline-block;
width: 13.9px;
height: 23.8px;
}
.slick-arrow span::before,.slick-arrow span::after {
content: "";
position: absolute;
top: calc(50% - 1px);
width: 18px;
height: 2px;
border-radius: 9999px;
background-color: #0071bb;
}
_::-webkit-full-page-media, _:future, :root .slick-arrow span::before {
top: calc(50% - 5px);
}
_::-webkit-full-page-media, _:future, :root .slick-arrow span::after {
top: calc(50% - 5px);
}
.slick-arrow span::before {transform: rotate(45deg);}
.slick-arrow span::after {transform: rotate(-45deg);}
.slick-prev span::before,.slick-prev span::after{left: 0;transform-origin: 1px 50%;}
.slick-next span::before,.slick-next span::after{right: 0;transform-origin: calc(100% - 1px) 50%;}

@media only screen and (max-width: 1100px) {
.category-accordion{margin-bottom: 40px;}
.page-donation .page-top__wrapper::before{
background-size: 100%;
max-width: 450px;
height: 70px;
left: 0;
}
.news-list,.page-wrapper{width: 95%;margin:50px auto 0 auto;}
.single-btn{flex-direction: column;margin-top: 20px;}
.single-btn a {margin-right: 0px;margin-top: 20px;}
.page-top__wrapper::before {
background-size: 100%;
max-width: 450px;
left: 0;
}
.page-posts .page-top__wrapper::before {height: 90px;max-width: 400px;}
.page-about .page-top__wrapper::before {height: 90px;bottom: 0;}
.news-list--wrap__category{display: none;}
.category-button {box-shadow: inherit;border-radius: inherit;}
}

@media only screen and (max-width: 950px) {
.sp{display:block!important;}
.pc{display: none!important;}
.arrows {
width: 100%;
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
gap: 10px;
margin-top: 30px;
}
.slick-arrow {
position: static;
margin: 0;
width: 40px;
height: 40px;
line-height:37px;
max-width: 40px;
min-height: 40px;
border-radius: 20px;
}
.slick-arrow span::before, .slick-arrow span::after {width: 10px;}
}

@media only screen and (max-width: 550px) {
.news-list--wrap-parent-flex{flex-direction: column;}
.news-list--wrap-parent-flex img {margin: 0 0 20px 0;}
.page-posts .page-top__wrapper,.page-donation .page-top__wrapper,.page-about .page-top__wrapper {max-height: 150px;}
.page-donation .page-top__wrapper::before {height: 60px;}
.page-posts .page-top__wrapper::before {
height: 70px;
left: -10px;
max-width: 300px;
}
.page-top__name {left: 1rem;font-size: 16px;}
.page-donation .page-top__wrapper::after{
background-size: 100%;
max-width: 300px;
bottom: -20px;
height: 20vh;
max-height: 55px;
}
.page-posts  .page-top__wrapper::after {
background-size: 100%;
max-width: 300px;
bottom: -20px;
height: 20vh;
max-height: 60px;
}
.page-about .page-top__wrapper::after {
background-size: 100%;
max-width: 300px;
bottom: -20px;
height: 20vh;
max-height: 70px;
}
}

@media screen and (min-width: 1099px) {
.category-accordion {display: none;}
}