/* ================================
 AQUA Revelation J.B.
 Luxury Black Minimal CSS
================================ */

/* 全体 */
html,
body,
#container,
#inner_container,
#contents,
#inner_contents {
  background: #050505 !important;
  color: #eaeaea !important;
}

/* 文字 */
body,
p,
div,
span,
li,
dt,
dd,
.item_name,
.price,
.stock {
  color: #eaeaea !important;
}

/* リンク */
a,
a:link,
a:visited {
  color: #f5f5f5 !important;
  text-decoration: none !important;
}

a:hover {
  color: #9fdcff !important;
}

/* ヘッダー */
#header,
#header_wrapper,
.global_nav,
.header_global_nav {
  background: #050505 !important;
  border: none !important;
}

/* ナビ */
.inner_global_nav .nav_btn,
.inner_header_nav .nav_btn {
  background: transparent !important;
  color: #eaeaea !important;
}

.inner_global_nav .nav_btn:hover,
.inner_header_nav .nav_btn:hover {
  color: #9fdcff !important;
  background: transparent !important;
}

/* ================================
 TOP画像
 元テンプレサイズは崩さず、切らない
================================ */

#photo {
  background: #050505 !important;
  margin-bottom: 50px !important;
}

#photo,
#photo .fix_center,
#photo .slider_box,
#photo .swiper,
#photo .swiper-wrapper,
#photo .swiper-slide,
#photo .item_image_box {
  background: #050505 !important;
}

/* 画像を切らない */
#photo img,
#photo .item_image_box img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
}

/* PCでは1200px中央 */
@media screen and (min-width: 841px) {
  #photo {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
  }
}

/* スマホ */
@media screen and (max-width: 840px) {
  #photo {
    width: 100% !important;
    margin-bottom: 30px !important;
  }
}

/* ================================
 商品カード
================================ */

.list_item_box,
.item_data,
.inner_item_data {
  background: #0d0d0d !important;
  border: 1px solid #1f1f1f !important;
  border-radius: 14px !important;
  transition: 0.3s ease !important;
}

.list_item_box:hover,
.item_data:hover {
  transform: translateY(-3px);
  border-color: #9fdcff !important;
  box-shadow: 0 0 22px rgba(159, 220, 255, 0.16);
}

/* 商品画像 */
.list_item_photo img,
.item_image_box img {
  border-radius: 10px;
}

/* 価格 */
.price,
.selling_price,
.selling_price .figure {
  color: #9fdcff !important;
  font-weight: 700 !important;
}

/* ================================
 見出し
================================ */

.page_title h1,
.page_title h2,
.main_box h2,
.section_title h2,
.side_box h2 {
  background: transparent !important;
  color: #ffffff !important;
  letter-spacing: 0.08em;
  border: none !important;
}

/* 新着・ランキング */
.main_box.item_ranking,
.main_box.whatnew {
  background: #0d0d0d !important;
  border: 1px solid #222 !important;
  border-radius: 16px !important;
}

/* ================================
 サイド・カテゴリ
================================ */

.inner_itemlist_nav .nav_btn,
.inner_side_nav .nav_btn,
.inner_main_nav .nav_btn {
  background: #111 !important;
  color: #eaeaea !important;
  border-bottom: 1px solid #222 !important;
}

.inner_itemlist_nav .nav_btn:hover,
.inner_side_nav .nav_btn:hover,
.inner_main_nav .nav_btn:hover {
  background: #171717 !important;
  color: #9fdcff !important;
}

/* ================================
 フッター
================================ */

#footer,
.footer_nav {
  background: #050505 !important;
  border-top: 1px solid #222 !important;
}

.footer_nav_item .nav_btn {
  color: #bfbfbf !important;
}

/* ================================
 ボタン
================================ */

.general_btn,
.more_item .general_btn,
button,
input[type="submit"] {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
  border-radius: 999px !important;
}

.general_btn:hover,
.more_item .general_btn:hover,
button:hover,
input[type="submit"]:hover {
  background: #9fdcff !important;
  color: #000 !important;
  border-color: #9fdcff !important;
}

/* ================================
 フォーム
================================ */

input,
textarea,
select {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

/* ================================
 ポップアップ
================================ */

.popup_area,
.popup_variation,
.inner_popup_nav_area,
.inner_popup_menu_area {
  background: #111 !important;
  color: #fff !important;
  border-color: #333 !important;
}

/* カートや選択エリアが崩れないように */
.cart_section,
.detail_section,
.variation_item,
.order_item {
  background: transparent !important;
}

/* ================================
 線
================================ */

hr,
.top_separator,
.bottom_separator {
  border-color: #2a2a2a !important;
}

/* ページ送り修正版：さらに小さめ */
.pager,
.pagination,
.pager_list,
ul.pager,
ul.pagination {
  margin: 22px auto 28px !important;
  padding: 0 !important;
  text-align: left !important;
  font-size: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  align-items: center !important;
}

/* aタグだけをボタン化する */
.pager a,
.pagination a,
.pager li a,
.pagination li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;

  background: #111 !important;
  border: 1px solid #2b2b2b !important;
  border-radius: 9px !important;

  color: #f2f2f2 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-decoration: none !important;

  box-shadow: 0 0 12px rgba(120,180,255,0.07) !important;
}

/* li自体の余白リセット */
.pager li,
.pagination li,
.pager_list li {
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* ホバー */
.pager a:hover,
.pagination a:hover,
.pager li a:hover,
.pagination li a:hover {
  color: #ffffff !important;
  border-color: #9fdcff !important;
  box-shadow: 0 0 16px rgba(159,220,255,0.20) !important;
}

/* 現在ページ */
.pager .current,
.pagination .current,
.pager li.current,
.pagination li.current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 40px !important;
  height: 40px !important;
  padding: 0 12px !important;

  background: linear-gradient(135deg, #1a1a1a, #050505) !important;
  border: 1px solid #9fdcff !important;
  border-radius: 9px !important;

  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  box-shadow: 0 0 16px rgba(159,220,255,0.18) !important;
}