/************************************************************/
/* 0. header***************************************************@@@/
/************************************************************/

.site-header {
  background-repeat: no-repeat;
  background-size: 100% 11px;
  background-position: bottom;
  padding-bottom: 11px;
}

.site-header .custom-logo {
  width: 295.21px;
  height: auto;
  padding-top: 0.5em;
}

/************************************************************/
/* 0. footer***************************************************@@@/
/************************************************************/
/* html, body {
    height: 100%; 
    margin: 0;
  } */

.site-footer {
  position: relative;
  bottom: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  padding: 10px;
}

.site-footer a {
  font-size: 1rem;
}

.site-footer a:focus {
  outline: none;
}

/************************************************************/
/* 0. thumbnail***************************************************@@@/
/************************************************************/
/*
.thumbnail {
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}
    */

.post-thumbnail {
  display: flex;
  justify-content: center;
  /* 水平方向の中央揃え */
}

/************************************************************/
/* 1. テキスト***************************************************@@@/
/************************************************************/

/*******************************/
/*2 Text系タグのfont-size以外の設定 */
/*******************************/
/*2.1 段落*/
.ly_site_content li {
  line-height: 1.8;
  list-style-position: inside;
  /* リストのドットをテキストと揃えている */
  padding-left: 1.5em;
  text-indent: -1.5em;
  /* リストのインデント2行目を1行目と揃える */
}

.wp-block-list li>ul {
  padding-left: 1.5em;
  /* リストの下の白ドットにインデント */
}

/*2.2 見出し*/

/* 本文のタイトル */

/*2.4 詳細 */

/*2.5 テーブル */
.ly_site_content_main .wp-block-columns .wp-block-table {
  margin: 0px -15px -10px -25px;
  /* 親を変えずに表のパディングをなくす */
}


/************************************************************/
/* メディア @@@***************************************************/
/************************************************************/
/*3.1 画像  */
/*3.2 ギャラリー */
/*3.3 カバー */

/* カバーイメージ */

/* カバー画像e */

/*3.4 メディアとテキスト */
/*3.5 テーブル */

/* 画像・要素の左右・中央寄せ */
.wp-block-image .alignleft {
  float: left;
  /* 左寄せ */
  margin-right: 1.5em;
  /* 右に適度な余白 */
  margin-top: 0;
  margin-bottom: 1em;
  /* 下に余白を確保 */
}

.wp-block-image .alignright {
  float: right;
  /* 右寄せ */
  margin-left: 1.5em;
  /* 左に余白 */
  margin-top: 0;
  margin-bottom: 1em;
  /* 下に余白 */
}

.wp-block-image .aligncenter {
  display: block;
  /* インライン要素ではなくブロック要素として扱う */
  text-align: center;
  /* 中央寄せ */
}

.image-container {
  padding: 0;
  /* imgにつくパディングを消している */
}

/************************************************************/
/* Comments @@@***************************************************/
/************************************************************/
.comment-content a {
  word-wrap: break-word;
}

.comments-area .bypostauthor {
  display: block;
  border-left: 4px solid #494949;
  /* 左側にグレーのラインをつける */
  background-color: #f9f9f9;
  /* 背景を薄いグレーに */
  padding: 15px;
  /* 余白 */
}

.comments-area .comment-body {
  margin-top: 20px;
}

.comments-area #comment,
.comments-area #submit {
  margin-top: 0;
  /* color: #fff; */
  /* コメントの文字が白になってた */
}

.comments-area .form-submit {
  margin-top: 10px;
}

/************************************************************/
/* Widgets @@@ ***************************************************/
/************************************************************/
.widget {
  content: " ";
  /*ダミー*/
}

/***************************************/

/* ウィジェット カテゴリー s */
.wp-block-categories {
  list-style: none;
  line-height: 2;
  padding-left: 0px;
}

.wp-block-categories a {
  text-decoration: none;
  font-size: 0.8rem;
}

.cat-item {
  border-bottom: 0.01em solid #e9e8e8;
  padding: 5px 0px;
}

li>ul>.cat-item:last-of-type {
  border-bottom: none;
  /* カテゴリーの二重線をとっている */
}

.ly_site_content_widgetArea_right h2,
.ly_site_content_widgetArea_right h3 {
  padding-top: 1em;
  /* hタグの上にpadding */
}

.ly_site_content_widgetArea_right .is-layout-flex {
  padding: 0;
  /* カテゴリーの検索バーのpaddingを消している */
}

.ly_site_content_widgetArea_right li {
  font-size: 0.8rem;
  /* カテゴリーの文字を小さくしている */
  list-style: none;
}

.ly_site_content_widgetArea_right li a {
  text-decoration: none;
  font-size: 0.9rem;
}

/*********カテゴリーのリストにマージン !!!!!!!!!!!****************/
.wp-block-categories ul.children {
  /* padding-left: 1.5em; */
  margin-top: 10px;
}

/*********最近の投稿のインデントを取る!!!!!!!!!!!****************/
.wp-block-latest-posts li {
  text-indent: 0;
  padding-left: 0;
}

/*********アーカイブの見た目を整えている!!!!!!!!!!!****************/
.wp-block-archives li {
  padding: 5px 0px;
  border-bottom: 1px solid #eee;
  text-indent: 0;
  /* 左に寄るのを防いでいる */
}

/* .widget .wp-block-search__button {
    color: #fff;
} */

/* ウィジェット カテゴリー e */

/*************************************/
/* 新着記事 @@@ s*/
/*************************************/

.wp-block-latest-posts__list {
  list-style: none;
  line-height: 2;
  padding-left: 0px;
}

.wp-block-latest-posts__list a {
  font-size: 0.8rem;
  text-decoration: none;
}

.wp-block-latest-posts__post-title {
  display: block;
  border-bottom: 0.01em solid #e9e8e8;
  padding: 5px 0px;
}

/* 新着記事 e*/

/************************************************************/
/* ページコントロール @@@***************************************************/
/************************************************************/

/* 次へ */
.pagination .nav-links {
  width: 300px;
  display: block;
}

/* 次への数字の囲みをコメントアウト */
/* .pagination .page-numbers {
    border: 2px solid #555;
} */

.pagination .next.page-numbers,
.pagination .prev.page-numbers {
  border: none;
}

.pagination .page-numbers:hover,
.pagination .next.page-numbers:hover,
.pagination .prev.page-numbers:hover {
  background: #f5f4f4;
}

.pagination .fa-arrow-alt-circle-right:before,
.pagination .fa-circle-right:before,
.pagination .fa-arrow-alt-circle-left:before,
.pagination .fa-circle-left:before {
  vertical-align: -15%;
}

/************************************************************/
/* ページコントロール 次の記事@@@***************************************************/
/************************************************************/
.navigation.post-navigation {}

.navigation.post-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  /* 子要素間のスペースを等しく */
  width: 100%;
  /* 幅を広げる */
  margin-top: 1.5rem;
}

.wp-block-media-text {
  gap: 1.2em;
  /* メディアとテキストのギャップ */
}

.wp-block-preformatted {
  padding: 2em;
  /* 囲みテキストにpadding */
  margin-bottom: 1em;
  /* 下に空きを作る */
}

.wp-block-buttons.is-layout-flex {
  padding: 0;
  /* ボタンのパディングを無しに */
}

/*******************************/
/* ページトップの設定 s */
/*******************************/
#page-top {
  position: fixed;
  bottom: calc(20px + env(safe-area-inset-bottom));
  right: 20px;
  width: 50px;
  height: 50px;
  background: #fff;
  color: #333;
  border: 1px solid #333;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  font-size: 20px;
  text-decoration: none;
  opacity: 1;
  /* 初期は非表示 */
  transition: opacity 0.3s ease;
  /* スムーズな表示切替 */
  z-index: 9999;
  /* 他の要素に隠れないように最前面 */
}

#page-top:hover {
  background: #333;
  color: #fff;
}

/* スクロール位置が100pxを越えた場合にボタンを表示 */
/* @media (min-height: 800px) {
  #page-top {
    opacity: 1; 
  }
} */

/*-------------ページトップの設定 e----------*/

/************************************************************/
/* メタ情報設定@@@***************************************************/
/************************************************************/

.edit-post-meta-boxes-area #poststuff h2.hndle {
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  .navigation.post-navigation .nav-links {
    flex-direction: column;
  }
}

.nav-previous,
.nav-next {
  width: 300px;
  height: 170px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*****前へ次へ画像********/

.nav-previous a,
.nav-next a {
  color: #000;
  background: #999;
  padding: 5px 15px;
  text-decoration: none;
  width: 300px;
  display: block;
}

.nav-previous a:hover,
.nav-next a:hover {
  color: #999;
  background: #000;
  opacity: 0.8;
}

.nav-subtitle {
  display: flex;
  align-items: center;
  /* アイコンとテキストの縦方向中央揃え */
  gap: 0.5em;
  /* アイコンとタイトルの間のスペース */
}

nav.post-navigation {
  display: flex;
  justify-content: space-between;
}

.nav-title {}

.nav-previous i,
.nav-next i {}




/* リンクに出てくる打ち消し線を消す */
.broken_link, a.broken_link {
  text-decoration: none;
}



/************************************************************/
/* カード @@@***************************************************/
/************************************************************/

/* PCレイアウト */
@media (min-width: 769px) {
  .bl_card_container {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto auto;
  }

  .bl_card_img {
    grid-row: span 2;
    /* 画像を2行分占める */
  }
}

/* カード全体のデザインs*/
.bl_card_container {
  display: grid;
  gap: 1vw;
  padding: var(--ly-elementPadding);
  margin-top: calc(var(--ly-elementTopMargin) / 2);
  /* 半分にしている */
  background: #f2f2f2;
  color: #444;
}

.bl_card_container a {
  color: #444;
  text-decoration: none;
}

.bl_card_container a:hover {
  text-decoration: none;
}

.bl_card_container img {
  height: 167px;
  width: 100%;
  /* または固定値 */
  object-fit: cover;
}

/* カード全体e*/

/* 画像側 s */

.bl_card_img {
  display: flex;
  width: 100%;
  object-fit: cover;
  position: relative;
  display: inline-block;
}

.bl_card_img img:hover {
  transform: scale(1.1, 1.1);
  transition: 1s all;
}

/* category-labelを画像の左上に重ねる */
.bl_card_img .category-label {
  position: absolute;
  background-color: #444;
  /* 半透明の背景色 */
  color: white;
  /* 白い文字 */
  padding: 0.1rem 0.3rem;
  /* 文字周りのスペース */
  font-size: 0.6em;
}

/* 画像側 e */

/* ヘッダー側 s */

.bl_card_head {
  display: flex;
  flex-direction: column;
}

.bl_card_head .bl_card_ttl {
  margin-top: 0;

  text-decoration: none;
}

.bl_card_head .entry-date {
  font-size: 0.8rem;
}

/* ヘッダー側 e */

/* テキストbody側 s */
.bl_card_body {
  display: flex;
  flex-direction: column;
}

.bl_card_body .bl_card_txt {
  width: fit-content;
  font-size: 0.8rem;
  margin-top: 0;
  /* カードの中のマージンを取っている */
}

/* テキストbody側 e */

/************************************************************/
/* 検索ボックス @@@***************************************************/
/************************************************************/

/* 検索バー */
.wp-block-search .wp-block-search__label {
  display: none;
}

.wp-block-search__button.has-icon {
  width: 42px;
}

/*************************************/
/* パンくずs @@@*/
/*************************************/
.create_bread {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* 一直線に */
  align-items: center;
  /* 垂直方向で中央揃え */
  gap: 10px;
  /* 項目間の間隔 */
  list-style: none;
  /* マーカーを非表示 */
  font-size: 0.7rem;
  /* 文字サイズを小さく */
  padding: 0;
  /* 不要な余白を削除 */
  margin: 0;
  /* 不要な余白を削除 */
}

.create_bread a {
  font-size: inherit;
  /* 親要素のフォントサイズに合わせる */
  text-decoration: none;
  /* リンクの下線を消す */
  color: inherit;
  /* リンクの色を親要素と一致させる */
}

.create_bread a:hover {
  text-decoration: underline;
  /* ホバー時に下線を表示 */
  /*color: blue;  ホバー時に色を変える（任意） */
}

/* パンくずアイコン */
.ly_site_content svg {
  width: 0.9em;
  height: 0.9em;
  margin-left: 5px;
  vertical-align: -0.1em;
  /* 少し下げてる */
}

.ly_site_content svg:first-child {
  width: 1.1em;
  height: 1.1em;
  margin-right: 5px;
}

/* .fa-angle-right:before {
  margin-left: 25px;
} */

/* パンくずe */

/*************************************/
/* entry-header + 投稿情報 +entry-footer s*/
/*************************************/
.entry-header,
.entry-footer {
  /*文字情報のためremでサイズをフレキシブル対応*/
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

/* 投稿日時用 */
.posted-on,
.byline,
.cat-links,
.edit-link,
.tags-links {
  font-size: 0.9rem;
  /* 小さめの文字サイズ */
  color: #666;
}

.posted-on a,
.byline a,
.cat-links a,
.edit-link a,
.tags-links a {
  font-size: 0.7rem;
  /* 親要素のフォントサイズに合わせる */
  text-decoration: none;
  /* リンクの下線を消す */
  color: blue;
  /* リンクの色を親要素と一致させる */
}

.tags-links {
  margin-left: 2em;
  /* タグの前に少しスペース */
}

/************************************************************/
/*** ボタン s ***/
/************************************************************/

/*** ボタン s ***/
.wp-block-buttons {
  margin-top: var(--ly-elementTopMarginSmall);
}

.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
  min-width: 150px;
  color: #fff;
}

.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
  border-width: 1px;
}

/*** ボタン e ***/

/************************************************************/
/* タグ @@@ ***************************************************/
/************************************************************/

/* tag s */
.wp-block-tag-cloud {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}

.wp-block-tag-cloud .tag-cloud-link {
  background: #c4c4c4;
}

section.widget_block {
  margin-top: 0;
}

/* tag e */

/************************************************************/
/* キャプションのテキスト@@@ ***************************************************/
/************************************************************/
/* caption s */
.wp-caption {
  max-width: 100%;
  /* 画像の最大幅を超えないようにする */
  text-align: center;
  /* キャプションを中央寄せ */
  background-color: #f8f8f8;
  /* 背景色を薄いグレーに */
  padding: 5px;
  /* 余白を確保 */
  border: 1px solid #ddd;
  /* 境界線を薄いグレーに */
}

.wp-caption-text {
  font-size: 0.7rem;
  /* フォントサイズを適切に */
  color: #666;
  /* 文字色を少し薄く */
  margin-top: 5px;
  /* 画像との間に余白を追加 */
}

.gallery-caption {
  font-size: 0.7rem;
  color: #777;
  text-align: center;
  margin-top: 5px;
}

/* caption e */

/************************************************************/
/* その他 @@@ ***************************************************/
/************************************************************/

/************************************************************/
/* ヘルパースタイル@@@ ***************************************************/
/************************************************************/

/* fa s  all.mini.cssのfont awsomeのCSSのカスタマイズ*/

.fa-chevron-right:before {
  content: "\f054";
  /*ダミー*/
}

.fa-solid,
.fas {
  font-weight: 900;
}

.fa-calendar-alt:before,
.fa-calendar-days:before {
  content: " ";
  /*ダミー*/
}

.fa-arrow-alt-circle-left:before,
.fa-circle-left:before,
.fa-arrow-alt-circle-right:before,
.fa-circle-right:before {
  color: #8c8c8c;
}

.fa-magnifying-glass:before,
.fa-search:before {
  border: 1px solid #222;
  border-left: none;
}

/* fa e*/

/************************************************************/
/* SNSシェア @@@ ***************************************************/
/************************************************************/


/************************************************************/
/* メインコンテンツ @@@ ***************************************************/
/************************************************************/
/* 詩のパディング */
pre.wp-block-verse {
  padding: 1.5em 1.5em;
}

/* 引用のデザイン */
.wp-block-quote {
  position: relative;
  border-left: 5px solid #dedede;
  padding-left: 5em;
}

/* 引用にフォントオーサムを表示される */
.wp-block-quote::after {
  font-family: "Font Awesome 6 Free";
  content: "\f10d";
  font-weight: 900;
  position: absolute;
  left: 60px;
  top: -25px;
  transform: translateX(-100%);
  font-size: 50px;
  color: #dedede;
}

/* カレンダーのデザイン */
.wp-block-calendar td,
.wp-block-calendar th {
  border: 3px solid;
  padding: 1em 0.25em;
}

/* スマホレイアウト */

@media (max-width: 768px) {

  /* カードレイアウト */
  .bl_card_container {
    padding: 1em;
    margin-bottom: 1em;
  }

  .bl_card_body {
    grid-column: span 2;
    /* 本文を2列分占める */
  }

  .bl_card_container img {
    height: 126px;
  }

  nav.post-navigation {
    flex-direction: column;
    gap: 1em;
    align-items: center;
    /* 前の記事次の記事を縦に表示 */
  }

  /* テーブル（表）のpaddingを消してる */
  .wp-block-group .wp-block-table {
    margin-left: -3.375em !important;
    margin-right: -3.375em !important;
  }
}