@charset "UTF-8";

/**

 * BxSlider v4.1.2 - Fully loaded, responsive content slider

 * http://bxslider.com

 *

 * Written by: Steven Wanderski, 2014

 * http://stevenwanderski.com

 * (while drinking Belgian ales and listening to jazz)

 *

 * CEO and founder of bxCreative, LTD

 * http://bxcreative.com

 */



/** RESET AND LAYOUT

===================================*/

.bx-wrapper {

  position: relative;

  margin: 0 auto;

}



.bx-wrapper img {

  display: block;

  max-width: 100%;

}



/** THEME

===================================*/

.bx-wrapper .bx-viewport {

  /*fix other elements on the page moving (on Chrome)*/

  transform: translatez(0);

}



.bx-wrapper .bx-pager,

.bx-wrapper .bx-controls-auto {

  position: absolute;

  left: 50%;

  bottom: 15px;

}



.hikaribox .bx-wrapper .bx-pager,

.hikaribox .bx-wrapper .bx-controls-auto {

  position: relative;

  left: 0;

  bottom: 0;

  margin-top: -35px;

  z-index: 10;

}



/* LOADER */

.bx-wrapper .bx-loading {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  min-height: 50px;

  background: url("../../images/bx_loader.gif") center center no-repeat #fff;

  z-index: 2000;

}



/* PAGER */

.bx-wrapper .bx-pager {

  color: #666;

  font-size: .85em;

  font-weight: bold;

  text-align: center;

}



.bx-wrapper .bx-pager .bx-pager-item,

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {

  display: inline-block;

}



.bx-wrapper .bx-pager.bx-default-pager a {

  display: block;

  width: 10px;

  height: 10px;

  margin: 0 5px;

  outline: 0;

  border-radius: 5px;

  background-color: #fff;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}



.bx-wrapper .bx-pager.bx-default-pager a:hover,

.bx-wrapper .bx-pager.bx-default-pager a:focus,

.bx-wrapper .bx-pager.bx-default-pager a.active {

  background-color: #86b070;

}



/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

  left: 0;

  background: url("../../images/controls.png") no-repeat 0 -32px;

}



.bx-wrapper .bx-next {

  right: 0;

  background: url("../../images/controls.png") no-repeat -43px -32px;

}



.bx-wrapper .bx-prev:hover {

  background-position: 0 0;

}



.bx-wrapper .bx-next:hover {

  background-position: -43px 0;

}



.bx-wrapper .bx-controls-direction a {

  position: absolute;

  top: 50%;

  width: 32px;

  height: 32px;

  margin-top: -16px;

  outline: 0;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

  z-index: 9999;

}



.bx-wrapper .bx-controls-direction a.disabled {

  display: none;

}



/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {

  text-align: center;

}



.bx-wrapper .bx-controls-auto .bx-start {

  display: block;

  width: 10px;

  height: 11px;

  margin: 0 3px;

  outline: 0;

  background: url("../../images/controls.png") no-repeat -86px -11px;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}



.bx-wrapper .bx-controls-auto .bx-start:hover,

.bx-wrapper .bx-controls-auto .bx-start.active {

  background-position: -86px 0;

}



.bx-wrapper .bx-controls-auto .bx-stop {

  display: block;

  width: 9px;

  height: 11px;

  margin: 0 3px;

  outline: 0;

  background: url("../../images/controls.png") no-repeat -86px -44px;

  text-indent: 100%;

  white-space: nowrap;

  overflow: hidden;

}



.bx-wrapper .bx-controls-auto .bx-stop:hover,

.bx-wrapper .bx-controls-auto .bx-stop.active {

  background-position: -86px -33px;

}



/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {

  width: 100%;

  text-align: left;

}



.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {

  right: 0;

  width: 35px;

}



/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  background-color: rgba(80, 80, 80, 0.75);

}



.bx-wrapper .bx-caption span {

  display: block;

  padding: 10px;

  color: #fff;

  font-size: .85em;

}



/* now loading */

#keyvisual .pieceBody {

  display: none;

}



/* Carousel */

#keyvisual.carousel {

  width: 100%;

  height: 100%;

  margin: 0 auto 20px;

  overflow-x: hidden;

}



#keyvisual.carousel .pieceContainer {

  width: 1024px;

  margin: 0 auto;

  height: 314px;

  position: relative;

}



#keyvisual.carousel .pieceBody {

  position: absolute;

  left: 50%;

}



#keyvisual.carousel ul {

  width: 100%;

}



#keyvisual li {

  padding: 10px;

  background-color: #fff;

}



#keyvisual.carousel li {

  width: 1004px;

  margin: 0 20px;

}



#keyvisual.carousel li img {

  width: 100%;

  vertical-align: bottom;

}



@media only screen and (max-width: 640px) {

  #keyvisual {

    margin-bottom: 10px;

  }



  #keyvisual .pieceContainer {

    width: auto;

    height: auto;

  }



  #keyvisual .pieceBody {

    position: static;

    width: auto;

    left: 0;

    margin-left: 0;

  }



  #keyvisual li {

    width: auto;

    margin: 0;

  }



  .bx-wrapper .bx-pager,

  .bx-wrapper .bx-controls-auto {

    left: 0;

    bottom: 5px;

    width: 100%;

  }

}