@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}
@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {/*本文左右の空白*/
padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
font-size: 16px;
}
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.body .article {/*本文SNSフォロー下の空白*/
margin-bottom: 8em;
}
.grecaptcha-badge { visibility: hidden; }
/* ----------------------- */
*{
  font-feature-settings: "palt";
	letter-spacing: 0.03em;
	scroll-behavior: smooth;
  font-family: "Helvetica Neue","Noto Sans JP", sans-serif;
}
input, textarea,
select, button,
input::placeholder{
  -webkit-appearance: none;
  font-family: "Helvetica Neue","Noto Sans JP", sans-serif;
  font-size: 1.25rem;
}
input[type="text"] {
  font-family: "Helvetica Neue", "Noto Sans JP", sans-serif !important;
}
input::placeholder{
  font-family: "Helvetica Neue","Noto Sans JP", sans-serif;
  color: #aaa;
}
img{
  border: none;
  border-radius: 5px;
}

/* -------------------ヘッダー---- */

.logo-header img{
  width: auto;
  height: 32px;
}
.logo-image{
  margin: 0;
  padding: 0;
}
.tagline{
  font-weight: 600;
  margin: 0;
	font-size: 11px;
	letter-spacing: 0.075em;
  line-height: 1;
  padding-bottom: 8px;
}
#header{
  height: 80px;
  margin-bottom: 2em;
	border-bottom: 1px solid #d2d2d2;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #fff;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 834px){
  .logo-header img{
	  height: 30px;
	}
	.tagline{
	font-size: 10px;
  margin-top: 5px;
  padding-bottom: 0;
	}
  #header{
    height: 70px;
  }
}

/* -------------------フッター---- */
#footer{
  background-color: #3a3a3a;
	color: #fff;
	padding: 2em 1em;
}
.copyright{
  font-size: 10px;
}
.footer-bottom-logo{
	top: 0;
}
.footer-bottom-logo img{
  height: 30px;
  width: auto;
}
@media screen and (max-width: 834px){
  .navi-footer{
    width: 60%;
    margin: 1em auto;
  }
}

/* ------------------------------------------------------------------メインカラム---- */
#main{
  padding: 0;
  margin: 0;
}
#main p{
	font-weight: 400;
	font-size: 0.95em;
/* 	margin-bottom: .5em; */
}
#main strong{
	font-weight: 600;
}
.content{
  margin-top: 100px;
}
/* ------------------------------------------------------------------Pickup---- */
#navi_entries-4 .widget-title::after{
  content: "おすすめ記事";
  font-size: 1rem;
  padding-left: .75em;
}
@media screen and (max-width: 834px){
  #navi_entries-4 .widget-title::after{
	font-size: .75rem;
    padding-left: .5em;
  }
}
#navi_entries-4{
  padding: 0;
  margin: 0 auto 4em;
  width: 93%;
}
.swiper-wrapper{
  margin: 1em 0 0 0;
}
.widget-entry-cards.large-thumb-on .card-content{
  border-radius: 10px;
}
.is-list-horizontal.large-thumb-on .widget-entry-card-link{
  width: 60%;
  max-width: 100%;
  padding: 0 .5em 0 0;
  margin: 0;
}
.widget-entry-cards.card-large-image figure{
  margin: 0;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover .card-content{
  margin-bottom: 0;
  opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
  padding: 4em 0.6em 0.6em 0.6em;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.75));
}
.is-list-horizontal.large-thumb-on .card-title{
  font-weight: 400;
  font-size: 1.25rem;
  width: 94%;
  margin: 0 auto .5em;
}
@media screen and (max-width: 834px){
  .is-list-horizontal.large-thumb-on .widget-entry-card-link{
    width: 80%;
  }
  .is-list-horizontal.large-thumb-on .card-title{
    font-size: 1rem;
    width: 98%;
    margin: 0 auto .2em;
  }
}
@media screen and (max-width: 834px){
  .is-list-horizontal .swiper-button-next{
	display: none;
	}
}

/* -----------------------------------------------------------------------New Post---- */

#list-wrap .list-new-entries-title::after{
  content: "新着記事";
  font-size: 1rem;
  padding-left: .65em;
  color: #006d36;
}
 @media screen and (max-width: 834px){
   #list-wrap .list-new-entries-title::after{
	 font-size: .75rem;
     padding-left: .4em;
   }
}
#list,
#list-wrap{
  width: 92%;
  margin: 0 auto;
}
.no-scrollable-main .main{
  background-color: #fafafa;
}
@media screen and (max-width: 834px){
  .no-scrollable-main .main{
    padding-top: 0;
    margin-top: 0;
  }
}
h1.list-title,
.widget-index-top-title,
.widget-title{
  margin: 0;
  padding: 0;
  text-align: left;
}
.ect-vertical-card{
  justify-content: space-between;
}
.ect-vertical-card .entry-card-wrap{
  margin-top: .7em;
  padding: 0;
  width: 48.5%;
}
@media screen and (max-width: 834px){
  .entry-card-title{
    font-size: 1.25rem;
  }
  .ect-vertical-card .entry-card-wrap{
  width: 100%;
  }
}
.entry-card-snippet{
  display: none;
}
.a-wrap:hover{
  background-color: rgba(0,0,0,0);
}
span.list-title-in,
.widget-index-top-title,
.widget-title{
  font-size: 2rem;
  padding: 0;
  color: #006d36;
  letter-spacing: 0;
  font-weight: bold;
}
.widget-index-top-title,
.widget-title{
  padding: 0;
}
.related-entry-card-title, .entry-card-title{
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (max-width: 834px){
  span.list-title-in,
  .widget-index-top-title,
  .widget-title{
    font-size: 1.75rem;
    padding: 0;
    line-height: 1;
  }
  .list-wrap{
    margin-bottom: 0;
  }
  .related-entry-card-title, .entry-card-title{
    font-size: 1.15rem;
	  margin-top: .25em;
  }
}
.list-title-in:before,
.list-title-in:after{
  display: none;
}
.cat-label{
  display: none;
}
.e-card-info{
  justify-content: left;
  color: #bbb;
}
.list-more-button-wrap{
  margin-top: 2em;
}

/* ---------------------------------------------------------番号送り---- */
.pagination-next{
	display: none;
}
.pagination{
	margin: 4em auto;
}
.pagination .page-numbers{
	border: none;
	border-radius: 50px;
}
.pagination .current{
	background-color: #006d36;
	color: #fff;
}
@media screen and (max-width: 834px){
	.pagination{
		margin: 3em auto 0;
	}
}

/* ----------------------------------------------------------Popular---- */

#popular_entries-13 .widget-title::after{
  content: "人気記事";
  font-size: 1rem;
  padding-left: .75em;
  color: #006d36;
}
@media screen and (max-width: 834px){
  #popular_entries-13 .widget-title::after{
    font-size: 0.75rem;
    padding-left: .5em;
  }
}
#popular_entries-13{
  margin: 4em auto 0;
  width: 92%;
}
.popular-entry-cards{
  margin: 1em 0;
  width: 100%;
}
.widget-entry-cards figure{
  width: 235px;
}
.popular-entry-card-link.widget-entry-card-link{
  border-top: 1px solid #eee;
  padding: 1em 0;
}
.popular-entry-card-link.widget-entry-card-link.no-4{
  border-bottom: 1px solid #eee;
}
.popular-entry-card .card-title{
  padding-top: 0.5em;
  padding-left: 0.75em;
  font-size: 1.15rem;
  line-height: 1.5;
  max-width: 500px;
}
.card-arrow .a-wrap::after{
  right: 0;
  color: #bbb;
}
@media screen and (max-width: 834px){
  .widget-entry-cards figure{
    width: 120px;
  }
  .popular-entry-card .card-title{
	  padding-top: 0.35em;
	  padding-left: 0.5em;
	  font-size: 0.9rem;
  }
}
#popular_entries-13 .card-thumb::before{
	background-color: #E6C85D;
/* 	color: #006d36; */
}

/* -------------------検索窓---- */
/* #content-top{
  display: none;
} */
@media screen and (max-width: 834px){
/*   #content-top{
    display: block;
    margin: 0 12px;
	padding: 0 1.5%;
  }
  #search-2{
    display: none;
  } */
}
input[type=text],
input[type="email"]{
  border: none;
  border-bottom: solid #d2d2d2 1px;
  border-radius: 0;
  padding: 1em 0 1em 30px;
  outline: none;
  background-color: #fafafa;
	font-size: 1em;
	line-height 1;
}
textarea{
	background-color: #fafafa;
}
.search-submit{
  right: 100%;
  left: 0;
  padding: 0;
  color: #3a3a3a;
  font-weight: 100;
	line-height: 1;
}
#main .search-box{
  display: none;
}
#search-2 .search-box{
  width: 100%;
}
input::placeholder{
  font-size: 1em;
  font-weight: 300;
}
@media screen and (max-width: 834px){
  #search-2 .search-box{
    display: block;
    margin: 2em auto;
    width: 100%;
  }
	input[type=text]{
  border: solid #d2d2d2 1px;
  padding-left: 3em;
		line-height: 1;
}
	.search-submit{
		  padding-left: 1em;
		line-height: 1;
	}
	.fa-search:before{
		line-height: 1;
	}
}

/* -------------------アーカイブ---- */
.archive-title{
  color: #006d36;
  width: 92%;
  margin: 0.75em auto;
}
/* -------------------ボタン---- */
.list-more-button{
  border: none;
  background-color: #006d36;
  color: #fff;
  padding: 0.7em 3.5em;
  font-size: 15px;
}

/* -------------------サイドカラム---- */

.sidebar{
  background-color: #fafafa;
  padding-top: 46px;
}
.sidebar-scroll{
  top: 120px;
}
h2.wp-block-heading{
  background-color: rgba(0,0,0,0);
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-left: 0;
  margin-bottom: .5em;
  color: #006d36;
  letter-spacing: 0;
  font-size: 1.5rem;
}
@media screen and (max-width: 834px){
	#sidebar{
		padding: 0;
		margin: 4em auto;
		width: 92%;
	}
  /* h2.wp-block-heading{
    margin-bottom: 0.8em;
  } */
  div.sidebar{
    padding-top: 0;
  }
}
.wp-block-categories-list.wp-block-categories .cat-item{
  display: inline-block;
  margin-bottom: 8px;
}
.wp-block-categories-list.wp-block-categories .cat-item a,
.entry-categories a{
  background-color: #eee;
  display: inline-block;
  padding: 8px 15px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  color: #3a3a3a;
}
.entry-categories-tags .tax-icon{
  display: none;
}
.wp-block-categories-list.wp-block-categories .cat-item a:hover{
  background-color: #006d36;
  color: #fff;
}

/* -------------------記事ページ---- */
.article.post p{
/* 	margin-bottom: 1.5em; */
	line-height:1.8;
}
.entry-header {
    display: flex;
    flex-direction: column;
}
.entry-header .eye-catch-wrap {
    order: -1;
}
.article{
  width: 92%;
  max-width: 720px;
  margin: auto;
}
.eye-catch-wrap{
  margin: 0 0 6% 0;
}
.post-update{
  color: #bbb;
}
.date-tags{
  text-align: left;
}
.entry-title{
  font-size: 40px;
  line-height: 2;
  margin-bottom: 1.5rem;
}
.entry-content.cf .wp-block-heading{
  font-size: 2rem;
  margin-bottom: 1.5rem;
	letter-spacing: 0;
	margin-top: 90px;
}
.entry-content.cf h3.wp-block-heading{
  border: none;
  font-size: 1.35rem;
  color: #006d36;
  padding: 0;
  line-height: 1.5;
	margin-top: 120px;
}
/* .entry-content.cf h3.wp-block-heading::after{
  content: "";
  display: block;
  border: #006d36 solid 1px;
  width: 35px;
  margin-top:.5em;
} */
.entry-content.cf{
  padding: 0;
  margin-top: 8%;
}
@media screen and (max-width: 834px){
  .entry-title{
    font-size: 1.75rem;
    padding: 0;
  }
  .entry-content.cf{
    padding: 0;
  }
  .entry-content.cf .wp-block-heading{
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
	margin-top: 70px;
  }
  .entry-content.cf h3.wp-block-heading{
    margin-bottom: 1em;
    font-size: 1.2rem;
	margin-top: 50px;
  }
}
.related-entry-heading{
  color: #006d36;
}
.main-caption{
  letter-spacing: 0;
}
#toc{
  margin: 3em 0;
  padding: 2em;
  background-color: #eee;
  border: none;
  border-radius: 10px;
  width: 100%;
}
#toc .toc-title{
  font-weight: 600;
  font-size: 25px;
  text-align: left;
  padding: 0;
}
.toc-title::after{
  font-size: .7em;
  color: #006d36;
}
#toc .toc-content{
  font-weight: 600;
}

.list-more-button:hover{
	border: solid 1px #006d36;
	color: #006d36;
}
.wp-block-image{
	padding: 1em 0;
}
/* ---------------------------------------------次の記事---- */
#pager-post-navi{
	margin-top: 5em;
}
#pager-post-navi .prev-post,
#pager-post-navi .next-post .next-post-thumb,
#prev-next-home{
	display: none;
}
#pager-post-navi .next-post{
	width: 100%;
	border: solid 1px #d2d2d2;
	padding: 3em 2em;
	margin: auto;
	justify-content: center;
}
#pager-post-navi .next-post:hover{
	background-color: #eee;
}
#pager-post-navi .next-post .fa-chevron-right:before{
	content: "→";
	color: #323232;
}

/* ---------------------------------------------目次---- */
.toc-content .toc-list li{
  font-weight: 500;
  margin: 0.4em;
}
/* .toc .toc-list ol{
  padding-left: 0;
}
.article ol li ol li{
  list-style: none;
} */

/* ---------------------------------------------テーブル---- */

.wp-block-table{
  margin-top: 2em;
  font-size: 1rem;
}
/* ---------------------------------------------sns---- */
.sns-share.ss-top.ss-col-6 .sns-buttons{
  margin: 1em 0;
  padding: 1em 0;
  border-top: #d2d2d2 solid 1px;
  border-bottom: #d2d2d2 solid 1px;
  column-gap: 4%;
  align-content: left;
}
.sns-share.ss-high-and-low-lc a .button-caption.button-caption{
  display: none;
}
.sns-share.ss-top.ss-col-6 a{
  color: #3a3a3a;
  background-color: #eee;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: none;
  margin: 0 1em;
}
/* .sns-share-buttons::before{
  content: "Share";
} */

/* ---------------------------------------------Recomend---- */
#related-entries .main-caption{
  font-size: 2rem;
}

#related-entries .main-caption::after{
  content: "おすすめ記事";
  font-size: 1rem;
  padding-left: .75em;
  color: #006d36;
}

#related-entries{
  width: 92%;
  margin: 0 auto 3em;
}
.rect-vertical-card .related-list{
  justify-content: space-between;
}
.rect-vertical-card .related-entry-card-wrap{
  padding: 0;
}
.related-entry-card-snippet{
	display: none;
}
.rect-vertical-card-4 .related-entry-card-wrap{
  width: 24%;
}
@media screen and (max-width: 834px){
  #related-entries .main-caption{
    font-size: 1.5rem;
  }
  #related-entries .main-caption::after{
    font-size: .75rem;
    padding-left: .5em;
  }
  .rect-vertical-card-4 .related-entry-card-wrap{
    width: 48.5%;
  }
}
.under-entry-content .related-entry-heading{
	padding-top: 1em;
	border-top: 1px solid #d2d2d2;
}
.related-entries{
	border-bottom: 1px solid #d2d2d2;	
}
.is-list-horizontal .swiper-button-next{
	box-shadow: none;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
}
/* ---------------------------------------------パンクズ---- */
.breadcrumb{
  width: 92%;
  margin: auto;
}
/* ---------------------------------------------説明文の囲み---- */
.wp-block-preformatted{
  padding: 1em;
  background-color: rgba(0,0,0,0);
  margin: 2.5em 0!important;
  border: none;
  border-top: #d2d2d2 solid 1px;
  border-bottom: #d2d2d2 solid 1px;
}
.wp-block-preformatted img{
  display: inline-block;
  margin: 0.5em 0;
}
/* -------------------カスタムテキスト---- */
.cocoon-custom-text-1{
  color: #006d36;
  margin-bottom: 1em;
}
.cocoon-custom-text-2{
	font-size: .9rem;
	padding-top: 0;
}
@media screen and (max-width: 834px){
  .cocoon-custom-text-1{
    font-size: 1rem;
  }
	.cocoon-custom-text-2{
	font-size: .75rem;
	padding-top: 0;
    }
}
#content .imgspace{
	margin-bottom: 0;
}