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

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

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

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

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

/************************************
全体のバランス
************************************/
.entry-content {
　　　　padding:1em;
　　　　padding-top:0;
　　　　margin: 0 auto;
}

@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;
}
}
@media screen and (max-width: 480px){
.page-body {
　　　　font-size: 15px;
}
}
img{
　　　　box-shadow: 0px 2px 5px 0 rgba(0,0,0,.2);
}
a {
 　　　　-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/*角丸*/
/*　一覧表示されるエントリーカードの角　*/
.entry-card-wrap {
    border-radius: 10px;
}

/*　ウィジェットで追加した箱の角　*/
.widget {
    border-radius: 10px;
}

.article ul:not(li ul,.toc-list,dd ul,.widget ul){
background: #F7F7F7;/*背景色*/
line-height:2;
border-radius: 4px;
border:1.5px dashed;
border-color:#93b69c; /*枠の色*/
padding: 1.5em;
padding-left:3em;
margin: 1.5em 0;
}
.article ul li:not(.toc-list li,.toc-list ul li,.faq li){
margin: 0em;
}


.article h2:before {
background-image: none;
}
.article h2{
line-height:2;
background-color:#f6f6f6;
font-size: 24px;
color:#333333;
border-radius:1px;
border-left:solid 14px #636b64;/*H2の色の変更はこちら*/
padding:1em;
margin-top:70px;
margin-bottom:2em;
}

.article h3{
line-height:2;
font-size:20px;
border:none;
color:#333333;
border-radius:2px;
border-left:10px solid #8b968d;/*H3の色の変更はこちら*/
padding: 0.4em 0.8em;
margin-top:90px;
}
.article h3:before {
width: 0em;
}

.article h4{
line-height:2;
background-color:#F6F6F6;/*H4背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
color:#333333;
border-radius:1px;
padding:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;
}

.article h5{
background: #F7F7F7;/*H5背景色の変更はこちら*/
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 4px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93b69c;/*H5枠色の変更はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;
}

/************************************
**　ヘッダーメニュー
************************************/
.navi-in>ul li {
    line-height: 40px;
    height: 40px;
}
.navi-in a{
    font-size:15px;
}
#navi .navi-in a:hover {
    transform: none!important;
}
.navi-in > ul .sub-menu a {
    padding: 0;
}
.sub-menu{
    box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
.sub-menu .caption-wrap {
    color:#333;
    border-top: dotted #dddddd;
    background:#fff;
    padding:0 0 0 2em;
    margin:0;
}
.navi-in > ul .sub-menu a:hover {
    transform: none!important;
}
div#header-container {
    box-shadow: none;
}
div.item-label{
    font-weight:bold;
}

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
    height:50px;
    box-shadow: none;
}
.mobile-menu-buttons > li {
    padding-top:0;
}
.menu-button{
    margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
    background-color:white;
}
span.fas.fa-search::before{
    color:#90C31F;/*検索マーク色変更はこちら*/
    margin-left:1em;
}
span.fas.fa-bars::before{
    color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
    margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
    display:none;
}