You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
2.7 KiB
1 lines
2.7 KiB
#about_cover,#view,#view canvas,body,html{height:100%;width:100%}#about,#about_cover,#bt_fs,#ng,.ok{display:none}#about a,#bt_about a,#bt_backtrack a,#bt_feedback a,#bt_start a{color:#fff;text-decoration:none;border-bottom:dashed 1px #fff}body,html{position:absolute;overflow:hidden;text-align:center;background:#8cc;color:#fff;font-family:Quicksand,"游ゴシック","Yu Gothic","游ゴシック体",YuGothic,"Yu Gothic UI","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,sans-serif}#about_cover,#view{position:fixed;top:0;z-index:1}#bt_back,#bt_fs{position:absolute;z-index:100;padding:10px;left:0;font-size:1rem;cursor:pointer;transition:.2s ease}#bt_fs{left:auto;right:0}#scene_main,#scene_top{width:90%}#scene_loading{width:100%}#about,#scene_loading,#scene_main,#scene_top{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:100;display:none}#scene_top h1{font-size:1.5rem;margin-bottom:25px}#bt_start{margin-bottom:15px}#scene_top .attention{font-size:.9rem;margin-top:25px}#scene_top .tit{margin-top:20px;margin-bottom:10px}#scene_top .con{letter-spacing:-.5rem}#scene_top .sns{margin:0 8px;cursor:pointer}#scene_top .sns img{width:40px}#ng .atten{font-size:.9rem;margin-bottom:20px}#scene_loading hr{width:"0%"}#scene_main,#scene_main .attention{pointer-events:none}#bt_backtrack,#bt_feedback{font-size:.9rem;margin-top:20px;pointer-events:auto}#about_cover{z-index:900;background:#fff;opacity:.5}#about{z-index:1000;color:#fff;background:#8cc;max-width:640px;letter-spacing:.2rem;line-height:1.2;width:100%}#about_in{padding:40px}#bt_close{font-size:2rem;cursor:pointer}#about .close{margin-bottom:30px}#about .con{line-height:1.7;margin-bottom:20px}#about .link{margin-top:30px;margin-bottom:10px;line-height:1.5}#bt_back:hover,#bt_backtrack:hover,#bt_close:hover,#bt_feedback:hover,#bt_fs:hover,#scene_top .sns:hover,a:hover{animation:animover .2s linear;-webkit-animation:animover .2s linear}@keyframes animover{0.00%{opacity:0}100%{opacity:1}}@-webkit-keyframes animover{0.00%{opacity:0}100%{opacity:1}}@media (max-width:640px){#scene_top h1{font-size:1.2rem;margin-bottom:18px}#bt_start,#scene_top .tit{margin-bottom:10px}#bt_about a,#bt_start a{font-size:.9rem}#scene_top .attention{font-size:.6rem;margin-top:18px}#scene_top .tit{font-size:.9rem;margin-top:20px}#scene_top .con{letter-spacing:-.5rem}#scene_top .sns{margin:0 8px}#scene_top .sns img{width:30px}#ng .atten{font-size:.6rem;margin-bottom:15px}#bt_backtrack,#bt_feedback{font-size:.7rem}#about_in{padding:30px}#bt_close{font-size:1.8rem;cursor:pointer}#about{letter-spacing:.1rem}#about a{color:#fff;text-decoration:none;border-bottom:dashed 1px #fff}#about .con,#about .link{font-size:.9rem}} |