/* =====================================
   Gallery Page (ID: 17193)
   ===================================== */

.page-id-17193,
.page-id-17193 body {
  background: #222222;
}


.page-id-17193 .site,
.page-id-17193 .site-content,
.page-id-17193 .inside-article,
.page-id-17193 .content-area,
.page-id-17193 #content {
  background: #222222;
  padding: 0;
  margin: 0;
}

.page-id-17193 #gallery-page {
  background: #222222;
  padding: 0;
  margin: 0;
}

.page-id-17193 .foogallery,
.page-id-17193 .foogallery-container {
  background: #222222;
}

.fg-lightbox {
  animation: none !important;
  transition: none !important;
}

.fg-lightbox img {
  opacity: 1 !important;
  transition: none !important;
}


/* =========================
   Gallery Page Base
========================= */

.gallery-page {
  background: #222222;
  color: #fff;
}

/* =========================
   Hero (Title Area)
========================= */

.gallery-hero {
  background: #222222;
  padding: 80px 20px 80px; /* 上・左右・下 */
  text-align: center;
}

.gallery-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* =========================
   Gallery Body
========================= */

.gallery-body {
  background: #222222;
  padding: 0;
}

/* FooGalleryの余白を消す */
.gallery-body .foogallery {
  margin: 0;
}



/* =========================
   Hide header only on Gallery page
========================= */
.page-id-17193 .k0299-header,
.page-id-17193 header.k0299-header{
  display: none !important;
}

.page-id-17193 .site-content{
  padding-top: 0 !important;
}


/* =========================
   FooGallery Lightbox: force show nav/close (Gallery page only)
   - works even if icon fonts are missing
========================= */
.page-id-17193 .fg-lightbox,
.page-id-17193 .fg-lightbox *{
  pointer-events: auto;
}

.page-id-17193 .fg-lightbox .fg-prev,
.page-id-17193 .fg-lightbox .fg-next,
.page-id-17193 .fg-lightbox .fg-close{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 999999 !important;
}

.page-id-17193 .fg-lightbox .fg-prev{
  position: fixed !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.page-id-17193 .fg-lightbox .fg-next{
  position: fixed !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.page-id-17193 .fg-lightbox .fg-close{
  position: fixed !important;
  right: 16px !important;
  top: 16px !important;
}

.page-id-17193 .fg-lightbox .fg-prev::before,
.page-id-17193 .fg-lightbox .fg-next::before,
.page-id-17193 .fg-lightbox .fg-close::before{
  display: inline-block;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 6px 18px rgba(0,0,0,.6);
}

.page-id-17193 .fg-lightbox .fg-prev::before{ content: "‹"; }
.page-id-17193 .fg-lightbox .fg-next::before{ content: "›"; }
.page-id-17193 .fg-lightbox .fg-close::before{ content: "×"; }

.page-id-17193 .fg-lightbox .fg-prev,
.page-id-17193 .fg-lightbox .fg-next,
.page-id-17193 .fg-lightbox .fg-close{
  width: 52px;
  height: 52px;
  cursor: pointer;
}


/* =========================
   FooGallery Lightbox Controls
========================= */

.fg-lightbox .fg-panel-button-close{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #ffffff !important; /* ← 赤 */
}

.fg-lightbox .fg-panel-button-close .fg-icon{
  width: 34px !important;   /* 好みで 28〜44 */
  height: 34px !important;
}

.fg-lightbox .fg-panel-button-close svg,
.fg-lightbox .fg-panel-button-close svg path{
  fill: currentColor !important;
}

.fg-lightbox .fg-panel-button-close:hover{
  opacity: .85;
  transform: scale(1.06);
}


.fg-lightbox button[aria-label="Toggle Fullscreen"],
.fg-lightbox button[aria-label="Toggle Information"]{
  display: none !important;
}


.fg-lightbox .fg-panel-button-close{
  position: relative;
  z-index: 9999;
}


/* =========================
   FooGallery Lightbox Controls (override)
========================= */

.page-id-17193 .fg-panel button[aria-label="Toggle Fullscreen"],
.fg-panel button[aria-label="Toggle Fullscreen"],
.page-id-17193 .fg-panel button[aria-label="Toggle Information"],
.fg-panel button[aria-label="Toggle Information"]{
  display: none !important;
}

.page-id-17193 .fg-panel .fg-panel-buttons .fg-panel-button,
.fg-panel .fg-panel-buttons .fg-panel-button{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-id-17193 .fg-panel button.fg-panel-button-close,
.fg-panel button.fg-panel-button-close{
  color: #ffffff !important;           /* SVGが currentColor なのでこれで赤になる */
  width: 72px !important;
  height: 72px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

.page-id-17193 .fg-panel button.fg-panel-button-close svg,
.fg-panel button.fg-panel-button-close svg{
  width: 38px !important;
  height: 38px !important;
  margin-top: 10px;
}

.page-id-17193 .fg-panel button.fg-panel-button-close:hover,
.fg-panel button.fg-panel-button-close:hover{
  opacity: .85;
  color: #ffffff !important;
}


/* =========================
   FooGallery Lightbox (Mobile)
   - hide thumbs bar
   - move arrows to bottom
   - hide close button
========================= */
@media (max-width: 767px){

  .fg-panel-area.fg-panel-thumbs{
    display: none !important;
  }

  button.fg-panel-button-close{
    display: none !important;
  }

  button[aria-label="Previous"],
  button[aria-label="Next"],
  .fg-panel-button-prev,
  .fg-panel-button-next{
    position: fixed !important;
    bottom: 18px !important;
    top: auto !important;
    transform: none !important;

    z-index: 999999 !important;

    width: 56px !important;
    height: 56px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: .95 !important;

    -webkit-tap-highlight-color: transparent;
  }

  button[aria-label="Previous"],
  .fg-panel-button-prev{
    left: 14px !important;
    right: auto !important;
  }
  button[aria-label="Next"],
  .fg-panel-button-next{
    right: 14px !important;
    left: auto !important;
  }

  button[aria-label="Previous"] svg,
  button[aria-label="Next"] svg,
  .fg-panel-button-prev svg,
  .fg-panel-button-next svg{
    width: 34px !important;
    height: 34px !important;
  }

  button[aria-label="Previous"],
  button[aria-label="Next"],
  .fg-panel-button-prev,
  .fg-panel-button-next{
    color: #fff !important;
  }

  button.fg-panel-button-close{
    display: block !important;

    position: absolute !important;
    top: 10px !important;
    right: 10px !important;

    width: 34px !important;
    height: 34px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #ff2a2a !important; /* 赤 */
    opacity: .95 !important;
    z-index: 999999 !important;
  }

  button.fg-panel-button-close svg{
    width: 22px !important;
    height: 22px !important;
  }
}