html,body,a,p,h1,h2,h3,h4,h5,h6,li,ul,ol,dl,dt,dd,div,section,article,header,main,footer,span,u,s,aside,input,button,table,thead,tbody,tr,td{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}a{color:#000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{height:100%}body{position:relative;font-size:62.5%;font-family:"Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", sans-serif;width:100%;height:100%;cursor:none}body a{text-decoration:none}body a:hover{cursor:none}ul,li{list-style:none}p{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#cursor{position:fixed;width:40px;height:40px;margin:-20px 0 0 -20px;z-index:100;pointer-events:none;opacity:0}.pc_break{display:none}.sp_break{display:block}@media (max-width: 768px){body{cursor:auto}body a:hover{cursor:auto}#cursor{display:none}.pc_break{display:block}.sp_break{display:none}}header{padding:10px;height:45px;background-color:#fff;text-align:center;position:relative;z-index:10;border-bottom:10px solid #000}main{position:relative;width:100%;padding-top:50px;border-top:1px solid transparent;border-bottom:1px solid transparent;background:repeating-linear-gradient(45deg, #64b8f1, #64b8f1 15px, #44a9ed 0, #44a9ed 35.5px);background-size:cover;overflow:hidden}footer{width:100%;height:74px;padding-bottom:8px;font-size:small;letter-spacing:1px;text-align:center;color:#000;background-color:#fff;position:relative;z-index:10;border-top:10px solid #000}.footer_content-company{width:100%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:5px 0}.footer_content-company li:not(:last-child){margin-right:30px}.footer_content-company a{color:#fff}.footer_content-company a:hover{opacity:0.8}.footer_content-company{background-color:#31689d;margin-bottom:10px}.snsArea{text-align:center;font-size:.9rem;color:#fff;margin-bottom:20px}.snsArea-sns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.snsArea-sns a{color:#fff;font-size:1.4rem}.snsArea li{border:1px solid #fff;border-radius:50%;padding:4px 10px}.snsArea li:not(:last-child){margin-right:30px}.character{width:100px;height:100px}.scale{-webkit-animation:smallscale 0.75s ease-out;animation:smallscale 0.75s ease-out}@-webkit-keyframes smallscale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes smallscale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}iframe{width:100%;max-width:350px}.slice span{opacity:0}.back_btn{cursor:pointer;display:block;width:300px;padding:10px;background:#fff;border:2px solid #000;border-radius:7px;-webkit-box-shadow:#000 0 4px;box-shadow:#000 0 4px;margin:0 auto;text-align:center;font-size:0.9rem;color:#000}.back_btn:first-child{background:#3971b7;color:#fff}.back_btn:hover{position:relative;-webkit-box-shadow:none;box-shadow:none;top:4px}.reading{width:100vw;height:100vh;background:repeating-linear-gradient(45deg, #64b8f1, #64b8f1 15px, #44a9ed 0, #44a9ed 35.5px);position:fixed;top:0;left:0;z-index:10}.loading{position:fixed;width:100%;height:100%;background:#0071ba;z-index:9999;text-align:center;color:#fff}.loading--logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-family:'DotGothic16', sans-serif;font-size:2rem}.loading--top,.loading--bottom{display:none}body.Add .loading--top,body.Add .loading--bottom{display:block;-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;content:"";position:fixed;z-index:99;width:100%;height:100vh;left:0;-webkit-transform:scaleY(1);transform:scaleY(1);background-color:#0071ba;border-bottom:10px solid #000}body.Add .loading--top{-webkit-animation-name:PageAnime;animation-name:PageAnime;bottom:50%}@-webkit-keyframes PageAnime{0%{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes PageAnime{0%{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0)}}body.Add .loading--bottom{-webkit-animation-name:PageAnime2;animation-name:PageAnime2;top:50%}@-webkit-keyframes PageAnime2{0%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes PageAnime2{0%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(1);transform:scaleY(1)}100%{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:scaleY(0);transform:scaleY(0)}}.contentArea{width:100%;max-width:768px;margin:0 auto 75px;padding:30px;background-color:#fff;border-radius:15px;font-size:1.4rem;color:#000;border:10px solid #000;-webkit-box-shadow:0px 0px 50px -15px #999 inset;box-shadow:0px 0px 50px -15px #999 inset}.contentArea ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.contentArea .characterArea{margin-bottom:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 767px){header{height:auto;border-bottom:none}main{padding:5%;border:10px solid #000}footer{height:auto;border-top:none}footer ul{padding:3% 2%}.contentArea{padding:5%;font-size:1.2rem;margin:0 auto;border:5px solid #000;-webkit-box-shadow:0px 0px 20px -15px #999 inset;box-shadow:0px 0px 20px -15px #999 inset}.contentArea ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.back_btn{width:100%;margin-bottom:10px}.snsArea{margin-bottom:0;margin-top:20px}}
