@charset "UTF-8";


a:hover img {
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}


/* ====================================================== */
/* top 2018/11 ver design                                 */
/* ====================================================== */
body.page-home article#primary {
  opacity: 0;
  transition: all 300ms 0s ease;
}
body.page-home .top-main-banner-wrapper {
  position: relative;
}
body.page-home .top-main-banner-wrapper .top-main-banner .top-main-banner-item {
  display: inline-block;
  font-size: 0;
}
body.page-home .top-main-banner-wrapper .top-main-banner .top-main-banner-item a {
  display: inline-block;
}
body.page-home .top-main-banner-wrapper .top-main-banner .top-main-banner-item a img {
  width: 65vw;
  max-width: 1200px;
  min-width: 600px;
}
body.page-home .top-main-banner-wrapper .slick-dots {
  bottom: 20px;
  width: inherit;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
body.page-home .top-main-banner-wrapper .slick-dots li button {
  opacity: 1;
  background: #cccccc;
}
body.page-home .top-main-banner-wrapper .slick-dots li.slick-active button {
  background: #666666;
}
body.page-home .top-main-banner-wrapper .navi-allow {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  opacity: 0;
}
body.page-home .top-main-banner-wrapper .navi-allow.prev {
  background: url("../css2/top-main-banner-arrow-left.png");
}
body.page-home .top-main-banner-wrapper .navi-allow.next {
  background: url("../css2/top-main-banner-arrow-right.png");
}