@charset "utf-8";


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

table.pagination { margin:30px auto 0; }

table.pagination td { border: none !important; }

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 10px 2px 0;
padding:4px 7px 3px 7px;
text-decoration:none;
width:auto;
border: 1px solid rgba(255,255,255,0.1);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.pagination a:link, .pagination a:visited { background: rgba(111,141,142,0.3); }
.pagination a:hover { background: rgba(111,141,142,0.1); }
.pagination .current{ padding:4px 7px 3px 7px; }

/*GoogleMAP*/


.gmap-outer { padding:10px; border:1px solid rgba(255,255,255,0.3) }
.gmap { width: 100%; height: 350px; }
.gmap iframe { width: 100%; height: 100%; }
@media screen and (max-width: 767px) {
.gmap { height: 300px; }
}

.news_border { border-bottom: 1px solid rgba(255,255,255,0.3); }

.head_tel_bg { background: rgba(0,0,0,0.5); }

.top-contents-bg { background: rgba(89,55,40,0.9); }


footer { background: rgba(0,0,0,0.5); margin: 0; padding:0; }
.copyright { padding: 30px 0; margin-top: 0px; background: rgba(0,0,0,0.1); }

.common_btn { background: rgba(0,0,0,0.5); }

/*ナビゲーション*/
.post-navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  flex: 1;
  /* 水平方向の揃え方はテキスト揃えで調整 */
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  display: block; /* 横幅いっぱいに */
  text-align: inherit; /* 親のtext-alignを継承 */
  padding: 5px 10px; /* 余白を適宜追加 */
}

/* スマホ用 */
@media (max-width: 600px) {
  .post-navigation {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    flex: 1 1 0% !important;
    text-align: center !important;
  }
  .post-navigation .nav-previous a,
  .post-navigation .nav-next a {
    display: block !important;
    text-align: center !important;
  }
}



/* タグ表示 */
.all-tags-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* 各タグ間のスペース */
  margin-top: 20px;
}

.all-tags-inline .tag-item {
  background-color: #f0f0f0;
  padding: 6px 12px;
  border-radius: 15px;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  transition: background-color 0.3s, color 0.3s;
  white-space: nowrap;
}

/*タグを見易く*/
.all-tags-inline .tag-item:hover {
  background-color: #0073aa;
  color: #fff;
}

.all-tags-inline .tag-count {
  color: #666;
  margin-left: 6px;
  font-size: 12px;
}

/*サムネイルを浮かせる*/
.thumb_box {
  position: relative;
  background-color: rgba(0,0,0,0.5); /* 背景の半透明は維持してOK */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.thumb_box img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  transition: transform 0.3s ease;
  opacity: 1; /* 画像自体は常に不透明 */
}

.thumb_box:hover {
  box-shadow: 0 10px 32px rgba(0,0,0,0.28);
  transform: translateY(-8px) scale(1.04);
  z-index: 1;
}

.thumb_box:hover img {
  /* 画像は透けないように opacityは1のまま */
  opacity: 1;
  transform: scale(1.05);
}