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

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


:root {
  --subs: #ff9e6e;
  --mains: #ff9e6e;
  --sub: #fff5ee;	
}

.body{
		 background-color: #edeaea;

}
.logo {
     text-align:left;
}

.logo-image{
     padding:0;
     margin:0;
}

.site-logo-image{
     height:60px;
}

.site-name-text{
     display:block;
     padding:0;
     margin:0;
     height:60px;
}

.tagline{
     display:none;
}

.footer-bottom-logo{
     display:none;
}

.fa-folder-open{
     display:none;
}

.entry-title {
     font-size: 32px;
}

.entry-header .eye-catch-wrap {
     margin: -18px -18px .5em;
}
.entry-header {
     display: flex;
     flex-direction: column;
}
.entry-header .eye-catch-wrap {
     order: -1;
}
.logo-image span,
.logo-image a {
   display: block;
   max-width: 100%;
}


  .entry-card-snippet {
    line-height: 1.5;}


.cat-label {
     display:none;
}


.card-thumb img {
     width: 100%;
     box-shadow: 0px 0px 5px #dfdfdf;
/*     border: solid 1px #eee; */
}


.main {
     padding: 36px 40px
}

.widget h2 {
     font-size: 20px;
     border-left: solid 5px var(--mains);
     background-color: #fbfbfb;
}

.sidebar h2{
   padding: 8px 8px 8px 15px;
}

.sns-follow-buttons{
     display:none
}


.author-box {
     box-shadow: 0px 0px 3px #dadada;
     border:0;
     }
.nwa .author-box .author-description {
     text-align: center;
}


.article h2{
border-left: solid 5px var(--sub);
     background-color:#f8f9fb;
      width: calc(100% + 30px);
   margin-left: -15px;
   margin-right: -15px;

}

.article h3{
     border:0;
border-bottom: solid 3px #326f97;
     padding-left:0px;
/*     padding-left:15px;
          width: calc(100% + 30px);
   margin-left: -15px;
   margin-right: -15px; */
}


.article h4{
     margin-bottom:0;
     border:0;
border-left: solid 3px #326f97;
     padding:5px 10px 5px 10px;
}

/************************************
** サイドバー追尾目次
************************************/
 @media screen and (min-width: 768px){
.sidebar-scroll{
  top:15px !important;
}
.sidebar h3{
  font-size:0.9em;
  padding: 7px 12px;
}
.sidebar .widget_toc{
   box-shadow: 0 0px 0px rgba(0, 0, 0, .08);
}
.sidebar .toc-widget-box{
  margin-top: -0.9em;
}
.sidebar .toc{
  padding: 0;
  width:100%;
}
.sidebar .toc-content {
  overflow-y: scroll;
  max-height: 90vh;
  background: #fff;
  padding: 0.5em 1.5em;
}
.sidebar .toc li{
  line-height:1.6;
  margin-bottom: 1em;
  font-size:0.85rem;
  color:#3cb8f1;
}
.sidebar .toc-content > ol  > li,.sidebar .toc-content > ul  > li{
  font-weight:600;
  padding-left: 0.5em;
}
.sidebar .toc-content a{
  letter-spacing:0.5px;
}
.sidebar .toc .toc-list ul, .sidebar .toc .toc-list ol {
  margin: 1em 0;
  list-style-type:none;
  font-weight:500;
}
}


.sidebar .toc-content > ol  > li,.sidebar .toc-content > ul  > li{
  font-weight:600;
  padding-left: 0.5em;
}
.sidebar .toc-content a{
  letter-spacing:0.5px;
}
.sidebar .toc .toc-list ul, .sidebar .toc .toc-list ol {
  margin: 1em 0;
  list-style-type:none;
  font-weight:500;
}

.sidebar .toc li{
  line-height:1.6;
  margin-bottom: 1em;
  font-size:0.85rem;
  color:#3cb8f1;
}


/* @media screen and (max-width: 768px){
  .sidebar-menu-button .widget_toc{
    display:none;
  } */


/* .article p,ul {
margin-left:25px;
     margin-right:25px;

} */




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

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

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