body { width:975px; height:975px; margin:0; padding:0; } img { width:975px; height:975px; position: absolute; z-index:-1; } a { color:inherit; text-decoration: none; } .page-background-image { position:absolute; width:975px; height:975px; z-index:-1; } .coverimage { position:absolute; width:975px; height:975px; text-align:center; } #karben a:nth-of-type(1) {top: 440px; left: 605px; position: absolute; color:transparent; height: 25px; width: 145px;} #ad02 a:nth-of-type(1) {top: 595px; left: 229px; position: absolute; color:transparent; height: 20px; width: 173px;} #ad02 a:nth-of-type(2) {top: 595px; left: 455px; position: absolute; color:transparent; height: 20px; width: 290px;} #ad02 a:nth-of-type(3) {top: 695px; font-size:9px; left: 283px; position: absolute; color:transparent; height: 20px; width: 103px;} #ad02 a:nth-of-type(4) {top: 695px; left: 426px; position: absolute; color:transparent; height: 20px; width: 270px;} #ad03 a:nth-of-type(1) {top: 649px; left: 323px; position: absolute; color:transparent; height: 20px; width: 333px;} #ad03 a:nth-of-type(2) {top: 735px; left: 378px; position: absolute; color:transparent; height: 20px; width: 225px;} #ad03 a:nth-of-type(3) {top: 798px; font-size:8px; left: 416px; position: absolute; color:transparent; height: 20px; width: 119px;} #ad03 a:nth-of-type(4) {top: 815px; font-size:13px; left: 380px; position: absolute; color:transparent; height: 20px; width: 222px;} /* @font-face{font-family: "HandySans"; src: url(../fonts/HandySans.otf);} @font-face{font-family: "MikadoaBlack"; src: url(../fonts/MikadoaBlack.otf);} @font-face{font-family: "MikadoaBold"; src: url(../fonts/MikadoaBold.otf);} @font-face{font-family: "MikadoaMedium"; src: url(../fonts/MikadoaMedium.otf);} */ @font-face{font-family: "HandySans"; src: url(../fonts/HandySans.woff);} @font-face{font-family: "MikadoaBlack"; src: url(../fonts/MikadoaBlack.woff);} @font-face{font-family: "MikadoaBold"; src: url(../fonts/MikadoaBold.woff);} @font-face{font-family: "MikadoaMedium"; src: url(../fonts/MikadoaMedium.woff);} .-epub-media-overlay-active { color: #fd0528 !important; } .-epub-media-overlay-active *{ color: #fd0528 !important; } .font1class { font-family: "HandySans"; } .font2class { font-family: "MikadoaBlack"; } .font3class { font-family: "MikadoaBold"; } .font4class { font-family: "MikadoaMedium"; } .spfont { font-family: "MikadoaBlack"; font-size:52px; } .page01 .text1 { top:104px; left:301px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; } .page06 .text1 { top:67px; left:255px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-1px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:-0.8px; width: 600px; height: 45px; } .page06 .text2 { top:113px; left:251px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent:3px; letter-spacing:0.03px; width: 600px; height: 45px; } .page06 .text3 { top:532px; left:351px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:-1.6px; width: 600px; height: 45px; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); color: #DDE89A; text-shadow: 3px 3px 10px #000; } .page06 .text4 { top:818px; left:241px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 8px; letter-spacing:-0.1px; width: 600px; height: 45px; } .page07 .text1 { top:55px; left:217px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:-0.3px; width: 600px; height: 45px; } .page07 .text2 { top:102px; left:217px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0.03px; width: 600px; height: 45px; } .page07 .text3 { top:411px; left:404px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(9deg); -ms-transform: rotate(9deg); -moz-transform: rotate(9deg); transform: rotate(9deg); color: #DCDDDE; text-shadow: 4px 4px 4px #2F5441; } .page07 .text4 { top:775px; left:214px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 8px; letter-spacing:-0.1px; width: 600px; height: 45px; } .page08 .text1 { top:67px; left:224px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent:3px; letter-spacing:0px; width: 600px; height: 45px; } .page09 .text1 { top:65px; left:104px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent:3px; letter-spacing:0px; width: 600px; height: 45px; } .page09 .text2 { top:110px; left:140px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-1px; line-height: 46px; text-align: left; text-indent:7px; letter-spacing:0.05px; width: 600px; height: 45px; } .page09 .text3 { top:248px; left:145px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-1px; line-height: 46px; text-align: left; text-indent:0px; letter-spacing:0px; width: 600px; height: 45px; } .page09 .text4 { top:461px; left:85px; font-family: "HandySans"; font-size:70px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:-1.5px; width: 600px; height: 45px; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); transform: rotate(-15deg); color: #E44D38; } .page09 .text5 { top:612px; left:452px; font-family: "HandySans"; font-size:42px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(3.2deg); -ms-transform: rotate(3.2deg); -moz-transform: rotate(3.2deg); transform: rotate(3.2deg); color: #636466; } .page09 .text6 { top:350px; left:523px; font-family: "HandySans"; font-size:58px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(-16deg); -ms-transform: rotate(-16deg); -moz-transform: rotate(-16deg); transform: rotate(-16deg); color: #AE6D27; } .page09 .text7 { top:136px; left:770px; font-family: "HandySans"; font-size:70px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; color: #3F4142; } .page10 .text1 { top:30px; left:295px; font-family: "HandySans"; font-size:63px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -moz-transform: rotate(-5deg); transform: rotate(-5deg); color: #90603B; } .page10 .text2 { top:108px; left:441px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-1px; line-height: 46px; text-align: left; text-indent:0px; letter-spacing:0.1px; width: 600px; height: 45px; } .page10 .text3 { top:234px; left:495px; font-family: "HandySans"; font-size:79px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -moz-transform: rotate(-10deg); transform: rotate(-10deg); color: #E85B68; } .page10 .text4 { top:369px; left:748px; font-family: "HandySans"; font-size:65px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; letter-spacing:0px; width: 600px; height: 45px; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); color: #86655B; } .page01 .text1 { top:58px; left:304px; font-family: "HandySans"; font-size:37.3px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; } .page01 .text2 { top:104px; left:301px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; } .page01 .text3 { top:588px; left:416px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color: #FFF799; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -moz-transform: rotate(-15deg); transform: rotate(-15deg); text-shadow: 5px 5px 5px #2F5441; } .page01 .text4 { top:825px; left:213px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-0.4px; line-height: 46px; text-align: left; text-indent: 9px; width: 600px; height: 45px; color: #FFFFFF; text-shadow: 3px 3px 3px #46170C; } .page02 .text1 { top:58px; left:224px; font-family: "HandySans"; font-size:37.3px; position:absolute; letter-spacing:-0.5px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; } .page02 .text2 { top:105px; left:228px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 2px; width: 600px; height: 45px; } .page02 .text3 { top:455px; left:410px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color: #F9CBDF; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); text-shadow: 4px 4px 4px #2F5441; } .page02 .text4 { top:812px; left:220px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-0.5px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; } .page03 .text1 { top:29px; left:239px; font-family: "HandySans"; font-size:37.3px; position:absolute; letter-spacing:0.5px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; } .page03 .text2 { top:76px; left:236px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; } .page03 .text3 { top:534px; left:442px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color: #FEE6D1; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); -moz-transform: rotate(-20deg); transform: rotate(-20deg); text-shadow: 1px 3px 3px #14472B; } .page03 .text4 { top:844px; left:227px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-0.4px; line-height: 46px; text-align: left; text-indent: 4px; width: 600px; height: 45px; color: #FFFFFF; text-shadow: 3px 3px 3px #46170C; } .page04 .text1 { top:71px; left:240px; font-family: "HandySans"; font-size:37.3px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; } .page04 .text2 { top:117px; left:240px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 2px; width: 600px; height: 45px; } .page04 .text3 { top:385px; left:380px; font-family: "HandySans"; font-size:100px; position:absolute; letter-spacing:-0.8px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color: #B9E5FA; -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); -moz-transform: rotate(10deg); transform: rotate(10deg); text-shadow: 3px 3px 5px #072415; } .page04 .text4 { top:794px; left:229px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-0.4px; line-height: 46px; text-align: left; text-indent: 9px; width: 600px; height: 45px; } .page05 .text1 { top:116px; left:358px; font-family: "HandySans"; font-size:37.3px; position:absolute; letter-spacing:0.3px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; color:#FFFFFF; text-shadow: 4px 4px 5px #072415; } .page05 .text2 { top:162px; left:360px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:0.2px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color:#FFFFFF; text-shadow: 4px 4px 5px #072415; } .page05 .text3 { top:517px; left:441px; font-family: "HandySans"; font-size:100px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 3px; width: 600px; height: 45px; color: #E7E7E8; -webkit-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -moz-transform: rotate(-8deg); transform: rotate(-8deg); text-shadow: 4px 4px 5px #215B3C; } .page05 .text4 { top:783px; left:150px; font-family: "HandySans"; font-size:37.8px; position:absolute; word-spacing:-0.4px; line-height: 46px; text-align: left; text-indent: 9px; width: 600px; height: 45px; color:#FFFFFF; text-shadow: 4px 4px 5px #40160C; } .Title .text1 { top:715px; left:284px; font-family: "MikadoaBold"; font-size:24px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; color: #FFFFFF; text-shadow: 3px 3px 5px #2F5441; } .small { font-size:20px; } .Title .text2 { top:755px; left:334px; font-family: "MikadoaBold"; font-size:24px; position:absolute; word-spacing:0px; line-height: 46px; text-align: left; text-indent: 0px; width: 600px; height: 45px; color: #FFFFFF; text-shadow: 3px 3px 5px #2F5441; }