@charset "UTF-8";

/*===================================
　PCここから
===================================*/
@media (min-width: 799px){
/*  qaList
===================================*/
#stage {
    position: relative;
    width: 930px;
    height: 494px;
    margin: 0 78px;
    margin-bottom: 130px;
}

/*全サムネイルのコンテナー animation設定*/
#thumbs {
  width: 100%;
  text-align: center;
}

/*サムネイルのマウスオーバーでポインターを手のひら*/
#thumbs:hover {
}
#thumbs img {
    width: 80px;
    height: 47px;
    margin-left: 8px;
}

/*表示写真の初期配置（全部透明に）とtransition(fade)設定*/
.photo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -120px;
  display: block;
  border: none;
  outline: none;
}
.photo img {
  width:100%;
  height: 100%;
  margin-top: 120px;
  opacity: 0;
  border: 0px;
  -webkit-transition: opacity 1s ease;
  -moz-transition: opacity 1s ease;
  -o-transition: opacity 1s ease;
  transition: opacity 1s ease;
}
/* クリックされたサムネイルの対応写真を表示 */
.photo:target > img {
  opacity:1; 
}

/* サムネイル群の左右往復animation */
@keyframes recipro {
}

}