*{padding: 0;margin: 0;}
html {height:100%;width:100%;font-size:10px;}
body {height:100%;width:100%;background-color:rgba(56, 56, 56, 1);position:relative;overflow:hidden;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}

#ctrl{position:fixed;width:100%;top:0;left:0;z-index:10;background-color:rgba(72, 72, 72, 0.7);text-align:right}
#ctrl ul{position:relative;}
#ctrl ul li{display:inline;padding:5px;cursor:pointer;}
#ctrl ul li#outline{position:absolute;left:5px;padding:0;}

#tableofcontents{position:fixed;top:0;left:0;width:0;background-color:rgba(72, 72, 72, 0.7);z-index:9}
#tableofcontents ul{width:100%;overflow-y:auto;overflow-x:hidden;}
#tableofcontents ul li{width:300%;padding-left:1em;cursor:pointer;color:#ccc;font-size:14px;line-height:160%;}
#tableofcontents ul li.blank{cursor:default;height:48px;}

#mainview{margin:0 auto;position:relative;z-index:1;}
#dragwrap{position:absolute;width:100%;height:100%;}
#wrapview{position:absolute;top:0;left:0;}
.carea{position:absolute;top:0;}
.carea img{max-width:30%;opacity:0.6;position:absolute;top:50%;margin-top:-50px;cursor:pointer;}
.pageL{left:-1%;}
.pageR{right:-1%;}
.pageR img{transform:scale(-1, 1);right:0;}
.cv{display:inline-block;background-color:#fff;height:0;}
#cvL,#cvR{margin:0 auto;z-index:2;}

#pagesliderctl{background-color:rgba(72, 72, 72, 0.7);z-index:8;padding:20px 1vw 5px;position:fixed;left:0;bottom:0;width:98vw;}
.sponly{display:none;}
.post_detail__loginbox_wrap{position:fixed;top:-5000px;left:0;width:100vw;z-index:10;}
.post_detail__loginbox .post_detail__loginbox__trybtn{display:none;}

.shadow{position:fixed;top:0;left:-10000px;z-index:1;display:none;}
#wait{position:fixed;top:45%;left:0;z-index:50;width:100%;display:none;}
#wait > div{text-align:center;}
#wait > div > div{background-color:#aaa;width:75px;height:75px;border-radius:100%;margin:10px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;}
#wait > div > div:nth-child(1){-webkit-animation:scale 1.4s -0.60s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s -0.60s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
#wait > div > div:nth-child(2){-webkit-animation:scale 1.4s -0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s -0.48s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
#wait > div > div:nth-child(3){-webkit-animation:scale 1.4s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
#wait > div > div:nth-child(4){-webkit-animation:scale 1.4s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
#wait > div > div:nth-child(5){-webkit-animation:scale 1.4s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
#wait > div > div:nth-child(6){-webkit-animation:scale 1.4s 0s     infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);animation:scale 1.4s 0s     infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);}
@-webkit-keyframes scale{
0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0.7;}
80%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
}
@keyframes scale{
0%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:0.7;}
80%{-webkit-transform:scale(1);transform:scale(1);opacity: 1;}
}

@media all and (max-width: 900px) {
}
@media all and (max-width: 840px) {
}
@media all and (max-width: 770px) {
  #mainview{overflow:auto;text-align:center;-webkit-overflow-scrolling: touch;}
  #mainview #wrapview{display:none;}
  .cv{display:flow-root;}
  .sponly{display:block;}
  .carea{width:30vw;height:100vh;}
  #ctrl,
  #mainview{width:100vw;}
}
@media all and (max-width: 700px) {
}
@media all and (max-width: 640px) {
  #wait > div > div{width:33px;height:33px;}
}
@media all and (max-width: 535px) {
}