/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 20 2026 | 08:27:33 */
.blogList{
	padding-top:30px;
	padding-bottom:120px;
}
.blogList p.catch{
	text-align:center;
	margin-bottom:30px;
}
.blogList p.catch{
	font-size:18px;
	text-align:center;
}
.blogList ul.navi{
 display: flex;           /* Flexboxを有効にする */
  justify-content: center; 
	flex-wrap: wrap;
	margin-top:40px;
	margin-bottom:60px;
}

.blogList ul.navi li {
  color: #333;
	margin-left:7px;
	margin-right:7px;
	display: flex;
}
.blogList ul.navi li a {
  position: relative;
    padding-top: 12px;
	padding-right:15px;
    padding-left: 45px;
    padding-bottom: 12px;
  text-decoration: none;
  color: #333;
  background-color: #FFF;
   font-size: 14px;
  font-weight: 500;
	 font-family: "Noto Sans JP", sans-serif;
	border:2px solid #0367E2;
	border-radius:100px;
	text-align: center;
}
.blogList ul.navi li a:hover {
  background-color: #FFF;
  opacity: 0.7;
}
.blogList ul.navi li a:before {
  background: url(https://regional-ai.jp/wp-content/uploads/2026/08/ico_arrow_blue.svg);
  content: "";
  width: 26px;
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.blogList ul.navi li.current-cat {
  color: #FFF;
}
.blogList ul.navi li.current-cat a {
  color: #FFF;
  background: linear-gradient(90deg, #0E94F6, #0142E0);

}
.blogList ul.navi li.current-cat a:hover {
  background: linear-gradient(90deg, #0E94F6, #0142E0);
}
.blogList ul.navi li.current-cat a:before {
  background: url(https://regional-ai.jp/wp-content/uploads/2026/08/ico_arrow_white.svg);
}


.blogList .eyecatch {
	margin-bottom:10px;
}

.blogList .date {
	margin-right:10px;
}

.blogList .date a {
   font-size: 16px;
   font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
	color:#0367E2;
}

.blogList .tag a {
   font-size: 14px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
	color:#FFF;
	background-color:#0367E2;
	padding:2px 5px;
	text-decoration:none;
	    margin-right: 3px;
	margin-bottom: 5px;
    display: inline-block;
}


.blogList h2.title {
   font-size: 20px;
   font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
	margin-top:2px;
	color:#333333;
}


.blogDetail{
	padding-top:60px;
	padding-bottom:120px;
}
.blogDetail .date {
   font-size: 16px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
	color:#0367E2;
	margin-right:10px;
}
.blogDetail .date a {
   font-size: 16px;
   font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
	color:#0367E2;
}

.blogDetail .tag a {
   font-size: 14px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
	color:#FFF;
	background-color:#0367E2;
	padding:2px 5px;
	text-decoration:none;
	    margin-right: 3px;
	margin-bottom: 5px;
    display: inline-block;
}
.blogDetail h2 {
    font-size: 26px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 3px solid #0367E2;
	margin-top:0px;
    margin-bottom: 25px;
}
.blogDetail .eyecatch {
    margin-bottom: 30px;
}
.blogDetail h3 {
    font-size: 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
	color:#0367E2;
}
.blogDetail h4 {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
	color:#0367E2;
}
.blogDetail h5 {
    font-size: 18px;
   font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}
.blogDetail p {
    margin-bottom: 30px;
}
.blogDetail p strong {
        font-weight: 500;
}

.blogDetail .btn {
  color: #FFF;
	margin-top:40px;
}
.blogDetail .btn a {
  position: relative;
    padding-top: 12px;
    padding-left: 45px;
    padding-bottom: 12px;
  text-decoration: none;
  color: #FFF;
	background: linear-gradient(90deg, #0E94F6, #0142E0);
   font-size: 16px;
  font-weight: 500;
	 font-family: "Noto Sans JP", sans-serif;
	border-radius:100px;
	    width: 250px;
}
.blogDetail .btn a:hover {
  background-color:#00BAD2;
  opacity: 0.7;
}
.blogDetail .btn a:before {
  background: url(https://regional-ai.jp/wp-content/uploads/2026/08/ico_arrow_white.svg);
  content: "";
  width: 26px;
  height: 8px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}




@media (max-width: 833px) {
	.blogList{
	padding-top:30px;
	padding-bottom:60px;
		padding-left:15px;
		padding-right:15px;
}
.blogList p.catch{
	font-size:16px;
	text-align:center;
	margin-bottom:0px;
}
.blogList ul.navi{
	margin-top:20px;
	margin-bottom:15px;
}
.blogList ul.navi li {
	margin-left:5px;
	margin-right:5px;
	display: flex;
	margin-bottom:10px;
}
	.blogList ul.navi li a {
    padding-top: 5px;
    padding-bottom: 5px;
}
	
	
	.blogDetail{
	padding-top:30px;
	padding-bottom:60px;
		padding-left:15px;
		padding-right:15px;
}
.blogDetail h2 {
    font-size: 22px;
    margin-bottom: 20px;
}
.blogDetail .eyecatch {
    margin-bottom: 20px;
}
.blogDetail h3 {
    font-size: 20px;
}
.blogDetail p {
    margin-bottom: 15px;
}

.blogDetail .btn {
  color: #FFF;
	margin-top:20px;
}
	
	
}
	
/* AIリージョナルラボ：コラム表示改善 2026-10-20
 * 「カスタム CSS & JS」→「column」の既存CSSの末尾へ追加。
 * 既存の最後の } より後へ貼り付け。styleタグは不要。
 */

/* 1. コラム一覧のページ送り：PC・スマホ共通 */
.blogList .wp-block-query-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 48px auto 0;
  font-family: "Noto Sans JP", sans-serif;
}

.blogList .wp-block-query-pagination-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.blogList .wp-block-query-pagination :is(
  .page-numbers,
  .wp-block-query-pagination-previous,
  .wp-block-query-pagination-next
) {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 48px;
  min-height: 48px;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid #d8e3f0;
  border-radius: 10px;
  background: #fff;
  color: #0367e2;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  white-space: nowrap;
}

.blogList .wp-block-query-pagination .page-numbers.current {
  border-color: #0367e2;
  background: #0367e2;
  color: #fff;
}

.blogList .wp-block-query-pagination a:hover {
  border-color: #0367e2;
  background: #eef6ff;
  color: #0142a8;
  text-decoration: none;
  opacity: 1;
}

.blogList .wp-block-query-pagination a:focus-visible {
  outline: 3px solid #0367e2;
  outline-offset: 3px;
}

.blogList .wp-block-query-pagination .page-numbers.dots {
  min-width: auto;
  padding-inline: 4px;
  border-color: transparent;
  background: transparent;
  color: #64748b;
}

/* 2. 本文画像：既存のPC切替幅に合わせ、834px以上だけ調整 */
@media (min-width: 834px) {
  .blogDetail .entry-content figure.article-image {
    box-sizing: border-box;
    width: 100%;
    max-width: 720px;
    margin: 24px auto 32px;
  }

  .blogDetail .entry-content figure.article-image img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }

  .blogDetail .entry-content figure.article-image figcaption {
    margin-top: 10px;
    color: #64748b;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
  }

  /* 参考資料の画像も横幅を制限。既存の高さ上限は維持。 */
  .blogDetail .entry-content figure.reference-link-figure {
    max-width: 720px;
    /* 記事内のstyle="margin:1em 0"より優先して中央へ */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* 3. スマホのページ送り：画像のサイズ指定は追加しない */
@media (max-width: 833px) {
  .blogList .wp-block-query-pagination {
    gap: 8px;
    margin-top: 32px;
  }

  .blogList .wp-block-query-pagination-numbers {
    gap: 6px;
  }

  .blogList .wp-block-query-pagination :is(
    .page-numbers,
    .wp-block-query-pagination-previous,
    .wp-block-query-pagination-next
  ) {	
	    min-width: 44px;
    min-height: 44px;
    padding: 9px 12px;
    font-size: 14px;
  }
}

/* コラム表示改善ここまで */
/* コラム本文の読みやすさ調整：PCのみ */
@media (min-width: 834px) {
  /* 本文・本文内の見出し・目次・CTAを中央に揃える */
  .blogDetail .entry-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-wrap: anywhere;
  }

  /* 本文と箇条書き */
  .blogDetail .entry-content :is(p, li) {
    font-size: 17px;
    line-height: 1.95;
  }

  /* 見出しが折り返したときの行間 */
  .blogDetail .entry-content :is(h2, h3, h4) {
    line-height: 1.6;
  }

  /* 章・節の区切りに余白を付ける */
  .blogDetail .entry-content > h2 {
    margin-top: 48px;
    margin-bottom: 24px;
  }

  .blogDetail .entry-content > h3 {
    margin-top: 32px;
    margin-bottom: 16px;
  }
}
/* コラム本文の読みやすさ調整ここまで */
/* コラムのスマホ表示調整：ここから */
@media (max-width: 833px) {

  /* 固定ヘッダーの裏に本文が透けないようにする */
  body.single-column header.wp-block-template-part {
    background-color: #fff;
  }

  /* 左右の余白 */
  .blogDetail {
    padding-left: 20px;
    padding-right: 20px;
  }

  .blogDetail .entry-content {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  /* 本文は16pxを維持し、段落間を少し広げる */
  .blogDetail .entry-content :is(p, li) {
    font-size: 16px;
    line-height: 1.9;
  }

  .blogDetail .entry-content p {
    margin-bottom: 22px;
  }

  /* 見出しの大きさと余白 */
  .blogDetail .entry-content h2 {
    font-size: 21px;
    line-height: 1.6;
    margin-top: 36px;
    margin-bottom: 18px;
  }

  .blogDetail .entry-content h3 {
    font-size: 18px;
    line-height: 1.65;
    margin-top: 28px;
    margin-bottom: 14px;
  }

  .blogDetail .entry-content h4 {
    font-size: 17px;
    line-height: 1.65;
  }

  /* 本文画像と、その説明文 */
  .blogDetail .entry-content figure.article-image {
    margin: 20px auto 28px;
  }

  .blogDetail .entry-content figure.article-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-inline: auto;
  }

  .blogDetail .entry-content :is(
    figure.article-image,
    figure.reference-link-figure
  ) figcaption {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.75;
    color: #5d6878;
    text-align: left;
  }

  /* 目次：内側の余白とリンクの押しやすさ */
  .blogDetail .entry-content .article-toc {
    padding: 16px !important;
  }

  .blogDetail .entry-content .article-toc li {
    font-size: 15px;
    line-height: 1.75;
  }

  .blogDetail .entry-content .article-toc a {
    display: block;
    padding-block: 5px;
  }

  /* 本文直下の表：表の中だけ横スクロール */
  .blogDetail .entry-content > table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    font-size: 14px !important;
    line-height: 1.75;
  }

  .blogDetail .entry-content > table :is(th, td) {
    box-sizing: border-box;
    min-width: 160px;
    vertical-align: top;
    white-space: normal;
  }

  .blogDetail .entry-content > table :is(th, td):first-child {
    min-width: 120px;
  }

  /* 3列以上の表に操作案内を表示 */
  .blogDetail .entry-content > table:has(tr > :nth-child(3)) > caption::after {
    content: "表は左右にスワイプしてご覧ください";
    display: block;
    margin: 4px 0 8px;
    font-size: 12px;
    font-weight: 400;
    color: #5d6878;
  }
}
/* コラムのスマホ表示調整：ここまで */