.br-sp {
  display: none;
}

@media screen and (max-width: 1080px) {
  .br-pc {
    display: none;
  }

  .br-sp {
    display: inline-block;
  }
}

.icon-txt {
  text-align: left;
  font-size: 18px;
  color: white;
  line-height: 2;
}

.fixed_banner {
  position: fixed;
  /* 追従させる為にfixedの値を記述します */
  z-index: 99999;
  /* 他の要素の下に隠れないように全面配置させます */
  top: 150px;
  /* 上から150pxのところにバナーを配置します */
  right: 0px;
  /* 右から40pxのところにバナーを配置します */
}

.fixed_banner_pc {
  width: 60px;
  height: 120px;
  /* バナーの横幅を指定してあげます */
}

.floating-banner:hover {
  opacity: .8;
  /* マウスが重なった時に少し透過させます */
}

.fixed_banner_sp {
  display: none;
  /* PCではスマホ用のバナーは非表示にします */
}

@media screen and (max-width: 480px) {
  /* メディアクエリを使ってスマホ用のブレイクポイントを指定 */

  .fixed_banner_sp {
    display: inline-block;
    /* 消していたスマホ用のバナーを表示させます */
    width: 100vw;
    /* スマホの画面幅いっぱいにバナーを表示させます */
  }
}

body.dark .navbar .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: 500;
  font-family: noto san jp;
}

body.dark p {
  font-size: 17px;
}

.col-md-12.mb-30 {
  display: none;
}

.section__marquee {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
}

.marquee__text {
  display: inline-block;
  padding-right: 0.5em;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

.h2-pri {
  font-size: 25px;
}

a .bfb_btn .bfb_red {
  background-color: #cfa93f;
}

a .bfb_btn2 .bfb_orange {
  background: #cfa93f;
}