@charset "UTF-8";

/* 固定ページテンプレートで使用するcss */
.fixed-page-header {
	height: 75vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	background-color: #f4f0eb;
} 
	
.fixed-page-header-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
	z-index: 1;
}
	
.fixed-page-header-title {
	position: relative;
	z-index: 2;
	color: white;
	font-family: "ads-kodama";
	font-size: 8rem;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	margin: 0;
}

.fixed-header-wave {
	height: 24px;
	margin-top: -24px;
	position: relative;z-index: 1;
}

@media(max-width: 768px) {
	.fixed-page-header-title {
		font-size: 4rem;
	}
}

p a {
    color: #0000ee ;
}


/* =======================
   header下のCSS（整理版・1カード対応）
======================= */
.fixed-page-header{
  position: relative;
  padding: clamp(24px, 5vw, 48px);
  isolation: isolate;
}
.fixed-page-header::before{
  content:"";
  position:absolute; inset:0; z-index:2;
  background:
    linear-gradient(to top, rgba(0,0,0,.45) 0%, rgba(0,0,0,.15) 40%, rgba(0,0,0,0) 70%),
    radial-gradient(120% 80% at 50% 80%, rgba(0,0,0,.25), transparent 60%);
  mix-blend-mode:multiply;
}
.fixed-page-header::after{
  content:"BLOG";
  position:absolute; z-index:3;
  top: clamp(12px, 2.6vw, 24px); left: clamp(12px, 2.6vw, 24px);
  font-size:.82rem; letter-spacing:.08em;
  background:#fff; color:#423d82;
  border-radius:999px; padding:.35rem .75rem;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.fixed-page-header-title{
  text-align:center;
  line-height:1.05;
  text-wrap:balance;
  text-shadow: 0 6px 24px rgba(0,0,0,.35), 0 2px 6px rgba(0,0,0,.3);
}
.fixed-page-header .scroll-cue{
  position:absolute; bottom: clamp(10px, 3vw, 18px); left:50%;
  transform:translateX(-50%); z-index:3; font-size:.75rem; color:#fff9;
}
.fixed-page-header .scroll-cue::after{
  content:""; display:block; width:1px; height:28px; margin:.3rem auto 0;
  background:#fff9; animation: cue 1.7s infinite ease-in-out;
}
@keyframes cue{
  0%{ transform: translateY(0); opacity:1; }
  100%{ transform: translateY(6px); opacity:.2; }
}
.fixed-page-header::marker{ content:""; }

/* ========= 波（ゆっくり・二重・継ぎ目なし／transform方式） ========= */


/* =======================
   カード化（レイアウト共通）
======================= */
@supports (display: grid){
  .site-content,
  #content,
  .content-area{
    max-width: min(1200px, 92vw);
    margin-inline: auto;
    display:grid;
    grid-template-columns: 1fr minmax(260px, 320px);
    gap: clamp(20px, 3vw, 32px);
    padding: clamp(24px, 3vw, 36px) 0 64px;
    background:#faf8f5;
  }
  @media (max-width: 64em){
    .site-content,
    #content,
    .content-area{ grid-template-columns: 1fr; }
  }
}

#secondary,
.widget-area,
aside[aria-label*="サイドバー"]{
  background:#fff;
  border-radius:16px;
  padding:16px;
  box-shadow:0 6px 20px rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.04);
  height:fit-content;
}



/* ===== トークン ===== */
:root{
  --content-max: min(1024px, 92vw);
  --content-gap: clamp(16px, 2vw, 24px);
  --radius-lg: 1.125rem;

  --brand-accent: #2F4E3D;
  --lead-bg: #f7f6f3;
  --lead-pad-x: 1rem;
  --lead-radius: 12px;
}


.entry-content > *{
  max-width: var(--content-max);
  margin-left: auto;
  margin-right: auto;
}
.entry-content a{ word-break: break-word; overflow-wrap: anywhere; }
.entry-content h2{
  font-size: clamp(1.82rem, 3.64vw, 2.66rem);
  margin: 1.8em 0 .6em;
  color:#2F4E3D; scroll-margin-top: 96px;
}
.entry-content h3{
  font-size: clamp(1.2rem, 2.4vw, 1.5rem);
  margin: 1.6em 0 .5em;
  color:#2F4E3D; scroll-margin-top: 96px;
}
.entry-content img{
  border-radius: .9rem;
  box-shadow: 0 .6rem 1.25rem rgba(0,0,0,.08);
  height: auto;
  max-width: 100%;
}
@media (max-width: 48em){
  .fixed-page-header-title{ font-size: clamp(2rem, 9vw, 3rem); }
}
.nav-previous a,
.nav-next a{
  display: inline-block;
  font-size: clamp(1.05rem, 2.4vw, 1.35rem);
  line-height: 1.3;
  text-decoration: none;
  background: #2F4E3D;
  color: #fff;
  padding: .75em 1.1em;
  border-radius: 999px;
  box-shadow: 0 .4rem 1rem rgba(0,0,0,.12);
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.nav-previous a:hover,
.nav-next a:hover{
  transform: translateY(-2px);
  box-shadow: 0 .6rem 1.2rem rgba(0,0,0,.16);
  background: #2F4E3D;
}
.nav-previous a:active,
.nav-next a:active{
  transform: translateY(0);
}
.nav-links{ display:flex; gap:.6rem; flex-wrap:wrap; }
@media (max-width: 48em){ .nav-links{ justify-content:center; } }
@media (min-width: 48em){
  .post-navigation,
  .navigation.post-navigation,
  .nav-links{
    max-width: var(--content-max);
    margin-left: var(--content-gap);
    margin-right: auto;
    padding-left: var(--content-gap);
    padding-right: var(--content-gap);
  }
  .nav-previous, .nav-next{ text-align:left; }
}
.news-card{
  background:#fff;
  border-radius: var(--radius-lg, 18px);
  box-shadow: 0 8px 28px rgba(0,0,0,.06);
  border:1px solid rgba(0,0,0,.04);
  padding: clamp(18px, 2.5vw, 28px) clamp(18px, 3vw, 36px) clamp(10px, 2vw, 20px);
  max-width: var(--content-max, min(1024px, 92vw));
  margin: clamp(20px, 3vw, 36px) auto;
  overflow: hidden;
}
.news-card .news-heading-under-image{ margin: 0 0 1rem; padding: 0; }
.news-card .fixed-page-header-subtitle{
  font-size: clamp(1.4rem, 3.4vw, 2.4rem);
  line-height: 1.25;
  letter-spacing: .02em;
  margin: 0 0 .5rem;
  text-wrap: balance;
}
.news-card .fixed-page-header-date{
  background: var(--lead-bg, #f7f6f3);
  padding: .9rem var(--lead-pad-x, 1rem);
  border-left: 4px solid var(--brand-accent, #2F4E3D);
  border-radius: var(--lead-radius, 12px);
  margin: 0 0 1rem;
}
.news-card .media-single__content > *{ max-width: 100%; }
.news-card .post-navigation,
.news-card .navigation.post-navigation,
.news-card .nav-links{
  max-width: 100%;
  margin: 1rem 0 0;
  padding: 0;
}
@media (max-width: 48em){ .news-card .nav-links{ justify-content:center; } }
.news-card .media-single__content.entry-content > *:first-child{
  margin-top: .25rem;
}
.news-card .entry-content,
.news-card .entry-content > .wp-block-group,
.news-card .entry-content > .wp-block-columns,
.news-card .entry-content > .wp-block-media-text,
.news-card .entry-content > .wp-block-group:first-child,
.news-card .entry-content > .wp-block-columns:first-child,
.news-card .entry-content > .wp-block-media-text:first-child{
  background: transparent !important;
  border: 0 !important;
  border-radius: .9rem;
  box-shadow: 0 .6rem 1.25rem rgba(0,0,0,.08);
}
.news-card .media-single__content.entry-content{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.news-card .entry-content :where(.wp-block-group, .wp-block-paragraph){
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.news-card .entry-content > p:first-of-type{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.news-card .entry-content > p{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.news-card .entry-content img{
  border-radius: .9rem;
  box-shadow: 0 .6rem 1.25rem rgba(0,0,0,.08);
}
.news-card .entry-content > *:first-child{ margin-top: .25rem; }
@media (min-width: 48em){
  article.container.news.type-news .media-single__content{
    margin-left: auto !important;
  }
}
/* ============ NEWSカード用トークン ============ */
:root{
  --news-card-mt: clamp(1.25rem, 3vw, 2.25rem);
  --news-card-mb: clamp(1.25rem, 3vw, 2.25rem);
  --news-card-px: clamp(2.25rem, 4vw, 4rem);
  --news-card-pt: clamp(2rem, 3.5vw, 3rem);
  --news-card-pb: clamp(1.5rem, 3vw, 2.25rem);
  --news-gap: 16px;
  --news-flow-gap: 1em;
  --news-nav-mt: 16px;
  --news-title-mb: .5rem;
  --news-date-mb: 1rem;
}
@media (min-width: 48em){
  :root{
    --news-card-mt: clamp(24px, 3.5vw, 44px);
    --news-card-mb: clamp(24px, 3.5vw, 44px);
    --news-gap: 18px;
    --news-nav-mt: 18px;
  }
}

/* ====== トークン ====== */
.news-card{
  margin-top: var(--news-card-mt);
  margin-bottom: var(--news-card-mb);
  padding: var(--news-card-pt) var(--news-card-px) var(--news-card-pb);
}


.news-card .news-heading-under-image{ margin: 0 0 var(--news-gap); }
.news-card .fixed-page-header-subtitle{ margin-bottom: var(--news-title-mb); }
.news-card .fixed-page-header-date{ margin-bottom: var(--news-date-mb); }
.news-card .entry-content > * + *{ margin-top: var(--news-flow-gap); }
.news-card .post-navigation,
.news-card .navigation.post-navigation,
.news-card .nav-links{ margin-top: var(--news-nav-mt); }


/* ========== 右サイド導入（2カラム） ========== */
.media-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px; /* 左=可変 右=幅固定 */
  gap: clamp(16px, 3vw, 32px);
  align-items: start;
}

/* タブレット以下は縦積み */
@media (max-width: 1024px){
  .media-layout{
    grid-template-columns: 1fr;
  }
  .media-sidebar{
    order: 2; /* 本文の下へ */
  }
  .media-main{
    order: 1;
  }
}

/* ========== サイドバー共通 ========== */
.media-sidebar{
  position: sticky;
  top: clamp(60px, 6vw, 96px); /* ヘッダー下で追従させたい場合 */
}

.sidebar-section + .sidebar-section{
  margin-top: clamp(16px, 2vw, 24px);
}

.sidebar-title{
  margin: 0 0 8px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .02em;
  color: #2F4E3D; /* テーマ色に合わせて調整可 */
}

/* ========== カテゴリー：カード表示 ========== */
.cat-card-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.cat-card-list li{
  margin: 0;
}
.cat-card-list a{
  display: block;
  background: #fff;
  border: 1px solid #e9e6e2;
  border-radius: 12px;
  padding: .6rem .8rem;
  text-decoration: none;
  color: #333;
  line-height: 1.4;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: box-shadow .2s ease, transform .02s ease;
}
.cat-card-list a:hover{
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.cat-card-list a:active{
  transform: translateY(1px);
}

/* ========== アーカイブ：小さめ文字、詰め気味 ========== */
/* “デザインは変えずに小さく右に収める” → 余白だけ少し詰め、文字を小さく */
.sidebar-archives .archive-list{
  margin: 0;
  padding-left: 1.2em; /* 既存の箇条書きっぽさを残す */
}
.sidebar-archives .archive-list li{
  margin: .2em 0;
}
.sidebar-archives .archive-list a{
  font-size: .9rem;   /* 小さめ */
  line-height: 1.4;
  text-decoration: none;
}

/* 2カラム導入後の本文側の幅調整（任意） */
.media-main .news-card{
  /* 既存デザインを優先。必要ならここで余白など微調整 */
}
/* =======================
   サイドバーとカードのレスポンシブ最適化
   ======================= */

/* デスクトップ：右サイド幅を少しスリムに（収まり改善） */
@media (min-width: 1201px){
  .media-layout{
    grid-template-columns: minmax(0, 1fr) 300px; /* 320px → 300pxに微調整 */
  }
}

/* タブレット：基本は縦積み（すでに縦積みの場合は調整のみ） */
@media (max-width: 1024px){
  .media-layout{
    grid-template-columns: 1fr;
  }
  .media-sidebar{
    position: static;  /* stickyを解除してガタつき防止 */
    margin-top: 8px;
  }
  .sidebar-title{
    font-size: 0.95rem;
    margin-bottom: 6px;
  }
  /* カテゴリーは横2列のカードにして、省スペース＋タップしやすく */
  .cat-card-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .cat-card-list a{
    padding: .55rem .7rem;
    font-size: .95rem;
  }
  /* アーカイブはさらに気持ち小さめ */
  .sidebar-archives .archive-list a{
    font-size: .85rem;
    line-height: 1.35;
  }
}

/* スマホ（一般的な幅） */
@media (max-width: 768px){
  .sidebar-title{
    font-size: 0.92rem;
  }
  .cat-card-list{
    grid-template-columns: 1fr 1fr; /* 2列維持（親幅に応じて自動改行） */
    gap: 6px;
  }
  .cat-card-list a{
    border-radius: 10px;
    padding: .5rem .65rem;
    font-size: .9rem;
  }
  .sidebar-archives .archive-list{
    padding-left: 1em;
  }
  .sidebar-archives .archive-list li{
    margin: .15em 0;
  }
  .sidebar-archives .archive-list a{
    font-size: .82rem;
  }
}

/* 極小端末（狭い幅）では1列に戻して読みやすさ優先 */
@media (max-width: 380px){
  .cat-card-list{
    grid-template-columns: 1fr; /* 1列 */
  }
  .cat-card-list a{
    font-size: .9rem;
    padding: .5rem .7rem;
  }
}

/* ホバー / タップの細かな調整（モバイルでの“押し込み”感を弱める） */
@media (hover: none){
  .cat-card-list a:hover{
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
  }
  .cat-card-list a:active{
    transform: none;
  }
}
/* ===== アーカイブ：投稿リスト5件用の調整 ===== */
.archive-list--posts{
  margin: 0;
  padding-left: 1.1em; /* 既存の箇条書き感を維持 */
}
.archive-list--posts li{
  margin: .25em 0;
}
.archive-list--posts a{
  display: block;
  text-decoration: none;
  font-size: .9rem;    /* 小さめ */
  line-height: 1.45;
}
.archive-list--posts .al-date{
  display: block;
  font-size: .78rem;
  opacity: .75;
  line-height: 1.2;
}
.archive-list--posts .al-title{
  display: block;
  /* 長いタイトルを1行で切りたい場合は以下を有効化 */
  /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */
}

/* タブレット */
@media (max-width: 1024px){
  .archive-list--posts a{ font-size: .86rem; }
  .archive-list--posts .al-date{ font-size: .76rem; }
}

/* スマホ */
@media (max-width: 768px){
  .archive-list--posts{ padding-left: 1em; }
  .archive-list--posts li{ margin: .2em 0; }
  .archive-list--posts a{ font-size: .84rem; line-height: 1.4; }
  .archive-list--posts .al-date{ font-size: .74rem; }
}

/* 極小端末向け（必要なら） */
@media (max-width: 380px){
  .archive-list--posts a{ font-size: .82rem; }
}
/* 2カラムのカラム間＆行間（将来行が増えるケースも想定して row-gap も広げる） */
.media-layout{
  /* 既存: gap: clamp(16px, 3vw, 32px); を強化 */
  gap: clamp(48px, 9vw, 96px);
  padding-block: clamp(32px, 6vw, 96px); /* 上下に大きめの余白を追加 */
}

/* 本文カードとサイドセクションのボトム間隔も増やす */
.media-main .news-card{
  margin-bottom: clamp(36px, 6vw, 96px);
}
.sidebar-section + .sidebar-section{
  margin-top: clamp(24px, 5vw, 64px);
}

/* 前後ナビ上下の余白も拡大（必要に応じて） */
.media-single .media-single__nav,
.media-single .post-navigation,
.media-single .navigation{
  margin-block: clamp(24px, 5vw, 64px);
}

/* =======================
   月別アーカイブ（右サイド：小さめ）
   ======================= */
.archive-list--monthly{
  margin: 0;
  padding-left: 1.1em;
}
.archive-list--monthly li{
  margin: .25em 0;
}
.archive-list--monthly a{
  font-size: .9rem;
  line-height: 1.45;
  text-decoration: none;
}

/* タブレット */
@media (max-width: 1024px){
  .media-layout{
    grid-template-columns: 1fr;      /* 縦積み */
    gap: clamp(36px, 8vw, 72px);     /* 縦積み時の上下間隔も広めに */
    padding-block: clamp(28px, 7vw, 80px);
  }
  .media-sidebar{ position: static; } /* stickyのガタつきを回避 */
  .archive-list--monthly a{ font-size: .86rem; }
}

/* スマホ */
@media (max-width: 768px){
  .archive-list--monthly{ padding-left: 1em; }
  .archive-list--monthly li{ margin: .2em 0; }
  .archive-list--monthly a{ font-size: .84rem; line-height: 1.4; }
  .sidebar-title{ margin-bottom: 6px; font-size: .92rem; }
  .cat-card-list{ grid-template-columns: 1fr 1fr; gap: 6px; } /* 既存2列維持 */
}

/* 極小端末 */
@media (max-width: 380px){
  .cat-card-list{ grid-template-columns: 1fr; }
}
/* ====== 前後ナビ（記事直下・横並び・中央揃え） ====== */

/* 記事幅に揃える（.container と同一箱にして中央寄せ） */
.media-single__nav{
  max-width: var(--content-max, 960px); /* テーマのcontainer幅に合わせて調整可 */
  margin-inline: auto;
  margin-block: clamp(24px, 5vw, 64px);
}

/* ナビ見出し：上に2列（前/次）を並べて中央に */
.media-single__nav .nav-head{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(8px, 2vw, 16px);
  margin-bottom: clamp(8px, 1.5vw, 16px);
  text-align: center;
  font-size: .95rem;
  font-weight: 700;
  color: #423D82;
}
.media-single__nav .nav-head__prev{ justify-self: center; }
.media-single__nav .nav-head__next{ justify-self: center; }

/* 前後リンク本体：横2列・中央揃え・カード風 */
.media-single__nav .nav-links{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(10px, 2.2vw, 24px);
  align-items: stretch;
  justify-items: center;       /* カードを中央に */
}

.media-single__nav .nav-previous,
.media-single__nav .nav-next{
  width: 100%;
}

.media-single__nav .nav-previous a,
.media-single__nav .nav-next a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: .35rem;
  width: 100%;
  padding: clamp(12px, 2vw, 18px) clamp(14px, 2.4vw, 22px);
  background: #fff;
  border: 1px solid #e9e6e2;
  border-radius: 12px;
  text-decoration: none;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  transition: box-shadow .2s ease, transform .02s ease;
}

.media-single__nav .nav-previous a:hover,
.media-single__nav .nav-next a:hover{
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.media-single__nav .nav-previous a:active,
.media-single__nav .nav-next a:active{
  transform: translateY(1px);
}

.media-single__nav .nav-label{
  font-size: .82rem;
  opacity: .8;
}
.media-single__nav .nav-title{
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.35;
}

/* タブレット以下は縦積み＋中央 */
@media (max-width: 1024px){
  .media-single__nav .nav-head{
    grid-template-columns: 1fr 1fr;
    font-size: .9rem;
  }
  .media-single__nav .nav-links{
    grid-template-columns: 1fr;   /* 縦積み */
    justify-items: stretch;       /* 横幅いっぱい */
  }
  .media-single__nav .nav-previous a,
  .media-single__nav .nav-next a{
    text-align: left;             /* ここは好みで center のままでもOK */
  }
}

/* スマホは見出しも1列に（上下に“前/次”） */
@media (max-width: 768px){
  .media-single__nav .nav-head{
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
}
/*  teeeeeeeeeeeeest
 */

*, *::before, *::after {
  box-sizing: border-box;
}
.news-card,
.nav-links,
.media-single__nav,
.entry-content > * {
  box-sizing: border-box;
  max-width: 100%;
}
@media (max-width: 768px){
  :root{
    --content-max: min(1024px, 100vw);
  }
}
html, body { overflow-x: hidden; }
.entry-content a { word-break: break-word; overflow-wrap: anywhere; }
.entry-content table { display: block; max-width: 100%; overflow-x: auto; }
.wp-block-gallery, .wp-block-image { max-width: 100%; }
/*  
    スマホ用
                 */


@media (max-width: 768px){

  html, body { overflow-x: hidden; }


  .media-single .container{
    width: 100%;
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
  .media-single .media-layout{ display: block; }
  .media-single .media-sidebar{ margin-top: 24px; }
  .media-single .news-content a,
  .media-single .entry-content a{
    overflow-wrap: anywhere;
    word-break: break-word;
    display: inline-block;
    max-width: 100%;
  }
  .media-single .entry-content img,
  .media-single .wp-block-image,
  .media-single .wp-block-gallery{
    max-width: 100%;
    height: auto;
  }
  .media-single .entry-content table{
    display: block;
    width: 100%;
    overflow-x: auto;
  }
  .media-single .media-single__nav .nav-links{
    display: flex;
    gap: .5rem;
  }
  .media-single .media-single__nav .nav-links > *{
    min-width: 0;
    flex: 1 1 0;
  }
  .media-single .media-single__nav .nav-title{
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .media-single .news-card,
  .media-single .media-single__nav,
  .media-single .media-main,
  .media-single .media-sidebar{
    max-width: 100%;
    box-sizing: border-box;
  }
}
/*     NAV 記事へ   */
.media-single .media-single__nav .nav-links{
  display: flex !important;
  gap: .75rem !important;
}
.media-single .media-single__nav .nav-links > *{
  min-width: 0 !important;
  flex: 1 1 0 !important;
}
.media-single .media-single__nav .nav-links a{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}
.media-single .media-single__nav .nav-kicker{
  display: block !important;
  text-align: center !important;
  font-size: .82rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  margin-bottom: .35rem !important;
  opacity: .95 !important;
  pointer-events: none !important;
}
.media-single .media-single__nav .nav-title{
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: center !important;
}
/* リストの点を消す */
.sidebar-archives li {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.sidebar-archives li::marker { content: "" !important; }
.sidebar-archives ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.sidebar-archives { padding-left: 0 !important; }
/* マージン調整 */
@media (min-width: 768px) {
  .sidebar-section + .sidebar-section {
    margin-top: 0 !important;
  }
}