/*
 Theme Name: Hive Lite Child
 Template: hive-lite
*/


/* サイトロゴの大きさと左寄せ */
.site-header {
text-align: left !important;
}

.site-branding img {
width: 200px;
height: 160px;
}

/* 投稿アイキャッチの画像高さ */
img.attachment-hive-single-image.size-hive-single-image.wp-post-image {
max-width: 100%;
margin: 0 auto;
max-height: 500px !important;
object-fit: cover;
}


/* bodyの黒線を消す */
body::before,
body::after,
html::before,
html::after {
  content: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}

/* レイアウト境界に入っている黒帯を削除（念のため） */
.site,
.site-content,
.site-header,
.site-footer {
  border: none !important;
  box-shadow: none !important;
}

/* メディアクエリ側の再指定も打ち消す */
@media only screen and (min-width: 1000px) {
  html, body, .site {
    border: none !important;
    box-shadow: none !important;
  }
}

/* -------------
  テキストの設定
---------------- */
p {
line-height: 2 !important;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}

h1, h2, h3, blockquote, .dropcap, .single .entry-content:before, .page .entry-content:before {
  font-family: "Shippori Mincho B1", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}


h1.entry-title, h2, h3, h4, h5, .entry-meta, ul#menu-menu-1 {
}

a {
color: #3e5f51 !important;
}
a:hover {
color: #8a1546 !important;
}

/* メインメニュー */
ul#menu-menu-1 {
font-weight: normal;
}

/* ウィジェットメニュー */
.wp-block-group {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;

}

blockquote.wp-block-quote.is-layout-flow.wp-block-quote-is-layout-flow p {
  font-family: "Shippori Mincho B1", serif !important;
  font-size: 0.7em;
}

/*
table, .wp-block-table table {
  width: auto;
}
*/

.wp-block-table td:first-child {
  width: 25%;
  white-space: nowrap;
  font-size: 0.8em;
}
.wp-block-table {
  border-top: 1px solid #000;
  font-size: 0.9rem;
}
/* 各セルの設定 */
.wp-block-table td,
.wp-block-table th {
  border: none !important; /* まずすべての線を消す */
  padding: 0.6em 1em;
  text-align: left;
}

table tr {
border-bottom: 1px solid #000 !important;
}


.wp-block-table.archives table {
  table-layout: auto;
}

.wp-block-table.archives table td:first-child {
  width: 10px;
}


/* -------------
  カテゴリのアコーディオン
---------------- */
/* Accordion for category children */
.wp-block-categories-list li.cat-item {
  position: relative;
  list-style: none;
  margin: 1em 0;
}

.wp-block-categories-list li.cat-item > a {
  text-decoration: none;
  color: inherit;
}

/* トグルボタン */
.cat-toggle {
  display: inline-block;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  background: none;
  border: 1px solid transparent;
  border-radius: 3px;
  cursor: pointer;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1;
  color: #000;
}
.cat-toggle:hover { color: #333; }

/* 展開中のスタイル */
.cat-toggle[aria-expanded="true"] {
  color: #111;
  transform: none;
}

/* 子リストの見た目 */
.wp-block-categories-list li.cat-item ul.children {
  margin-left: 3em;
  margin-top: 0.35em;
  padding-left: 0;
}

figure {
margin: 1em 0px !important;
}

/* スラッグ説明３カラム */
.taxonomy-columns {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  gap: 1rem;
  align-items: start;

  /* main#main と同じ幅に揃える */
  max-width: 1170px; /* or .containerのmax-width */
  margin: 0 auto;
  padding: 0 15px;
}

.taxonomy-columns .column {
  box-sizing: border-box;
}

/* テーブル整形 */
.column figure {
margin: 0px !important;
}
.taxonomy-columns table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.taxonomy-columns td {
  border-bottom: 1px solid #ddd;
  padding: 0.4em 0.6em;
  vertical-align: top;
}

/* 画像調整 */
.taxonomy-columns img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  display: block;
  object-fit: cover;
}
@media (max-width: 768px) {
  .taxonomy-columns {
    grid-template-columns: 1fr;
  }
}
