@charset "utf-8";

p,ul,dl {
margin: 0;
}

/* お知らせ・読みもの共通 ----------------------------- */
#info #pageHdrAOuter,
#column #pageHdrAOuter {
width: 100%;
background-image: linear-gradient(#f9f5f4, transparent);
background-size: 100% 720px;
background-repeat: no-repeat;
}
#infoArea {
padding: 0 2.5rem 12.5rem;
}
#infoArea #listNav {
margin: 3rem auto 6rem;
max-width: 1280px;
display: flex;
align-items: baseline;
flex-wrap: wrap;
gap:0.5rem 1.5rem;
}
#infoArea #listNav .listTtl {
font-size: 0.75rem;
font-weight: 700;
font-family: "Zen Kaku Gothic New", YuGothic,'Yu Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#infoArea #listNav .listNavWrap ul {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
#infoArea #listNav .listNavWrap ul li a {
display: block;
background: #fff;
font-size: 0.875rem;
line-height: 1.0;
padding: 0.5rem 1rem;
border: 1px solid #D0010E;
border-radius: 1rem;
color: #D0010E;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
#infoArea #listNav .listNavWrap ul li a.ac {
background: #FFEEEF;
font-weight: 700;
outline: 1px solid #D0010E;
}
/*------pagenation-------*/
.pagination-wrap {
  max-width: 768px;
  margin: 7rem auto 0;
}
.pagination-num {
  display: flex;
  justify-content: center;
  gap: 1rem 1rem;
}
.pagination-num li {
  display: flex;
  justify-content: center;
}
.page-numbers {
  border: #D0010E 1px solid;
  width: 32px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-numbers:hover {
color: #fff;
background: #D0010E;
transition: .3s ease-out;
}
.pagination-num .prev:hover,
.pagination-num .next:hover {
opacity: .7;
transition: .3s ease-out;
color: #D0010E;
background: none;
}
.page-numbers.current {
  background: #D0010E;
  width: 32px;
  height: 36px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination-num .icon {
  width: 1.25rem;
  height: 1.25rem;
  fill: #D0010E;
}
.pagination-num li a.prev,
.pagination-num li a.next {
  border:none;
}
/*------/pagenation-------*/
@media (hover: hover) {
#infoArea #listNav .listNavWrap ul li a:hover {
background: #D0010E;
color: #fff;
transition: .3s ease-out;
}
}
@media screen and (max-width: 440px) {
#infoArea {
padding: 0 20px 7.5rem;
}
}

/* 本文 ------------------------------------------------ */
#infoArea .infoNewsArticle {
max-width: 768px;
margin: 2rem auto 7.5rem;
padding: 1.5rem 0 2.5rem;
border-top: 1px solid #472427;
border-bottom: 1px solid #472427;
}
/* -------------------- */
#infoArea .infoNewsArticle .noteWrap {
display: flex;
gap: 1rem;
}
#infoArea .infoNewsArticle .noteWrap p {
font-size: 0.75rem;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#infoArea .infoNewsArticle .noteWrap p a {
color: #aaa;
}

#infoArea .infoNewsArticle .noteWrap .tag {
display: flex;
flex-wrap: wrap;
gap: 0.25rem;
}
#infoArea .infoNewsArticle .noteWrap .tag li:hover {
opacity: .7;
transition: .3s ease-out;
}
#infoArea .infoNewsArticle .noteWrap .tag li a {
font-size: 11px;
font-weight: 700;
text-align: center;
display: block;
color: #472427;
padding: 0px 0.5rem;
border-radius: 2px;
background: #F6F4EE;
}
#infoArea .infoNewsArticle .noteWrap .tag li a::before {
content: "#";
}
/* -------------------- 
インライン打消し
--------------------*/
figure {
margin:0px;
}
:where(.wp-block-columns) {
  margin-bottom: 0px!important;
}
.wp-block-media-text > .wp-block-media-text__content {
padding: 0px!important;
}
.wp-block-media-text.is-stacked-on-mobile {
  display: contents;
}
#infoArea .has-medium-font-size {
font-size: unset !important;
}
#infoArea .has-black-color {
color: unset !important;
}
#infoArea .has-white-background-color {
background-color:unset !important;
}
#infoArea .news_text .has-white-background-color,
#infoArea .column_text .has-white-background-color {
  padding: 0px!important;
}
/* -------------------- */
#infoArea .infoNewsArticle .ttlWrap {
margin: 0.75rem 0 2rem;
}
#infoArea .infoNewsArticle .ttlWrap h3 {
font-size: 2rem;
}

#infoArea .infoNewsArticle .infoTtlWrapA {
margin: 4.5rem 0 1.25rem;
}
#infoArea .infoNewsArticle .infoTtlWrapB {
margin: 3rem 0 0.75rem;
}

#infoArea .infoNewsArticle .news_text,
#infoArea .infoNewsArticle .column_text {
margin: 0.5rem 0 2.5rem;
}
#infoArea .infoNewsArticle .news_text .wp-block-paragraph,
#infoArea .infoNewsArticle .column_text .wp-block-paragraph {
margin: 0 0 1.5rem;
}
#infoArea .infoNewsArticle .news_text .wp-block-paragraph a,
#infoArea .infoNewsArticle .column_text .wp-block-paragraph a {
text-decoration: underline;
}
#infoArea .infoNewsArticle .news_text .wp-block-paragraph a:hover,
#infoArea .infoNewsArticle .column_text .wp-block-paragraph a:hover {
text-decoration: none;
transition: .3s ease-out;
}

#infoArea .infoNewsArticle .news_image_text,
#infoArea .infoNewsArticle .column_image_text {
display: flex;
flex-wrap: wrap;
gap:1rem 2rem;
margin: 3rem 0;
}
#infoArea .infoNewsArticle .news_image_text>div>div,
#infoArea .infoNewsArticle .news_image_text>div>figure,
#infoArea .infoNewsArticle .column_image_text>div>div,
#infoArea .infoNewsArticle .column_image_text>div>figure {
width: calc(50% - 1rem);
}
#infoArea .infoNewsArticle .news_image_text .txtBlock p:not(:last-child),
#infoArea .infoNewsArticle .column_image_text .txtBlock p:not(:last-child) {
margin: 0 0 1rem 0;
}
#infoArea .infoNewsArticle .news_image,
#infoArea .infoNewsArticle .column_image {
  margin: 1rem 0;
}
#infoArea .infoNewsArticle .news_detail_link .tertiaryBtn a ,
#infoArea .infoNewsArticle .column_detail_link .tertiaryBtn a {
margin: 0.5rem 0;
}
@media screen and (max-width: 768px) {
#infoArea .infoNewsArticle .ttlWrap h3 {
font-size: 1.5rem;
}
#infoArea .infoNewsArticle .news_image_text>div>div,
#infoArea .infoNewsArticle .news_image_text>div>figure,
#infoArea .infoNewsArticle .column_image_text>div>div,
#infoArea .infoNewsArticle .column_image_text>div>figure {
width: 100%;
}
}

#infoArea .infoNewsArticle .info3columnWrap {
display: flex;
flex-wrap: wrap;
gap:2.5rem 2rem;
margin: 3rem 0;
}
#infoArea .infoNewsArticle .info3columnWrap .wp-block-column {
width: calc((100% - 4rem) / 3);
}
#infoArea .infoNewsArticle .info3columnWrap .wp-block-column .wp-block-image {
margin: 0 0 0.75rem 0;
}
@media screen and (max-width: 768px) {
#infoArea .infoNewsArticle .info3columnWrap .wp-block-column {
width: 100%;
}
}

#infoArea .infoNewsArticle .info3columnIterWrap {
display: flex;
flex-wrap: wrap;
gap:2rem;
margin: 3rem 0;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column {
width: calc((100% - 4rem) / 3);
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column .wp-block-image {
margin: 0 0 0.5rem 0;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-element-caption a {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
color: #472427;
font-weight: 700;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column:hover .imgBlock img {
opacity: .7;
transition: .3s ease-out;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column:hover .wp-element-caption a {
color: #D0010E;
transition: .3s ease-out;
}
@media screen and (max-width: 768px) {
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-image {
width: 100%;
display: flex;
align-items: center;
gap: 1rem;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column .wp-block-image a {
width: 50%;
}
#infoArea .infoNewsArticle .info3columnIterWrap .wp-block-column .wp-element-caption{
width: 50%;
}
}

#infoArea .infoNewsArticle .news_bullet_list,
#infoArea .infoNewsArticle .column_bullet_list {
padding:1.25rem 1.5rem;
background: #F9F5F4;
margin: 3rem 0;
}
#infoArea .infoNewsArticle .news_bullet_list ul li,
#infoArea .infoNewsArticle .column_bullet_list ul li {
text-indent: -1em;
padding-left: 1em;
margin: 0.25rem 0;
}
#infoArea .infoNewsArticle .news_bullet_list ul li::before,
#infoArea .infoNewsArticle .column_bullet_list ul li::before {
content: "・";
}

#infoArea .infoNewsArticle .infoTocWrap {
padding:1.25rem 1.5rem;
background: #F9F5F4;
margin: 3rem 0 4.5rem;
}
#infoArea .infoNewsArticle .infoTocWrap .simpletoc-title {
font-size: 1.0rem;
margin: 0 0 0.75rem 0;
font-family: "Zen Kaku Gothic New", YuGothic,'Yu Gothic', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#infoArea .infoNewsArticle .infoTocWrap>ul {
list-style: decimal inside;
font-weight: 700;
}
#infoArea .infoNewsArticle .infoTocWrap ul li {
text-indent: -1em;
padding-left: 1em;
}
#infoArea .infoNewsArticle .infoTocWrap li {
margin: 0.25rem 0;
}
#infoArea .infoNewsArticle .infoTocWrap li a {
color: #472427;
font-weight: 700;
}
#infoArea .infoNewsArticle .infoTocWrap li a:hover {
color: #D0010E;
transition: .3s ease-out;
}
#infoArea .infoNewsArticle .infoTocWrap li ul li::before {
content: "・";
}
#infoArea .infoNewsArticle .infoTocWrap li>ul {
margin: 0 0 0.5rem;
}

#infoArea .infoNewsArticle .news_table table,
#infoArea .infoNewsArticle .column_table table {
border-spacing:0.25rem 0.5rem;
width: 100%;
}
#infoArea .infoNewsArticle .news_table table th,
#infoArea .infoNewsArticle .news_table table td,
#infoArea .infoNewsArticle .column_table table th,
#infoArea .infoNewsArticle .column_table table td {
padding: 0.5rem 0.5rem;
text-align: left;
vertical-align: top;
}
#infoArea .infoNewsArticle .news_table table tr th,
#infoArea .infoNewsArticle .news_table table tr td,
#infoArea .infoNewsArticle .column_table table tr th,
#infoArea .infoNewsArticle .column_table table tr td {
background: #F9F5F4;
}
#infoArea .infoNewsArticle .news_table table tr:nth-child(odd) th,
#infoArea .infoNewsArticle .news_table table tr:nth-child(odd) td,
#infoArea .infoNewsArticle .column_table table tr:nth-child(odd) th,
#infoArea .infoNewsArticle .column_table table tr:nth-child(odd) td {
background: #F6E8E4;
}
#infoArea .infoNewsArticle .news_table table ul li::before,
#infoArea .infoNewsArticle .column_table table ul li::before {
content: "・";
}

@media screen and (max-width: 768px) {
#infoArea .infoNewsArticle .news_table table tr,
#infoArea .infoNewsArticle .column_table table tr {
display: flex;
flex-direction: column;
gap: 0.25rem;
margin: 0 0 0.5rem;
}
}



/* ページネーション ------------------------------------------------ */

#infoArea .paginationWrap {
max-width: 768px;
margin: 0 auto;
}
#infoArea .paginationWrap .pagination {
display: flex;
justify-content: center;
gap:1rem 2rem;
}
#infoArea .paginationWrap .pagination li {
width: 50%;
}
#infoArea .paginationWrap .pagination li a {
border: 1px solid #D0010E;
display: flex;
justify-content: center;
align-items: center;
gap: 3rem;
padding: 1rem 1.5rem;
position: relative;
background: #fff;
}
#infoArea .paginationWrap .pagination li .icon {
height: 1.25rem;
width: 1.25rem;
fill: #D0010E;
position: absolute;
}
#infoArea .paginationWrap .pagination li.prev .icon {
left: 1.5rem;
}
#infoArea .paginationWrap .pagination li.next .icon {
right: 1.5rem;
}
#infoArea .paginationWrap .pagination li a:hover {
color: #fff;
background: #D0010E;
transition: .3s ease-out;
}
#infoArea .paginationWrap .pagination li a:hover .icon {
fill: #fff;
}
@media screen and (max-width: 440px) {
#infoArea .paginationWrap .pagination {
flex-direction: column;
}
#infoArea .paginationWrap .pagination li {
width: 100%;
}
}

/* お知らせ info ----------------------------------------------------------- */
#info #pageHdrA #pageHdrAInner {
background: url(../images/bg_hdr_001.webp) left center no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
#info #infoArea #listNav {
margin: 2rem auto 3rem;
}
}
/* 記事一覧 */
#infoArea #infoNewsList {
max-width: 768px;
margin: 0 auto;
}
#infoArea #infoNewsList article:not(:last-child) {
margin: 0 auto 3rem;
}
#infoArea #infoNewsList article a {
display: flex;
gap: 1.5rem;
align-items: center;
}
#infoArea #infoNewsList article a:hover {
opacity: 0.6;
transition: .3s ease-out;
}
#infoArea #infoNewsList article .imgBlock {
flex-shrink: 0;
width: 8rem;
aspect-ratio: 1 / 1;
object-fit: cover;
object-position: center center;
overflow: hidden;
}
#infoArea #infoNewsList article .imgBlock img {
width: 100%;
height: 100%;
}
#infoArea #infoNewsList article .txtBlock dl {
margin: 0;
color: #472427;
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}
#infoArea #infoNewsList article .txtBlock dl dt {
margin: 0 0 0.5rem 0;
line-height: 1;
}
#infoArea #infoNewsList article .txtBlock dl dt .date {
color: #472427;
font-size: 0.75rem;
padding: 0 1rem 0 0;
}
#infoArea #infoNewsList article .txtBlock dl dt .category {
color: #aaa;
font-size: 0.75rem;
}
#infoArea #infoNewsList article .txtBlock dl dd {
margin: 0;
line-height: 1.5;
font-weight: 700;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
@media screen and (max-width:768px) {
#infoArea #infoNewsList article:not(:last-child) {
margin: 0 auto 2.5rem;
}
#infoArea #infoNewsList article a {
gap: 1.25rem;
}
#infoArea #infoNewsList article .imgBlock {
width: 6rem;
}
}
@media screen and (max-width: 440px) {
#infoArea #infoNewsList article:not(:last-child) {
margin: 0 auto 2rem;
}
#infoArea #infoNewsList article a {
gap: 1.0rem;
}
#infoArea #infoNewsList article .imgBlock {
width: 4.5rem;
}
}

/* 読みもの column ----------------------------------------------------------- */
#column #pageHdrA #pageHdrAInner {
background: url(../images/bg_hdr_002.webp) left center no-repeat;
background-size: cover;
}
@media screen and (max-width:768px) {
#column #infoArea #listNav {
margin: 2rem auto 4.5rem;
}
}
/* 記事一覧 */
#infoArea #infoColumnList {
max-width: 768px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 4.5rem 3rem;
}
#infoArea #infoColumnList article {
display: flex;
flex-direction: column;
}
#infoArea #infoColumnList article .imgBlock a {
display: block;
}
#infoArea #infoColumnList article .imgBlock img {
aspect-ratio: 3 / 2;
overflow: hidden;
object-fit: cover;
}
#infoArea #infoColumnList article .ttl {
font-family: "Zen Old Mincho",'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
font-weight: 700;
margin: 0.5rem 0 1.5rem;
word-break: break-all;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
}
#infoArea #infoColumnList article .ttl a {
color: #472427;
}
#infoArea #infoColumnList article:hover .imgBlock {
opacity: 0.7;
transition: .3s ease-out;
}
#infoArea #infoColumnList article:hover .ttl a {
color: #D0010E;
transition: .3s ease-out;
}
#infoArea #infoColumnList article .tag {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 0.25rem;
margin: auto 0 0 0;
}
#infoArea #infoColumnList article .tag li:hover {
opacity: .7;
transition: .3s ease-out;
}
#infoArea #infoColumnList article .tag li a {
font-size: 11px;
font-weight: 700;
text-align: center;
display: block;
color: #472427;
padding: 0px 0.5rem;
border-radius: 2px;
background: #F6F4EE;
}
#infoArea #infoColumnList article .tag li a::before {
content: "#";
}
/* サムネイル画像のトリミング設定 */
#infoNewsList .imgBlock img {
    width: 128px;       /* 横幅を固定 */
    height: 128px;      /* 高さを128pxに固定 */
    object-fit: cover;  /* 縦横比を維持したまま、128x128の枠いっぱいに埋めて中央からトリミング */
    object-position: center; /* トリミングの中心を中央にする */
}
@media screen and (max-width:768px) {
#infoArea #infoColumnList {
gap: 3rem 2rem;
}
}
@media screen and (max-width:440px) {
#infoArea #infoColumnList {
grid-template-columns: repeat(1, 1fr);
}
}