@charset "UTF-8";

/*===================================
　SPここから
===================================*/
@media (max-width: 798px ){
/*  qaList
===================================*/
#stage {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto 30px;
}

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

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

/*表示写真の初期配置（全部透明に）とtransition(fade)設定*/
.photo {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: -100px;
  display: block;
  border: none;
  outline: none;
}
.photo img {
  width:100%;
  height: 100%;
  opacity: 0;
  margin-top: 100px;
  -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 {
}
}