/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 08 2025 | 15:26:38 */
/* =========================
   施工実績 一覧スタイル
   ========================= */
:root{
  --c-text:#222;
  --c-mute:#6b7280;        /* グレー */
  --c-line:#e5e7eb;        /* 枠線 */
  --c-brand:#182A87;       /* アクティブ青 */
  --c-tag:#d1d5db;         /* タグのグレー */
  --gap:32px;              /* カード間隔 */
  --inner:1200px;
}

/* 包む */
.works-archive{
  color:var(--c-text);
}
.works-archive .inner{
    max-width: var(--inner);
    margin: 0 auto;
    padding: 56px 0px 35px;
}

/* 見出し（任意） */
.works-archive .ttl{
  font-size:22px;
  font-weight:700;
  margin:0 0 20px;
}

/* ========== カテゴリタブ ========== */
.works-tabs{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:10px 0 28px;
}
.works-tabs a{
  display:inline-block;
  padding:10px 16px;
  border-radius:6px;
  background:#f3f4f6;       /* 薄グレー */
  color:#555;
  text-decoration:none;
  font-weight:600;
  border:1px solid #e5e7eb;
  transition:background .2s, color .2s, box-shadow .2s;
}
.works-tabs a:hover{
  background:#eef2ff;
  box-shadow:0 1px 0 rgba(0,0,0,.04) inset;
}
.works-tabs .is-active{
  background:var(--c-brand);
  border-color:var(--c-brand);
  color:#fff;
}

/* ========== グリッド ========== */
.works-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:var(--gap);
  list-style:none;
  padding:0;
  margin:0;
}
@media (max-width:1080px){
  .works-grid{ grid-template-columns:repeat(2, 1fr); }
}
@media (max-width:640px){
  .works-grid{ grid-template-columns:1fr; }
}

/* ========== カード ========== */
.works-item a{
  display:block;
  text-decoration:none;
  color:inherit;
}

/* サムネ：16:9固定でトリミング */
.works-item .thumb{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:4px;
  background:#f5f7fb;
  box-shadow:0 1px 0 rgba(0,0,0,.03) inset;
}
.works-item .thumb img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}


.works-item .meta{
    margin: 8px 0 0px;
    flex-wrap: wrap;
    font-size: 12px;
 
}
.works-item .meta .date{
  color:var(--c-mute);
  letter-spacing:.02em;
	  font-size:16px;
}

.works-item .title{
font-size: 16px;
    color: #182A87;
    margin: 16px 0px 0px;
}

/* ページネーション */
.nav-links{
  margin:40px 0 0;
  text-align:center;
}
.nav-links .page-numbers{
    display: inline-block;
    padding: 8px 10px;
    margin: 0 4px;
    font-size: 16px;
    width: 40px;
    height: 40px;
    background: #EFF0F4;
    color: #222;
}

.nav-links .current{
  background:var(--c-brand);
  border-color:var(--c-brand);
  color:#fff;
}
.next.page-numbers,.prev.page-numbers{
	display:none;
}
/* 余白の統一（上下リズム） */
.works-grid .works-item + .works-item{ /* 何もしない：gridで管理 */ }

/* アクティブ強調 */
.is-active.wp-block-button__link {
  background-color:#182A87 !important;
  color:#fff !important;
}
p > a.is-active,.works_all { padding:6px 10px; border-radius:4px; }

/* === WORKS スライダー 全幅表示 === */
.works-slider-area {
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw; 
  overflow: hidden;
}

.works-slider {
  width: 100%;
  padding: 16px 0 40px;
}

.works-slide-item a {
  display: block;
  text-decoration: none;
  color: inherit;
}

.works-slide-item .thumb {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0;
}
.works-slide-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.works-slide-item a:hover .thumb img {
  transform: scale(1.05);
}

.works-slide-meta {
  margin-top: 14px;
  text-align: left;
	width:100%;
}
.works-slide-meta .pref {
    font-size: 13px;
    color: #666;
    margin-bottom: 2px;
    margin-top: 8px;
    border: 1px solid #182A87;
    color: #182A87;
    width: max-content;
    padding: 0 8px;
}
.works-slide-meta .title {
  font-size: 15px;
  font-weight: 700;
}

/* Swiperコントロール非表示 */
.works-slider .swiper-pagination,
.works-slider .swiper-button-next,
.works-slider .swiper-button-prev {
  display: none !important;
}



.meta {
    display: none;
}