@charset "utf-8";

#satoritabi .kv{
  filter: drop-shadow(0px 5px 10px #00000040);
  will-change: filter;
  z-index: 10;
  height: 56.25vw;
}
#satoritabi .kv img{
  width: 100%;
}

#satoritabi .past {
  margin-top: 188px;
}
#satoritabi .past .headlineBox .headline{
  padding-right: 22px;
}
#satoritabi .past .videoList li h3{
  border-radius: 6px;
  text-align: center;
}

/* sec01 */
#satoritabi .sec01 .sec_title{
  background: #E6BD10;
}
#satoritabi .sec01 .video {
  background: url(../img/spot/spot_sec01_movie_obi.jpg) no-repeat top left / 100%, url(../img/spot/spot_sec01_movie_obi.jpg) no-repeat bottom left / 100%;
}
#satoritabi .sec01.past .past__movie .movie {
	padding-bottom: 113px;
	padding-top: 160px;
}
#satoritabi .sec01 .fukidashi{
  top: 53px;
  left: -78px;
}
#satoritabi .sec01 .headlineBox .chara{
  bottom: 34px;
  right: -14px;
}
#satoritabi .sec01 .videoList li p.title{
	color: #E6BD10;
}
#satoritabi .sec01 .videoList li::after,
#satoritabi .sec01 .videoList:last-of-type::after {
  background-image: url(../img/common/circle03.svg);
}
#satoritabi .sec01 .videoList li h3{
  background: #42210B;
}

/* sec02 */
#satoritabi .sec02 .sec_title{
  background: #E38E2A;
}
#satoritabi .sec02 .video {
  background: url(../img/spot/spot_sec02_movie_obi.jpg) no-repeat top left / 100%, url(../img/spot/spot_sec02_movie_obi.jpg) no-repeat bottom left / 100%;
}
#satoritabi .sec02 .fukidashi{
  top: 38px;
  right: -77px;
}
#satoritabi .sec02 .headlineBox .chara{
  bottom: 60px;
  left: -13px;
}
#satoritabi .sec02 .videoList li p.title{
	color: #E38E2A;
}
#satoritabi .sec02 .videoList li::after,
#satoritabi .sec02 .videoList:last-of-type::after {
  background-image: url(../img/common/circle04.svg);
}
#satoritabi .sec02 .videoList li h3{
  background: #3D7137;
}

/* sec03 */
#satoritabi .sec03 .sec_title{
  background: #3B5D19;
}
#satoritabi .sec03 .video {
  background: url(../img/spot/spot_sec03_movie_obi.jpg) no-repeat top left / 100%, url(../img/spot/spot_sec03_movie_obi.jpg) no-repeat bottom left / 100%;
}
#satoritabi .sec03 .fukidashi{
  top: 53px;
  left: -78px;
}
#satoritabi .sec03 .headlineBox .chara{
  bottom: 58px;
  right: -52px;
}
#satoritabi .sec03 .videoList li p.title{
	color: #3B5D19;
}
#satoritabi .sec03 .videoList li::after,
#satoritabi .sec03 .videoList:last-of-type::after {
  background-image: url(../img/common/circle05.svg);
}
#satoritabi .sec03 .videoList li h3{
  background: #E39431;
}

.btn-area {
  padding-top: 212px;
}

@media (max-width:960px) {
  #satoritabi .kv{
    height: 190.93vw;
  }
  #satoritabi .past{
    margin-top: 16vw;
  }
  #satoritabi .past .videoList li h3{
    border-radius: 0.8vw;
  }
  #satoritabi .past .videoList li h3 img{
    height: 9.5vw;
  }

  #satoritabi .past .headlineBox .headline{
    padding-right: 3vw;
  }
  #satoritabi .past .headlineBox .headline img{
    width: 48.82vw;
  }
  #satoritabi .past .fukidashi{
    width: 28vw;
  }
  #satoritabi .sec01 .sec_title img{
    width: 71.1vw;
  } 
  #satoritabi .sec01.past .past__movie .movie{
		padding: 10.6vw 0 8vw;
	}
  #satoritabi .sec01 .fukidashi{
    top: -0.2vw;
    left: 0.3vw;
  }
  #satoritabi .sec01 .headlineBox .chara{
    width: 13.6vw;
    right: 6.9vw;
    bottom: 6.6vw;
  }
  #satoritabi .sec02 .fukidashi{
    top: -0.3vw;
    right: 2vw;
  }
  #satoritabi .sec02 .headlineBox .chara{
    width: 16vw;
    bottom: 7.7vw;
    left: 6.8vw;
  }
  #satoritabi .sec02 .sec_title img,
  #satoritabi .sec03 .sec_title img{
    width: 71.18vw;
  }
  #satoritabi .sec03 .headlineBox .chara {
    width: 20vw;
    bottom: 26px;
    right: 16px;
  }
  #satoritabi .sec03 .fukidashi {
    top: 1.4vw;
    left: 1.3vw;
  }
  #satoritabi-3rd ul:nth-of-type(5) li:first-child .shop__info dd:last-of-type a span{
    display: inline;
  }
  .btn-area {
    padding-top: 6.67vw;
  }
  .btn-area a img{
    width: 41.19vw;
  }
}