main{
  background: #F5F5EB;
}

/* 使う変数 */
:root{
  --ah-min-h: clamp(180px, 28vw, 320px);
  --ah-padding: clamp(20px, 3vw, 28px);
  --ah-crest-w: clamp(200px, 34vw, 420px);
  --ah-sky-tex-opacity: .9;      /* テクスチャの濃さ */
}

/* --- 既存そのまま --- */
.archive-hero{ 
  position:relative; 
  min-height:var(--ah-min-h); 
  padding:var(--ah-padding) 16px; 
  isolation:isolate; 
  overflow:hidden; 
}
.archive-hero__sky{ 
  position:absolute; 
  inset:0; 
  z-index:0; 
  background:linear-gradient(180deg,#bfe0ef 0%,#bfe0ef 100%); 
}
.archive-hero__sky::after{
  content:""; 
  position:absolute; 
  inset:0;
  background-image: var(--archive-header-bg);  /* ← 指定の画像を使用 */
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
  opacity: var(--ah-sky-tex-opacity); 
  pointer-events:none;
}
.archive-hero__clouds{ 
  position:absolute; 
  inset:0; 
  z-index:1; 
  pointer-events:none; 
}
/* 配置は変更しない */
.archive-hero__clouds .cloud-sprite{ 
  position:absolute; 
  opacity:.95; 
  filter:drop-shadow(0 4px 6px rgba(0,0,0,.05)); 
  transform:translate3d(var(--dx,0),var(--dy,0),0); 
  will-change:transform; 
  transition:transform .06s linear; 
}
.cl-l1{ top:3em;  left:-1em;  width:300px;  height:auto; }
.cl-l2{ top:7em;  left:-3em; width:600px;  height:auto; }
.cl-l3{ top:12em;  left:22em; width:270px;  height:auto; }
.cl-r1{ top:5em;  right:-1em; width:600px;  height:auto; }
.cl-r2{ top:12em;  right:20em; width:325px;  height:auto; }


@media (max-width:1090px){
.cl-l1{ top:1em;  left:-1em;  width:300px;  height:auto; }
.cl-l2{ top:5em;  left:-3em; width:600px;  height:auto; }
.cl-l3{ top:11em;  left:18em; width:270px;  height:auto; }
.cl-r1{ top:0;  right:-1em; width:600px;  height:auto; }
.cl-r2{ top:7em;  right:10em; width:325px;  height:auto; }
}



@media (max-width:640px){
  .cl-l1{ left:-1em; width:150px; top:4.5em; }
  .cl-l2{ left:-7em; width:300px; top:0; }
  .cl-l3{ left:-3em; width:134px; top:7em; }
  .cl-r1{ right:-6em; width:320px; top:0; }
  .cl-r2{ right:-1em; width:120px; top:4em; }
}

/* --- ここだけ更新：千木（1枚画像） --- */
/*
.archive-hero__crest{ 
  position:relative; 
  z-index:2; 
  max-width:960px; 
  margin:0 auto; 
}
.archive-hero__chigi{
  position:absolute; 
  left:50%; 
  top:var(--chigi-top, 14%);
  transform:translate(-50%,-50%);
  width:var(--chigi-w, clamp(260px, 58vw, 720px));
  height:auto; 
  display:block; 
  pointer-events:none;
}
@media (max-width:960px){
  .archive-hero__chigi{ 
    --chigi-top: 15%; 
    --chigi-w: clamp(240px, 70vw, 620px); 
  }
}
@media (max-width:640px){
  .archive-hero__chigi{ 
    --chigi-top: 16%; 
    --chigi-w: clamp(220px, 82vw, 560px); 
  }
}
*/

/* Archive ヒーローだけ雲を静止（JSパララックス無効化） */
#archive-hero .cloud-sprite{
  --dx:0px; --dy:0px;
  transform:none !important; 
  transition:none !important; 
  animation:none !important; 
  will-change:auto !important;
}



/* ==== archive（上：#F5F5EB → 中：#9BB9BE → 下：#FFB955） ==== */
/* ==== archive：上下パディングを分離（上だけ短く） ==== */
#archive{
  position: relative;
  isolation: isolate;

  /* 好みで微調整可 */
  --arc-pt: clamp(24px, 6vw, 56px);     /* ↑ パンくずの“上”だけ短く */
  --arc-pb: clamp(80px, 30vw, 220px);   /* ↓ これまで通り */
  padding: var(--arc-pt) 16px var(--arc-pb);

  background:
    radial-gradient(140% 120% at 50% 8%,
      rgba(255,255,255,.28) 0%,
      rgba(255,255,255,0)   55%
    ),
    linear-gradient(180deg,
      var(--ov-top, #F5F5EB) 0%,
      var(--ov-top, #F5F5EB) 20%,
      var(--ov-mid, #9BB9BE) 40%,
      var(--ov-mid, #9BB9BE) 100%
    );
}

/* パンくず：上の余白だけゼロ。下は従来の段落マージンを活かす */
#archive :is(#breadcrumbs, .yoast-breadcrumb, .yoast-breadcrumbs){
  margin-top: 0;
  /* 下の余白はそのままでもOK。固定したい場合は↓を有効化
  margin-bottom: clamp(12px, 2.4vw, 24px);
  */
  font-size: 12px;
  line-height: 1.6;
  opacity: .85;
}

/* 既存の ::before / ::after などはそのまま */
#archive::before{
  content:"";
  position:absolute; left:0; right:0; top:-1px;
  height:56px; pointer-events:none;
  background: linear-gradient(180deg, var(--ov-top, #F5F5EB) 0%, rgba(245,245,235,0) 100%);
  z-index:0;
}
#archive::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0;
  height: clamp(120px, 22vw, 320px);
  pointer-events:none; z-index:0;
  background:
    url("https://hojinkai-shimane.jp/wp/wp-content/themes/hojinkai-shimane/assets/images/archive/graphics.png")
    center bottom / clamp(720px, 90vw, 1600px) auto no-repeat;
}
@media (min-width:1200px){
  #archive::after{ height:280px; background-size:1400px auto; }
}

/* 中身は前面へ（既存） */
#archive .panel__box,
#archive .archive__wrap{ position:relative; z-index:1; }


.ar-card{
  background:#fff;
  border:1px solid rgba(2,6,23,.08);
  border-radius:15px;
  box-shadow:0 10px 30px rgba(2,6,23,.06);
  padding: clamp(22px, 4vw, 36px);
  line-height: 1.4;
}



  .news__item {
    width: 100%;
    /*float: left;*/
    /*margin-left: 2%;*/
    /*margin-bottom: 4%;*/
    position: relative;
    height: auto;
    border-bottom: 1px #0071BC;
    border-style: dashed;
    padding-bottom: 3em;
    padding: 3em 0;

  }
    @media (max-width: 767px) {
      .news__item {
        width: 100%;
        /*float: none;*/
        /*border-bottom: 1px solid #d4ab37;*/
        margin: 0 2%;
        padding: .85em 0;
      }
    }

  .news__image {
    /*overflow: hidden;*/
    position: relative;
    /*padding-top: 65%;*/
    /*margin-bottom: 5px;*/
    text-align: center;
  }
    @media (max-width: 767px) {
      .news__image {
        /*padding-top: 55%;*/
        /*margin-bottom: .5em;*/
      }
    }
    .news__image img {
      width: 100%;
      /*position: absolute;*/
      /*top: 50%;*/
      /*left: 50%;*/
      /*transform: translate(-50%, -50%);*/
    }
    .news__image a {
      display: block;
      /*position: absolute;*/
      /*top: 0;*/
      /*left: 0;*/
      /*width: 100%;*/
      /*height: 100%;*/
    }

    .news__txt {
    line-height: 120%;
    margin-top: 1%;
    color: #0071BC;
    font-weight: bold;
  }
    @media (max-width: 767px) {
      .news__txt {
        font-size: 1.25rem;
      }
    }
    .news__txtarea {
      padding: 0 0 1em 0;
      text-align: left;
    }
  .news__postttl {
    margin-top: 2%;
    /*color: #d4ab37;*/
    margin: 1em auto;
    color: #000000;
    font-weight: bold;

  }

  .news__postttl a:hover {
    text-decoration: underline;
  }
  @media (max-width: 767px) {
    .news__postttl {
      /*font-weight: bold;*/
      /*font-weight: bold;*/
      /*line-height: 1.4; } */
    }
    .news__postttl a {
      text-decoration: none; 
    }
    .news__postttl a {
      text-decoration: underline;
    }
    .news__postttl a:hover {
      text-decoration: none;
    }
  }

/* ページネーション */
.wp-pagenavi{
  margin: 4em auto 2em;
    text-align: center;
}

.wp-pagenavi {
  margin: 40px auto;
  font-size: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0071BC;
}
.wp-pagenavi a {
    color: #0071BC;
}
.wp-pagenavi a, 
.wp-pagenavi span{
    border: 1px solid #0071BC!important;
    padding: 5px 10px!important;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
  margin: 0 10px 0 10px;
  border: solid 1px #0071BC;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
  box-sizing: border-box;
  justify-content: center;
  display: flex;
  align-items: center;
  transition: .3s;
}
.wp-pagenavi span.current {
    border: none;
    background: #0071BC;
    color: #fff;
}
.wp-pagenavi a.page {
  background: none;
}
.wp-pagenavi a.page:hover {
    background: #0071BC;
    color: #fff;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
    display: none;
}