@charset "utf-8";

.top #video{
  display: flex;
  justify-content:flex-start;
  flex-wrap: wrap;
  width: 100%;
}

.top #video .mv {
  margin: 16px 0;
  padding: 0;
}

.top .video .thumb {
  background-size: cover;
  width: 100%;
  height: 100%;
  line-height: 0;
  cursor: pointer;
}

.top.pc #video .mv{
  width: 47.5%;
}
.top.pc #video .mv:nth-child(2n+1){
  margin-right: 5%;
}

.top.pc .video img{
  width: 100%;
}
.top.pc #video .mv iframe{
  margin-bottom: 0;
}
.top.sp #video .mv{
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.top.sp #video .mv iframe{
  width: 100%;
  height: 100%;
  min-height: unset;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}
.top.sp .video img{
  width: 100%;
}

.newslist dd.acc_inner{display: none;}
.haika .newslist dd.acc_inner .video{
  padding-top: 56.25%;
}
.disco #main .block--item:not(:last-of-type){
  margin-bottom: 30px;
}
.disco #main figure{
  width: 300px;
  height: 300px;
  margin: 0 auto 15px;
}
.disco #main figure img  {
  display: block;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: contain;
}

.error .tit{
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/* contact */
.list--text{
  font-size: 13px;
}
.list--text dt{
  font-weight: bold;
}
.txt--sub{
  display: block;
  font-size: 13px;
}

/* slick */
.top .banner .slick-slide img{ max-width: 100%; }
.top .banner{ padding-top: 50px; padding-bottom: 10px;}
.top .banner .slick-initialized .slick-slide{ margin: 0 10px; }
.top .banner.no-carousel{ padding-bottom: 30px; }
.top .banner.no-carousel .list--bnr{ display: flex; justify-content: center; }
.top .banner.no-carousel li{ width: 34%; list-style: none; margin: 0 10px; }
.top .banner.no-carousel li a{ display: block; line-height: 0;}
.top .banner.no-carousel li a img{  max-width: 100%; }
@media screen and (min-width:961px) {
  .top .banner.no-carousel li a:hover{ opacity: 0.5; }
}
@media screen and (max-width:960px) {
  .top .banner{ padding-top: 30px; padding-bottom: 0;}
  .top .banner .slick-initialized .slick-slide{
    margin: 0 5px;
  }
  .top .banner.no-carousel li{width: 83%;}
}
dl,dd{margin: 0;}

.page--info .video ,
#main .video{
  position: relative;
}
.page--info .video iframe,
#main .video iframe{
  width: 100%;
  height: 100%;
  min-height: unset;
  position: absolute;
  top:0;
  left: 0;
}
.page--info .Entry .txt--basic img,
.Entry .acc_inner img{
  max-width: 100%;
}
img{ max-width:100%; }
.ph{position: relative;}
.ph .dummy{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: 0;
  z-index: 1;
}

.video-PBx8TNlCgCg a img{
  max-width: unset;
  width: 640px;
}
@media screen and (max-width:960px) {
  .video-PBx8TNlCgCg a img{
    width: 100%;
  }
}