@charset "UTF-8";
#slide3 .popup_wrap ul, #slide4 ul { display: inline-table; min-height: 1%; zoom: 1; }

#slide3 .popup_wrap ul:after, #slide4 ul:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

#slide3 .popup_wrap ul, #slide4 ul { display: block; }

#curtain_top { background-image: url(/nenga/2015/inc/images/common/bg_header.png); background-repeat: repeat-x; background-position: 0 0; width: 100%; height: 50px; z-index: 9999; top: 0; left: 0; position: absolute; }

#curtain_left img, #curtain_right img { width: 100%; height: 100%; height: auto; z-index: 9998; }

#curtain_left { height: 100%; position: absolute; left: 0; top: 0; z-index: 999; }

#curtain_right { height: 100%; position: absolute; right: 0; top: 0; z-index: 999; }

.contents_wrap { bottom: 0; height: 490px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 1000px; }

.fancybox-overlay.fancybox-overlay-fixed { z-index: 9999; }

.fancybox-wrap { font-size: 90% !important; }
.fancybox-wrap section { padding: 0 20px; margin: 20px 0; }
.fancybox-wrap section h2 { font-size: 120%; margin-bottom: 10px; }
.fancybox-wrap section li { list-style: disc; list-style-position: inside; text-indent: -1em; margin-left: 1em; }

#infoMenu li a { color: #fff; }

.flip-boards { position: relative; }
.flip-boards .board { position: relative; cursor: pointer; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
.flip-boards .board div { position: absolute; width: 100%; height: 100%; text-align: center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }
.flip-boards .board.left .flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); display: none\9; }
.flip-boards .board.left:hover { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }

a.result_btn { position: absolute; right: 50px; bottom: 50px; z-index: 9999; display: block; }

#slide1, #slide3, #slide4 { overflow: hidden; }
#slide1 .ttl, #slide3 .ttl, #slide4 .ttl { height: 260px; }
#slide1 h1, #slide3 h1, #slide4 h1 { position: absolute; top: 0; width: 100%; height: 260px; text-align: center; margin: 0; -webkit-animation: Slidein 1s ease-in-out 2s backwards; -moz-animation: Slidein 1s ease-in-out 2s backwards; animation: Slidein 1s ease-in-out 2s backwards; }
#slide1 h1 img, #slide3 h1 img, #slide4 h1 img { -moz-animation: swing linear 8s infinite; -moz-transform-origin: center -20px 0; -webkit-animation: swing linear 8s infinite; -webkit-transform-origin: center -20px 0; }
#slide1 h1 span, #slide3 h1 span, #slide4 h1 span { position: absolute; left: 45%; top: -50px; }
#slide1 p, #slide3 p, #slide4 p { margin: 30px 0; -moz-animation: fadein 1s linear 3.5s backwards; -moz-transform-origin: center -20px 0; -webkit-animation: fadein 1s linear 3.5s backwards; -webkit-transform-origin: center -20px 0; }
#slide1 .billwrap, #slide3 .billwrap, #slide4 .billwrap { background-image: url(/nenga/2015/inc/images/01_main/bg_bill.png); background-position: left bottom; background-position: left 0px bottom 120px; background-repeat: repeat-x; width: 100%; height: 100%; }
#slide1 .star_wrap, #slide3 .star_wrap, #slide4 .star_wrap { background-image: url(/nenga/2015/inc/images/01_main/bg_star.gif); background-position: top center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; }
#slide1 .tree_wrap, #slide3 .tree_wrap, #slide4 .tree_wrap { background-image: url(/nenga/2015/inc/images/01_main/bg_tree.png); background-position: bottom center; background-position: bottom 40px center; background-repeat: no-repeat; width: 100%; height: 100%; }
#slide1 .tussock_wrap, #slide3 .tussock_wrap, #slide4 .tussock_wrap { width: 100%; height: 100%; background-repeat: no-repeat; }
#slide1 .tussock_wrap.left, #slide3 .tussock_wrap.left, #slide4 .tussock_wrap.left { background-image: url(/nenga/2015/inc/images/01_main/bg_tussock_left.png); background-position: left bottom; background-position: left bottom 120px; }
#slide1 .tussock_wrap.right, #slide3 .tussock_wrap.right, #slide4 .tussock_wrap.right { background-image: url(/nenga/2015/inc/images/01_main/bg_tussock_right.png); background-position: right bottom; background-position: right bottom 120px; margin-bottom: 120px; }
#slide1 .star01, #slide1 .star02, #slide1 .star03, #slide1 .star04, #slide3 .star01, #slide3 .star02, #slide3 .star03, #slide3 .star04, #slide4 .star01, #slide4 .star02, #slide4 .star03, #slide4 .star04 { width: 50px; position: absolute; top: 0; }
#slide1 .star01 span, #slide1 .star02 span, #slide1 .star03 span, #slide1 .star04 span, #slide3 .star01 span, #slide3 .star02 span, #slide3 .star03 span, #slide3 .star04 span, #slide4 .star01 span, #slide4 .star02 span, #slide4 .star03 span, #slide4 .star04 span { display: block; background-image: url(/nenga/2015/inc/images/common/img_rope.gif); background-repeat: repeat-y; background-position: center top; }
#slide1 .star01 img, #slide1 .star02 img, #slide1 .star03 img, #slide1 .star04 img, #slide3 .star01 img, #slide3 .star02 img, #slide3 .star03 img, #slide3 .star04 img, #slide4 .star01 img, #slide4 .star02 img, #slide4 .star03 img, #slide4 .star04 img { width: 100%; height: auto; }
#slide1 .star02, #slide1 .star04, #slide3 .star02, #slide3 .star04, #slide4 .star02, #slide4 .star04 { width: 40px; }
#slide1 .moon, #slide3 .moon, #slide4 .moon { -moz-animation: swing02 10s linear 0s infinite; -webkit-animation: swing02 10s linear 0s infinite; animation: swing02 10s linear 0s infinite; position: absolute; top: 0; right: 20%; }
#slide1 .moon span, #slide3 .moon span, #slide4 .moon span { height: 150px; display: block; background-image: url(/nenga/2015/inc/images/common/img_rope.gif); background-repeat: repeat-y; background-position: center top; }
@media screen and (max-width: 1024px) { #slide1 .moon, #slide3 .moon, #slide4 .moon { display: none; } }
#slide1 .star01, #slide1 .star02, #slide1 .star03, #slide1 .star04, #slide3 .star01, #slide3 .star02, #slide3 .star03, #slide3 .star04, #slide4 .star01, #slide4 .star02, #slide4 .star03, #slide4 .star04 { -moz-animation: swing 10s linear 0s infinite; -webkit-animation: swing 10s linear 0s infinite; animation: swing 10s linear 0s infinite; -moz-transform-origin: top; -webkit-transform-origin: top; transform-origin: top; }
#slide1 .star01 p.normal, #slide1 .star02 p.normal, #slide1 .star03 p.normal, #slide1 .star04 p.normal, #slide3 .star01 p.normal, #slide3 .star02 p.normal, #slide3 .star03 p.normal, #slide3 .star04 p.normal, #slide4 .star01 p.normal, #slide4 .star02 p.normal, #slide4 .star03 p.normal, #slide4 .star04 p.normal { margin: 0; padding: 0; position: relative; }
#slide1 .star01 p.normal span.active, #slide1 .star02 p.normal span.active, #slide1 .star03 p.normal span.active, #slide1 .star04 p.normal span.active, #slide3 .star01 p.normal span.active, #slide3 .star02 p.normal span.active, #slide3 .star03 p.normal span.active, #slide3 .star04 p.normal span.active, #slide4 .star01 p.normal span.active, #slide4 .star02 p.normal span.active, #slide4 .star03 p.normal span.active, #slide4 .star04 p.normal span.active { bottom: 0; left: 0; position: absolute; background: none; width: auto; height: auto; display: block; -moz-animation: starfadein 3.5s linear 0s infinite; -webkit-animation: starfadein 3.5s linear 0s infinite; animation: starfadein 3.5s linear 0s infinite; }
#slide1 .star01, #slide3 .star01, #slide4 .star01 { left: 10%; }
#slide1 .star01 span, #slide3 .star01 span, #slide4 .star01 span { height: 350px; }
#slide1 .star01 img, #slide3 .star01 img, #slide4 .star01 img { -moz-animation: rotation 8s linear 0s infinite; -webkit-animation: rotation 8s linear 0s infinite; animation: rotation 8s linear 0s infinite; }
#slide1 .star02, #slide3 .star02, #slide4 .star02 { -moz-animation: swing 8s linear 0s infinite; -webkit-animation: swing 8s linear 0s infinite; animation: swing 8s linear 0s infinite; left: 15%; width: 55px; }
#slide1 .star02 img, #slide3 .star02 img, #slide4 .star02 img { -moz-animation: rotation 8s linear 0s infinite; -webkit-animation: rotation 8s linear 0s infinite; }
#slide1 .star02 span, #slide3 .star02 span, #slide4 .star02 span { height: 250px; }
#slide1 .star03, #slide3 .star03, #slide4 .star03 { -moz-animation: swing 6s linear 0s infinite; -webkit-animation: swing 6s linear 0s infinite; animation: swing 6s linear 0s infinite; right: 15%; width: 50px; }
#slide1 .star03 span, #slide3 .star03 span, #slide4 .star03 span { height: 250px; }
#slide1 .star03 img, #slide3 .star03 img, #slide4 .star03 img { -moz-animation: rotation 12s linear 0s infinite; -webkit-animation: rotation 12s linear 0s infinite; }
#slide1 .star04, #slide3 .star04, #slide4 .star04 { -moz-animation: swing 7.5s linear 0s infinite; -webkit-animation: swing 7.5s linear 0s infinite; animation: swing 7.5s linear 0s infinite; right: 10%; }
#slide1 .star04 span, #slide3 .star04 span, #slide4 .star04 span { height: 300px; }
#slide1 .star04 img, #slide3 .star04 img, #slide4 .star04 img { -moz-animation: rotation 15s linear 0s infinite; -webkit-animation: rotation 15s linear 0s infinite; animation: rotation 15s linear 0s infinite; }
#slide1 .sheep, #slide3 .sheep, #slide4 .sheep { -moz-animation: sheepSlidein 1.5s linear 3s backwards; -webkit-animation: sheepSlidein 1.5s linear 3s backwards; animation: sheepSlidein 1.5s linear 3s backwards; position: absolute; left: 50%; bottom: 50px; margin-left: -130px; }
#slide1 .flip-boards .board, #slide3 .flip-boards .board, #slide4 .flip-boards .board { width: 260px; height: 263px; }

#slide1 h1 { display: none; display: block\9; }
#slide1 .rigidbody { position: absolute; left: 0; top: 0; background: #640000; display: none\9; }
#slide1 #physics { position: relative; width: 1000px; height: 240px; margin: auto; overflow: hidden; text-align: center; top: 30px; }
#slide1 #physics #logo { position: absolute; background-color: transparent; z-index: 10; }
#slide1 #physics #subttl { position: absolute; background-color: transparent; z-index: 10; }
@media screen and (max-height: 900px) { #slide1 #physics { top: 0; }
  #slide1 p { margin: 10px 0; } }
#slide1 .rope { background-color: transparent; background-image: url(/nenga/2015/inc/images/common/img_rope.png); background-repeat: repeat-y; }
#slide1 canvas { display: none; }
#slide1 .contents_wrap { height: 200px; }
#slide1 .contents_wrap p { color: #fff; line-height: 2; letter-spacing: 3px; font-size: 130%; }
#slide1 .contents_wrap p span { font-size: 80%; }

.ie8 #slide1 h1, .ie7 #slide1 h1, .ie6 #slide1 h1 { display: block; }
.ie8 .star_wrap, .ie7 .star_wrap, .ie6 .star_wrap { background-image: url(/nenga/2015/inc/images/01_main/bg_star_ie8.gif) !important; }
.ie8 #slide1 #physics, .ie7 #slide1 #physics, .ie6 #slide1 #physics { display: none; }
.ie8 .billwrap, .ie7 .billwrap, .ie6 .billwrap { background: none !important; }

#slide2 { background-image: url(/nenga/2015/inc/images/02_story/bg_roll.jpg); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: 0 0; overflow: hidden; }
#slide2 h2, #slide2 .bg_dark { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
#slide2 .section { text-align: center; background: url(/nenga/2015/inc/images/02_story/bg_floor.jpg) left bottom repeat-x; }
#slide2 .household_wrap { background-position: center top; background-repeat: no-repeat; width: 100%; height: 100%; position: relative; }
#slide2 .household_wrap .merry { width: 50%; height: 250px; left: 0; position: absolute; top: 0; overflow: hidden; z-index: 0; -moz-animation: swing linear 10s infinite; -webkit-animation: swing linear 10s infinite; -moz-transform-origin: bottom -10px 0; transform-origin: bottom -10px 0; }
#slide2 .household_wrap .window { width: 45%; height: 200px; top: 15%; right: 0; position: absolute; overflow: hidden; z-index: 0; }
#slide2 .household_wrap .kids { width: 50%; bottom: 0; left: 0; position: absolute; bottom: 80px; z-index: 0; }
#slide2 .household_wrap .kids .doll { z-index: 3; position: relative; left: 10%; }
#slide2 .household_wrap .kids .kidsarea { z-index: 2; position: relative; }
#slide2 .household_wrap .kids .kidsarea img { position: absolute; }
#slide2 .household_wrap .kids .kidsarea .bet { bottom: -80px; left: 10%; }
#slide2 .household_wrap .kids .kidsarea .popup01 { top: -160px; left: 30%; }
#slide2 .household_wrap .kids .kidsarea .popup02 { top: -30px; left: 10%; }
#slide2 .household_wrap .futniture { width: 50%; bottom: 0; right: 0; position: absolute; bottom: 100px; z-index: 0; }
#slide2 .household_wrap .futniture .horse { -moz-animation: swing linear 8s infinite; -webkit-animation: swing linear 8s infinite; -moz-transform-origin: bottom; transform-origin: bottom; left: 230px; position: absolute; bottom: 0; }
#slide2 .household_wrap .futniture .shelf { position: absolute; bottom: 10px; right: 70px; }

#slide2.active h2 { z-index: 9999; width: 520px; height: 370px; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; -moz-animation: fadein 3s linear 2s backwards; -webkit-animation: fadein 3s linear 2s backwards; animation: fadein 3s linear 2s backwards; }
#slide2.active .bg_dark { width: 100%; height: 100%; background: url(/nenga/2015/inc/images/common/mask.png) center center no-repeat; z-index: 1; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; -moz-animation: fadein 3s linear 1s backwards; -webkit-animation: fadein 3s linear 1s backwards; animation: fadein 3s linear 1s backwards; }
#slide2.active .popup01 { -webkit-animation: pop_anime 0.5s ease-in-out 3.5s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.5s backwards; animation: pop_anime 0.5s ease-in-out 3.5s backwards; }
#slide2.active .popup02 { -webkit-animation: pop_anime 0.5s ease-in-out 3.7s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.7s backwards; animation: pop_anime 0.5s ease-in-out 3.7s backwards; }

.ie8 #slide2.active .bg_dark { background: none; }

#slide3 { overflow: hidden; }
#slide3 .ttl { height: 300px; }
#slide3 .moon { right: 20%; }
#slide3 .star01 span { height: 100px; }
#slide3 .star02 span { height: 150px; }
#slide3 .star03 span { height: 120px; }
#slide3 .star04 span { height: 200px; }
#slide3 .tree_wrap { background-repeat: no-repeat; width: 100%; height: 100%; }
#slide3 .tree_wrap.left { background-image: url(/nenga/2015/inc/images/03_campain/bg_tree_left.png); background-position: left 100px; }
#slide3 .tree_wrap.right { background-image: url(/nenga/2015/inc/images/03_campain/bg_tree_right.png); background-position: right 100px; }
#slide3 .popup_wrap { background-position: center center; background-repeat: no-repeat; width: 100%; height: 200px; margin: 0 auto 0 auto; position: absolute; bottom: 230px; }
#slide3 .popup_wrap ul { width: 700px; margin: 0 auto; }
#slide3 .popup_wrap ul li { float: left; top: 0; }
#slide3 .popup_wrap ul li span { position: relative; display: block; bottom: 0; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
#slide3 .popup_wrap ul li:hover span { -moz-animation: popupx2 ease-out 0.2s; -webkit-animation: popupx2 ease-out 0.2s; animation: popupx2 ease-out 0.2s; bottom: -5px; }
@media screen and (max-height: 750px) { #slide3 .popup_wrap { bottom: 160px; } }
#slide3 .sheep { display: none; bottom: 50px; right: 0; position: absolute; width: 300px; margin: 0; left: auto; -moz-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
#slide3 .flip-boards .board { width: 250px; height: 252px; }
#slide3 .foot_txt { width: 100%; position: absolute; bottom: 60px; color: #fff; margin: 20px 0; letter-spacing: 2px; font-size: 80%; }

#slide3.active h2 { -moz-animation: fadein 1s linear 2s backwards; -moz-transform-origin: center -20px 0; -webkit-animation: fadein 1s linear 2s backwards; transform-origin: center -20px 0; }
#slide3.active .sheep { -moz-animation: sheepSlidein 1s linear 3s backwards; -webkit-animation: sheepSlidein 1s linear 3s backwards; animation: sheepSlidein 1s linear 3s backwards; }
#slide3.active .popup_wrap img { position: relative; bottom: 0; -webkit-animation: pop_anime 0.5s ease-in-out 3.5s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.5s backwards; animation: pop_anime 0.5s ease-in-out 3.5s backwards; }
#slide3.active .popup_wrap img.second { -webkit-animation: pop_anime 0.5s ease-in-out 3.7s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.7s backwards; animation: pop_anime 0.5s ease-in-out 3.7s backwards; }
#slide3.active .popup_wrap img.third { -webkit-animation: pop_anime 0.5s ease-in-out 3.9s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.9s backwards; animation: pop_anime 0.5s ease-in-out 3.9s backwards; }

.ie8 #slide3 .popup_wrap, .ie7 #slide3 .popup_wrap, .ie6 #slide3 .popup_wrap { bottom: 115px; }

#slide4 .section { z-index: 1; }
#slide4 .contents_wrap { height: 470px; }
#slide4 .contents_wrap h2 img { margin: 0; }
#slide4 .tussock_wrap.left { z-index: 1; position: relative; }
#slide4 .btnArea ul li img { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; opacity: .5; -moz-opacity: 0.5; filter: alpha(opacity=50); }
#slide4 .sheep { position: relative; display: none; }
#slide4 .sheep a.fancy { top: -110px; right: 10px; position: absolute; z-index: 2; }
#slide4 .ttl { height: auto; -moz-animation: swing-vertical linear 3s infinite; -webkit-animation: swing-vertical linear 3s infinite; animation: swing-vertical linear 3s infinite; }
#slide4 .sun { background-image: url(/nenga/2015/inc/images/04_entry/img_sun.png); background-position: 0 0; background-repeat: repeat-x; height: 300px; width: 100%; bottom: 120px; position: absolute; left: 0; z-index: 0; }
#slide4 ul { width: 450px; margin: 0 auto; }
#slide4 ul li { float: left; }
#slide4 .sheep { width: 207px; height: 268px; position: absolute; left: inherit; right: 10%; }
#slide4 .flip-boards .board { width: 207px; height: 268px; }
#slide4 #attention { display: none; }
#slide4 .sun { bottom: -240px; left: 0px; }
#slide4 .foot_txt { width: 100%; position: absolute; bottom: 60px; color: #fff; margin: 20px 0; letter-spacing: 2px; font-size: 80%; z-index: 9999; }
#slide4 .foot_txt a { color: #fff; text-decoration: underline; }
#slide4 .foot_txt a:hover { text-decoration: none; }

#slide4.active { overflow: hidden; background-image: url(/nenga/2015/inc/images/04_entry/bg_morning.jpg); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-position: 0 0; background-repeat: no-repeat; -moz-animation: fadein 2s linear 1s backwards; -webkit-animation: fadein 2s linear 1s backwards; animation: fadein 2s linear 1s backwards; }
#slide4.active .sheep a.fancy { -webkit-animation: pop_anime 0.5s ease-in-out 3.5s backwards; -moz-animation: pop_anime 0.5s ease-in-out 3.5s backwards; animation: pop_anime 0.5s ease-in-out 3.5s backwards; }
#slide4.active .sheep a.fancy img { -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
#slide4.active .sheep a.fancy img:hover { -moz-animation: kakudai linear 0.2s; -webkit-animation: kakudai linear 0.2s; animation: kakudai linear 0.2s; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
#slide4.active .sheep .flip-boards { -moz-animation: swing linear 4s infinite; -moz-transform-origin: bottom -20px 0; -webkit-animation: swing linear 4s infinite; animation: swing linear 4s infinite; transform-origin: bottom -20px 0; }
#slide4.active .sun { -moz-animation: sunUp 3s linear 1s backwards; -webkit-animation: sunUp 3s linear 1s backwards; animation: sunUp 3s linear 1s backwards; bottom: 120px; left: 0; }

@-webkit-keyframes Slidein { 0% { top: -200px; }
  80% { top: 0; }
  90% { top: -10px; }
  100% { top: 0; } }
@-moz-keyframes Slidein { 0% { top: -200px; }
  100% { top: 0; } }
@keyframes Slidein { 0% { top: -200px; }
  100% { top: 0; } }
@-moz-keyframes swing { 0% { -moz-transform: rotate(0deg); }
  25% { -moz-transform: rotate(3deg); }
  50% { -moz-transform: rotate(0deg); }
  75% { -moz-transform: rotate(-3deg); }
  100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes swing { 0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(3deg); }
  50% { -webkit-transform: rotate(0deg); }
  75% { -webkit-transform: rotate(-3deg); }
  100% { -webkit-transform: rotate(0deg); } }
@keyframes swing { 0% { transform: rotate(0deg); }
  25% { transform: rotate(3deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-3deg); }
  100% { transform: rotate(0deg); } }
@-moz-keyframes swing02 { 0% { -moz-transform: rotate(0deg); }
  25% { -moz-transform: rotate(-2deg); }
  50% { -moz-transform: rotate(0deg); }
  75% { -moz-transform: rotate(2deg); }
  100% { -moz-transform: rotate(0deg); } }
@-webkit-keyframes swing02 { 0% { -webkit-transform: rotate(0deg); }
  25% { -webkit-transform: rotate(-2deg); }
  50% { -webkit-transform: rotate(0deg); }
  75% { -webkit-transform: rotate(2deg); }
  100% { -webkit-transform: rotate(0deg); } }
@keyframes swing02 { 0% { transform: rotate(0deg); }
  25% { transform: rotate(-2deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(2deg); }
  100% { transform: rotate(0deg); } }
@-moz-keyframes swing-vertical { 0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); } }
@-webkit-keyframes swing-vertical { 0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); } }
@keyframes swing-vertical { 0% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0px); } }
@keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  100% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; } }
@-moz-keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  100% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; } }
@-webkit-keyframes fadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  100% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; } }
@keyframes fade { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@-moz-keyframes fade { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@-webkit-keyframes fade { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@keyframes starfadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@-moz-keyframes starfadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@-webkit-keyframes starfadein { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; }
  50% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; }
  100% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; } }
@keyframes sheepSlidein { 0% { bottom: -400px; }
  100% { bottom: 50px; } }
@-moz-keyframes sheepSlidein { 0% { bottom: -400px; }
  100% { bottom: 50px; } }
@-webkit-keyframes sheepSlidein { 0% { bottom: -400px; }
  100% { bottom: 50px; } }
@keyframes rightSlidein { 0% { right: -400px; bottom: 20px; }
  100% { right: 100px; bottom: 20px; } }
@-moz-keyframes rightSlidein { 0% { right: -400px; bottom: 20px; }
  100% { right: 100px; bottom: 20px; } }
@-webkit-keyframes rightSlidein { 0% { right: -400px; bottom: 20px; }
  50% { right: -50px; bottom: 20px; }
  80% { right: -50px; bottom: 20px; }
  100% { right: 100px; bottom: 20px; } }
@keyframes rotation { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
  100% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } }
@-moz-keyframes rotation { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
  100% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } }
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); }
  100% { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } }
@keyframes para { 0% { background-position: 0px 0; }
  100% { background-position: 0 1516px; } }
@-moz-keyframes para { 0% { background-position: 0px 0; }
  100% { background-position: 0 1516px; } }
@-webkit-keyframes para { 0% { background-position: 0px; }
  100% { background-position: 0 1516px; } }
@keyframes sunUp { 0% { bottom: -240px; left: 0px; }
  100% { bottom: 120px; left: 0; } }
@-moz-keyframes sunUp { 0% { bottom: -240px; left: 0px; }
  100% { bottom: 120px; left: 0; } }
@-webkit-keyframes sunUp { 0% { bottom: -240px; left: 0px; }
  100% { bottom: 120px; left: 0; } }
@keyframes bottomTop01 { 0% { bottom: -300px; left: 0px; }
  100% { bottom: 0; left: 100px; } }
@-moz-keyframes bottomTop01 { 0% { bottom: -300px; left: 0px; }
  100% { bottom: 0; left: 100px; } }
@-webkit-keyframes bottomTop01 { 0% { bottom: -300px; left: 0px; }
  100% { bottom: 0; left: 100px; } }
@keyframes bottomTop02 { 0% { bottom: -300px; right: 0px; }
  100% { bottom: 0; right: 100px; } }
@-moz-keyframes bottomTop02 { 0% { bottom: -300px; right: 0px; }
  100% { bottom: 0; right: 100px; } }
@-webkit-keyframes bottomTop02 { 0% { bottom: -300px; right: 0px; }
  100% { bottom: 0; right: 100px; } }
@-webkit-keyframes pop_anime { 0% { -webkit-transform: scale(1, 0.2); opacity: 0; }
  50% { -webkit-transform: scale(1, 1.1); opacity: 0.8; }
  80% { -webkit-transform: scale(1, 0.9); opacity: 1; }
  100% { -webkit-transform: scale(1, 1); opacity: 1; } }
@-moz-keyframes pop_anime { 0% { -moz-transform: scale(1, 0.2); opacity: 0; }
  50% { -moz-transform: scale(1, 1.2); opacity: 1; }
  80% { -moz-transform: scale(1, 0.9); opacity: 1; }
  100% { -moz-transform: scale(1, 1); opacity: 1; } }
@keyframes kakudai { 0% { transform: scale(0.9); }
  100% { transform: scale(1); } }
@-moz-keyframes kakudai { 0% { -moz-transform: scale(0.9); }
  100% { -moz-transform: scale(1); } }
@-webkit-keyframes kakudai { 0% { -webkit-transform: scale(0.9); }
  100% { -webkit-transform: scale(1); } }
@keyframes kakudaiRotate { 0% { transform: scale(0.9); transform: rotate(0deg); }
  100% { transform: scale(1); transform: rotate(360deg); } }
@-moz-keyframes kakudaiRotate { 0% { -moz-transform: scale(0.9); -moz-transform: rotate(0deg); }
  100% { -moz-transform: scale(1); -moz-transform: rotate(360deg); } }
@-webkit-keyframes kakudaiRotate { 0% { -webkit-transform: scale(0.9); -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: scale(1); -webkit-transform: rotate(360deg); } }
@keyframes popupx2 { 0% { bottom: 0; }
  100% { bottom: -5px; } }
@-moz-keyframes popupx2 { 0% { bottom: 0; }
  100% { bottom: -5px; } }
@-webkit-keyframes popupx2 { 0% { bottom: 0; }
  100% { bottom: -5px; } }
@keyframes fadeinSlide { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; bottom: -30px; }
  100% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; bottom: 0; } }
@-moz-keyframes fadeinSlide { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; bottom: -30px; }
  100% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; bottom: 0; } }
@-webkit-keyframes fadeinSlide { 0% { opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; bottom: -210px; }
  100% { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=80)"; -moz-opacity: 0.8; -khtml-opacity: 0.8; bottom: 0; } }
body { font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; background-image: url(/nenga/2015/inc/images/01_main/bg_night.jpg); -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; background-position: 0 0; }

a { color: #333; }
a:hover { text-decoration: none; }

#logoArea { position: absolute; z-index: 10000; top: 10px; left: 10px; }
#logoArea .flip-boards .board { width: 130px; height: 130px; }

#load { width: 100%; height: 100%; position: fixed; background: url(/nenga/2015/inc/images/common/bg_loading.jpg) bottom left repeat-x; z-index: 10001; top: 0; left: 0; }
#load div { width: 200px; margin: 0 auto; height: 200px; top: 50%; position: relative; margin-top: -100px; text-align: center; color: #fff; letter-spacing: 2px; font-size: 150%; }
#load div img { width: 100%; height: auto; -moz-animation: swing linear 4s infinite; -moz-transform-origin: center -20px 0; -webkit-animation: swing linear 4s infinite; -webkit-transform-origin: center -20px 0; }

#common { width: 100%; height: 100%; background-image: url(/nenga/2015/inc/images/common/bg_header.png); background-repeat: repeat-x; background-position: 0 0; overflow: hidden; position: absolute; z-index: 9999; }

#cursor_box { position: fixed; position: absolute; width: 100%; height: 100%; overflow: hidden; }

#cursor { position: fixed; left: auto; right: auto; }

.section { text-align: center; background: url(/nenga/2015/inc/images/common/bg_sougen.jpg) left bottom repeat-x; }

.slide { position: relative; }

footer { background: url(/nenga/2015/inc/images/common/bg_footer.jpg) repeat-x top left; height: 40px; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9999; padding: 20px 0 0 0; }
footer ul#sns_menu { position: absolute; left: 0; top: 25px; }
footer ul#menu { margin: 0 auto; width: 400px; text-align: center; font-size: 25px; }
footer li { font-family: 'Concert One', cursive; float: left; margin: 0 10px; }
footer li a { color: #fff; text-decoration: none; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); transform: scale(0.9); }
footer li a:hover { -moz-animation: kakudai ease-out 0.2s; -webkit-animation: kakudai ease-out 0.2s; animation: kakudai ease-out 0.2s; -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
footer img { width: 100%; height: auto; }
footer small { color: #fff; font-size: 60%; position: absolute; right: 30px; top: 30px; letter-spacing: 2px; }

/*# sourceMappingURL=top.css.map */