@charset "UTF-8";

/* -----------------------------------------------------
  b0090: bcg
----------------------------------------------------- */

/* common */
#bcg_addon img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
#bcg_addon:has(.bcg-sp) {
  padding: 0;
}
#bcg_addon .pb24-slide-normal__img {
  min-height: 0;
}

/* sec */
.bcg-addon {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
.bcg-addon.bcg-pc {
  padding: 20px;
  border-radius: 6px;
  background-image: url("/bc/images/top/bcg_bg_pc.png");
}
.bcg-addon.bcg-sp {
  padding: 5.1282vw 0 5.1282vw 3.5897vw;
  background-image: url("/bc/images/top/bcg_bg_sp.png");
}

/* hdg */
.bcg-addon-hdg {
  font-weight: bold;
  line-height: 1.5;
  text-shadow: 1px 1px 0 white, -1px -1px 0 white;
}
.bcg-pc .bcg-addon-hdg {
  margin-bottom: 15px;
  font-size: 21px;
}
.bcg-pc .bcg-addon-hdg br {
  display: none;
}
.bcg-sp .bcg-addon-hdg {
  margin-bottom: 3.8461vw;
  font-size: 4.6153vw;
}

/* sub */
.bcg-addon-sub {
  font-weight: bold;
  line-height: 1.5;
}
.bcg-pc .bcg-addon-sub {
  padding: 0 19px;
  font-size: 16px;
}
.bcg-sp .bcg-addon-sub {
  padding: 0 4.8717vw;
  font-size: 4.1025vw;
}

/* body */
.bcg-addon-body {
  border: solid #222121;
  background: rgba(255,255,255,0.6);
}
.bcg-pc .bcg-addon-body {
  border-width: 1px;
  border-radius: 6px;
}
.bcg-sp .bcg-addon-body {
  border-width: max(0.2564vw, 1px);
  border-right-width: 0;
  border-radius: 1.7948vw 0 0 1.7948vw;
}

/* slider */
.bcg-addon-logo button {
  appearance: none;
  position: relative;
  border: none;
  background: none;
}
.bcg-addon-logo button.is-active::after {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  border: solid #C79640;
  width: 100%;
  height: 100%;
  content: "";
  box-sizing: border-box;
}
.bcg-pc .bcg-addon-logo button.is-active::after {
  border-width: 2px;
}
.bcg-sp .bcg-addon-logo button.is-active::after {
  border-width: max(0.5128vw, 2px);
}

.bcg-pc .bcg-addon-logo {
  padding: 19px 0;
}
.bcg-sp .bcg-addon-logo {
  padding: 4.8717vw 0 3.8461vw;
}

.bcg-pc .bcg-addon-logo .swiper {
  padding: 0 6px;
}
.bcg-sp .bcg-addon-logo .swiper {
  padding: 0 2.3076vw;
}

.bcg-addon-logo .swiper-slide {
  box-sizing: content-box;
}
.bcg-pc .bcg-addon-logo .swiper-slide {
  padding: 0 13px;
  width: 164px;
}
.bcg-sp .bcg-addon-logo .swiper-slide {
  padding: 0 2.5641vw;
  width: 29.7435vw;
}

.bcg-pc .bcg-addon-list .swiper {
  padding: 10px 9px 19px;
}
.bcg-sp .bcg-addon-list .swiper {
  padding: 2.5641vw 2.3076vw 4.8717vw;
}

.bcg-addon-list .swiper-slide {
  box-sizing: content-box;
}
.bcg-pc .bcg-addon-list .swiper-slide {
  padding: 0 10px;
  width: 142px;
}
.bcg-sp .bcg-addon-list .swiper-slide {
  padding: 0 2.5641vw;
  width: 36.4102vw;
}