@charset "UTF-8";

/* PC 用バックグラウンドイメージカルーセル
--------------------------------- */
.bg-carousel {
  width: 100%;
  height: auto;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

.bg-carousel>.container {
  position: relative;
}

.bg-carousel .bg-carousel-inner {
  display: none;
}

.bg-carousel-indicators {
  position: absolute;
  top: 42px;
  left: 72px;
  z-index: 15;
  list-style: none;
}

.bg-carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  cursor: pointer;
  background-color: #676767;
}

.bg-carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #2aaee6;
}

.bg-carousel-controls>.control {
  width: 46px;
  height: 70px;
  z-index: 15;
  cursor: pointer;
  top: 154px;
  position: absolute;
}
.bg-carousel-controls>.left {
  left: 0px;
  margin-left: -8px;
  background: url('/img/common/icons/arrow_left.png') left top no-repeat;
}
.bg-carousel-controls>.right {
  right: 0px;
  margin-right: -8px;
  background: url('/img/common/icons/arrow_right.png') left top no-repeat;
}

.bg-indicator-buttons {
  margin: 0;
  padding: 0;
  list-style: none;
}

.bg-indicator-buttons .bg-indicator-button01,
.bg-indicator-buttons .bg-indicator-button02,
.bg-indicator-buttons .bg-indicator-button03 {
  position: absolute;
  opacity: 0;
  display: none;
  z-index: 10;
}
.bg-indicator-buttons .active {
  opacity: 1;
  display: block;
}


/* ブレイクポイント時の切り替えスタイル
--------------------------------- */
@media (max-width: 647px) { /* スマートフォンの解像度の場合 */
  .bg-carousel-indicators,
  .bg-carousel-controls,
  .bg-indicator-buttons {
    display: none;
  }
}