@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){
  /*必要ならばここにコードを書く*/
}
/************************************
** グローバルメニュー PC
************************************/
 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 270px;
  vertical-align: middle;
  margin: 10px 0;
}
#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 18px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #000800; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #fff; /* サブメニュー文字色 */
  font-size: 23px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #000080; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
#container {
  padding-top: 90px;
}
[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}

    /************************************
    ** グローバルメニュー スマホ
    ************************************/
    #mobile-fixed-menu {
      display: none;
    }
    @media screen and (max-width: 834px) {
      #container {
        padding-top: 50px;
      }
      #header {
        background: #fff;  /* 背景色*/
        position: fixed;
        z-index: 2;
        top: 0;
        width: 100%;
        height: 50px; /* ヘッダー高さ */
        transition: .5s;
        box-shadow: 0px 0px 5px rgba(100, 100, 100, 0.2)
      }
      #header-in {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.5em;
      }
      #header-in .logo {
        padding: 0;
        text-align: left;
      }
      .header-container-in.hlt-top-menu .logo-header img {
        width: 120px !important; /* ロゴ大きさ */
        vertical-align: middle;
      }
      #header-in .tagline {
        margin: 0;
        font-size: 10px; /* キャッチフレーズ文字サイズ */
        text-align: left;
      }
      #mobile-fixed-menu {
        margin-left: auto;
        line-height: 1;
        height: 50px; /* メニューボタン高さ */
        padding-top: 5px; /* メニューボタン上部余白 */
        display: block;
      }
      #mobile-fixed-menu .menu-icon::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        content: '\f0c9';
      }
      #mobile-fixed-menu .menu-icon {
        text-align: center;
        display: block;
        font-weight: bold;
        font-size: 24px;
        color: #fff; /* メニューアイコン色 */
      }
      #mobile-fixed-menu .menu-caption {
        font-size: 10px;
        font-weight: bold;
        color: #fff; /* メニューアイコン文字色 */
      }
      .menu-close-button {
        color: #42d5e7; /* メニューを閉じるボタン色 */
        padding: 1em 0 0;
      }
      #sidebar-menu-content {
        color: #6c6b62; /* サイドバー文字色 */
      }
      [id^="toc"]:target {
        padding-top: 50px;
        margin-top: -50px;
      }
      .menu-close-button::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1.2em;
        content: '\f00d';
        padding: 0;
        font-weight: 600;
        color: #aaa;
      }
    }
 
h2 {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 3px black;
	color: #000000;
}