/* CSS Document */
/*****************************/
/* ■トップバック　   　　 　  */
/*****************************/
#topBack {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 100;
}
#topBack i, #topBack i:hover {
  font-size: 50px
}
#topBack a {
  background-color: #0015FF;
  text-decoration: none;
  color: #FFF5E2;
  width: 56px;
  height: 56px;
  padding: 3px;
  text-align: center;
  display: block;
  border-radius: 6px;
  opacity: 0.6;
}
#topBack:hover {
  opacity: 0.5;
}
/*****************************/
/* ■Bootstrapカスタマイズ　　　　
/*****************************/
/* ▼▼▼ パンくずリスト ▼▼▼ */
.breadcrumb-item + .breadcrumb-item::before {
  font-family: 'FontAwesome';
  font-weight: 400;
  content: "\f138";
  color: rgba(255, 172, 205, 1.00)
}
/* ▼▼▼ カルーセル ▼▼▼ */
.carousel-indicators {
  position: absolute;
  z-index: 15;
  bottom: -12px;
  opacity: 0.7;
}
#jbsgoCarousel h3::before {
  content: none
}
#jbsgoCarousel .carousel-indicators button {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #F4F4F4;
}
#jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
  font-size: 1.5em
}
#jbsgoCarousel .carousel-indicators .active {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  margin: 2px;
  background-color: #FF863F;
}
/* 極小デバイス（縦向きモバイル, 576px 未満） */
.carousel-caption {
  position: absolute;
  top: 0%;
}
#jbsgoCarousel .carousel-indicators button {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 2px;
  text-indent: -999px;
  cursor: pointer;
  border: 1px solid #F4F4F4;
}
#jbsgoCarousel .carousel-indicators .active {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 2px;
  background-color: #FF863F;
}
#jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
  font-size: 1.1em
}
#jbsgoCarousel .carousel-caption h3 {
  font-size: 0.7rem;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1.00);
}
#jbsgoCarousel .carousel-caption p {
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1.00)
}
/* 小デバイス（横向きモバイル, 576px 以上） */
@media (min-width: 576px) {
  .carousel-indicators {
    bottom: -12px;
  }
  #jbsgoCarousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  #jbsgoCarousel .carousel-indicators .active {
    width: 10px;
    height: 10px;
    border-radius: 5px;
  }
  #jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
    font-size: 1.3em
  }
  .carousel-caption {
    position: absolute;
    top: 0%;
  }
  #jbsgoCarousel .carousel-caption h3 {
    font-size: 1rem;
  }
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) {
  .carousel-indicators {
    bottom: -10px;
  }
  #jbsgoCarousel .carousel-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
  #jbsgoCarousel .carousel-indicators .active {
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }
  #jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
    font-size: 1.6em
  }
  #jbsgoCarousel .carousel-caption h3 {
    font-size: 1.3rem;
  }
  #jbsgoCarousel .carousel-caption p {
    font-size: 0.8rem;
  }
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) {
  .carousel-indicators {
    bottom: -10px;
  }
  #jbsgoCarousel .carousel-indicators button {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
  #jbsgoCarousel .carousel-indicators .active {
    width: 14px;
    height: 14px;
    border-radius: 7px;
  }
  #jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
    font-size: 1.8em
  }
  #jbsgoCarousel .carousel-caption h3 {
    font-size: 1.8rem;
  }
  #jbsgoCarousel .carousel-caption p {
    font-size: 1.0rem;
  }
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {
  .carousel-indicators {
    bottom: -10px;
  }
  #jbsgoCarousel .carousel-indicators button {
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
  #jbsgoCarousel .carousel-indicators .active {
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
  #jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
    font-size: 2.0em
  }
  #jbsgoCarousel .carousel-caption h3 {
    font-size: 2.0rem;
  }
  #jbsgoCarousel .carousel-caption p {
    font-size: 1.1rem;
  }
}
/* 超特大デバイス (よりワイドな・デスクトップ, 1400px 以上） */
@media (min-width: 1400px) {
  .carousel-indicators {
    bottom: -10px;
  }
  #jbsgoCarousel .carousel-indicators button {
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
  #jbsgoCarousel .carousel-indicators .active {
    width: 16px;
    height: 16px;
    border-radius: 8px;
  }
  #jbsgoCarousel .carousel-control-prev i, #jbsgoCarousel .carousel-control-next i {
    font-size: 2.0em
  }
  #jbsgoCarousel .carousel-caption h3 {
    font-size: 2.0rem;
  }
  #jbsgoCarousel .carousel-caption p {
    font-size: 1.2rem;
  }	
}

/* キャプション設定 */
#slide1 .carousel-caption {
  transform: translateY(5%) translateX(0%);
}
#slide1 .carousel-caption h3, #slide1 .carousel-caption p {
  color: rgba(4, 61, 138, 1.00);
}
#slide2 .carousel-caption {
  transform: translateY(45%) translateX(15%);
}
#slide2 .carousel-caption h3, #slide2 .carousel-caption p {
  color: rgba(154, 19, 44, 1.00);
}
#slide3 .carousel-caption {
  transform: translateY(0%) translateX(0%);
}
#slide3 .carousel-caption h3, #slide3 .carousel-caption p {
  color: rgba(34,50,110,1.00);
}
#slide4 .carousel-caption {
  transform: translateY(0%) translateX(0%);
}
#slide4 .carousel-caption h3, #slide4 .carousel-caption p {
  color: rgba(132,0,58,1.00);
}
#slide5 .carousel-caption {
  transform: translateY(35%) translateX(0%);
}
#slide5 .carousel-caption h3, #slide5 .carousel-caption p {
  color: rgba(0,45,106,1.00);
}
#slide6 .carousel-caption {
  transform: translateY(35%) translateX(0%);
}
#slide6 .carousel-caption h3, #slide6 .carousel-caption p {
  color: rgba(247,253,255,1.00);
  text-shadow: 1px 1px 2px rgba(0,0,0,1.00)	
}
#slide7 .carousel-caption {
  transform: translateY(5%) translateX(0%);
}
#slide7 .carousel-caption h3, #slide7 .carousel-caption p {
  color: rgba(0, 51, 119, 1.00);
}
/*
#slide3 .carousel-caption {
  transform: translateY(0%) translateX(0%);
}
#slide3 .carousel-caption h3, #slide3 .carousel-caption p {
  color: rgba(107, 63, 143, 1.00);
}

#slide5 .carousel-caption {
  transform: translateY(56%) translateX(0%);
}
#slide5 .carousel-caption h3, #slide5 .carousel-caption p {
  color: rgba(128, 95, 40, 1.00);
}

*/