@charset "UTF-8";
/* ==========================================================================
   静的ページ用の追加スタイル

   見た目はすべて WordPress（SWELLテーマ＋子テーマ）のCSSに任せています。
   ここに書いてあるのは「WordPressはタブ切替の1ページ、こちらは月ごとに
   ページを分けている」ことによる、最小限の差だけです。
   ========================================================================== */

/* 年タブ・月タブは、WordPressでは <button>（JSで切替）だが、
   静的ページでは <a>（別ページへのリンク）にしているため、
   ボタンと同じ見た目になるよう最低限だけ揃える */
.block-main-album-list__year-tab,
.block-main-album-list__month-tab {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
}
.block-main-album-list__year-tab { color: #172f5c; }
.block-main-album-list__year-tab.is-active { color: #fff; }
.block-main-album-list__month-tab { color: #333; }

/* 現在の月は、リンクだと押せてしまうので無効化（WordPressのタブと同じ挙動） */
.block-main-album-list__month-tab.is-active { pointer-events: none; }

/* 共通パーツを読み込む前のちらつきを防ぐ */
[data-include] { min-height: 0; }