.foot-line > div {
  border-top: 0.1px solid #fff;
}


.pagetitle_line {
  position: relative;
  overflow: hidden;
}

.pagetitle_line::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url("/global-data/20260701151834688.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 100% auto;
  pointer-events: none;
}


/* マスク（スライドイン） */
.mskAnimation {
  opacity: 0;
  transform: translateX(60px);
  clip-path: inset(0 100% 0 0);
}
.mskAnimation.is-show {
  animation: containerPhotoMask 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes containerPhotoMask {
  0% {
    opacity: 0;
    transform: translateX(60px);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}




/* スライダー矢印ボタン共通 */
.bSlideShowS .swiper-button-prev,
.bSlideShowS .swiper-button-next {
  width: 45px !important;
  height: 45px !important;
  border-radius: 50% !important;
  background-image: none !important;
  background-color: #007fc6 !important;
  border: 1.5px solid #007fc6 !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  opacity: 1 !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}

/* Swiper標準の矢印を消す */
.bSlideShowS .swiper-button-prev::after,
.bSlideShowS .swiper-button-next::after {
  content: "" !important;
  display: none !important;
}

/* CSSで矢印を作る */
.bSlideShowS .swiper-button-prev::before,
.bSlideShowS .swiper-button-next::before {
  content: "" !important;
  display: block !important;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  box-sizing: border-box;
  transition:
    transform 0.35s ease;
}

/* 左矢印 */
.bSlideShowS .swiper-button-prev::before {
  transform: rotate(-135deg);
  margin-left: 4px;
}
/* 右矢印 */
.bSlideShowS .swiper-button-next::before {
  transform: rotate(45deg);
  margin-right: 4px;
}
.bSlideShowS .swiper-button-prev:hover,
.bSlideShowS .swiper-button-next:hover {
  background-color: #007fc6 !important;
  border-color: #007fc6 !important;
  transform: none;
  box-shadow: 0 10px 24px rgba(0, 127, 198, 0.24);
}
/* 左矢印：ホバーで少し左へ */
.bSlideShowS .swiper-button-prev:hover::before {
  transform: rotate(-135deg) translate(3px, -3px);
}
/* 右矢印：ホバーで少し右へ */
.bSlideShowS .swiper-button-next:hover::before {
  transform: rotate(45deg) translate(3px, -3px);
}

/* 製品情報の詳細ページスライダー下のサイズ */
.product-slide .bSlideShowThumb .swiper-slide img {
  width: auto !important;
}


/* タイトルのマージンを消す(青ローマ字＋タイトル) */
.bTtlS.type4 .inner .noIcon .title {
    margin: 0;
}
.bTtlS.type4 .inner .noIcon .subtext {
    margin: 0 0 5px;
}
.bcu_title h1, .bcu_title h2, .bcu_title h3, .bcu_title h4, .bcu_title h5, .bcu_title h6 {
  margin: 0;
}




/* マスク（スライドイン） */
.p-msk {
  opacity: 0;
  transform: translateX(60px);
  clip-path: inset(0 100% 0 0);
}
.p-msk.is-show {
  animation: containerPhotoMask 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes containerPhotoMask {
  0% {
    opacity: 0;
    transform: translateX(60px);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
  }
}