html {background-repeat:no-repeat;background-position:center center;background-attachment:fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
html {box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {background:url(images_m/m_bg_story_01.jpg);background-position:top center;background-attachment:fixed;background-repeat:no-repeat;margin:0;max-width:100%;overflow-x:hidden;}

.menu_top {position:fixed; top:0;}
.menu_bottom {position:fixed; bottom:0;}
.footer {width:100%;background-color:#000000;font-family:tahoma;color:#ffffff;font-size:1.5em;line-height:1.2em;text-align:justify;}

.section-01 {width:100%;height:900px;}
.section-02 {width:100%;background-image:url(images_m/m_bg_story_02.jpg);background-position:top 0px center;}
.section-03 {width:100%;background-image:url(images_m/m_bg_story_03.jpg);background-position:top 0px center;}
.section-04 {width:100%;background-image:url(images_m/m_bg_story_04.jpg);background-position:top 0px center;}
.divider1 {width:100%;height:50px;background-color:#000000}
.focal {position:absolute;top:160px;right:0;}
.page_menu {position:relative;top:190px;left:5%;width:480px;height:635px;background-image:url(images_m/m_page_menu.png);background-position:top 0px center;}
.banner {position:relative;top:-78px;margin-left:auto;margin-right:auto;}

.section_text_black {width:800px;color:#000000;font-size:2em;font-weight:normal;text-align:justify;}
.section_text_white {width:800px;color:#ffffff;font-size:2em;font-weight:normal;text-align:justify;}
.title_black {text-align:center;font-family:'Noto Serif',serif;color:#000000;font-size:4.2em;font-weight:normal;}
.title_white {text-align:center;font-family:'Noto Serif',serif;color:#ffffff;font-size:4.2em;font-weight:normal;}
.title_black_2 {text-align:center;font-family:'Noto Serif',serif;color:#000000;font-size:3em;font-weight:normal;}
.title_white_2 {text-align:center;font-family:'Noto Serif',serif;color:#ffffff;font-size:3em;font-weight:normal;}
.focal_menu_text {width:350px;text-align:center;color:#000000;font-size:1.7em;font-weight:normal;}
.character {width:850px;}

.trivia {position:relative;top:20px;left:95%;margin-left:auto;margin-right:auto;}

.spacer-1 {width:100%;height:1px;}
.spacer-2 {width:100%;height:2px;}
.spacer-3 {width:100%;height:3px;}
.spacer-4 {width:100%;height:4px;}
.spacer-5 {width:100%;height:5px;}
.spacer-10 {width:100%;height:10px;}
.spacer-20 {width:100%;height:20px;}
.spacer-25 {width:100%;height:25px;}
.spacer-30 {width:100%;height:30px;}
.spacer-37 {width:100%;height:37px;}
.spacer-40 {width:100%;height:40px;}
.spacer-50 {width:100%;height:50px;}
.spacer-75 {width:100%;height:75px;}
.spacer-100 {width:100%;height:100px;}
.spacer-150 {width:100%;height:150px;}
.spacer-150-footer {width:100%;height:150px;}
.spacer-200 {width:100%;height:200px;}
.spacer-350 {width:100%;height:350px;}
.spacer-500 {width:100%;height:500px;}


.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1.2s;
}
.slideanim::after {
    /* useful when its child elements are float:left; */
    content: "";
    display: table;
    clear: both;
}
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}


.bounce {position:relative;left:1%;margin-left:auto;margin-right:auto;top:0px;-webkit-animation:bounce 1s infinite;}
@-webkit-keyframes bounce {
  0%       { top:0px; }
  50%      { top:25px; }
}



/* Bouncing Island */
.dropdown {position: relative;display: inline-block;}
.dropdown-content {display: none;position: relative;left:-125px;top:-150px;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown:hover .dropdown-content {display: block;}
.desc {padding: 15px;text-align: center;}

overflow-y:hidden;