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

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

/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background: #ffffff;
	color: #333132;
}

.logo-menu-button.menu-button{
	background: #ffffff;
}

.mobile-menu-buttons{
	background: #ffffff;
}

/* メニューを全画面表示にする */
.navi-menu-content {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100vw; /* 画面幅を超えないように */
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.95); /* 背景の透明度を調整 */
    transform: translateX(100%); /* 初期状態では画面外 */
    transition: transform 0.3s ease-in-out;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* メニューが開いた時に全画面表示 */
body.menu-active .navi-menu-content {
    transform: translateX(0);
}

/* メニュー内のリンクのスタイル */
.navi-menu-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.navi-menu-content li {
    margin: 15px 0;
}

.navi-menu-content a {
    color: #333132;
    font-size: 1.8rem;
    text-decoration: none;
}

/* メニューが開いている時にスクロールを無効化 */
body.menu-active {
    overflow: hidden;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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