/* 更新終了のお知らせ（静的化にあわせて足したもの）
   もとのテーマのお知らせバー（.header-info・font-size:75%）を置き換えている。
   色は元のバーと同じ系統にして、大きさと情報量だけを増やしてある。 */
.closed-notice {
  background: linear-gradient(135deg, #5ac1ed, #15cfd6);
  color: #fff;
  position: relative;
  z-index: 4;
}
.closed-notice__inner {
  max-width: 1166px;
  margin: 0 auto;
  padding: 1.1em 1.2em 1.2em;
  text-align: center;
}
.closed-notice__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .02em;
}
.closed-notice__title::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .45em;
  vertical-align: -.12em;
  background: #fff;
  /* 感嘆符の丸アイコン。外部の画像に頼らない */
  -webkit-mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
  mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
}
.closed-notice__body {
  margin: .5em 0 0;
  font-size: .9rem;
  line-height: 1.7;
}
.closed-notice__link {
  display: inline-block;
  margin-top: .9em;
  padding: .5em 1.4em;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.closed-notice__link:hover,
.closed-notice__link:focus {
  background: #fff;
  color: #0e9ec0;
}
@media only screen and (max-width: 767px) {
  .closed-notice__inner { padding: .9em 1em 1em; }
  .closed-notice__title { font-size: 1rem; }
  .closed-notice__body  { font-size: .82rem; text-align: left; }
}

/* 旧サイトへの導線 */
/* ヘッダーの2段目に見せる帯。ヘッダーの赤より少し暗くして段差を出す */
.archive-bar { background: #b31d1d; color: #fff; }
.archive-bar__inner { max-width: 1166px; margin: 0 auto; padding: 0 1.2em; text-align: center; }
.archive-bar__link {
  display: inline-flex; align-items: center; gap: .6em;
  padding: .55em 0; color: #fff; text-decoration: none; font-size: .82rem; line-height: 1.5;
}
.archive-bar__link:hover { color: #fff; opacity: .85; }
.archive-bar__badge {
  flex: none; padding: .15em .6em; border: 1px solid rgba(255,255,255,.7);
  border-radius: 999px; font-size: .74rem; font-weight: 700; letter-spacing: .04em;
}
@media only screen and (max-width: 767px) {
  .archive-bar__inner { padding: 0 .8em; }
  .archive-bar__link { font-size: .74rem; gap: .5em; text-align: left; }
}

/* サイドバーのウィジェット */
.archive-widget .textwidget p { margin: 0 0 .7em; font-size: .85rem; line-height: 1.8; }
.archive-widget__link { margin: 0 !important; text-align: center; }
.archive-widget__link a {
  display: block; padding: .6em 1em; border: 2px solid currentColor; border-radius: 6px;
  font-size: .85rem; font-weight: 700; text-decoration: none;
}
.archive-widget__link a:hover { opacity: .8; }

/* フッターの1行 */
.archive-link { margin: 0 0 .8em; text-align: center; font-size: .85rem; }
.archive-link a {
  display: inline-block; padding: .35em 1.1em; border: 1px solid currentColor;
  border-radius: 999px; text-decoration: none; opacity: .85;
}
.archive-link a:hover { opacity: 1; }

/* サイドバーの整え */
/* 代表理事としての活動 */
.profile-now {
  margin-top: 1.1em !important;
  padding-top: 1em;
  border-top: 1px solid #ececec;
  font-size: .85rem;
  line-height: 1.9;
}

/* プロフィール欄のボタン。テーマの .author-button（赤い枠＋アイコン）をやめて整える */
.profile-links {
  display: grid;
  gap: .5em;
  margin: 1.2em 0 0 !important;
}
.profile-btn {
  display: block;
  padding: .75em 1em;
  border-radius: 6px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  transition: opacity .2s, border-color .2s, color .2s;
}
.profile-btn--primary { background: #c92222; color: #fff !important; }
.profile-btn--primary:hover { opacity: .85; }
.profile-btn--ghost { border: 1px solid #dcdcdc; background: #fff; color: #555 !important; }
.profile-btn--ghost:hover { border-color: #c92222; color: #c92222 !important; }

/* その他の運営メディア。黒枠は画像から落とし、細い枠を CSS で足す */
.sidebigcat dd a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  line-height: 0;
  transition: border-color .2s;
}
.sidebigcat dd a:hover { border-color: #c92222; }
.sidebigcat dd img { width: 100%; height: auto; }

/* ==== 更新終了のお知らせ ここから ==== */
/* 更新終了のお知らせ（静的化にあわせて足したもの）
   もとのテーマのお知らせバー（.header-info・font-size:75%）を置き換えている。
   色は元のバーと同じ系統にして、大きさと情報量だけを増やしてある。 */
.closed-notice {
  background: linear-gradient(135deg, #5ac1ed, #15cfd6);
  color: #fff;
  position: relative;
  z-index: 4;
}
.closed-notice__inner {
  max-width: 1166px;
  margin: 0 auto;
  padding: 1.1em 1.2em 1.2em;
  text-align: center;
}
.closed-notice__title {
  margin: 0;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .02em;
}
.closed-notice__title::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: .45em;
  vertical-align: -.12em;
  background: #fff;
  /* 感嘆符の丸アイコン。外部の画像に頼らない */
  -webkit-mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
  mask: no-repeat center/100% url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M8 0a8 8 0 100 16A8 8 0 008 0zm.9 12H7.1v-1.8h1.8V12zm0-3H7.1V4h1.8v5z"/></svg>');
}
.closed-notice__body {
  margin: .5em 0 0;
  font-size: .9rem;
  line-height: 1.7;
}
.closed-notice__link {
  display: inline-block;
  margin-top: .9em;
  padding: .5em 1.4em;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: .88rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s, color .2s;
}
.closed-notice__link:hover,
.closed-notice__link:focus {
  background: #fff;
  color: #0e9ec0;
}
@media only screen and (max-width: 767px) {
  .closed-notice__inner { padding: .9em 1em 1em; }
  .closed-notice__title { font-size: 1rem; }
  .closed-notice__body  { font-size: .82rem; text-align: left; }
}
/* ==== 更新終了のお知らせ ここまで ==== */

/* ==== 旧サイトへの導線 ここから ==== */
/* 旧サイトへの導線 */
/* ヘッダーの2段目に見せる帯。ヘッダーの赤より少し暗くして段差を出す */
.archive-bar { background: #b31d1d; color: #fff; }
.archive-bar__inner { max-width: 1166px; margin: 0 auto; padding: 0 1.2em; text-align: center; }
.archive-bar__link {
  display: inline-flex; align-items: center; gap: .6em;
  padding: .55em 0; color: #fff; text-decoration: none; font-size: .82rem; line-height: 1.5;
}
.archive-bar__link:hover { color: #fff; opacity: .85; }
.archive-bar__badge {
  flex: none; padding: .15em .6em; border: 1px solid rgba(255,255,255,.7);
  border-radius: 999px; font-size: .74rem; font-weight: 700; letter-spacing: .04em;
}
@media only screen and (max-width: 767px) {
  .archive-bar__inner { padding: 0 .8em; }
  .archive-bar__link { font-size: .74rem; gap: .5em; text-align: left; }
}

/* サイドバーのウィジェット */
.archive-widget .textwidget p { margin: 0 0 .7em; font-size: .85rem; line-height: 1.8; }
.archive-widget__link { margin: 0 !important; text-align: center; }
.archive-widget__link a {
  display: block; padding: .6em 1em; border: 2px solid currentColor; border-radius: 6px;
  font-size: .85rem; font-weight: 700; text-decoration: none;
}
.archive-widget__link a:hover { opacity: .8; }

/* フッターの1行 */
.archive-link { margin: 0 0 .8em; text-align: center; font-size: .85rem; }
.archive-link a {
  display: inline-block; padding: .35em 1.1em; border: 1px solid currentColor;
  border-radius: 999px; text-decoration: none; opacity: .85;
}
.archive-link a:hover { opacity: 1; }
/* ==== 旧サイトへの導線 ここまで ==== */

/* ==== サイドバーの整え ここから ==== */
/* サイドバーの整え */
/* 代表理事としての活動 */
.profile-now {
  margin-top: 1.1em !important;
  padding-top: 1em;
  border-top: 1px solid #ececec;
  font-size: .85rem;
  line-height: 1.9;
}

/* プロフィール欄のボタン。テーマの .author-button（赤い枠＋アイコン）をやめて整える */
.profile-links {
  display: grid;
  gap: .5em;
  margin: 1.2em 0 0 !important;
}
.profile-btn {
  display: block;
  padding: .75em 1em;
  border-radius: 6px;
  font-size: .85rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  text-decoration: none !important;
  transition: opacity .2s, border-color .2s, color .2s;
}
.profile-btn--primary { background: #c92222; color: #fff !important; }
.profile-btn--primary:hover { opacity: .85; }
.profile-btn--ghost { border: 1px solid #dcdcdc; background: #fff; color: #555 !important; }
.profile-btn--ghost:hover { border-color: #c92222; color: #c92222 !important; }

/* その他の運営メディア。黒枠は画像から落とし、細い枠を CSS で足す */
.sidebigcat dd a {
  display: block;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  overflow: hidden;
  line-height: 0;
  transition: border-color .2s;
}
.sidebigcat dd a:hover { border-color: #c92222; }
.sidebigcat dd img { width: 100%; height: auto; }
/* ==== サイドバーの整え ここまで ==== */