@charset "utf-8";
/*bootstrap.cssカスタマイズ*/
hr {
  border-top: 1px solid #745250;
}
.panel-default>.panel-heading {
  background-color: #ccc;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
  color: #000;
}
.container {
  padding-right: 20px;
  padding-left: 20px;
}
.row {
  margin-right: -20px;
  margin-left: -20px;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
}


/*jquery.bxslider.cssカスタマイズ*/
.bx-wrapper {
  border: none;
  box-shadow: none;
  margin-bottom: 0;
}
#bxslider01 {
  margin-top: 60px;
}
.slider, .slider01 {
  padding: 0;
}
.slider li img, .slider01 li img {
  transform: scale(1.1);
  transition-duration: 6s;
}
.slider .active-slide img, .slider01 .active-slide img {
  transform: scale(1);
}
#bxslider-top ul.slider-top li img {
  object-fit: cover;
  max-height: 800px;
  width: 100%;
}
#bxslider-top .bx-wrapper .bx-pager {
  padding: 0;
  position: relative;
  top: -55px;
  height: 0;
}
#bxslider-top .bx-wrapper .bx-pager.bx-default-pager a {
    background: #707070;
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none;
    width: 60px;
    height: 3px;
}
#bxslider-top .bx-wrapper .bx-pager.bx-default-pager a:hover,
#bxslider-top .bx-wrapper .bx-pager.bx-default-pager a.active,
#bxslider-top .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #272308;
}
@media (max-width: 767px) {
  #bxslider-top ul.slider-top li img {
    height: 500px;
  }
}

/*メインナビゲーション*/
.sitename{
  margin-top: 15px;
}
.sitename a{
  font-size: 1.6em;
  color: #fff;
}
.navbar {
  border: none;
  min-height: 0;
  margin-bottom: 0;
}
.navbar .navbar-inner {
  padding: 0;
}
.navbar .nav {
  margin: 0;
  /*display: table;*/
  width: 100%;
  /*background-color: #333;*/
  /*padding: 5px 0 5px;*/
}
.navbar .nav div {
  /*margin: 10px 0 10px;*/
  text-align: center;
}
.navbar .nav div a {
  display: block;
  /*color: #fff;*/
  color: #595959;
  padding: 12px 0 12px;
  font-size: 0.8em;
}
.navbar .nav div a:hover {
  /*background-color: #efefef;*/
  /*color: #5f3591;*/
  color: #ccc;
  text-decoration: none;
}
.navbar .nav div a span {
  font-size: 11px;
  display: block;
}
/*.navbar .nav li {
  display: table-cell;
  float: none;
}*/
/*.navbar .nav li a {
  text-align: center;
  color: #ece9e4;
}*/
/*.nav>li>a:focus, .nav>li>a:hover {
  color: #745250;
}*/
.navbar-default {
  background-color: #efefef;
}

/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

/*カルーセル*/
.carousel-indicators {
  bottom: -38px;
}

/*vegas custom*/
/*.vegas-animation-kenburns {
  animation: kenburns 5s ease-out -1s 1 alternate;
}
@keyframes kenburns {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}*/

/*drawer custom*/
  /*drawerバグ調整ここから*/
  .drawer--top.drawer-open .drawer-nav {
    top: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .drawer--left.drawer-open .drawer-nav,
  .drawer--left .drawer-hamburger,
  .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  .drawer--right.drawer-open .drawer-nav,
  .drawer--right .drawer-hamburger,
  .drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
    right: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  /*drawerバグ調整ここまで*/
.drawer-hamburger {
  width: 400px;
  background: rgba(255, 255, 255, 0.8);
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  width: 60px;
  float: right;
}

/*form*/
.form-horizontal .control-label {
  text-align: left;
}

/*swiper*/
#scroll {
  margin-top: 100px;
  position: relative;
}
#scroll:before {
  content:"";
  display: block;
  padding-top: 61.8%;
}
.swiper-container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*20201204_スクロールに合わせてナビゲーション変化*/
.header{
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 9999;
    transition: top .5s;
}
.header.hid{
    /*transform: translateY(-100%);*/
    top: -500px;
    display: block !important;
}