@charset "UTF-8";
/*
Theme Name: hearty-green
Author: IWAMURA Miki
Description: This is my original theme.
Version: 1.0
*/
/* CSS Document */
/*-----------------ベンダープレフィックス-----------------*/
/*-----------------フォント-----------------*/
/*-----------------その他-----------------*/
/*クリアフィックス*/
/* CSS Document */
/*-----------------変数イニシャライズ-----------------*/
/*--------フォントサイズ--------*/
/* CSS Document */
/*-----------------ベーシックスタイル-----------------*/
body {
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  color: #313131;
  background-color: #009944; }

h1,
h2,
h3,
h4 {
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

img {
  margin: 0px;
  padding: 0px;
  font-size: 0px;
  vertical-align: bottom; }

a img {
  border: none; }

a:link {
  text-decoration: none;
  color: #009944; }
a:visited {
  color: #009944; }
a:hover, a:focus, a:active {
  color: #00b34f; }

.container {
  background-color: #FFFDE5;
  margin: 0 48px;
  border-radius: 18px 18px 0 0; }
  @media (min-width: 768px) and (max-width: 840px) {
    .container {
      /*iPadサイズ大*/
      margin: 0 14px; } }
  @media (max-width: 767px) {
    .container {
      /*iPadサイズ*/
      margin-left: 5px;
      margin-right: 5px;
      border-radius: 0; } }

.contents {
  max-width: 832px;
  padding-left: 48px;
  padding-right: 48px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 767px) {
    .contents {
      /*iPadサイズ*/
      padding-left: 7px;
      padding-right: 7px; } }

header {
  margin: 12px 48px; }
  @media (max-width: 767px) {
    header {
      /*iPadサイズ*/
      margin: 12px; } }

section {
  padding-bottom: 64px; }
  @media (max-width: 767px) {
    section {
      /*iPadサイズ*/
      padding-bottom: 32px; } }
  section > h1 {
    color: white;
    font-size: 24px;
    background-color: #009944;
    padding: 0.25em 0.75em;
    border-radius: 0.5em;
    margin-bottom: 56px; }
    @media (max-width: 767px) {
      section > h1 {
        /*iPadサイズ*/
        font-size: 16px;
        margin-bottom: 28px; } }
  section strong {
    color: #009944; }

.word-wrap {
  display: inline-block; }

/*-----------------テンプレート-----------------*/
.fs-bold {
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.fs-normal {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.clear-float:after {
  content: "";
  display: block;
  clear: both; }

.menu ul,
.menu ol {
  margin: 0;
  padding: 0;
  list-style: none; }
.menu li a {
  display: block;
  text-decoration: none; }

.buttonize {
  text-align: center; }
  .buttonize li a {
    display: inline-block;
    background-color: white;
    padding: 0.25em 1em;
    border-radius: 0.5em;
    border: solid 1px #009944; }

.single-nav {
  text-align: center;
  background-color: white;
  padding: 0.25em 1em;
  border-radius: 0.5em;
  border: solid 1px #009944; }
  .single-nav ul {
    display: inline-block; }
  .single-nav li {
    display: inline-block; }
    .single-nav li i {
      font-size: 24px;
      vertical-align: middle;
      margin-right: 8px; }
      @media (max-width: 767px) {
        .single-nav li i {
          /*iPadサイズ*/
          margin-right: 4px; } }
    .single-nav li.pagenav-middle {
      margin-left: 1em;
      margin-right: 1em; }

.pagination {
  text-align: center; }
  .pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none; }
    .pagination ul:after {
      content: "";
      display: block;
      clear: both; }
    @media (max-width: 767px) {
      .pagination ul {
        /*iPadサイズ*/
        border: solid 1px #009944;
        border-radius: 4px;
        background-color: white; } }
  .pagination li {
    float: left; }
  .pagination li a,
  .pagination li > span {
    display: block;
    padding: 0.5em;
    margin: 4px;
    border: solid 1px #009944;
    border-radius: 4px;
    background-color: white; }
    @media (max-width: 767px) {
      .pagination li a,
      .pagination li > span {
        /*iPadサイズ*/
        margin: 0;
        border: none;
        background-color: transparent; } }
  .pagination li span {
    border: none;
    background-color: transparent; }

/*-----------------シングルページ-----------------*/
.single .my-post-wrap {
  padding: 64px; }
  @media (max-width: 767px) {
    .single .my-post-wrap {
      /*iPadサイズ*/
      padding: 32px 0; } }
.single .post-content h1 {
  font-size: 26px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  color: #009944;
  margin-bottom: 1em; }
  @media (max-width: 767px) {
    .single .post-content h1 {
      /*iPadサイズ*/
      font-size: 20px; } }
.single article {
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .single article {
      /*iPadサイズ*/
      margin-bottom: 20px; } }
.single .single-time {
  color: gray;
  text-align: right;
  margin-bottom: 48px; }
  @media (max-width: 767px) {
    .single .single-time {
      /*iPadサイズ*/
      margin-bottom: 20px; } }

/*-----------------シングルコンテンツ-----------------*/
.gl-post h1 {
  font-size: 22px;
  color: #313131;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
  @media (max-width: 767px) {
    .gl-post h1 {
      /*iPadサイズ*/
      font-size: 18px; } }
.gl-post h2 {
  font-size: 20px; }
  @media (max-width: 767px) {
    .gl-post h2 {
      /*iPadサイズ*/
      font-size: 17px; } }
.gl-post h3 {
  font-size: 18px; }
  @media (max-width: 767px) {
    .gl-post h3 {
      /*iPadサイズ*/
      font-size: 16px; } }
.gl-post h1,
.gl-post h2,
.gl-post h3 {
  margin-bottom: 1em; }
.gl-post a img {
  border: none; }
.gl-post img,
.gl-post .wp-caption {
  max-width: 100%;
  height: auto; }
.gl-post blockquote {
  border-left: solid 2px gray;
  padding-left: 16px;
  margin-right: 0; }
.gl-post table {
  border: solid 1px silver;
  border-collapse: collapse;
  background-color: white; }
  .gl-post table th {
    border: solid 1px silver;
    background-color: #F4F4F4; }
  .gl-post table td {
    border: solid 1px silver; }
.gl-post .wp-caption-text {
  margin: 0;
  font-size: 0.85em;
  text-align: center; }
.gl-post .aligncenter {
  display: block;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: auto;
  margin-right: auto; }
.gl-post .alignleft {
  float: left;
  margin-top: 0;
  margin-bottom: 16px;
  margin-right: 16px; }
  @media (max-width: 767px) {
    .gl-post .alignleft {
      /*iPadサイズ*/
      display: block;
      float: none;
      margin-top: 16px;
      margin-bottom: 16px;
      margin-left: auto;
      margin-right: auto; } }
.gl-post .alignright {
  float: right;
  float: none;
  margin-top: 0;
  margin-bottom: 16px;
  margin-left: 16px; }
  @media (max-width: 767px) {
    .gl-post .alignright {
      /*iPadサイズ*/
      display: block;
      margin-top: 16px;
      margin-bottom: 16px;
      margin-left: auto;
      margin-right: auto; } }
.gl-post .alignnone {
  margin-top: 0;
  margin-bottom: 16px;
  margin-right: 16px; }
@media (max-width: 767px) {
  .gl-post {
    /*iPadサイズ*/ }
    .gl-post .youtube {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
    .gl-post .youtube iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; } }

/*-----------------ヘッダー-----------------*/
.logo {
  *zoom: 1; }
  .logo h1 {
    font-size: 20px;
    margin: 0;
    line-height: 1.35; }
    @media (max-width: 767px) {
      .logo h1 {
        /*iPadサイズ*/
        font-size: 15px; } }
    .logo h1 a {
      display: block;
      width: 350px;
      color: white;
      text-decoration: none; }
      @media (max-width: 767px) {
        .logo h1 a {
          /*iPadサイズ*/
          width: 256px; } }
    .logo h1 img {
      float: left;
      border: none;
      width: 64px;
      height: auto;
      margin-right: 8px; }
      @media (max-width: 767px) {
        .logo h1 img {
          /*iPadサイズ*/
          width: 49px;
          margin-right: 4px; } }
    .logo h1 span {
      font-size: 16px; }
      @media (max-width: 767px) {
        .logo h1 span {
          /*iPadサイズ*/
          font-size: 12px; } }
  .logo:after {
    content: "";
    display: block;
    clear: both; }

/*-----------------Hero Image-----------------*/
.hero-image {
  padding-top: 48px; }
  @media (max-width: 767px) {
    .hero-image {
      /*iPadサイズ*/
      padding-top: 20px; } }
  .hero-image img {
    display: block;
    width: 340px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px; }
    @media (max-width: 767px) {
      .hero-image img {
        /*iPadサイズ*/
        width: 144px;
        padding-bottom: 18px; } }
  .hero-image h2 {
    font-size: 24px;
    color: #ED7D31;
    text-align: center; }
    @media (max-width: 767px) {
      .hero-image h2 {
        /*iPadサイズ*/
        font-size: 16px; } }

/*-----------------バナー-----------------*/
.banner {
  padding: 0 64px 64px 64px; }
  @media (max-width: 767px) {
    .banner {
      /*iPadサイズ*/
      padding: 0 0 32px 0; } }
  .banner h4 {
    margin-top: 1em;
    margin-bottom: 1em;
    color: #ED7D31; }
  .banner a {
    display: block;
    color: black;
    border-bottom: solid 1px #009944; }
    .banner a:first-child {
      border-top: solid 1px #009944; }
    .banner a:hover {
      background-color: #fffbcc; }
      .banner a:hover .banner-button {
        background-color: #FFFFEE;
        color: #00b34f; }
  .banner article {
    padding: 20px 0;
    text-align: center; }
    .banner article p {
      margin-top: 0; }
      @media (max-width: 767px) {
        .banner article p {
          /*iPadサイズ*/ }
          .banner article p .responsive-br {
            display: none; } }
    .banner article .banner-button {
      display: inline-block;
      border: solid 1px #009944;
      background-color: white;
      color: #009944;
      font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-weight: bold;
      font-size: 24px;
      padding: 0.5em 1em;
      border-radius: 1.5em; }
      @media (max-width: 767px) {
        .banner article .banner-button {
          /*iPadサイズ*/
          font-size: 16px; } }

/*-----------------お知らせ-----------------*/
.summary .sum-wrap {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .summary .sum-wrap {
      /*iPadサイズ*/
      margin-bottom: 10px; } }
.summary .sum-row {
  border-top: solid 1px #009944;
  *zoom: 1; }
  .summary .sum-row:after {
    content: "";
    display: block;
    clear: both; }
  .summary .sum-row:last-child {
    border-bottom: solid 1px #009944; }
.summary article {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%; }
  .summary article.sum-odd {
    float: left; }
    @media (max-width: 767px) {
      .summary article.sum-odd {
        /*iPadサイズ*/
        border-bottom: solid 1px #009944; } }
  .summary article.sum-even {
    float: right; }
  @media (max-width: 767px) {
    .summary article.sum-odd, .summary article.sum-even {
      /*iPadサイズ*/
      clear: both;
      width: 100%; } }
  .summary article a {
    display: block;
    *zoom: 1;
    padding: 1em; }
    .summary article a:after {
      content: "";
      display: block;
      clear: both; }
    .summary article a:hover {
      background-color: #fffbcc; }
    @media (max-width: 767px) {
      .summary article a {
        /*iPadサイズ*/
        padding-left: 0;
        padding-right: 0; } }
  .summary article time {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11.5px;
    width: 90px;
    background-color: #009944;
    color: white;
    padding: 0.15em 0.5em; }
  .summary article img {
    display: block;
    width: 90px; }
  .summary article h1 {
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .summary article p {
    color: #313131;
    margin: 0; }
  .summary article .sum-icon {
    float: left;
    margin-right: 1em; }

/*-----------------お知らせ一覧-----------------*/
.idx-summary {
  padding-top: 64px; }
  @media (max-width: 767px) {
    .idx-summary {
      /*iPadサイズ*/
      padding-top: 32px; } }

/*-----------------グリーンルーペ・プロジェクトとは-----------------*/
.about {
  *zoom: 1; }
  .about:after {
    content: "";
    display: block;
    clear: both; }
  .about img {
    width: 238px;
    height: auto;
    float: right; }
    @media (max-width: 767px) {
      .about img {
        /*iPadサイズ*/
        width: 137px;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  .about .post-content {
    margin-right: 286px; }
    @media (max-width: 767px) {
      .about .post-content {
        /*iPadサイズ*/
        margin-right: 0; } }

/*-----------------グリーンルーペ　発起人-----------------*/
.founder {
  padding-bottom: 32px; }
  .founder .post-content {
    font-size: 0;
    display: inline-block; }
    @media (max-width: 767px) {
      .founder .post-content {
        /*iPadサイズ*/
        display: block; } }
  .founder figure {
    width: 30%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0 1.65%;
    margin-bottom: 32px; }
    @media (max-width: 767px) {
      .founder figure {
        /*iPadサイズ*/
        display: block;
        width: 207px;
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px; } }
    .founder figure img {
      margin: 0 0 20px 0;
      vertical-align: bottom; }
      @media (max-width: 767px) {
        .founder figure img {
          /*iPadサイズ*/
          margin: 0 0 10px 0; } }
    .founder figure figcaption {
      text-align: center;
      margin: 0;
      font-size: 16px; }
      .founder figure figcaption strong {
        font-size: 18px;
        color: #313131; }
        @media (max-width: 767px) {
          .founder figure figcaption strong {
            /*iPadサイズ*/
            font-size: 16px; } }

/*-----------------応援しています-----------------*/
.memberlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .memberlist article {
    display: block;
    flex-basis: 23%;
    margin-bottom: 1em; }
  .memberlist:before {
    content: "";
    display: block;
    width: 23%;
    height: 0;
    order: 1; }
  .memberlist:after {
    content: "";
    display: block;
    width: 23%;
    height: 0; }
  .memberlist figure {
    margin: 0;
    width: 150px;
    height: auto;
    margin-bottom: 0.5em; }
  .memberlist h3 {
    font-size: 1em; }
  .memberlist h4 {
    font-size: 0.8em; }
  .memberlist p {
    font-size: 0.8em; }
  @media (max-width: 767px) {
    .memberlist {
      /*iPadサイズ*/ }
      .memberlist article {
        flex-basis: 100%;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 2em; }
      .memberlist figure {
        margin-right: 1em;
        margin-bottom: 0; } }
  @media (max-width: 414px) {
    .memberlist {
      /*iPhoneサイズ*/ }
      .memberlist figure {
        flex-basis: 33%;
        max-width: 100%;
        margin-bottom: 12.8px; }
        .memberlist figure img {
          width: 100%;
          height: auto; }
      .memberlist .member-text {
        flex-basis: 66%; } }

/*-----------------フッター-----------------*/
.footer-nav {
  position: relative;
  text-align: center; }
  .footer-nav p {
    margin: 0; }
  .footer-nav .sns-share {
    margin: 0;
    position: absolute;
    top: 0;
    right: 48px; }
    @media (max-width: 767px) {
      .footer-nav .sns-share {
        /*iPadサイズ*/
        position: static;
        text-align: center;
        margin-bottom: 28px; } }
    .footer-nav .sns-share a {
      display: inline-block; }
      .footer-nav .sns-share a i {
        vertical-align: middle;
        font-size: 48px;
        margin-left: 14px; }
        .footer-nav .sns-share a i.fa-facebook {
          color: #4267b2; }
        .footer-nav .sns-share a i.fa-twitter-square {
          color: #1DA1F2; }
  .footer-nav .scrollup {
    margin: -1px 0 0 0;
    padding: 0;
    font-size: 0; }
    .footer-nav .scrollup a {
      display: inline-block; }
      .footer-nav .scrollup a i {
        font-size: 48px;
        color: #009944; }

.footer-contents {
  text-align: center;
  position: relative; }
  .footer-contents a {
    color: white; }
  .footer-contents .logo img {
    width: 164px; }
    @media (max-width: 767px) {
      .footer-contents .logo img {
        /*iPadサイズ*/
        width: 120px; } }
  .footer-contents .logo h1 {
    color: white; }
  .footer-contents .sns-account {
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    right: 96px;
    color: white; }
    @media (max-width: 767px) {
      .footer-contents .sns-account {
        /*iPadサイズ*/
        position: static;
        text-align: center; } }
    .footer-contents .sns-account p {
      margin: 0; }
    .footer-contents .sns-account a {
      display: inline-block; }
      .footer-contents .sns-account a i {
        vertical-align: middle;
        font-size: 48px;
        margin-left: 14px; }
  .footer-contents .contact {
    color: white; }
    .footer-contents .contact p {
      margin-top: 40px;
      margin-bottom: 20px; }
      @media (max-width: 767px) {
        .footer-contents .contact p {
          /*iPadサイズ*/
          margin-top: 20px;
          margin-bottom: 20px; } }
    .footer-contents .contact a {
      display: inline-block; }
      .footer-contents .contact a i {
        vertical-align: middle;
        font-size: 48px;
        margin-right: 8px; }
  .footer-contents address {
    color: white;
    font-style: normal; }
    .footer-contents address a {
      color: white;
      text-decoration: none; }
    .footer-contents address span {
      display: inline-block;
      line-height: 1.75; }
    .footer-contents address span.span-margin {
      margin-right: 1em; }
    @media (max-width: 767px) {
      .footer-contents address {
        /*iPadサイズ*/ }
        .footer-contents address span {
          display: block; }
        .footer-contents address span.span-margin {
          margin-right: 0; } }

.footer-container {
  margin-bottom: 64px;
  padding-bottom: 64px;
  border-radius: 0 0 18px 18px; }
  @media (max-width: 767px) {
    .footer-container {
      /*iPadサイズ*/
      margin-bottom: 32px;
      padding-bottom: 32px;
      border-radius: 0; } }