/************************************
** 子テーマ用のスタイルを書く
************************************/

/* 1. 固定ページのタイトルを小さく・余白カット */
.page .entry-title {
    font-size: 20px !important; 
    text-align: center !important; 
    margin: 10px 0 20px !important;
    padding: 0 !important;
}

/* 2. フッターメニューを1行でスッキリ表示 */
.footer-menu-container {
    font-size: 11px !important; 
    padding: 5px 0 !important;
    background: #f9f9f9 !important; /* ほんの少し背景色をつけて区切る */
}

.footer-menu {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important; /* リンク同士の間隔 */
}

.footer-menu li a {
    color: #666 !important;
    text-decoration: none !important;
}

/* 3. プロフィールやウィジェットを「黄色い枠」にする */
.author-box, .widget_text, .profile-box {
    border: 2px solid #ffeb3b !important; /* 黄色い外枠 */
    background-color: #f5f5f5 !important; /* 薄いグレー背景 */
    padding: 15px !important;
    border-radius: 8px !important;
}

/* 4. 不要な余白を全体的に詰める */
.main {
    padding-top: 10px !important;
}

/* タグクラウドのサイズ固定を解除して動きを出す */
.wp-block-tag-cloud a, 
.tagcloud a {
    /* 1. 標準サイズを一旦リセット */
    font-size: initial !important; 
    
    /* 2. 積立MASAさんのブログに合わせたデザイン */
    display: inline-block !important;
    margin: 4px !important;
    padding: 6px 12px !important;
    background-color: #ffffff !important;
    border: 2px solid #ffcc00 !important; /* プロフィールと同じ黄色 */
    border-radius: 20px !important;
    color: #333 !important;
    text-decoration: none !important;
    transition: all 0.2s;
}
/* 1. まず全タグの文字サイズ固定を解除 */
.wp-block-tag-cloud a, 
.tagcloud a {
    font-size: 14px !important; /* 基本サイズ */
    display: inline-block !important;
    margin: 4px !important;
    padding: 5px 12px !important;
    border: 2px solid #ffcc00 !important;
    border-radius: 20px !important;
    background: #fff !important;
    color: #333 !important;
    text-decoration: none !important;
}