@charset "UTF-8";

/*!
Theme Name: Cocoon Child
*/

/************************************
** 基本スタイル
************************************/

/* ===============================
   H2（汎用）
   =============================== */
h2{
  padding: 0.4em 0.5em;
  color: #494949;
  background: #f4f4f4;
  border-left: solid 5px #7db4e6;
  border-bottom: solid 3px #d7d7d7;
}

/* ===============================
   見出しリセット
   =============================== */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  border: none;
  background: none;
  padding: 0;
}

/* ===============================
   見出しデザイン
   =============================== */

/* H1 */
.entry-content h1{
  color: #ffffff;
  background-color: #333d2a;
  padding: 24px 16px;
}

/* H2 */
.entry-content h2{
  color: #ffffff;
  font-size: 2.0em;
  background-color: #333d2a;
  padding: 20px 15px;
  border-left: solid 10px #333d2a;
}

/* H3 */
.entry-content h3{
  color: #000000;
  font-size: 1.5em;
  background-color: #ebebeb;
  padding: 12px 15px;
  border-left: solid 10px #008000;
}

/* H4 */
.entry-content h4{
  color: #000000;
  font-size: 1.2em;
  padding: 10px 15px;
  border-top: solid 3px #008000;
  border-bottom: solid 3px #008000;
}

/* H5 */
.entry-content h5{
  color: #000000;
  font-size: 1.0em;
  padding: 8px 15px;
  border-bottom: dotted 3px #008000;
}

/* H6 */
.entry-content h6{
  color: #000000;
  font-size: 1.0em;
  padding: 6px 15px;
  border-left: solid 7px #008000;
}

/************************************
** ヘッダー（必要最小限だけ）
************************************/

/* PC・タブレットのヘッダー */
#header-container {
  background-color: #1e3a8a !important;
}

/* スマホのヘッダー（メニュー帯） */
.mobile-header-menu-buttons {
  background-color: #1e3a8a !important;
}

/* 念のためボタン部分 */
.mobile-header-menu-buttons .menu-button {
  background-color: #1e3a8a !important;
  color: #fff !important;
}

/************************************
** その他
************************************/

.front-top-page #main .entry-title{
  display: none;
}

.insta-cream {
  background-color: #FFF6E5;
  padding: 24px;
  border-radius: 16px;
}

/************************************
** レスポンシブ
************************************/

@media screen and (max-width: 480px) {
  .entry-content h2{
    font-size: 1.6em;
  }
}

@media screen and (max-width: 1023px) {
  .navi {
    display: none !important;
  }
}

.page .date-tags {
  display: none;
}