/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    https://example.com/
 Description:  Child theme for the Twenty Sixteen theme
 Author:       あなたの名前
 Author URI:   https://example.com/
 Template:     twentysixteen
 Version:      1.0.0
*/


/* 必要ならここに独自CSSを書く */

/* headerのスタイル */
.header-image img {
    transition: none !important;
}
/* headerのスタイル ここまで */


/* Worksのスタイル */
.product-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-item {
    margin-top: 15px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.product-title {
    font-size: 1.1em;
    font-weight: bold;
    margin: 0 0 0px 0; /* 下マージン5px */
}

.product-content {
    margin-bottom: 10px;
}

.entry-content h3.product-title {
    margin-bottom: 5px !important;
}
/* Worksのスタイル ここまで*/


/* Scheduleのスタイル */
.schedule-list {
    list-style: none;
    margin: 20px 0;
    padding: 0;
}

.schedule-list li {
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}

.schedule-date {
    font-size: 0.9em;
    color: #666;
    margin-right: 10px;
}

.schedule-title {
    background-color: #f5f5f5;
    border-left: 5px solid #333;
    padding: 10px 15px;
    margin-top: 80px;
    margin-bottom: 15px;
    font-size: 1.4em;
    color: #222;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Scheduleのスタイル ここまで*/

/* Mediaのタイトルスタイル */
.media-title {
    display: block; /* ブロックにすると見栄えが良い */
    font-size: 1.5em; /* お好みで調整 → 1.5em = 150% */
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}
/* Mediaのタイトルスタイル ここまで*/


/* Discographyのスタイル */
.item-category-list h2 {
    background-color: #f5f5f5; /* 明るいグレー背景 */
    border-left: 5px solid #333; /* 左側に濃い線を追加（デザインの定番） */
    padding: 10px 15px;
    margin-top: 80px;
    margin-bottom: 15px;
    font-size: 1.4em;
    color: #222;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* ほんのり影をつける（好みで） */
}

.discography-title {
    background-color: #f5f5f5;
    border-left: 5px solid #333;
    padding: 10px 15px;
    margin-top: 80px;
    margin-bottom: 15px;
    font-size: 1.4em;
    color: #222;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#year {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #f5f5f5;
    border: 2px solid #333;
    border-radius: 5px;
    padding: 10px 15px;
    font-size: 1em;
    font-weight: bold;
    color: #222;
    cursor: pointer;

    /* スマホでは矢印は出ないがパディングは残す */
    padding-right: 40px;
}

/* fallback for mobile where appearance: none is ignored */
@media screen and (max-width: 768px) {
    #year {
        font-size: 1.1em;
        padding: 12px 15px;
    }
}

#schedule-form label[for="year"] {
    display: block;
    width: 100%; /* スマホで背景と枠が正しく表示される */
    font-size: 1.2em;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-left: 5px;
    border-left: 5px solid #333;
    background-color: #f9f9f9;
    padding: 10px 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-sizing: border-box; /* パディングを含めた幅計算にする */
}

/* モバイル最適化（フォントサイズ調整など） */
@media screen and (max-width: 768px) {
    #schedule-form label[for="year"] {
        font-size: 1.1em;
        padding: 8px 12px;
    }
}
/* Discographyのスタイル ここまで */


/* サービスのスタイル */
.service-title {
    background-color: #f5f5f5;
    border-left: 5px solid #333;
    padding: 10px 15px;
    margin-top: 80px;
    margin-bottom: 8px !important;
    font-size: 1.4em;
    color: #222;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* サービスのスタイル ここまで */

/* 共通ボタンスタイル */
.widget-area a.button,
.sidebar a.button,
.widget a.button {
    /* display: inline-block; */
    display: flex; /* ← flexにする */
    align-items: center; /* ← 上下中央 */
    justify-content: center; /* ← 左右中央 */
    width: 100%;
    background-color: #222; /* 黒 */
    color: #fff; /* 白文字 */
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 3px;
    transition: background-color 0.3s ease;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}

/* 共通ボタンホバー時 */
.widget-area a.button:hover,
.sidebar a.button:hover,
.widget a.button:hover {
    background-color: #0073aa; /* WP系青色 */
}

/* 下のボタンだけ別色（例：ダークグレー → ホバーで緑系 WPらしい色味） */
.widget-area a.button.button-secondary,
.sidebar a.button.button-secondary,
.widget a.button.button-secondary {
    background-color: #c42600; /* ダークグレー */
    color: #fff;
}

.widget-area a.button.button-secondary:hover,
.sidebar a.button.button-secondary:hover,
.widget a.button.button-secondary:hover {
    background-color: #f25c3f; /* 自然な緑系（Twenty Sixteenに違和感なし） */
}
/* 共通ボタンスタイル ここまで */


/* サイドバーのウィジェットタイトル */
.widget {
    border-top: none;
}
/* サイドバーのウィジェットタイトル ここまで*/

/* サイドバーのウィジェットタイトル */
.widget_recent_entries a {
    color: #333; /* ← 好きな色に変更。例は濃いグレー */
    text-decoration: none; /* ついでに下線消したい場合 */
}

.widget_recent_entries li {
    margin-bottom: 15px; /* 各投稿の間に10pxのスペースを追加 */
    line-height: 1.6;    /* 行間も少し広めにして読みやすく */
}

.widget_recent_entries .widget-title {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #222; /* 好きな色に変更可能 */
}

.widget .widget-title {
    text-align: center; /* 中央寄せ */
    color: #333;     /* 例：ボタンと揃える赤色 */
    font-size: 18px;    /* 文字サイズはお好みで */
    font-weight: bold;
}

.widget#block-12 {
    margin-bottom: 0;
}
section#block-9 {
    padding-top: 0 !important;
}
/* サイドバーのウィジェットタイトル ここまで */

/* 音楽サービスのボタンスタイル */
.spotify-button {
    padding: 0;    /* 外側余白を消す */
    margin: 0 auto; /* 必要なら中央揃え */
    display: block;
}

.applemusic-button {
    padding: 0;    /* 外側余白を消す */
    margin: 0 auto; /* 必要なら中央揃え */
    display: block;
}

.youtube-button {
    padding: 0;    /* 外側余白を消す */
    margin: 0 auto; /* 必要なら中央揃え */
    display: block;
}

.OverflowMenuBase_wrapper__CyfQs {
    display: none !important;
}

#block-13 {
    margin-bottom: 0 !important;
}

.music-links {
    max-width: 400px;
    margin: 0 auto;
    font-family: sans-serif;
}

.music-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding: 12px 0;
}

.music-icon {
    height: 32px;
    width: auto;
}

.music-button {
    display: inline-block;
    padding: 8px 16px;
    border: 2px solid #ccc;
    border-radius: 6px;
    text-decoration: none;
    color: #555;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.2s ease;
}

.music-button:hover {
    border-color: #999;
    color: #000;
}

.youtube-icon {
    transform: scale(0.9);
    transform-origin: left center;  /* 左基準にするとズレにくい */
}
/* 音楽サービスのボタンスタイル ここまで */


/* フッターのスタイル */
.site-info {
    text-align: center;
    padding: 10px 0;
}
/* フッターのスタイル ここまで */