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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.toc {
    display: none;
}
.tnt-number {
    display: none;
}
.toc-center {
    display: none;
}
.border-element {
    display: none;
}
.author-info {
    display: none;
}
.date-tags {
    display: none;
}

.n2-ss-slide {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/* ベーススタイル */
.custom-menu {
    text-align: center; /* メニューを中央揃えにする */
}

.custom-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex; /* フレックスボックスを使用し、インライン要素として扱う */
    justify-content: center; /* アイテムを中央揃えにする */
}

.custom-menu ul li {
    margin: 0 10px; /* アイテム間のマージン */
}

.custom-menu ul li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #ffffff;
    background-color: #4169e1; /* ボックスの背景色 */
    border: 1px solid #ddd; /* ボーダーを設定 */
    transition: background-color 0.3s, color 0.3s; /* 色の変化にトランジション効果を追加 */
}

/* カーソルが当たった時のスタイル */
.custom-menu ul li a:hover {
    background-color: #191970; /* 背景色の変更 */
    color: #fff; /* テキストの色を変更 */
}

/* モバイルビューでの非表示設定 */
@media screen and (max-width: 768px) {
    .custom-menu {
        display: none;
    }
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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