@charset "UTF-8";
/* CSS Document */

.column_inner {
margin: 50px auto 0;
text-align: center;
}
#intro h2 {
color: #000;
}

/*カテゴリ一覧*/
.blog_list {
display: flex;
flex-wrap: wrap;
}
.blog_list li {
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
margin-bottom:30px;
text-align: left;
}
.blog_list li.no-post {
border-radius: 0;
box-shadow: none;
}
.blog_list h3 {
font-size: 18px;
}
.blog_list .icatch img {
border-radius: 20px 20px 0 0;
}
.blog_list .cat {
color: #aaa;
}
.blog_list .txt-box {
margin: 10px 30px;
}
.blog_list h3,
.blog_list .cat,
.blog_list .excerpt {
line-height: 140%;
margin: 0 0 5px;
}
.blog_list .excerpt {
margin-top: 10px;
}
.blog_list .btn-line {
padding: 0;
background: none;
width: auto;
border-radius: 0;
display: flex;
margin: auto 30px 30px;
justify-content: flex-end;
}

/* archive */
.cat_list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    margin-top: -100px;
    padding-top: 100px;
}
.cat_list li {
width: 48%;
text-align: center;
padding: 0;
margin: 0 0 10px 0;
}
.cat_list li a {
    display: block;
    background: #f6f6f6;
    color: #009d3d;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    line-height: 160%;
    padding: 10px;
    font-weight: bold;
}

/*ページャ*/
.nav-links {
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
}
span.page-numbers, 
a.page-numbers {
    padding: 5px 15px;
    border: 1px solid #009D3D;
    display: inline-block;
    border-radius: 5px;
    margin: 0 3px;
}
span.page-numbers.current {
    background: #009D3D;
    color: #fff;
}
span.page-numbers.dots {
    background: #fff;
}

/*記事ページ*/
.column_page_detail .inner  {
    text-align: left;
}
.column_page_detail .main-image {
margin-bottom: 50px;
}
.column_page_detail .text-box {
margin-bottom: 50px;
}
.column_page_detail .text-box .btn a {
font-size: 16px;
}
.column_page_detail h1  {
    color: #009d3d;
    font-size: 36px;
    margin-bottom: 5px;
    line-height: 120%;
}
.column_page_detail h2  {
    font-size: 26px;
    margin: 0 0 20px 0;
    background: #f6f6f6;
    padding: 15px;
    border-left: 5px solid #009d3d;
}
.column_page_detail h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 2px solid;
}
.column_page_detail h4 {
    font-size: 22px;
    margin: 0 0 10px 0;
}
.column_page_detail p {
margin-bottom: 0px;
}
.column_page_detail p.text-margin-bottom {
margin-bottom: 50px;
}
.column_page_detail p a {
border-bottom: 1px solid;
color: #009d3d;
}
.column_page_detail .date  {
  text-align: right;
  margin-bottom: 30px;
}
.column_page_detail .mokuji {
    padding: 30px;
    background: #f6f6f6;
    margin-bottom: 50px;
}
.column_page_detail .mokuji p {
    font-size: 22px;
}
.column_page_detail .text-list {
margin: 30px 0!important;
}
.column_page_detail .info {
margin: 0;
}
.column_page_detail .mokuji ul.mokuji-list li a,
.column_page_detail .text-list li,
.column_page_detail .info li a {
    display: flex; /* 点とリストを横並びに */
    align-items: start;
    margin: 5px;
}
.column_page_detail .mokuji ul.mokuji-list li a::before,
.column_page_detail .text-list li::before,
.column_page_detail .info a::before {
    content: "⚫︎"; /* 記号(黒丸)を挿入 */
    color: #009d3d; /* 好きな色にする */
    font-size: 0.8em; /* 点の大きさ */
    margin-right: 0.5em; /* 点とテキストの距離 */
}
.column_page_detail .mokuji ul.mokuji-minlist li a {
text-indent: -1.5em;
margin-left: 2em;
padding-left: 1.2em;
}
.column_page_detail .mokuji ul.mokuji-minlist li a::before {
    content:none;
    margin-right: 0;
}
.column_page_detail .info a {
border-bottom: 1px solid;
display: inline!important;
}
.column_page_detail .mokuji-minlist {
    text-indent: 1.2em;
}
.column_page_detail .quote {
background: #f6f6f6;
padding: 30px;
}

/*table*/
.column_page_detail table {
  border-collapse: collapse;
  margin: 0 auto 10px;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  color: #000;
}
.column_page_detail table th {
  padding: 10px;
  border: 1px solid #bbb;
  text-align: center;
}
.column_page_detail table tr {
  background-color: #fff;
  padding: 10px;
  border-bottom: 1px solid #bbb;
}
.column_page_detail table td {
  padding: 10px;
  border: 1px solid #bbb;
  text-align: center;
}
.column_page_detail table th,
.column_page_detail table td.midashi {
  background: #f6f6f6;
}

/*前後の記事*/
.column-nav {
width: 90%;
margin: 0 auto;
padding: 30px 5%;
border-top: 1px solid #ccc;
}
nav.page-nav {
display: flex;
justify-content: space-between;
align-items: center;
}
nav.page-nav a {
width: 45%;
}
nav.page-nav .no-link {
  color: #aaa; /* グレーに */
  pointer-events: none; /* クリック無効化 */
  cursor: default;
}
nav.page-nav a span {
font-size: 18px;
font-weight: 500;
margin-bottom: 5px;
}
nav.page-nav a.prev-link {
display: flex;
justify-content: left;
flex-direction: column;
align-items: start;
}
nav.page-nav a.next-link {
display: flex;
justify-content: right;
flex-direction: column;
align-items: end;
text-align: right;
}
nav.page-nav a.prev-link span {
padding: 0 0 0 30px;
background: url(../img/common/arrow-bk-left.svg) 0% 50% no-repeat;
background-size: 20px;
}
nav.page-nav a.next-link span {
padding: 0 30px 0 0;
background: url(../img/common/arrow-bk.svg) 100% 50% no-repeat;
background-size: 20px;
}