/*
Theme Name: ほぐしまん名護市店
Theme URI: https://hogushimanoutcallnago.com
Template: heal_tcd077
Author: WEB先案内
Author URI: https://tcd-theme.com/
Description: "HEAL" is the WordPress theme for beauty salons. It makes it easy to create pages describing course menus and treatment flow. Make sure to use the schedule page that can be linked to the staff's workdays.
Version: 2.9.1748853162
Updated: 2025-06-02 17:32:42

*/

.page_navi {
  overflow-x: auto;       /* 横スクロールを許可 */
  overflow-y: hidden;
  white-space: nowrap;    /* 折り返さない */
  -webkit-overflow-scrolling: touch; /* スマホでスムーズスクロール */
  padding-bottom: 0.5em;  /* 下余白でスクロールバーが被らないように */
}

.page_navi ul.page-numbers {
  display: inline-flex;   /* 横並びを維持 */
  gap: 0.3em;             /* 数字の間隔を適度に */
  list-style: none;
  padding: 0;
  margin: 0;
}

.page_navi .page-numbers li {
  display: inline-block;
}

.page_navi .page-numbers a,
.page_navi .page-numbers span {
  display: inline-block;
  padding: 0.4em 0.8em;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
  color: #333;
  font-size: 0.9rem;
margin: 0 0.1em;
}

.page_navi .page-numbers.current {
  background-color: #333;
  color: #fff;
  border-color: #333;
}