html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:rgba(0,0,0,0);list-style:none;font-weight:normal}*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box}*{overflow-wrap:break-word;word-wrap:break-word;margin:0;padding:0;min-height:0vw}:root{font-family:"Noto Sans JP",sans-serif;font-weight:normal}html,body{width:100%;-webkit-font-smoothing:antialiased;-webkit-font-feature-settings:"palt" 1;font-feature-settings:"palt" 1;-webkit-text-size-adjust:100%;color:#333;font-size:16px;letter-spacing:1px}html.lock,body.lock{overflow:hidden}html.archive,html.page,body.archive,body.page{background:#fff}html.archive section .wrap,html.page section .wrap,body.archive section .wrap,body.page section .wrap{padding:0 32px}html{font-size:62.5%;scroll-behavior:smooth}img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;vertical-align:bottom;pointer-events:none}a{text-decoration:none;cursor:pointer}p{line-height:1.5}.main-contents{width:100%;overflow:hidden}section{position:relative;width:100%}section .wrap{aspect-ratio:16/9;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:3;max-width:1080px;width:100%}section .wrap .dialog{background:#fff;border-radius:16px;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .dialog .inner p{text-align:center;margin-bottom:48px}section .wrap .dialog .inner .ttl{font-weight:bold;font-size:36px}section .wrap .dialog .inner .desc{font-size:28px;line-height:1.8}section .wrap .dialog .inner .btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .dialog .inner .btns a{display:block;border-radius:100px;font-size:24px;width:160px;height:64px;text-align:center;margin:0 16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .dialog .inner .btns a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .dialog .inner .btns a:nth-child(1){border:1px solid #000;color:#000}section .wrap .dialog .inner .btns a:nth-child(2){color:#fff;background:#000}section .wrap .mypage{position:relative;background:url(../img/hmd_book_cover_16/9.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%}section .wrap .mypage .pnkz{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;top:32px;left:32px;z-index:3}section .wrap .mypage .pnkz a{display:block;margin-right:24px;cursor:pointer}section .wrap .mypage .pnkz a.arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}section .wrap .mypage .pnkz a.arrow img{height:24px;display:block}section .wrap .mypage .pnkz a.arrow img:nth-child(1){margin-right:24px}section .wrap .mypage .pnkz a.arrow:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .mypage .pnkz a.arrow:hover img:nth-child(2){-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .mypage .pnkz a.question{width:32px}section .wrap .mypage .pnkz a.question:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .mypage .columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:absolute;padding:16px 0;width:calc(100% - 16px)}section .wrap .mypage .columns .column{width:33.3333333333%}section .wrap .mypage .columns .column:nth-child(1){display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .mypage .columns .column:nth-child(1) .chara{width:200px}section .wrap .mypage .columns .column:nth-child(2){max-width:524px;margin-right:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100%}section .wrap .mypage .columns .column:nth-child(2) .inner{padding:56px 0}section .wrap .mypage .columns .column:nth-child(2) .users{margin-bottom:16px}section .wrap .mypage .columns .column:nth-child(2) .btns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}section .wrap .mypage .columns .column:nth-child(2) .btns .btn{border-radius:8px;padding:4px;width:calc(33.3333333333% - 8px);position:relative;z-index:10}section .wrap .mypage .columns .column:nth-child(2) .btns .btn.inactive{pointer-events:none}section .wrap .mypage .columns .column:nth-child(2) .btns .btn.inactive a{pointer-events:none;opacity:.2}section .wrap .mypage .columns .column:nth-child(2) .btns .btn.inactive::after{content:none}section .wrap .mypage .columns .column:nth-child(2) .btns .btn:hover{-webkit-transform:translateY(2px);transform:translateY(2px)}section .wrap .mypage .columns .column:nth-child(2) .btns .btn:hover::after{-webkit-transform:translateY(-2px);transform:translateY(-2px)}section .wrap .mypage .columns .column:nth-child(2) .btns .btn::before{content:"";display:block;width:100%;height:100%;background:#fffff6;border-radius:8px;position:absolute;top:0;left:0;z-index:1}section .wrap .mypage .columns .column:nth-child(2) .btns .btn::after{content:"";display:block;width:100%;height:100%;background:#000;border-radius:8px;position:absolute;top:2px;left:0;z-index:0}section .wrap .mypage .columns .column:nth-child(2) .btns a{display:block;border:2px dotted #000;border-radius:8px;padding:12px;position:relative;z-index:10}section .wrap .mypage .columns .column:nth-child(2) .sets{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}section .wrap .mypage .columns .column:nth-child(2) .sets .set.red{margin-left:8px}section .wrap .mypage .columns .column:nth-child(2) .sets .set.red a{background:#e70012}section .wrap .mypage .columns .column:nth-child(2) .sets .set.red a img{max-height:34px}section .wrap .mypage .columns .column:nth-child(2) .sets .set a{width:108px;height:40px;background:#fffff6;border-radius:100px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;-webkit-filter:drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2));filter:drop-shadow(0 2px 0 rgba(0, 0, 0, 0.2))}section .wrap .mypage .columns .column:nth-child(2) .sets .set a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .mypage .columns .column:nth-child(2) .sets .set a img{max-height:24px;width:auto;display:block}section .wrap .mypage .columns .column:nth-child(3){background:rgba(255,255,246,.9);height:100%;border-radius:0 16px 16px 0;padding:32px;height:576px}section .wrap .mypage .columns .column:nth-child(3) .act-ttl{text-align:center;max-width:280px;margin:0 auto 56px}section .wrap .mypage .columns .column:nth-child(3) .image{max-width:204px;margin:0 auto;display:block}section .wrap .mypage .close{position:absolute;top:-32px;right:-32px}section .wrap .mypage .close:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .mypage .bg{pointer-events:none}section .wrap .corde{position:relative;background:url(../img/out_world_bg.png);background-repeat:no-repeat;background-size:contain;width:100%;height:100%;padding:32px}section .wrap .corde .inner{background:#fdfce3;padding:24px 24px 0 24px}section .wrap .corde .inner .ttl{background:#fffef6;text-align:center;border-radius:4px;border:3px dotted #ccc;margin-bottom:32px}section .wrap .corde .inner .ttl img{height:24px;width:auto;text-align:center;margin:24px auto}section .wrap .corde .inner .columns{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}section .wrap .corde .inner .columns .column{width:50%}section .wrap .corde .inner .columns .column:nth-child(1){text-align:center}section .wrap .corde .inner .columns .column:nth-child(1) img{width:193px}section .wrap .corde .inner .columns .column:nth-child(2){margin-top:72px}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(2) a{width:320px;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 auto;border:2px solid #000;-webkit-filter:drop-shadow(0 2px 0 #000);filter:drop-shadow(0 2px 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(2) a img{height:16px;width:auto;margin-left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(2) a::before{content:"";background-image:url(../img/icon-corde.png);background-repeat:no-repeat;background-size:contain;width:32px;height:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(2) a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(3) a{width:320px;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 auto;border:2px solid #000;padding:4px;-webkit-filter:drop-shadow(0 2px 0 #000);filter:drop-shadow(0 2px 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(3) a span{border:2px dotted #000;width:100%;height:100%;border-radius:100px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(3) a img{height:16px;width:auto;margin-left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(3) a::before{content:"";background-image:url(../img/icon-check.png);background-repeat:no-repeat;background-size:contain;width:32px;height:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns.big .btn:nth-child(3) a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn{margin-bottom:24px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(1) a{width:200px;height:48px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 auto}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(1) a img{height:12px;width:auto;margin-left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(1) a::before{content:"";background-image:url(../img/icon-shuffle.png);background-repeat:no-repeat;background-size:contain;width:16px;height:16px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(1) a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(2) a{width:320px;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 auto;border:2px solid #000;-webkit-filter:drop-shadow(0 2px 0 #000);filter:drop-shadow(0 2px 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(2) a img{height:16px;width:auto;margin-left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(2) a::before{content:"";background-image:url(../img/icon-corde.png);background-repeat:no-repeat;background-size:contain;width:32px;height:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(2) a:hover{-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-filter:drop-shadow(0 0 0 #000);filter:drop-shadow(0 0 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(3) a{width:320px;height:56px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;margin:0 auto;border:2px solid #000;padding:4px;-webkit-filter:drop-shadow(0 2px 0 #000);filter:drop-shadow(0 2px 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(3) a span{border:2px dotted #000;width:100%;height:100%;border-radius:100px;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(3) a img{height:16px;width:auto;margin-left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(3) a::before{content:"";background-image:url(../img/icon-check.png);background-repeat:no-repeat;background-size:contain;width:32px;height:20px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:32px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn:nth-child(3) a:hover{-webkit-transform:translateY(2px);transform:translateY(2px);-webkit-filter:drop-shadow(0 0 0 #000);filter:drop-shadow(0 0 0 #000)}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn a{display:block;background:#fff;border-radius:100px}section .wrap .corde .inner .columns .column:nth-child(2) .btns .btn a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .corde .inner .columns .column:nth-child(2) .caution{text-align:center}section .wrap .corde .inner .columns .column:nth-child(2) .caution img{height:16px;width:auto}section .wrap .corde .close{position:absolute;top:-32px;right:-32px}section .wrap .corde .close:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}section .wrap .corde .bg{pointer-events:none}section .modal{position:absolute;width:100%;height:100%;z-index:2;background:rgba(0,0,0,.7)}section .modal.white{background:rgba(255,255,255,.7)}section .modal.kinari{background:rgba(253,252,227,.5)}section .footer{position:absolute;bottom:0;z-index:1}section .background{pointer-events:none;position:relative;z-index:0}.out-world .wrap{max-width:540px;margin:0 auto;aspect-ratio:inherit}.out-world .wrap.top{margin:-0.5vw auto 0}.out-world .wrap .logo{margin-bottom:32px}.out-world .wrap .desc{max-width:450px;margin:0 auto 32px}.out-world .wrap .links{max-width:370px;margin:0 auto}.out-world .wrap .links .link{margin-bottom:16px}.out-world .wrap .links .link:nth-child(1) a{background:#000;border:2px solid #fff}.out-world .wrap .links .link:nth-child(2) a{background:rgba(255,255,255,.7);border:2px solid #000}.out-world .wrap .links .link:nth-child(3) a{background:none;border:none}.out-world .wrap .links .link:nth-child(3) a img{height:45px}.out-world .wrap .links .link a{text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100px;width:100%;height:72px}.out-world .wrap .links .link a:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.out-world .wrap .links .link a img{height:16px;width:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}