/*
Theme Name:glue_free002 child
Template:glue_free002
Version:0.0.1
*/

/* ----------------------------------------------------------------------
 #33 reset css
---------------------------------------------------------------------- */
.wp-block-separator {
  border-top: 2px dotted #dddddd;
}
/* レイアウト #110 */
#main_content {
  padding-bottom: 30px;
}

/* タブ記事　タイプ２ #599 */
#index_tab_post_list .post_list.type2 .image_wrap {
  width: 260px;
  height: auto;
}

#main_col {
  width: calc(100% - 350px);
}
/* ----------------------------------------------------------------------
 お知らせ #915
---------------------------------------------------------------------- */

/* 記事一覧 */
.news_list .image_wrap {
  width: 260px;
  height: auto;
}
.news_list .item:first-of-type,
.blog_list .item:first-child {
  border-top: none;
}
.news_list .item,
.blog_list .item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  border-bottom: 1px dotted #ddd;
  padding: 40px 0;
}
.news_list .item:last-child,
.blog_list .item:last-child {
  border-bottom: none;
}
/* ----------------------------------------------------------------------
 #971 ページヘッダー
---------------------------------------------------------------------- */
#page_header {
  background: #1156a3;
  height: 100px;
}
/* #988 GLUE見出し*/
div#archive_headline {
  text-align: left;
  padding: 34px;
}

/*  パンくずリンク #1004 */
#bread_crumb {
  margin: 26px auto 46px;
}

/* 記事一覧 #1059 */
.blog_list .image_wrap {
  width: 260px;
  height: auto;
}

/* デフォルトのカテゴリー #2104 */
#side_col .widget_categories li li a:before {
  content: "-";
  margin-right: 10px;
}

/* ----------------------------------------------------------------------
 ブログ詳細ページ
---------------------------------------------------------------------- */

/* タイトルエリア #1246 */
#single_post_header .title {
  background: #f6f6f6;
  padding: 12px 20px 6px;
  border-bottom: solid 1px #dddddd;
  border-top: solid 2px #1156a3;
  /* color: #fff; */
  border-radius: 2px;
  margin: 0;
}
#single_post_header .date_area {
  justify-content: end;
  margin: 18px 6px 0 0;
}

/* ロゴ #1528 */
#header_logo img {
  max-height: 78px;
}

/* ----------------------------------------------------------------------
 ウィジェット
---------------------------------------------------------------------- */

#side_col .widget_tab_post_list .title_area {
  height: auto;
}
.widget_tab_post_list .title_area {
  height: auto;
}
/* 基本設定 #1931 */
.widget_headline {
  border-bottom: solid 1px #dedede;
  padding-bottom: 10px;
  background: #1156a3;
  padding: 9px 0 6px 14px;
  color: #fff;
  border-radius: 2px;
}

/* タブ記事 #1940 */
.widget_tab_post_list li {
  padding: 14px;
}
#side_col .widget_tab_post_list .image_wrap {
  width: 100px;
  height: 100px;
}

/* #2553 text and headline */

.post_content h2 {
  display: grid;
  grid-template-columns: 5px 1fr;
  align-items: stretch; /* ←伸ばす */
  column-gap: 0.8rem;
  border-bottom: solid 1px #dddddd;
  font-size: 24px;
  text-align: left;
}

.post_content h2::before {
  content: "";
  background: var(--accent, #1156a3);
  margin: 3px 0 5px;
}

.post_content h3 {
  display: grid;
  grid-template-columns: 16px 1fr; /* 左に飾り、右にテキスト */
  align-items: center; /* 基本はセンター合わせ */
  margin: 1.2em 0 1.2em;
  padding: 8px 6px 5px 10px;
  font-size: 18px;
  border-bottom: 1px dotted #dddddd;
  background: #f7f7f7;
}

/* 左の飾り（四角や丸に変更可） */
.post_content h3::before {
  content: "";
  inline-size: 8px;
  block-size: 8px;
  background: var(--accent, #1156a3);
  /* border-radius:3px; */ /* 丸にしたいなら 50% */
  margin-top: -1px;
}

/* table #2585 */
.post_content table {
  border-collapse: collapse !important;
}

/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */

/* list */
.post_content ul {
  list-style: none;
  margin-left: unset;
}