@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
a {text-decoration: none;}
hr {background: #377e22; height: 2px; color: #377e22; border: none;}
.wrap {width: 1000px;}
.main {width: 700px; background: #f9f9fb; padding-top: 0;}
.breadcrumb {margin: 0 0.4em;}
.sidebar {width: 300px;}
.date-tags {display: none;}
.with_fig {display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap;}
.with_fig > p {width: 68%;}
.with_fig > figure {width: 30%;}
.with_fig > figure > img {width: 100%;}
.book_list {display: flex; justify-content: space-between; align-items: stretch;}
.book_list > div {width: 24%;}
.book_list > div > figure {text-align: center;}
.report_list ul li {list-style: none;}


figure span.caption {display: inline-block; font-size: 12px; line-height: 1.2;}
.article h1 {background: #4da930; color: #fff; padding: 0.5em 2em; width: calc(100% + 4em); margin: 1em 0 1em -2em; font-size: 24px;}
.article h2 {margin: 2em 0 0.25em 0; padding: 0 0.25em; background: none; border-bottom: solid 2px #4da930; font-size: 20px;}
.article h3 {border: none; margin: 0.25em 0; padding: 0.25em 0; font-size: 18px;}
.article h4 {border: none; margin: 0.25em 0; padding: 0.25em 0; font-size: 16px;}
.article h5 {border-bottom: 2px solid #377e22;}
.article-footer {display: none;}
.article > .entry-content > div {margin: 2em 0 0 1em;}
.article dd {margin-left: 1em;}
.article ul {padding-left: 0;}
#content-bottom {margin-bottom: 0;}
#content-bottom aside {margin-bottom: 0;}
#sidebar {background: #f9f9fb;}

/* mobile menu */
.slicknav_menu {background: #4da930;}
.slicknav_nav a {margin: 0 5px}
.slicknav_menu span.slicknav_menutxt {display:none;}
.slicknav_menu span.slicknav_icon {margin: 0;}
.slicknav_menu .slicknav_btn {border: solid 1px #377e22; background: #4da930;}

/* header */
#header > div.cf::after {content: none;}
#header-in {display: flex; flex-flow: row; justify-content: space-between; align-items: center; margin: 1em auto;}
#header-in div.header-in-right {text-align: right;}
/*#header-in div.header-in-right a {text-decoration: none;}*/
#header-in div.header-in-right > a {display: inline-block; margin-bottom: 15px; padding: 0.5em 1em; font-size: 16px; font-weight: bold; border: solid 1px #616161; border-radius: 5px; background: linear-gradient(to bottom, #53b3d1, #3b8424); color: #fff;}
#header-in div.header-in-right > p {display: flex; justify-content: space-between; padding: 0;}
#header-in div.header-in-right > p > a {font-size: 12px; padding: 0 1em; border-right: solid 1px #000;}
#header-in div.header-in-right > p > a:last-child {border-right: none; padding-right: 0;}

/* footer */
#footer {margin-top: 0;}
#footer-in .footer-bottom {margin-top: 0;}

/* global navi */
#menu-global_nav {font-weight: bold;}
#menu-global_nav > li {border-left: solid 1px #fff;}
#menu-global_nav > li:last-child {border-right: solid 1px #fff;}
#menu-item-47 {background: #ed702d;}
#menu-item-50 > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
#menu-item-50 > a > div.caption-wrap > div.item-label {line-height: 18px; display: flex; flex-flow: column; align-items: center; justify-content: center;}
#menu-item-55 {width: 200px;}
.top-has-sub {display: none!important;}
.sub-menu > li {background: #67c94d; border-bottom: dashed 1px #fff;}
.sub-menu > li:last-child {border-bottom: none;}
.sub-menu #menu-item-61 {width: 150px;}
#menu-item-686 {display: none;}
#menu-item-689 {display: none;}
#menu-item-687 {display: none;}
#menu-item-688 {display: none;}
/* active page */
#navi > div.page_16 #menu-item-19 {background: #455ec4;}
#navi > div.page_39 #menu-item-50 {background: #455ec4;}
#navi > div.page_41 #menu-item-49 {background: #455ec4;}
#navi > div.page_43 #menu-item-48 {background: #455ec4;}

/* スライダー */
#custom_html-2 {background: #f9f9fb;}
.bx-wrapper {background-color: transparent; margin: 0px auto!important; border: none; box-shadow: none!important; -webkit-box-shadow: none!important;}
.bx-wrapper {background: #f9f9fb!important; border: none!important;}
.bx-wrapper img {display: block; margin: 0px auto;}

/* トップページ */
#post-20 .article-header {display: none;}
#post-20 .topics-link {margin-bottom: 0;}
#post-20 .topics-link a {font-size: 16px; font-weight: bold;}
#post-20 h5.news {display: flex; justify-content: space-between; align-items: center; margin-top: 0;}
#post-20 h5.news a {font-size: 0.8em;}
#post-20 ul.news-list {padding-left: 0;}
#post-20 ul.news-list li {list-style: none; display: flex; justify-content: flex-start; align-items: center; font-size: 18px; flex-wrap: wrap; padding: 0.5em 0; border-bottom: dashed 1px #c2c2c2;}
#post-20 ul.news-list li span {display: inline-block; margin-right: 1em; text-align: center; border-radius: 5px;}
#post-20 ul.news-list li span.press-release {background: #7ab2bd; color: #fff; width: 8em;}
#post-20 ul.news-list li span.media {background: #bb7490; color: #fff; width: 8em;}
#post-20 ul.news-list li span.news {background: #dece5c; color: #fff; width: 8em;}
#post-20 ul.news-list li span.appeal {background: #e8a87c;  color: #fff;  width: 8em;}
#post-20 .banner {margin-top: 60px;}

/* ニュース一覧 */
#post-16 ul.news-list {padding-left: 1em;}
#post-16 ul.news-list li {list-style: none; padding: 0.5em 0; border-bottom: dashed 1px #c2c2c2;}
#post-16 ul.news-list li span {display: inline-block; margin-right: 1em; text-align: center; border-radius: 5px;}
#post-16 ul.news-list li span.press-release {background: #7ab2bd; color: #fff; width: 8em;}
#post-16 ul.news-list li span.media {background: #bb7490; color: #fff; width: 8em;}
#post-16 ul.news-list li span.news {background: #dece5c; color: #fff; width: 8em;}
#post-16 ul.news-list li span.appeal {background: #e8a87c;  color: #fff;  width: 8em;}

div.pagenation {margin: 0; display: flex; justify-content: center; align-items: center;}
div.pagenation a.prev {width: 4em}
div.pagenation a.next {width: 4em}
div.pagenation .current {background: #4da930; color: #fff;}


/**/
#post-41 figure#p41-fig1 > img {width: 100%;}
#post-41 div#staff > ul {padding-left: 0;}
#post-41 div#staff > ul > li {list-style: none; border-bottom: dashed 1px #c2c2c2; padding: 0.25em 0;}
#post-41 div#staff > ul > li > span:first-child {display: inline-block; width: 6em;}
#post-41 div#teikan > p {margin-bottom: 0;}
#post-41 .kawai {display: flex; justify-content: space-between; align-items: stretch;}
#post-41 .kawai > figure {width: 15%;}
#post-41 .kawai > figure img {width: 100%;}
#post-41 .kawai > div {width: 83%;}
#post-41 .aoki {display: flex; justify-content: space-between; align-items: stretch;}
#post-41 .aoki > figure {display: flex; flex-flow: column; width: 15%;}
#post-41 .aoki > div {width: 83%;}

/* 活動へのご支援 */
th,td {
    border: solid 1px;          /* 枠線指定 */
}
table {border-collapse:  collapse; /* セルの線を重ねる */}
th {text-align: left;           /* 文字の揃え位置指定 */}
td {text-align:  left;        /* 文字の揃え位置指定 */}


/* ウェブ写真館 */
#post-212 .entry-content div {background: #000;}
#post-212 figure#main_photo_1 {width: 60%; margin: 0 20%; padding: 1em 0;}
#post-212 figure#main_photo_1 img {width: 100%;}
#post-212 p#main_photo_1_txt {color: #fff; margin-left: 1em;}
#post-212 figure#main_photo_2 {width: 60%; margin: 0 20%; padding: 1em 0;}
#post-212 figure#main_photo_2 img {width: 100%;}
#post-212 p#main_photo_2_txt {color: #fff; margin-left: 1em;}
#post-212 ul {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
#post-212 ul > li {list-style: none; width: 12%; margin: 2px calc(4%/16);}
#post-212 ul > li > figure img {width: 100%;}
#post-212 ul > li > p {display: none;}

/* 寄付 */
.credit input[type="text"] {width: 30%;}
.credit span {margin: 0 2em 0 0.5em;}
.credit input[type="submit"] {width: 45%;}

/**/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* 1023px以下 */
@media screen and (max-width: 1023px) {
  /* 必要ならばここにコードを書く */
  .wrap {
    max-width: 1000px;
    width: 100%;
  }
  #header-in {
    width: 98%;
    margin: 0 1%;
  }
  #navi-in {
    width: 98%;
  }
  /* #navi-in > ul > li {width: 16%!important;} */
  #navi-in > ul > li > a {
    padding: 0 0.5em !important;
  }
  #navi-in > ul > li div.item-label {
    font-size: 16px;
  }
  #post-20 ul li {
    font-size: 16px;
  }
}

/* 834px以下 */
@media screen and (max-width: 834px) {
  /* 必要ならばここにコードを書く */
  .wrap {
    width: 100%;
  }
  .header-in-right {
    display: none;
  }
  /**/
  .with_fig > p {
    width: 100%;
  }
  .with_fig > figure {
    width: 100%;
    text-align: center;
  }
  .with_fig > figure > img {
    width: auto;
  }
  #menu-item-686 {
    display: block;
  }
  #menu-item-689 {
    display: block;
  }
  #menu-item-687 {
    display: block;
  }
  #menu-item-688 {
    display: block;
  }
}

/* 480px以下 */
@media screen and (max-width: 480px) {
  /* 必要ならばここにコードを書く */
  .wrap {
    width: 100%;
  }
  #post-20 ul li a {
    width: 95%;
    margin-left: 5%;
  }
  #post-41 .kawai {
    display: block;
  }
  #post-41 .kawai > figure {
    float: left;
    margin-right: 1em;
    width: 40%;
  }
  #post-41 .kawai > div {
    width: auto;
  }
  #post-41 .aoki {
    display: block;
  }
  #post-41 .aoki > figure {
    float: left;
    margin-right: 1em;
    width: 40%;
  }
  #post-41 .aoki > div {
    width: auto;
  }
  .credit input[type="text"] {
    width: 80%;
  }
  .credit input[type="submit"] {
    width: 100%;
  }
}

.source-org.copyright {
  margin-bottom: 24px;
}

/* SNSアイコン全体を中央寄せし、横並びに */
.sns-icons {
  display: flex; /* 横並びにする */
  justify-content: center; /* 中央寄せ */
  align-items: center; /* 縦の位置を揃える */
  gap: 20px; /* アイコン間のスペース */
  margin-top: 12px;
  margin-bottom: 18px;
}

/* 各SNSアイコンのスタイル */
.sns-icon {
  display: block; /* 必要に応じてブロック要素化 */
  width: 48px; /* アイコンのサイズ */
  height: 48px;
  transition: opacity 0.3s ease; /* ホバー時のエフェクト */
}

/* 画像のサイズを統一 */
.sns-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* アイコンが変形しないように調整 */
}

/* ホバー時のエフェクト */
.sns-icon:hover {
  opacity: 0.7;
}

/* リンクの基本デザイン */
.list-link {
  display: inline-flex; /* インライン要素でアイコンとテキストを横並び */
  align-items: center;  /* 縦の位置を揃える */
  font-size: 16px;      /* テキストサイズ */
  text-decoration: none; /* 下線なし */
  transition: color 0.3s ease;
}

/* 矢印アイコンのスタイル */
.list-link i {
  margin-left: 9px; /* アイコンとテキストの間に余白 */
  font-size: 18px;   /* 矢印アイコンのサイズ */
}

/* ホバー時の色変更 */
.list-link:hover {
  color: #0073e6; /* ホバー時の色 */
}

/* 一覧のリスト */

.child-pages-list{
    list-style: none;
    padding:0;
    margin: 18px 0 0;
}
.child-pages-list li { 
    position: relative;
    margin:0.3em 0 !important;
    padding-left: 25px;
}
.child-pages-list li:before {
   background-color:  #4da930; /* 点の色 */
   position: absolute;
   content: '';
   top:0.6em;
   left: 0.5em;
   width: 7px;
   height: 7px;
   border-radius: 4px;
}

/* バグ修正 */
.no-sidebar .content .main {
    overflow: hidden;
}