*{margin:0;padding:0}body{margin:0;padding:0;padding-top:120px;background-size:200px;background-image:url(https://i.imgur.com/Pjc7Lir.png)}div.top-label{display:flex;justify-content:space-between;background:#fff;border-top:3px double red;border-bottom:3px double red;padding:10px;margin-bottom:10px}div.top-label div.item-right{margin:10px;padding:0;text-align:right}div.top-label div{width:calc(50% - 20px)}div.top-label p.fileupdate{margin-top:0}@media screen and (max-width: 500px){div.top-label{display:block}div.top-label div.item-right{margin:10px;padding:0;text-align:right}div.top-label div{width:100%}}@media screen and (max-width: 300px){.fileupdate span{width:100%}}iframe.fullframe{width:100%;height:100;text-align:left;margin-right:1em}h1.design{position:relative;padding:30px;margin:0;border:1px solid #ccc}h1.design::after{position:absolute;top:.5em;left:.5em;content:"";width:6px;height:-webkit-calc(100% - 1em);height:calc(100% - 1em);background-color:#3498db;border-radius:4px}h2.design{background:linear-gradient(transparent 70%, #a7d6ff 70%);margin-top:10px;margin-bottom:10px}@media screen and (max-width: 500px){div.top-label{display:block}div.top-label div.item-right{margin:10px;padding:0;text-align:right}div.top-label div{width:100%}h2.design{text-align:center}}.wrapper{left:0;right:0;width:100%;margin:0;padding:0;padding-bottom:100px}.design-box{margin:2em 0;background:#ffeaea}.design-box .title{font-size:1.2em;background:#ffb700;padding:4px;text-align:center;color:#fff;font-weight:bold;letter-spacing:.05em}.design-box p{padding:15px 20px;margin:0}.breadcrumb{margin:10px;padding:0;list-style:none}.breadcrumb li{display:inline;list-style:none;font-weight:bold}.breadcrumb li:after{font-family:"Font Awesome 5 Free";content:"";padding:0 .2em;color:silver}.breadcrumb li:last-child:after{content:""}.breadcrumb li:last-child a{text-decoration:none;color:#888;display:inline-block;position:relative;text-decoration:none}.breadcrumb li:last-child a::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background:#888}.breadcrumb li:last-child a:hover{cursor:pointer}.breadcrumb li:last-child a:hover::after{width:100%}.breadcrumb li:first-child a:before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;font-size:1.1em;color:#888}.breadcrumb li a{text-decoration:none;color:#888;display:inline-block;position:relative}.breadcrumb li a::after{position:absolute;content:"";bottom:0;left:0;width:0;height:1px;background:#888;transition:all .3s ease 0s}.breadcrumb li a:hover{cursor:pointer}.breadcrumb li a:hover::after{width:100%}.side-description{display:flex}.side-description .img{width:50%}.side-description .description{margin-left:5px}@media screen and (max-width: 700px){.side-description{display:block}.side-description .img{width:100%}.side-description .description{margin-left:0}}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}blockquote.design{position:relative;padding:30px 15px 8px 15px;box-sizing:border-box;font-style:italic;background:#efefef;color:#555}blockquote.design:before{display:inline-block;position:absolute;top:13px;left:15px;content:"";font-family:FontAwesome;color:#cfcfcf;font-size:28px;line-height:1;font-weight:900}blockquote.design p{padding:0;margin:10px 0;line-height:1.7}blockquote.design cite{display:block;text-align:right;color:#888;font-size:.9em}.box{width:90%;height:auto;margin:10px auto;padding:10px;border:1px solid #000;background-color:rgba(255,255,255,.8);position:relative;z-index:2}.box ul{list-style:none;margin:0;padding:0;text-indent:-1em;margin-left:1em}.box ul li::before{font-family:"Font Awesome 5 Free";content:"";color:#4b4b4b;font-weight:300;margin-right:5px;font-size:10px}.box ul li.unimplement::before{font-family:"Font Awesome 5 Free";content:"";color:red;font-weight:900}.no-border-box{width:calc(100% - 20px)}.no-border-box p{padding-left:10px}.mask-style{width:280px;height:350px;overflow:hidden;margin:10px 5px;position:relative;text-align:center}.mask-style img{width:100%}.mask-style .caption{width:100%;height:100%;visibility:hidden;font-size:130%;position:absolute;top:0;left:0;text-align:center;-webkit-transition:all .4s step-end;transition:all .4s step-end}.mask-style .caption span.name{font-size:130%;color:#fff;opacity:0}.mask-style .caption p.explanation{font-size:100%;color:#fff;opacity:0}.mask-style .sns{background-color:#fff;bottom:0px;position:absolute;width:100%;height:30px}.mask-style .sns i{margin:2px;font-size:26px}.mask-style .mask1,.mask-style .mask2{width:50%;height:100%;position:absolute;top:0;background-color:rgba(0,0,0,.4);-webkit-transition:all .4s ease;transition:all .4s ease}.mask-style .mask1{left:-50%}.mask-style .mask2{right:-50%}.mask-style:hover .caption{visibility:visible}.mask-style:hover .caption span.name{opacity:1}.mask-style:hover .caption p.explanation{opacity:1}.mask-style:hover .mask1{left:0px}.mask-style:hover .mask2{right:0px}@media screen and (max-width: 300px){.mask-style{width:95%}}canvas{border:1px solid #000}span.category{display:inline-block;padding:.2em .8em;border-radius:15px;text-decoration:none;color:#72a1f7;background:#c6e2ff;font-size:.9em;margin:5px}.read-more{font-size:20px;text-align:right}.read-more a{text-decoration:none;color:#888}.read-more a:hover{color:#888}.read-more a:hover:after{margin-left:10px}.read-more a:after{font-family:"Font Awesome 5 Free";content:"";font-weight:900;margin-left:5px}.mainBox{width:1000px;padding:10px 0;min-height:600px;border:solid 1px #000;margin:0 auto;left:0;right:0;z-index:0;position:relative;background-color:rgba(255,255,255,.898)}.mainBox .contents{margin:10px}.mainBox img{max-width:500px;width:100%}.mainBox p{margin-top:10px}@media screen and (max-width: 1000px){.mainBox{max-width:100%;width:100%;border:none}}.flex-box1{display:flex;flex-wrap:wrap;justify-content:center}.flex-box1 .contents{width:300px;position:relative}@media screen and (max-width: 1000px){.flex-box1 .contents{display:block;width:95%}}.flex-box2{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}.flex-box2 .contents{width:300px;position:relative}.sub-box{padding:10px;margin:5px;width:60%}.sub-box .logo{max-width:100%}.sub-box p{margin:10px 0}@media screen and (max-width: 1000px){.sub-box{display:block;width:95%}}.radius-box{border:.5px solid #747474;border-radius:30px;width:30%;padding:10px;height:auto}.radius-box h2{position:relative;padding:10px 2rem 10px 10px;border-bottom:6px solid #094}.radius-box h2:before{position:absolute;bottom:-6px;left:0;width:20%;height:6px;content:"";background:#00cc5b}.radius-box h3{margin-top:10px}.radius-box p{margin-top:20px;margin-bottom:20px}.radius-box hr{border:0;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.3)}.radius-box a::after{content:"";font-family:"Font Awesome 5 Free";font-weight:900}@media screen and (max-width: 1000px){.radius-box{display:block;width:95%}}.color-green{color:#00cc5b}.color-red{color:red}.card-box{display:flex;flex-wrap:wrap;justify-content:center}.card-box .ca{text-decoration:none}.card-box .ca .card{width:288px;height:auto;background:#fff;margin:5px;overflow:hidden;border-radius:8px}.card-box .ca .card:hover{box-shadow:0 4px 15px rgba(0,0,0,.2)}.card-box .ca .card:hover .title{color:#000}.card-box .ca .card:hover .text{color:#000}.card-box .ca .card:hover .imgframe{-ms-filter:blur(2px);filter:blur(2px)}.card-box .ca .card .imgframe{width:100%;box-sizing:border-box}.card-box .ca .card .imgframe img{width:288px;height:200px;object-fit:cover}.card-box .ca .card .textbox{width:100%;height:auto;padding:20px 18px;background:#fff;box-sizing:border-box}.card-box .ca .card .textbox>*+*{margin-top:10px}.card-box .ca .card .title{font-size:20px;font-weight:bold;line-height:125%;color:#505050}.card-box .ca .card .text{font-size:12px;line-height:150%;color:#505050}.news-ca{text-decoration:none}.news-ca .card{width:100%;height:auto;background:#fff;margin:5px;overflow:hidden;border-radius:8px}.news-ca .card:hover{box-shadow:0 4px 15px rgba(0,0,0,.2)}.news-ca .card:hover .title{color:#000}.news-ca .card:hover .text{color:#000}.news-ca .card:hover .imgframe{-ms-filter:blur(2px);filter:blur(2px)}.news-ca .card .imgframe{width:100%;height:auto;padding-top:56.25%;background:url(https://placehold.jp/640x360.png) no-repeat center;background-size:cover;box-sizing:border-box}.news-ca .card .textbox{width:100%;height:auto;padding:20px 18px;background:#fff;box-sizing:border-box}.news-ca .card .textbox>*+*{margin-top:10px}.news-ca .card .title{font-size:20px;font-weight:bold;line-height:125%;color:#505050}.news-ca .card .text{font-size:12px;line-height:150%;color:#b15b00}.server-about-box{display:flex}.server-about-box .server-about{background:#fff;width:31%;margin:1%}.server-about-box .server-about h3{margin:10px}.server-about-box .server-about p{margin:10px}@media screen and (max-width: 800px){.server-about-box{display:block}.server-about-box .server-about{background:#fff;width:100%;max-width:770px;margin:5px 0}}iframe{height:500px;width:100%}.plancards{margin:0;padding:0;text-align:center;border:3px solid #06c7ea;padding-bottom:1rem;box-sizing:border-box;margin:0 auto 3em;background:#fff;border-radius:20px;max-width:700px;width:100%;padding-bottom:3rem}.plancards h3{background:#06c7ea;color:#fff;padding:10px;margin:0;border-radius:20px 20px 0 0}.plancards h4{padding:20px}.plancards h4{font-size:300%;margin:0 auto}.plancards p{margin:0;padding:1rem}table.cmd{width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff;border:1px solid #000}table.cmd th,table.cmd td{padding:10px 0;text-align:center}table.cmd tr:nth-child(odd){background-color:#eee}@media screen and (max-width: 750px){table.cmd{width:100%}table.cmd th{width:100%;display:block;background-color:#eee}table.cmd td{width:100%;display:block;background-color:#fff}}.passbook{width:100%;background-color:#fff;border:solid 1px #000;border-collapse:collapse;table-layout:fixed}.passbook tr{border-bottom:solid 1px #000}.passbook .passbook-total{background:#f4f4f4;font-weight:bold}.passbook .passbook-total .title{text-align:left;width:40px}.passbook .passbook-total .money{text-align:right}.passbook .year{border-top:solid 1px #000;font-size:10px;height:16px;background:#e8e8e8}.passbook .passbook-label{border-top:solid 1px #000}.passbook .passbook-label .date{font-size:10px;text-align:left;width:40px}.passbook .passbook-label .description{font-size:12px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.passbook .passbook-label .money{margin-right:0;text-align:right}.passbook .passbook-label .money.minus{color:red}@media screen and (max-width: 300px){.passbook .money{font-size:12px}}@media screen and (max-width: 200px){.passbook .title{font-size:6px}.passbook .money{font-size:6px}.passbook .date{font-size:6px}.passbook .description{font-size:6px}}.game_box{height:auto;width:100%;background-color:#e6e6e6;margin-bottom:30px;border:solid 1px #000}.game_box:hover{background-color:#fff}.game_box a{display:block;height:100%;text-decoration:none;margin:10px}@media screen and (max-width: 250px){.aooni_youtube_cm .aooni-logo-style{font-size:35px}}@media screen and (max-width: 215px){.aooni_youtube_cm .aooni-logo-style{font-size:30px}}@media screen and (max-width: 190px){.aooni_youtube_cm .aooni-logo-style{font-size:25px}}@media screen and (max-width: 170px){.aooni_youtube_cm .aooni-logo-style{font-size:20px}}.discord-btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.discord-btn-primary{color:#fff;background-color:#5865f2;border-color:#5865f2}.ip_show{margin-top:50px;margin-bottom:50px}.ip_show .ip_show_table{background:#bcbcbc;padding:10px}.ip_show .ip_show_table .ip_show_check_box_field{margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px}.ip_show .ip_show_table .ip_show_check_box_field label{padding-left:38px;font-size:25px;line-height:32px;display:inline-block;cursor:pointer;position:relative}.ip_show .ip_show_table .ip_show_check_box_field label:before{content:"";width:32px;height:32px;display:inline-block;position:absolute;left:0;background-color:#fff;box-shadow:inset 1px 2px 3px 0px #000;border-radius:6px 6px 6px 6px}.ip_show .ip_show_table .ip_show_check_box_field input[type=checkbox]{display:none}.ip_show .ip_show_table .ip_show_check_box_field input[type=checkbox]:checked+label:before{content:"✓";font-size:34px;color:#fff;background-color:#06f}.ip_show div#ip_show_box{display:none;padding:25px;background:#eee;background:#ccc}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-blue{color:blue}.text-20px{font-size:20px}.text-25px{font-size:25px}.margin-top-20px{margin-top:20px}