@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){
  /*必要ならばここにコードを書く*/
}

/*固定ページの日付非表示*/
.page .date-tags,
.page .author-info {
display: none;
}






/* PC表示のときだけ特定のメニューを白背景のボタンにする */
@media screen and (min-width: 1024px) {
  .navi-in a.header-btn {
    background-color: #ffffff; /* ボタンの背景色（白） */
    color: #0B1B3D !important; /* ボタンの文字色 */
    font-weight: bold;         /* 文字を太字に */
    padding: 8px 20px;         /* ボタンの内側の余白 */
    border-radius: 25px;       /* ボタンの角の丸み */
    margin-left: 15px;         /* 隣のメニューとの間隔 */
    transition: opacity 0.3s;  /* 変化をなめらかにする */
  }

  /* マウスを乗せた（ホバー）ときの変化 */
  .navi-in a.header-btn:hover {
    opacity: 0.85;             /* ボタンを少し透明（15%薄く）にして変化を出す */
    color: #0B1B3D !important; /* 文字色はそのままキープ */
    text-decoration: none;
  }
}