/*
Theme Name:quadra child
Theme URI:
Description:WordPressテーマ「quadra」の自作子テーマです。
Template:quadra_biz001
Author:dgreen
Author URI:https://dgreen.jp
Version:1.13.2
*/

@media screen and (min-width: 769px) {
  .sp{
    display: none;
  }
}
@media screen and (max-width: 770px) {
  .pc{
    display: none;
  }
}


.header_bottom{
  background-color: #5B8017;
}
.gtranslate_wrapper{
  position: relative;
}
.gtranslate_wrapper::before{
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/icon-globe.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  left: -35px;
  top: 3px;
}
.gt_selector{
  padding: 5px 6px 6px;
  border-radius: 4px;
  border: 1px solid #B9B9B9;
}
#header_search, #footer_search{
  font-size: 16px;
  position: absolute;
  right: 0px;
  width: 184px;
  height: 32px;
  z-index: 100;
  top: auto;
  bottom: auto;
  margin: auto;
}
#footer_search {
  background: none !important;
  max-width: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 20px 0 0 0;
  height: auto;
  display: flex;
  justify-content: center;
}
#footer_search .gtranslate_wrapper{
  max-width: 207px;
  padding-left: 35px;
}
#footer_search .gt_selector {
  width: 100%;
  max-width: 207px;
}
#footer_search .gtranslate_wrapper::before{
  background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/icon-globe-w.png');
  left: 0;
}

.header_top_inner{
  display: flex;
  align-items: center;
}
#global_menu ul ul a{
  background: #5B8017;
}
#global_menu ul ul a:hover {background:#5B8017; }
#top-mainvisual{
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #B4E2EE;
  position: relative;
  width: 100%;
}
#main_col02 #article{
  padding: 0;
}
@media screen and (min-width: 769px) {
  #top-mainvisual{
    background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/mainvisual.jpg');
    height: 549px;
  }
}
@media screen and (max-width: 768px) {
  #top-mainvisual {
    background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/mainvisual-sp.jpg');
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 376 / 676;
  }
}
.search_form{
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  margin: auto;
  width: 100%;
  padding: 20px 0 24px;
}
#searchform #searchsubmit{
  background: #014099;
}
.cb_header {
    margin-bottom: 40px;
  }
.cb_header .headline{
  color: #303030;
}
.cb_content:last-of-type:not(.cb_free_space) {
    padding-bottom: 87px;
}
#top-navs{
  max-width: 1130px;
  margin: 60px auto 0;
}
#top-navs .flex-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (min-width: 769px) {
  #top-navs .nav-list{
    max-width: 260px;
    width: 24%;
    margin: 0 0 30px;
  }
}
@media screen and (max-width: 768px) {
  #top-navs{
    margin: 30px auto 0;
  }
  #top-navs .nav-list{
    width: 49%;
    margin: 0 0 10px;
    display: flex;
    align-items: stretch;
  }
}
#top-navs .nav-list a{
  display: block;
  padding: 20px 20px 20px;
  border-radius: 10px;
}
#top-navs .nav-list a img{
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: 158px;
}
#top-navs .nav-list a p{
  border-top: 1px solid #fff;
  margin: 20px 0 0;
  padding: 10px 0 0;
  color: #fff;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  #top-navs .nav-list a p{
    font-size: 21px;
  }
}
@media screen and (max-width: 768px) {
  #top-navs .flex-wrap{
    padding: 0 20px;
  }
  #top-navs .nav-list a{
    padding: 20px 15px 10px;
  }
  #top-navs .nav-list a p{
    font-size: 18px;
    text-align: center;
    line-height: 1.1;
  }
}

#top-navs .nav01 a{
  background: #CB6732;
}
#top-navs .nav02 a{
  background: #708B00;
}
#top-navs .nav03 a{
  background: #D18428;
}
#top-navs .nav04 a{
  background: #69466A;
}
#top-navs .nav05 a{
  background: #4880B1;
}
#top-navs .nav06 a{
  background: #DC8585;
}
#top-navs .nav07 a{
  background: #5B773F;
}
#top-navs .nav08 a{
  background: #A7962B;
}
.cb_blog_carousel{
  background-image: linear-gradient(0deg, #ebe6c0, transparent);
}
.cb_blog_carousel {
    padding: 110px 0px;
}
.design_button.type1 a{
  background: #014099 !important;
}

#download-wrap{
  background: #75A478;
  padding: 49px 20px 49px;
}

@media screen and (min-width: 769px) {
  #download-wrap .flex-wrap{
    display: flex;
    justify-content: space-between;
    max-width: 1130px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #download-wrap .flex-wrap{}
}
#download-wrap .flex-wrap div{
  max-width: 551px;
  width: 100%;
}
#download-wrap .flex-wrap div a{
  display: flex;
  justify-content: space-between;
  background: #fff;
  border-radius: 12px;
  max-width: 551px;
  padding: 30px 30px 30px;
  width: 100%;
  box-shadow: 4px 6px 10px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
}
#download-wrap .flex-wrap div a:hover{
  box-shadow: 4px 6px 10px 0px rgb(0 0 0 / 20%);
}

#download-wrap .flex-wrap div a .text-wrap .download-title, #download-wrap .flex-wrap div a .img-wrap .download-title{
  font-size: 22px;
  color: #5B8017;
  margin: 10px 0 10px;
}
#download-wrap .flex-wrap div a .text-wrap p{
  line-height: 2;
}

#sns-wrap{
  padding: 40px 20px 60px;
  text-align: center;
}
#sns-wrap .sns_headline{
  margin: 0 0 50px;
}
#sns-wrap .sns_headline span{
  font-size: 20px;
  font-weight: normal;
  max-width: 536px;
  display: block;
  margin: 0 auto;
  position: relative;
  line-height: 1.8;
}
#sns-wrap .sns_headline span::after, #sns-wrap .sns_headline span::before{
  content: "";
  display: block;
  width: 42px;
  height: 47px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  bottom: -13px;
}
#sns-wrap .sns_headline span::after{
  background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/line01-right.png');
  right: 0;
}
#sns-wrap .sns_headline span::before{
  background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/line01-left.png');
  left: 0;
}

#eventcalendar-wrap{
  text-align: center;
}
#download-wrap .flex-wrap div a .img-wrap img{
  object-fit: cover;
  object-position: top;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #eventcalendar-wrap{
    padding: 90px 0 27px;
  }
  #sns-wrap .flex-wrap{
    display: flex;
    justify-content: center;
  }
  #download-wrap .flex-wrap div a .img-wrap{
    max-width: 150px;
  }
  #download-wrap .flex-wrap div a .img-wrap img{
    width: 150px;
    height: 149px;
  }
  #download-wrap .flex-wrap div a .text-wrap{
    max-width: 308px;
  }
}
@media screen and (max-width: 768px) {
  #eventcalendar-wrap{
    padding: 40px 0 10px;
  }
  #sns-wrap .sns_headline span{
    font-size: 18px;
  }
  #sns-wrap .flex-wrap{}
  #download-wrap{
    padding: 40px 20px 25px;
  }
  #download-wrap .flex-wrap div a{
    width: 100%;
    display: block;
    padding: 15px 15px 15px;
    margin: 0 0 15px;
  }
  #download-wrap .flex-wrap div a .img-wrap{
    max-width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: left;
  }
  #download-wrap .flex-wrap div a .img-wrap img{
    width: 110px;
    height: 110px;
  }
  #download-wrap .flex-wrap div a .img-wrap .download-title{
    font-size: 20px;
    margin: 0 0 0 16px;
  }
  #download-wrap .flex-wrap div a .text-wrap{
    max-width: 100%;
    width: 100%;
  }
  #download-wrap .flex-wrap div a .text-wrap p {
    line-height: 1.8;
    margin: 10px 0 4px;
}
}

#sns-wrap .flex-wrap a{}
#sns-wrap .flex-wrap a img{}

  /* スライダー全体のラッパー */
  .top-gallery-wrap {
    width: 100%;
    overflow: hidden;
    background-image: linear-gradient(0deg, #ebe6c0, transparent);
  }
  .top-gallery-wrap-wrap{
    background-repeat: repeat-x;
    background-position: center bottom;
  }
  @media screen and (min-width: 769px) {
    .top-gallery-wrap-wrap{
      background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/footer-topimg.png');
      background-size: 2800px;
      padding: 0 0 250px;
    }
    #sns-wrap .flex-wrap div{
      margin: 0 30px 0;
    }
  }
  @media screen and (max-width: 768px) {
    .top-gallery-wrap-wrap{
      background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/footer-topimg-sp.png');
      background-size: contain;
      padding: 0 0 130px;
    }
    #sns-wrap .flex-wrap div{
      margin: 0 30px 10px;
    }
  }
  /* 各スライドの設定 */
  .slick-gallery .gallery-item {
    margin-right: 20px;
    outline: none;
  }

  /* 画像の設定 */
  .slick-gallery .gallery-item img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
  }

  /* タイトルの設定 */
  .slick-gallery .gallery-title {
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    text-align: right;
    background-image: url('https://dgreen-check.com/kihoku-shakyo.com/wp-content/themes/quadra_biz001-child/assets/img/arrow02.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    text-decoration: underline;
    background-size: 6px;
  }

  #footer_top {
      width: 222px;
  }
  #footer-info{
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 15px;
    padding: 0 0 20px;
    box-sizing: border-box;
  }

  #return_top span{
    background-color: #CF8327;
  }

#global_menu_button span{
  background: #5B8017 !important;
}
#mobile_menu a:hover, #drawer_menu .close_button:hover, #mobile_menu .child_menu_button:hover{
  background: #3D5E00 !important;
}
@media screen and (min-width: 769px) {
  .slick-gallery .gallery-item {
    width: 262px;
  }
}
@media screen and (max-width: 768px) {
  #footer-info{
    padding: 0 20px 20px;
  }
  .slick-gallery .gallery-item {
    margin-right: 6px;
    width: 154px;
  }
}

#drawer_menu{
  background: #5B8017 !important;
}
#mobile_menu li li a{
  background: #3D5E00 !important;
}
}
@media screen and (max-width: 1201px) {
  #mobile_menu a{
    border-bottom: 1px solid #5B8017 !important;
  }
}

#main_contents02{}
#main_contents02 .inner02{
  max-width: 900px;
  margin: 0 auto;
  padding: 70px 0 30px;
}
.privacy-policy .inner{}
.privacy-policy .wp-block-list {
  list-style: none;
  counter-reset: num;
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.privacy-policy .wp-block-list li {
  counter-increment: num;
  position: relative;
  padding-left: 2em;
  font-size: 16px;
  border-bottom: 1px solid #DEDEDE;
  padding-bottom: 20px;
  padding-top: 20px;
}
.privacy-policy .wp-block-list li::before {
  content: counter(num) ".";
  position: absolute;
  left: 0;
  top: 0;
  padding-bottom: 20px;
  padding-top: 20px;
  font-size: 18px;
  font-weight: bold;
  color: #5B8017;
}
.privacy-policy .wp-block-list li::marker{
  display: none;
}

@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {
  #main_contents02 .inner02{
    padding: 30px 20px;
  }
}

.widget_headline{
  border-left: 4px solid #5B773F;
}
.widget_headline.welfare{
  border-left: 4px solid #CB6732;
}
.widget_headline.senior{
  border-left: 4px solid #708B00;
}
.widget_headline.shougai{
  border-left: 4px solid #D18428;
}
.widget_headline.trouble{
  border-left: 4px solid #69466A;
}
.widget_headline.lending{
  border-left: 4px solid #4880B1;
}
.widget_headline.volunteer{
  border-left: 4px solid #DC8585;
}
.widget_headline.donation{
  border-left: 4px solid #5B773F;
}
.widget_headline.recruit{
  border-left: 4px solid #5B773F;
}
.widget_headline.disaster-recovery{
  border-left: 4px solid #A7962B;
}

#side_bnr{
  text-align: center;
  margin: 30px 0 0;
}
#side_bnr a{
  display: inline-block;
  margin: 0 0 12px;
}
#side_bnr a img{
  max-width: 100%;
}

@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {}

#main_col h1, #main_col02 h1{
  font-size: 32px;
  color: #195E1B;
}
#main_col h2, #main_col02 h2{
  font-size: 24px;
  color: #303030;
  border-bottom: 3px solid #195E1B;
  padding: 0 0 10px;
}
#main_col h3, #main_col02 h3{
  font-size: 20px;
  color: #303030;
  border-left: 3px solid #195E1B;
  background-color: #F4F4F4;
  padding: 10px 16px 10px;
}
#main_col h4, #main_col02 h4{
  font-size: 18px;
  color: #fff;
  background-color: #195E1B;
  padding: 10px 16px 10px;
}
#main_col h5, #main_col02 h5{
  font-size: 18px;
  color: #195E1B;
}
#main_col h6, #main_col02 h6{
  font-size: 16px;
  color: #195E1B;
  position: relative;
  padding-left: 22px;
}
#main_col h6::before, #main_col02 h6::before{
  position: absolute;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-color: #195E1B;
  border-radius: 10px;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
#post_title{
  padding-bottom: 0;
}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {}

#hukusikihoku-wrap{}
.hukusikihoku-about{
  font-size: 16px;
  margin: 0 0 10px;
  line-height: 1.8;
}
#hukusikihoku-wrap.flex-wrap{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  align-items: stretch;
  margin: 30px 0 70px;
}
#hukusikihoku-wrap .item{
  box-sizing: border-box;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: 24px;
}

#hukusikihoku-wrap .item h2{
  text-align: center;
  background: #5b8017;
  color: #fff;
  border-bottom: 1px solid #000;
  font-size: 20px;
  padding: 19px 20px;
  font-weight: normal;
}
#hukusikihoku-wrap .item .img{
  text-align:center;
  padding:10px;
}
#hukusikihoku-wrap .item .img img{
  max-width: 200px;
  width: 100%;
  height: auto;
}
#hukusikihoku-wrap .item .txt{
  text-align: center;
  font-size: 18px;
  padding: 13px 10px;
  border-top: 1px solid #000;
  line-height: 1.8;
}
#hukusikihoku-wrap .item .txt a{
  color: #0093CB;
}
@media screen and (min-width: 769px) {
  #hukusikihoku-wrap .item:nth-of-type(3n){
    border-right: 1px solid #000;
  }
  #hukusikihoku-wrap .item{
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 768px) {
  #hukusikihoku-wrap.flex-wrap{
    justify-content: center;
  }
    #hukusikihoku-wrap .item{
      border-right: 1px solid #000;
      width: 80%;
      max-width: 301px;
    }
    #hukusikihoku-wrap .item.empty {
      display: none;
    }
}

#post_archive.page-list{}
#post_archive.page-list .image{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 200px;
  object-fit: cover;
  object-position: center;
}
#post_archive.page-list .title{
  color: #5B8017;
}
#post_archive.page-list .title{
  color: #5B8017;
}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {}

#archive_header_title{
  background: #195E1B;
}
.wp-block-button__link{
  color: #fff !important;
  background-color: #014099;
  padding: calc(.667em + 14px) calc(1.333em + 34px);
}
#bread_crumb, #bread_crumb li.last{
  color: #303030;
}
@media screen and (max-width: 750px) {
  #bread_crumb ul {
    width: auto !important;
  }
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th{
  background: #F0F0D9;
}
.page-id-111 .post_content p{
  line-height: 1.8;
}
#footer_menu .footer_menu li:first-of-type{
  font-weight: normal;
}

@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {
  #footer_logo img{
    max-width: 220px;
  }
}


@media screen and (min-width: 1201px) {
  /* 1. hoverによる表示を完全に上書きで隠す */
  #global_menu li:hover > ul.sub-menu,
  #global_menu li:hover > .megamenu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* 2. JSでクリックして .active が付いた時だけ表示する */
  #global_menu li.active > ul.sub-menu,
  #global_menu li.active > .megamenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* メガメニュー用の表示設定（ID指定がある場合を考慮） */
  .active_mega_menu.active_mega_menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1000 !important;
  }
}

.cb_header .headline span{
  font-family: "Zen Maru Gothic", sans-serif;
}

.wp-block-button.arrow a{
  position: relative;
}
.wp-block-button.arrow a::after{
  position: absolute;
  content: "";
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 12px;
  height: 12px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  right: 45px;
  top: 40%;
}

#copyright{
  font-size: 14px;
}
@media screen and (min-width: 769px) {}
@media screen and (max-width: 768px) {
  .cb_header .headline{
    font-size: 28px !important;
  }
}