.wrapper.page-section{
  padding: 0 0 50px !important;
}

.main-navigation{
  display: none;
}
footer{
  display:none;
}

.cat-filter {
  display:flex;
  margin:12px 0 20px;
  justify-content: flex-end;
}
.cat-filter__select {
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding:10px 36px 10px 12px;
  border:none;
  border-radius:6px;
  background:#202644;
  font-weight:500;
  cursor:pointer;
  color:white;
}
/*.cat-filter__select:focus { outline:2px solid #333; }*/

/* ラッパー */
.cat-select{
  position: relative;
  display: inline-block;
}

/* select本体の見た目 */
.cat-filter__select{
  appearance:none; -webkit-appearance:none; -moz-appearance:none;
  padding:10px 36px 10px 12px;   /* 右側に矢印ぶんの余白 */
}

/* ▼はラッパーの擬似要素に */
.cat-select::after{
  content:"▼";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:.6em;
  color:white;
  pointer-events:none;          /* クリックを邪魔しない */
}

/* Windows旧Edge対策（あれば） */
.cat-filter__select::-ms-expand{ display:none; }



.column-3 article{
  padding: 4px 15px !important;
}
.image-focus-masonry .blog-posts-wrapper article .post-wrapper{
  box-shadow: rgb(0 0 0 / 8%) 0px 0px 8px 0px !important;
}

.entry-title {
  font-family: 'Oxygen', sans-serif;
  font-size: 28px;
}





/* カードをレイヤー化 */
.blog-posts-wrapper article {
  position: relative;
  overflow: hidden;
}

/* 透明な“全面リンク” */
.blog-posts-wrapper article .card-link {
  position: absolute;
  inset: 0;
  z-index: 5;          /* 一番上に置いて全域クリック可能に */
  display: block;
  text-indent: -9999px; /* 視覚非表示（aria-labelで名称提供） */
}

/* 半透明の黒オーバーレイ（初期は非表示） */
.blog-posts-wrapper article::after {
  content: "";
  position: absolute;
  /* inset: 0; */
  background: rgba(0,0,0,.55);
  opacity: 0;
  transition: opacity .25s ease;
  z-index: 1;           /* 画像より上、テキストより下 */
  pointer-events: none; /* クリックの邪魔をしない */
}

/* テキストは常にオーバーレイより上に */
.blog-posts-wrapper article .entry-container,
.blog-posts-wrapper article .entry-title,
.blog-posts-wrapper article .entry-title a,
.blog-posts-wrapper article .entry-header,
.blog-posts-wrapper article .entry-content {
  position: relative;
  z-index: 2;
  transition: color .25s ease;
}

/* ホバー/フォーカスで暗転＋文字白 */
.blog-posts-wrapper article:hover::after,
.blog-posts-wrapper article:focus-within::after { opacity: 1; }

.blog-posts-wrapper article:hover .entry-title,
.blog-posts-wrapper article:hover .entry-title a,
.blog-posts-wrapper article:hover .entry-header,
.blog-posts-wrapper article:hover .entry-content,
.blog-posts-wrapper article:focus-within .entry-title,
.blog-posts-wrapper article:focus-within .entry-title a,
.blog-posts-wrapper article:focus-within .entry-header,
.blog-posts-wrapper article:focus-within .entry-content { color: #fff; }

/* 画像も少しだけ暗く/ズーム（任意） */
.blog-posts-wrapper article img { transition: filter .25s ease, transform .25s ease; }
.blog-posts-wrapper article:hover img,
.blog-posts-wrapper article:focus-within img {
  filter: brightness(.75);
  transform: scale(1.02);
}

/* キーボードフォーカスの可視化 */
.blog-posts-wrapper article .card-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}


.image-focus-masonry .blog-posts-wrapper article.has-post-thumbnail .entry-container{
  background-color: transparent;
}

.image-focus-masonry .blog-posts-wrapper article.has-post-thumbnail .entry-container:after{
  border: none;
}


/* シングルページ */
.no-sidebar.page .wrapper.page-section,
.no-sidebar.single .wrapper.page-section{
  max-width: 1180px;
}
header.page-header{
  max-width: 1180px;
}
.single .entry-container{
  text-align: center;
}
.single .wrapper.page-section{
  padding-top: 0;
}
.single .site-details {
  display: none !important;
}
.single .page-header{
  text-align: center;
}
.single .back-to-home-wrapper{
  margin-left: 0;
}
.single .back-to-home-wrapper a:hover{
  color:#000;
  text-decoration: underline;
}
.post-categories li a, .cat-links, .cat-links a{
  display: none;
}

.single .back-to-home-btn a{
  width: 40%;
  border: 1px solid #000;
  text-align: center;
  padding: 1rem 0;
  margin: 0 auto;
  color:#272B2F;
  display:block;
}
.single .back-to-home-btn a:hover{
  background:#000;
  color:white !important;
}
.back-home-btn .arrow{
  font-size:76%;
}

.single h1.page-title {
    font-size: 2.2rem;
    font-family: 'Oxygen', sans-serif;
    margin: 40px 0 0;
  }
.single-post .entry-meta span.tags-links a{
  margin: 0 7px 0 0;
}

.img-shadow{
  box-shadow: rgb(0 0 0 / 10%) 0px 0px 8px 0px !important;
}