@charset "utf-8";

body {
  /* 画像ファイルの指定 */
  background-image: url(../img/top_bg.png);
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

@charset "UTF-8";

#meta-container {
  height: 100%;
  margin: 0 auto;
  position: relative;
}
#container {
  background-image: url('../img/rainbow.png');
  background-repeat: no-repeat;
  height: 100%;
  position: relative;
}
#pic-layer0 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer1 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer2 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer3 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer4 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer5 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
#pic-layer6 {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
}
.pic-layer {
  transition: opacity 1s linear;
  opacity: 0;
}
#header-innner {
  width: 1080px;
  margin: 0 auto;
  position: relative;
}
#header {
  background-image: url('../img/header_bg.png');
  background-repeat: repeat;
  height: 47px;
  width: 100%;
  position: absolute; 
}
#nav-sub {
  position: absolute;
  right: 0;
  top: 13px;
}
.nav-sub-btn{
    margin: 0 10px;
}
#nav-main {
  width: 980px;
  margin: 0 auto;
  padding-top: 50px;
}
#main-logo {
  position: absolute;
  height: 391px;
  width: 232px;
  top: 100px;
  right: 80px;
}
#pege-title {
  width: 1080px;
  margin: 0 auto;
  padding-top: 25px;
}
#gallery-title-situ {
    width: 1080px;
     margin: 0 auto;
}
#gallery-title-inner {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 180px;
    padding: 10px;
 }
#gallery-situation-inner {
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 180px;
    padding: 10px;
 }
#thumbs-nav-innner {
    width: 1080px;
    margin: 0 auto;
}
#thumbs-nav-space {
    width: 1020px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 5px;
}
#thumbs-nav-space img {
 margin-right: 5px;
 margin-bottom: 5px;
}
#thumbs-nav-space img.no-margin-right {
 margin-right: 0;
}
#thumbs-nav {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 120px;
}
#footer {
  background-image: url('../img/footer_bg.png');
  background-repeat: repeat;
  width: 100%;
  height: 120px;
  position: absolute;
  bottom: 0;
}
#footer-inner {
  width: 346px;
  margin: 0 auto;
  padding-top: 15px;
}