@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
*/

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

.page-hero-section h1{
	font-family: "Montserrat", sans-serif !important;
}

.wrap{
	width: 100%;
}


.article-footer a, .entry-footer a{
	color: #fff !important;
	text-decoration: none !important;
}
.list{
    row-gap: 4em;
}

.fa-folder-open:before {
    padding-right: 1rem;
}

.cat-label-2,
.cat-link-2{
	background-color: rgb(13 148 136 / var(--tw-text-opacity, 1));
}
.cat-label-3,
.cat-link-3{
	background-color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.cat-label-4,
.cat-link-4{
	background-color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.cat-label-5,
.cat-link-5{
	background-color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}



/* 記事コンテンツ */
.entry-title{ font-weight: 700; margin-top: 2.5rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #6EE7B7; }
.article h3,
.entry-card-title{ font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; border-left: 4px solid #14B8A6;}
.article p { margin-bottom: 1rem; }
.article a { color: #14B8A6; text-decoration: underline; }
.article ul { list-style: disc; padding-left: 1.5rem; margin-bottom: 1rem; }
.article blockquote { border-left: 4px solid #A7F3D0; padding-left: 1rem; margin: 1.5rem 0; font-style: italic; color: #555; }
        
        /* サイドバー */
.widget-sidebar {
    background-color: #F7FAFC;
    padding: 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
}
.wp-block-heading {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1F2937;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #E5E7EB;
    background: #ff0;
}
.widget-sidebar ul li.cat-item {
    border-bottom: 1px solid #E5E7EB;
}
.widget-sidebar ul li.cat-item:last-child {
    border-bottom: none;
}
.widget-sidebar ul li.cat-item a {
    display: block;
    padding: 0.75rem 0.25rem;
    transition: color 0.2s ease-in-out;
}
.widget-sidebar ul li.cat-item a:hover {
    color: #14B8A6;
}

footer ul{
list-style: none;
padding-left: 0px !important;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width: 1024px){
	
  .entry-title{ font-size: 1.875rem;  }
  .article h3,
  .entry-card-title{ font-size: 1.5rem;  padding-left: 1rem;　}	

  .wp-singular .container,
  .archive .container, 
  .category  .container, 
  .blog  .container {
  padding-right: 0;
  padding-left: 0;
  margin-right:auto;
  margin-left:auto;
  }
  .entry-card-thumb{
  width: 308px;
  }
  .main{
  padding: 0 !important;
  width: 70%;
  }
  .sidebar{
  width: 27%;
  }
  .post-date{
      font-size: 1.3em !important;
  }

}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	a.mobile-nav-link{
		text-decoration: none;		
	}
	
  .article h3,
  .entry-card-title{ padding-left: .2rem;　}	

  .wp-singular #container.container,
  .archive #container.container, 
  .category  #container.container, 
  .blog #container.container {
      margin-right:auto;
      margin-left:auto;
      padding: 0;
   }
	
  .post-date{
    font-size: 1em !important;
  }

  main.main,
  div.sidebar{
      margin: 0 !important;
  }	

  .content {
      margin-top: 0px !important;
    }

  .footer {
  margin-top: 0px !important; 
  }
  footer .container{
      width: 90% !important;
  }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
  main.main,
  div.sidebar{
      margin: 0 !important;
  }	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .entry-title,	
  .article h3,
  .entry-card-title{ padding-left: .2rem !important;　}

  .list{
      row-gap: 1em;
  }
}