body, html, main {
    /* important */
    height: 100%;
}

.imgWrap {
	overflow:	/*拡大時にはみ出た部分を隠す*/
	width: 320px;	/*画像の幅*/
	height: 180px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}



/* トップ*/
   .top_img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color:  ;    /* 背景色指定 */
    height: 2327px;              /* 高さ指定 */
top: px;  
}

.top_caption_area {
    position: absolute ;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */
}

.top_caption_area2 {
    position: absolute ;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */
}
/* ストーリー*/
   .story_img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color: ;    /* 背景色指定 */
    height: 564px;              /* 高さ指定 */
top:  2300px;  
}

.story_caption_area {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */

}

.story_caption_area2 {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  720;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */

}

/* ポイント*/
   .point_img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color: ;    /* 背景色指定 */
    height: 564px;              /* 高さ指定 */
top:  2720px;  
}

.point_caption_area {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left: 0;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  ;              /* 位置調整と組み合わせて上下中央に */

}

.point_caption_area2 {
    position:  absolute;        /* 要素の配置方法を指定 */
          top: 0 px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  900;                   /* 左からの位置指定 */
    right:  ;                  /* 右からの位置指定 */
    margin: ;              /* 位置調整と組み合わせて上下中央に */


}

.point_caption_area3 {
    position:  absolute;        /* 要素の配置方法を指定 */
          top: 100 px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  200;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */
transition-delay:100s;


}


.point_caption_area4 {
    position:  absolute;        /* 要素の配置方法を指定 */
          top: 100 px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  200;                   /* 左からの位置指定 */
    right:  0;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */
transition-delay:100s;


}

/* キャラ*/
   .img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color: ;    /* 背景色指定 */
    height: 220px;              /* 高さ指定 */
               /* 上からの位置 */
}


.chara_caption_area {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:  0px;                    /* 上からの位置指定 */
    bottom:  0;                 /* 下からの位置指定 */
    left:  0;                   /* 左からの位置指定 */
    right:  ;                  /* 右からの位置指定 */
    margin:  auto;              /* 位置調整と組み合わせて上下中央に */

}

/* イベント*/
   .event_img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color: ;    /* 背景色指定 */
    height: 800px;              /* 高さ指定 */
top:  7100px;  
}


.event_caption_area {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:120px  ;                    /* 上からの位置指定 */
    bottom:00px  ;                 /* 下からの位置指定 */
    left:  ;                   /* 左からの位置指定 */
    right:  ;                  /* 右からの位置指定 */
    margin: auto;              /* 位置調整と組み合わせて上下中央に */
}

/* スペック*/
   .spec_img_area {
    position:   absolute;        /* 子要素の起点を指定 */
    background-color: ;    /* 背景色指定 */
    height: ;              /* 高さ指定 */
top:  820;  
bottom: 10px ;                 
}


.spec_caption_area {
    position:  absolute;        /* 要素の配置方法を指定 */
          top:100  ;                    /* 上からの位置指定 */
    bottom:  ;                 /* 下からの位置指定 */
    left:  ;                   /* 左からの位置指定 */
    right:  ;                  /* 右からの位置指定 */
    margin: ;              /* 位置調整と組み合わせて上下中央に */

}

.cd-fixed-bg {
margin: -15px;
    min-height:cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center   ;
    
}
  
.cd-fixed-bg.cd-bg-1 {
	min-height:cover;
    background-size: cover;
    background-attachment: cover;
    background-repeat: no-repeat;
    background-position: center   ;
	background-image: url(cd-background-1.png);
}

.cd-fixed-bg.cd-bg-2 {
  background-image: url("cd-background-2.jpg");
}
.cd-fixed-bg.cd-bg-3 {
  background-image: url("cd-background-3.png");
}
.cd-fixed-bg.cd-bg-4 {
  cd-background-1.jpgbackground-image: url("cd-background-1.jpg");
}
.cd-fixed-bg.cd-bg-5 {
min-height:cover;
    background-size: 100%;;
    background-attachment: 100%;
    background-repeat:  no repeat;
    background-position: top;
  background-image: url("cd-background-5.png");
}


.cd-bg-5 {
  background-image: url("cd-background-5.png");
width:auto ; height: auto; min-height:;  background-attachment:; max-width:;



}
.cd-bg-1 {
  background-image: url("cd-background-1.png");
}

.cd-bg-2 {
  background-image: url("cd-background-2.png");
}

.cd-scrolling-bg.cd-bg-5 {
width:200px;
height: 100px;
      background-image: url("cd-background-5.png");
}

.resizeimage img1 { width: 100vw; height:; min-height:100vw;  background-attachment:100vw ;}
.resizeimage img { width: ; height: auto; min-height:;  background-attachment:; max-width: 100vw; }