@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/*タイトルの文字の太さ変更*/
.c-postTitle__ttl {
  font-size: 32px;
}

/*目次の文字の太さ変更*/
.p-toc__list > li > a {
  font-weight: bold;
}

/*タグを透過の枠線だけのデザインに変更*/
.c-tagList__link {
    color: #b3424a !important;
    background: transparent;
    border: solid 1px #b3424a;
}

/* タグアイコンの色を強制的に赤に */
.c-tagList:before {
    color: #b3424a !important;
    background: none !important; /* 念のため */
}

/* タグテキストの左にIcoMoonアイコンを表示（追加部分） */
.c-tagList__link::before {
    content: "\e935";                 /* IcoMoonアイコンコード */
    font-family: "icomoon" !important; /* IcoMoonフォント */
    margin-right: 0px;                 /* テキストとの間隔 */
    display: inline-block;
    vertical-align: middle;            /* テキストに揃える */
    font-size: 1em;                    /* 必要に応じてサイズ調整 */
    /* 色や背景、文字サイズは既存CSSに任せる */
}

/* タブブロックのノーマルスタイルのタブカラーを変更する */
/* 選択されているタブ（アクティブ）の背景色と文字色 */
.is-style-default > .c-tabList > .c-tabList__item > .c-tabList__button[aria-selected=true] {
    background-color: #00053a !important; /* メインカラーを設定 */
    color: #ffffff !important;           /* 文字色を白に */
}

/* 選択されていないタブの背景色と枠線、文字色 */
.is-style-default > .c-tabList > .c-tabList__item > .c-tabList__button:not([aria-selected=true]) {
    background-color: #1a1f4b !important; /* ←ここに好きな色を貼り付け */
    border: 1px solid #ccc !important;
    color: #ffffff !important;           /* 背景が濃くなるので文字色を白に */
}

/* 選択されていないタブにホバーした時のスタイル */
.is-style-default > .c-tabList > .c-tabList__item > .c-tabList__button:not([aria-selected=true]):hover {
    background-color: #2b3164 !important; /* ホバー時は少し濃いめに */
    border-color: #aaa !important;
}