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

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

/* 本文の文字を黒系に */
body,
main,
.entry-content,
.page-content,
.product,
.product-summary {
  color: #222 !important;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
  color: #222 !important;
}

/* プルダウン */
select {
  color: #222 !important;
  background-color: #fff !important;
}

/* プルダウン内の選択肢 */
select option {
  color: #222 !important;
  background-color: #fff !important;
}

/* 入力欄 */
input,
textarea {
  color: #222 !important;
  background-color: #fff;
}

/* placeholder */
input::placeholder,
textarea::placeholder {
  color: #777 !important;
  opacity: 1;
}



.tagline {
  text-align: center;
  font-size: 20px;
  margin: 0.6em 1em;
}
/* 日付削除 */
.page .date-tags {
  display: none;
}
.entry-title {
  color: #076a75 !important;
}
.breadcrumb,
.breadcrumb a,
.breadcrumb .breadcrumb-caption,
.breadcrumb .breadcrumb-item {
  color: #555 !important;
}

footer a[href*="privacy-policy"],
footer a[href*="/legal/"] {
  font-size: 12px !important;
  opacity: 0.7;
  margin-top: 20px;
}
/* PCはCocoon標準ヘッダーメニュー */
@media screen and (min-width: 835px) {

  /* Cocoon標準のPCメニューを表示 */
  #navi {
    display: block !important;
  }

  #navi-in {
    display: block !important;
  }

  #navi-in .menu-pc {
    display: flex !important;
  }

  /* モバイル用メニューは非表示 */
  .mobile-header-menu-buttons,
  .mobile-footer-menu-buttons {
    display: none !important;
  }

  /* 独自ハンバーガーが残っていても非表示 */
  .global-menu-button,
  .global-menu-drawer {
    display: none !important;
  }
}

/* カスタマイズで設定した色・不透明度を使用 */
#navi,
#navi-in,
.mobile-header-menu-buttons {
  background-color: var(--topHeaderNaviBgColor) !important;
}

/* 検索アイコンの背景もヘッダーになじませる */
#navi .gnavi-search-menu-open,
#navi .search-menu-button,
.mobile-header-menu-buttons .menu-button {
  background-color: transparent !important;
}

/* ヘッダー内の文字・アイコンは白 */
#navi a,
#navi button,
#navi .menu-icon,
#navi .fas,
.mobile-header-menu-buttons a,
.mobile-header-menu-buttons .menu-icon,
.mobile-header-menu-buttons .fas {
  color: #fff !important;
}

/* ヘッダーメニュー内の常設検索窓を常に非表示 */
.skin-grayish #navi-in .menu-pc
.search-menu-button .sponly-search-menu {
  display: none !important;
}

/* 虫眼鏡アイコンは表示 */
.skin-grayish #navi-in .menu-pc
.search-menu-button .gnavi-search-menu-open {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  width: 50px;
  height: 50px;
  padding: 0;

  color: #fff !important;
  background-color: transparent !important;
  border: 0;
}

/* 虫眼鏡を白にする */
.skin-grayish #navi-in .menu-pc
.search-menu-button .search-menu-icon,
.skin-grayish #navi-in .menu-pc
.search-menu-button .fas {
  color: #fff !important;
}

/* ==================================
   モバイル：ハンバーガーメニュー
================================== */

@media screen and (max-width: 1023px) {

  /* メニュー背景 */
  #navi-menu-content,
  #navi-menu-content .menu-drawer {
    background-color: #333 !important;
  }

  /* メニュー文字 */
  #navi-menu-content a,
  #navi-menu-content .item-label,
  #navi-menu-content .menu-close-button {
    color: #fff !important;
    background-color: transparent !important;
  }

  /* 選択中のページ */
  #navi-menu-content .current-menu-item a {
    color: #888 !important;
  }
}
/* ハンバーガーアイコン下の「メニュー」 */
.mobile-header-menu-buttons .menu-caption {
  color: #fff !important;
  opacity: 1 !important;
}

/* フッター */
#footer {
  background-color: #000;
}
.go-to-top-button {
  background-color: #076a75 !important;
  border-color: #076a75 !important;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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