@charset "UTF-8";
/* バリアブルコレクション */
/* バリアブルコレクション */
:root {
  /* Mode 1 */
  /* color */
  --annotation（非実装）: rgb(234 0 197);
  --sn-blog-color-border-gray: var(--sn-blog-color-gray);
  --sn-blog-color-border-gray-dark: var(--sn-blog-color-gray-dark);
  --sn-blog-color-border-gray-light: var(--sn-blog-color-gray-light);
  --sn-blog-color-button-main: var(--sn-blog-color-main);
  --sn-blog-color-button-main-hover: rgb(0 155 255);
  --sn-blog-color-gray: rgb(153 153 153);
  --sn-blog-color-gray-dark: rgb(102 102 102);
  --sn-blog-color-gray-light: rgb(213 213 213);
  --sn-blog-color-link: var(--sn-blog-color-main);
  --sn-blog-color-main: rgb(0 125 206);
  --sn-blog-color-main-grayish: rgb(225 236 242);
  --sn-blog-color-main-light: rgb(199 235 249);
  --sn-blog-color-main-light-grayish: rgb(240 246 250);
  --sn-blog-color-main-pale: rgb(230 247 253);
  --sn-blog-color-navi-current: var(--sn-blog-color-main-light);
  --sn-blog-color-navi-hover: var(--sn-blog-color-main-pale);
  --sn-blog-color-table-th: var(--sn-blog-color-main-light-grayish);
  --sn-blog-color-table-thead: var(--sn-blog-color-main-grayish);
  --sn-blog-color-txt-default: var(--color-text-default);
  --sn-blog-color-txt-subtle: var(--color-text-subtle);
  /* number */
  --sn-blog-container-sp-width-content-lvl1: 327px;
  --sn-blog-container-sp-width-content-lvl2: 327px;
  --sn-blog-txt-size-body-ss: 12px;
  --sn-blog-txt-size-banner-sub: 14px;
  --sn-blog-txt-size-body-s: 14px;
  --sn-blog-txt-size-button-sub: 14px;
  --sn-blog-txt-size-banner-desc: 16px;
  --sn-blog-txt-size-banner-title-s: 16px;
  --sn-blog-txt-size-body-m: 16px;
  --sn-blog-txt-size-button-main: 16px;
  --sn-blog-txt-size-article-h4: 18px;
  --sn-blog-txt-size-article-h3: 20px;
  --sn-blog-txt-size-banner-title-m: 20px;
  --sn-blog-txt-size-side-title: 20px;
  --sn-blog-txt-size-archive-h2: 24px;
  --sn-blog-txt-size-article-h2: 28px;
  --sn-blog-txt-size-archive-h1: 32px;
  --sn-blog-txt-size-article-h1: 36px;
}

/*----------------------
//ホームページ
----------------------*/
.column_common--homepage .column_common_cat__container,
.column_common--homepage .column_common_tag__container {
  max-width: var(--width_max_pc_m);
  background: transparent;
}

/*----------------------
//記事一覧ページ
----------------------*/
/*----------------------
//カテゴリー記事一覧ページ
----------------------*/
/*----------------------
//記事ページ
----------------------*/