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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*ヘッダーメインメニュー幅*/
#navi .navi-in > ul li{
	height: 50px;
	line-height: 50px;
}
/* ナビメニュー 文字*/
#navi {
font-weight: bold; /* 太文字 */
}
/* ナビメニュー（アイコン） */
#navi .menu-item-has-children>a::after {
display: none; /* 非表示 */
}
/*タグアイコンを非表示*/
    .tagcloud a {
        background: none; /*背景を消す*/
        border: 1px solid #ccc; 
        border-radius: 20px; /*角の丸み*/
        color: #555; /*文字色*/
        display: inline-block;
        padding: 3px 10px;
        text-decoration: none;
        font-size: 13px;
        margin: 2px;
        flex: 0 1 auto;
        display: flex;
        justify-content: space-between;
    }
    .tagcloud a:hover { /*マウスホバー時*/
        background: #72c7e6;
        border: 1px solid #72c7e6;
        color: #fff;
        transition: 0.5s; /*アニメーションの時間*/
    }
/*カテゴリの行間とフォントを小さくする*/
.widget_categories ul li a{
	line-height: 0.3;
	font-size: 15px;
}
/*サイドバーのカード内文字を小さくする*/
.widget-entry-card {
    font-size: 14px;
}

/*サイドバー見出し3のカスタム*/
.sidebar h3 {
  border-bottom:3px solid #00698B;/*下線の太さ、種類、色*/
  background:transparent;/*背景を透明に*/
  padding:10px 0 5px 3px;
}
/*検索窓のカスタム*/
    .sidebar .search-box, .search-menu-content .search-box {
      width: 100%;
      margin: 1em 0 2em;
      position: relative;
      display: flex;
      border-radius: 50px; /*全体を囲むボックスの角丸*/
    }
    .sidebar .search-edit, .search-menu-content .search-edit {
      width: 80%; /*入力部分の長さ*/
      background: #fff; /*入力部分の背景色*/
      padding: 0 10px;
      border: 1px solid #00698B; /*ボーダー*/
      border-radius: 50px 0 0 50px; /*左上、左下のみ角丸*/
      font-size: 16px;
    }
    .search-submit {
      width: 20%; /*ボタン部分の長さ*/
      background: #00698B; /*ボタン部分の背景色*/
      color: #fff; /*アイコンの色*/
      position: static;
      right: auto;
      top: auto;
      font-size: 20px; /*アイコンの大きさ*/
      cursor: pointer;
      line-height: 40px; /*検索窓の高さ*/
      border: none;
      border-radius: 0 50px 50px 0; /*右上、右下のみ角丸*/
      padding: 0;
    }
    .search-box input::placeholder {
      color: #bbb; /*プレースホルダーの色*/
    }
    .search-box input:focus, .search-box button:focus {
      outline: 0; /*フォーカス時の枠線を消す*/
    }

.article h2 {
	background: #EAFAFF; /* 背景色 */
}
.article h3 {
	border: none;
}
/*見出し2のカスタム*/
.entry-content h2 {
  padding: 1rem 2rem;
  border-left: 8px solid #00698B;
}

/*見出し3のカスタム*/
.entry-content h3 {
  padding: 0.5em;/*文字周りの余白*/
  border-left: solid 6px #00698B;/*左線（実線 太さ 色）*/
}


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

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

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