@charset "utf-8";
/* CSS Document */

body {
background: url("../img/back.gif") ; 
background-attachment: fixed;
font: "Hiragino Kaku Gothic Pro", "Meiryo", "MS PGothic", sans-serif;
}

#wapper {
width: 100%;
overflow: hidden;
}

#mainimg {
background: url("../img/mainimg.jpg") no-repeat top center / cover;
height: 600px;
margin: 0 auto 0 auto;
}

#acqlogo {
margin: 0 0 0 240px;
padding: 5px 0 0 0;
}

#badge {
width: 825px;
margin: 0 auto 0 auto;
padding: 423px 0 0 0;
}

#yane {
background: url("../img/yane.png") no-repeat top center / cover;
height: 221px;
margin: 0 auto 0 auto;
}

#movie {
background: url("../img/movie.png") no-repeat top center;
width: 100%;
height: 600px;
}

#movieitem {
width: 790px;
margin: 0 auto 0 auto;
padding: 100px 0 0 0;
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.2s;
animation-fill-mode:forwards;
opacity:0;
}

.fadeUp02{
animation-name:fadeUpAnime;
animation-duration:0.2s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}


/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}

.copy001 {
margin: 0 auto 0 auto;
width: 980px;
}

.copy002 {
margin: 0 auto 0 auto;
width: 980px;
}

.copy003 {
margin: 0 auto 0 auto;
width: 980px;
}

.box001 {
margin: 0 auto 0 auto;
width: 900px;
text-align: center;
}

.box002 {
margin: 0 auto 0 auto;
width: 940px;
text-align: center;
}

.box003 {
margin: 0 auto 0 auto;
width: 1010px;
text-align: center;
}

#footer {
background: url("../img/waterback.png") no-repeat top center / cover;
margin: 0 auto 0 auto;
text-align: center;
padding: 7% 0 3% 0;
}

#info {
text-align: left;
font-size: 170%;
width: 780px;
margin: 0 auto 3% auto;
line-height: 150%;
color          : #000066;   
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

#txtmenu {
font-size: 120%;
margin: 0 0 3% 0;
}

a {
color: #000066;
}
#note {
text-align: center;
margin: 0 auto 0 auto;
padding: 1em;
border: solid 1px #00904F;;
background: #D9FFD3;
max-width: 60%;
}