/*
Theme Name:GENSEN Child
Theme URI:
Description:テーマ「Gensen」のオリジナル子テーマです。
Template:gensen_tcd050
Author:
Author URI:https://tcd-theme.com/
Version: 2.1.3
*/


/*
* GENSENの子テーマにメイリオを追加するためのCSS
* -------------------------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6,
.c-menu-list__item,
.p-nav__menu-list__item {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

/* 各要素のフォントサイズや行間は別途調整してください */
/* 例:
body {
    font-size: 16px;
    line-height: 1.8;
}
h2 {
    font-size: 24px;
    margin-bottom: 20px;
}
*/


/* パンくずリストの文字色変更 */
.p-breadcrumb__item,
.p-breadcrumb__item a {
    color: #3A8AD3 !important; /* ここに !important を追加 */
}

/* ホバー時の色も変更したい場合 */
.p-breadcrumb__item a:hover {
    color: #5B9AD7 !important; /* ここにも !important を追加 */
}



/*
 * パターン1：標準「ファイル」ブロックのボタン（.wp-block-file__button）用
 */

.wp-block-file__button {
  background-color: #0073aa; /* ベースカラー（WordPressブルー） */
  color: #ffffff !important;     /* 文字色を白に（!importantで強制上書き） */
  padding: 12px 24px;        /* ボタンの余白 */
  border: none;              /* 元の枠線を消す */
  border-radius: 8px;        /* 角を少し丸くする */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* 影をつけて立体感を出す */
  transition: all 0.3s ease; /* アニメーションを滑らかに */
  text-decoration: none !important; /* 下線を消す */
  font-weight: bold;         /* 文字を太く */
  display: inline-block;     /* 影や変形を正しく適用 */
}

/* マウスを乗せた時（ホバー）のスタイル */
.wp-block-file__button:hover {
  background-color: #005177; /* 少し濃い色に */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); /* 影を濃く */
  transform: translateY(-2px); /* 少し浮き上がる */
  color: #ffffff !important;
  text-decoration: none !important;
}

/* クリックした時（アクティブ）のスタイル */
.wp-block-file__button:active {
  transform: translateY(1px); /* 少し沈む */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}