html{font-family:"メイリオ","Meiryo",sans-serif;font-size:15px;margin:0;padding:0;width:100%}body{margin:0;width:100%}body .WrappedItems{padding:0 0 0 0;overflow:hidden;box-shadow:0 1px 20px rgba(0,0,0,.3);position:relative}img{width:100%}.relative{position:relative}.contA{position:absolute;top:0%;padding-top:45%}.contB{position:absolute}.contC{position:absolute}.contD{position:absolute}.contE{position:absolute;bottom: 0px}.main5{position:relative}.anim-box.poyopoyo{animation:poyopoyo 2s ease-out infinite;opacity:1}@keyframes poyopoyo{0%,40%,60%,80%{transform:scale(1)}50%,70%{transform:scale(0.95)}}@keyframes blink{0%{opacity:0}100%{opacity:1}}.blinking{animation:blink 1s ease-in-out infinite alternate}.header .blinking{text-align:center}.reflection{display:block;position:relative;overflow:hidden}.reflection:after{content:"";height:100%;width:30px;position:absolute;top:-180px;left:0;background-color:#fff;opacity:0;-webkit-transform:rotate(45deg);-webkit-animation:reflection 2s ease-in-out infinite}@keyframes reflection{0%{-webkit-transform:scale(0) rotate(45deg);opacity:0}80%{-webkit-transform:scale(0) rotate(45deg);opacity:.5}81%{-webkit-transform:scale(4) rotate(45deg);opacity:1}100%{-webkit-transform:scale(50) rotate(45deg);opacity:0}}.huwa{animation-name:huwa2;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:.5s}@keyframes huwa2{0%{transform:translate(0, 0px)}100%{transform:translate(0, -8px)}}.fadeIn{animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;opacity:0}@keyframes fadeInAnime{from{opacity:0}to{opacity:1}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px);animation-duration:50ms}to{opacity:1;transform:translateY(0);animation-duration:50ms}}.fadeDown{animation-name:fadeDownAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeDownAnime{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}.fadeLeft{animation-name:fadeLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeLeftAnime{from{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}.fadeRight{animation-name:fadeRightAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeRightAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.yureru-s{animation:yureru-s 2s infinite}@keyframes yureru-s{0%{transform:translate(2px, 0px)}5%{transform:translate(-2px, 0px)}10%{transform:translate(2px, 0px)}15%{transform:translate(-2px, 0px)}20%{transform:translate(2px, 0px)}25%{transform:translate(-2px, 0px)}30%{transform:translate(0px, 0px)}}.counter{font-size:12vw;color:#333;position:absolute;right:36vw;top:22%}@media(min-width: 768px){body{margin:0 auto;width:100%;max-width:768px}.counter{font-size:90px;color:#333;position:absolute;right:277px;top:22%}}/*# sourceMappingURL=style.css.map */

.nioku{
	position: absolute;
	 z-index: 99;
	opacity:0.9;
}
.bgv{
	position: fixed;
    top: 0;
    height: 100vh;
    z-index: -1;
	
    background-size: cover;
    transform: translate(0%, 0%);
    height: auto;
}

@media(min-width:768px){
body{
    margin: 0 auto;
    width: 100%;
    max-width: 768px;
}
.bgv{
    background-size: cover;
    transform: translate(0%, 0%);
    width: 768px;
    height: auto;
}
	

}

@media(min-width:545px){
body{
    margin: 0 auto;
    width: 100%;
    max-width: 768px;
}
.bgv{
    background-size: cover;
    transform: translate(0%, 0%);
    width: 768px;
    height: auto;
}

}  

@media (orientation: landscape) and (max-height: 450px) {
.bgv{
	position: fixed;
    top: 0;
    height: 100vh;
    z-index: -1;
	
    background-size: cover;
    transform: translate(0%, 0%);
    width: 768px;
    height: auto;
}
}