@import"https://fonts.googleapis.com/css2?family=Lobster&family=New+Tegomin&display=swap";:root{--main-color: #231815;--bage: #f2efeb;--txt-color: #231815;--link-color: #1a63b8;--font-jp: YakuHanMP, "Lobster", "New Tegomin", serif;--font-en: YakuHanMP, "Lobster", cursive;--z-gnav: 1000000;--z-over-wrap: 1000000000000}:root{font-size:14px}@media screen and (min-width: 1800px){:root{font-size:1vw}}@media screen and (max-width: 1024px){:root{font-size:12px}}@media screen and (max-width: 767px){:root{font-size:12px}}*{box-sizing:border-box;padding:0;margin:0}html,body,h1,h2,h3,h4,p,ul,ol,li,th,td,dl,dt,dd,button{font-family:var(--font-jp);font-size:1rem;font-style:normal;font-weight:lighter;line-height:1;line-height:1.4;color:var(--txt-color);letter-spacing:.1rem;font-display:swap}.font-en{font-family:var(--font-en)!important}html,body{-ms-touch-action:manipulation!important;touch-action:manipulation!important}ul,ol,li{list-style:none}a,span{color:inherit;text-decoration:none;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}picture,img{width:100%;line-height:0;vertical-align:bottom;border:none}textarea{resize:none}input[type=submit]{-webkit-appearance:none;border-radius:0}button{padding:0;cursor:pointer;background-color:transparent;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pc-tablet-only{display:block!important}@media screen and (max-width: 767px){.pc-tablet-only{display:none!important}}.sp-only{display:none!important}@media screen and (max-width: 767px){.sp-only{display:block!important}}.container{width:100%;max-width:1200px;margin:0 auto}@media screen and (min-width: 1800px){.container{max-width:80%}}@media screen and (max-width: 1200px){.container{padding:0 2rem}}.gnav{display:flex;align-items:center;gap:2rem;height:100px;background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/Header_back.jpeg) no-repeat center/cover;position:fixed;top:0;left:0;z-index:var(--z-gnav);width:100%;transition:.2s;padding:1rem 2rem;box-sizing:border-box}@media screen and (min-width: 2000px){.gnav{height:8rem}}@media screen and (max-width: 1024px){.gnav{height:80px}}@media screen and (max-width: 1024px){.gnav.open .navigation{opacity:1;visibility:visible}.gnav.open .hamburger:before{top:50%;transform:translateY(-50%) rotate(40deg)}.gnav.open .hamburger:after{top:50%;transform:translateY(-50%) rotate(-40deg)}}.gnav a{flex-shrink:0}.gnav .logo{flex-shrink:0;height:100%;width:auto;transition:.2s}@media screen and (max-width: 1024px){.gnav .logo{width:125px;height:auto}}.gnav .logo:hover{opacity:.8}.gnav .logo .image{height:100%;width:auto}@media screen and (max-width: 1024px){.gnav .logo .image{width:100%}}.gnav .logo .image>img{height:100%;width:auto}@media screen and (max-width: 1024px){.gnav .logo .image>img{width:100%}}.gnav .navigation{height:100%;margin-left:auto;display:flex;align-items:center;gap:2rem;transition:.2s}@media screen and (max-width: 1024px){.gnav .navigation{opacity:0;visibility:hidden;display:flex;gap:3rem;flex-direction:column;position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:#000c;padding:3rem 1rem;overflow-y:auto}}.gnav .navigation .link{display:block;height:60%;transition:.2s}.gnav .navigation .link:hover{opacity:.8}@media screen and (max-width: 1024px){.gnav .navigation .link{height:50px}}.gnav .navigation .image>img{height:100%;width:auto}.gnav .twitter{transition:.2s;height:120%;width:auto;flex-shrink:0}@media screen and (max-width: 1024px){.gnav .twitter{margin-left:auto}}.gnav .twitter:hover{opacity:.8}.gnav .twitter .image{height:100%;width:auto}.gnav .twitter .image>img{height:100%;width:auto}.gnav .hamburger{display:none;position:relative;flex-shrink:0;width:35px;height:35px}.gnav .hamburger:before,.gnav .hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:#fff;transform:translateY(-50%);transition:.2s}.gnav .hamburger:before{top:35%}.gnav .hamburger:after{top:75%}@media screen and (max-width: 1024px){.gnav .hamburger{display:block}}#mintpage .header{padding-top:100px}@media screen and (min-width: 2000px){#mintpage .header{padding-top:8rem}}@media screen and (max-width: 1024px){#mintpage .header{padding-top:80px}}#mintpage .header .video{width:100%;vertical-align:bottom}#mintpage .main{width:100%}#mintpage .main picture>img{width:100%}#mintpage .main .title{margin:0 auto}@media screen and (max-width: 767px){#mintpage .main .title{width:100%}}#mintpage .main .title .image{display:flex;flex-direction:column;align-items:center}#mintpage .main .title .image>img{height:100px;width:auto}@media screen and (min-width: 2000px){#mintpage .main .title .image>img{height:7rem}}@media screen and (max-width: 767px){#mintpage .main .title .image>img{height:50px}}#mintpage .main .lang{width:100%;background:#000;padding:5rem;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage .main .lang{padding:5rem 2rem}}#mintpage .main .lang .ttl{font-size:3rem;text-align:center;color:#bbb}#mintpage .main .lang .links{margin-top:2rem;display:flex;align-items:center;gap:1rem;justify-content:center}#mintpage .main .lang .links .link,#mintpage .main .lang .links .slash{color:#bbb;font-size:3rem}#mintpage .main .lang .links .link{text-decoration:underline;transition:.2s}#mintpage .main .lang .links .link:hover{opacity:.8}#mintpage .main .count-down{width:100%;background:#000;padding:5rem;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage .main .count-down{padding:5rem 2rem}}#mintpage .main .count-down .ttl{font-size:3rem;text-align:center;color:#bbb}#mintpage .main .count-down .count{display:flex;gap:3rem;justify-content:center}#mintpage .main .count-down .count .time{display:flex;flex-direction:column;align-items:center;margin-top:3rem;font-size:1.5rem;color:#bbb;font-size:3rem}#mintpage .main .count-down .count .time:after{color:inherit;font-size:1.5rem}#mintpage .main .count-down .count .time.day:after{content:"day"}#mintpage .main .count-down .count .time.hour:after{content:"hour"}#mintpage .main .count-down .count .time.minute:after{content:"minute"}#mintpage .main .count-down .count .time.seconds:after{content:"seconds"}#mintpage .main .story{position:relative}#mintpage .main .story .title{position:absolute;top:3rem;left:50%;transform:translate(-50%)}@media screen and (max-width: 1200px){#mintpage .main .story .title{top:.5rem}}@media screen and (max-width: 767px){#mintpage .main .story .title{top:1rem}}#mintpage .main .mint-section{width:100%;background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/Mint_back.jpeg) no-repeat top center/cover;padding:5rem;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage .main .mint-section{padding:5rem 2rem}}#mintpage .main .mint-section .column{display:flex;width:100%;max-width:1024px;margin:4rem auto;gap:8rem}@media screen and (min-width: 2000px){#mintpage .main .mint-section .column{max-width:80%}}@media screen and (max-width: 767px){#mintpage .main .mint-section .column{flex-direction:column;gap:4rem}}#mintpage .main .mint-section .column .left,#mintpage .main .mint-section .column .right{width:calc((100% - 8rem)/2);flex-shrink:0}@media screen and (max-width: 767px){#mintpage .main .mint-section .column .left,#mintpage .main .mint-section .column .right{width:100%}}#mintpage .main .mint-section .column .counts{width:100%;color:#bbb;text-align:center;font-size:5rem}#mintpage .main .mint-section .column .mint-buttons{margin:1rem 0;display:flex;align-items:center;justify-content:center;gap:2rem}@media screen and (max-width: 767px){#mintpage .main .mint-section .column .mint-buttons{flex-direction:column}}#mintpage .main .mint-section .column .mint-buttons .button{width:calc((100% - 2rem)/2);transition:.2s;cursor:pointer}#mintpage .main .mint-section .column .mint-buttons .button:hover{opacity:.8}@media screen and (max-width: 767px){#mintpage .main .mint-section .column .mint-buttons .button{width:60%}}#mintpage .main .mint-section .column .txt{color:#bbb;text-align:center;font-size:2rem}#mintpage .main .mint-section .column .txt.alert{margin-top:1.5rem;color:salmon}#mintpage .main .mint-modal{display:none;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;background:#000c;z-index:100000000;transition:.2s}#mintpage .main .mint-modal.open{display:block;visibility:visible}#mintpage .main .mint-modal .mint-overlay{position:absolute;top:0;left:0;width:100%;height:100vh;cursor:pointer}#mintpage .main .mint-modal .mint-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;max-width:1200px;height:65vh;max-height:650px;display:flex;flex-direction:column;align-items:center;gap:1rem;justify-content:space-between;background:#222;border-radius:5px;padding:5rem;overflow-y:auto}@media screen and (min-width: 2000px){#mintpage .main .mint-modal .mint-box{max-width:80%;width:80%;max-height:65vh}}@media screen and (max-width: 1024px){#mintpage .main .mint-modal .mint-box{width:70%}}@media screen and (max-width: 767px){#mintpage .main .mint-modal .mint-box{width:90%;padding:4rem 1rem}}#mintpage .main .mint-modal .mint-box .ttl{color:#bbb;font-size:4rem;text-align:center}@media screen and (max-width: 1024px){#mintpage .main .mint-modal .mint-box .ttl{font-size:3rem}}#mintpage .main .mint-modal .mint-box .txt{color:#bbb;font-size:1.2rem;text-align:center;line-height:1.7;letter-spacing:.1rem}@media screen and (min-width: 2000px){#mintpage .main .mint-modal .mint-box .txt{font-size:1.5rem}}@media screen and (max-width: 1024px){#mintpage .main .mint-modal .mint-box .txt{font-size:1rem}}#mintpage .main .mint-modal .mint-box .size-set{display:flex;gap:4rem;align-items:center;justify-content:center}#mintpage .main .mint-modal .mint-box .size-set .btn{color:#bbb;font-size:4rem;cursor:pointer;transition:.2s}#mintpage .main .mint-modal .mint-box .size-set .btn:hover{opacity:.8}#mintpage .main .mint-modal .mint-box .size-set .amount{color:#bbb;font-size:8rem}#mintpage .main .mint-modal .mint-box .mint-btn{width:100%;max-width:320px;margin:0 auto;text-align:center;background:#bbb;font-size:2rem;border-radius:5rem;padding:.5rem 1rem;box-sizing:border-box;border:.2rem solid #bbb;transition:.2s}#mintpage .main .mint-modal .mint-box .mint-btn:hover{background:#222;color:#bbb}@media screen and (min-width: 2000px){#mintpage .main .mint-modal .mint-box .mint-btn{max-width:80%}}#mintpage .main .mint-modal .mint-box .close{color:#bbb;font-size:1.2rem;transition:.2s}@media screen and (min-width: 2000px){#mintpage .main .mint-modal .mint-box .close{font-size:1.4rem}}#mintpage .main .mint-modal .mint-box .close:hover{opacity:.8}#mintpage .main .roadmap-section{position:relative}#mintpage .main .roadmap-section .title{position:absolute;top:1rem;left:50%;transform:translate(-50%)}@media screen and (max-width: 767px){#mintpage .main .roadmap-section .title{top:.5rem}}#mintpage .main .team-section{width:100%;background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/Team_back.jpeg) no-repeat top center/cover;padding:5rem;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage .main .team-section{padding:5rem 2rem}}#mintpage .main .team-section .members,#mintpage .main .team-section .partners{display:flex;justify-content:center;gap:2rem}@media screen and (max-width: 767px){#mintpage .main .team-section .members,#mintpage .main .team-section .partners{flex-direction:column;align-items:center}}#mintpage .main .team-section .members .member .image,#mintpage .main .team-section .members .partner .image,#mintpage .main .team-section .partners .member .image,#mintpage .main .team-section .partners .partner .image,#mintpage .main .team-section .members .member .image img,#mintpage .main .team-section .members .partner .image img,#mintpage .main .team-section .partners .member .image img,#mintpage .main .team-section .partners .partner .image img{width:100%}#mintpage .main .team-section .members .member .name,#mintpage .main .team-section .members .partner .name,#mintpage .main .team-section .partners .member .name,#mintpage .main .team-section .partners .partner .name{margin-top:-2rem;color:#bbb;font-size:2rem;text-align:center}@media screen and (max-width: 767px){#mintpage .main .team-section .members .member .name,#mintpage .main .team-section .members .partner .name,#mintpage .main .team-section .partners .member .name,#mintpage .main .team-section .partners .partner .name{margin-top:0;font-size:3rem}}#mintpage .main .team-section .members .member .link,#mintpage .main .team-section .members .partner .link,#mintpage .main .team-section .partners .member .link,#mintpage .main .team-section .partners .partner .link{margin-top:1rem;width:4rem;transition:.2s}#mintpage .main .team-section .members .member .link:hover,#mintpage .main .team-section .members .partner .link:hover,#mintpage .main .team-section .partners .member .link:hover,#mintpage .main .team-section .partners .partner .link:hover{opacity:.8}#mintpage .main .team-section .members .member{flex-shrink:0;width:calc((100% - 4rem) / 3);display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 767px){#mintpage .main .team-section .members .member{width:100%}}#mintpage .main .team-section .ttl{margin-top:7rem;font-size:5rem;text-align:center;color:#bbb}@media screen and (max-width: 1024px){#mintpage .main .team-section .partners{flex-wrap:wrap;gap:1rem}}#mintpage .main .team-section .partners .partner{flex-shrink:0;width:calc((100% - 4rem)/5);display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 1024px){#mintpage .main .team-section .partners .partner{width:calc((100% - 2rem) / 3)}}@media screen and (max-width: 767px){#mintpage .main .team-section .partners .partner{width:100%}}#mintpage .main .whitelist,#mintpage .main .ownerlist{width:100%;height:100vw;overflow-y:auto;padding:7rem;box-sizing:border-box;background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/paper.webp) no-repeat top center/cover}@media screen and (max-width: 767px){#mintpage .main .whitelist,#mintpage .main .ownerlist{padding:5rem 3rem}}#mintpage .main .whitelist .list,#mintpage .main .ownerlist .list{margin-top:4rem;display:flex;flex-direction:column;gap:1rem}#mintpage .main .whitelist .list .address,#mintpage .main .ownerlist .list .address{text-align:center;font-size:2rem;font-weight:700;color:#fff;word-break:break-all}@media screen and (max-width: 767px){#mintpage .main .whitelist .list .address,#mintpage .main .ownerlist .list .address{font-size:1.5rem}}#mintpage .main .whitelist .txt-title,#mintpage .main .ownerlist .txt-title{text-align:center;font-size:3rem;color:#fff}#mintpage .main .whitelist .block,#mintpage .main .ownerlist .block{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem}#mintpage .main .whitelist .block .count,#mintpage .main .whitelist .block .address,#mintpage .main .ownerlist .block .count,#mintpage .main .ownerlist .block .address{text-align:center;color:#fff}#mintpage .main .whitelist .block .count,#mintpage .main .ownerlist .block .count{font-size:2rem;text-decoration:underline}#mintpage .main .whitelist .block .address,#mintpage .main .ownerlist .block .address{font-size:1rem}#mintpage #ownedTokens{display:none;flex-direction:column;align-items:center;width:100%;background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/Mint_back.jpeg) no-repeat top center/cover;padding:5rem;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage #ownedTokens{padding:5rem 2rem}}#mintpage #ownedTokens>h2{font-size:3rem;color:#bbb;text-align:center}#mintpage #ownedTokens #ownedTokenConnectBtn{font-size:2rem;display:inline-block;margin:2rem auto 0;padding:1rem 2rem;box-sizing:border-box;border-radius:3rem;border:1px #bbb solid;font-weight:700;background:#bbb;transition:.2s}#mintpage #ownedTokens #ownedTokenConnectBtn:hover{color:#bbb;background:var(--txt-color)}#mintpage #ownedTokens .account{margin-top:2rem;text-align:center;font-size:2rem;color:#bbb}@media screen and (max-width: 767px){#mintpage #ownedTokens .account{font-size:1rem;word-break:break-all}}#mintpage #ownedTokens .tokens{margin-top:2rem;width:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:1rem;transition:.2s}#mintpage #ownedTokens .tokens .token{display:flex;gap:5%;width:100%;flex-shrink:0}@media screen and (max-width: 767px){#mintpage #ownedTokens .tokens .token{flex-direction:column;gap:0}}#mintpage #ownedTokens .tokens .token>img{width:20%;flex-shrink:0;align-self:center}@media screen and (max-width: 767px){#mintpage #ownedTokens .tokens .token>img{width:100%}}#mintpage #ownedTokens .tokens .token .meta{width:75%;display:flex;flex-direction:column}@media screen and (max-width: 767px){#mintpage #ownedTokens .tokens .token .meta{width:100%;background:#fffc;padding:.5rem}}#mintpage #ownedTokens .tokens .token .meta .name{color:#bbb;font-size:2rem;line-height:1.7;gap:.5rem}@media screen and (max-width: 767px){#mintpage #ownedTokens .tokens .token .meta .name{color:#333}}#mintpage #ownedTokens .tokens .token .meta .name>a{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}#mintpage #ownedTokens .tokens .token .meta .name>a:hover{text-decoration:underline}#mintpage #ownedTokens .tokens .token .meta .attributes{display:flex;flex-direction:column;gap:.5rem;background:#fffc;padding:.5rem}@media screen and (max-width: 767px){#mintpage #ownedTokens .tokens .token .meta .attributes{padding:0;background:transparent}}#mintpage #ownedTokens .tokens .token .meta .attributes .attribute{display:flex}#mintpage #ownedTokens .tokens .token .meta .attributes .attribute .txt{color:#333;font-size:1rem;line-height:1.7}#mintpage #ownedTokens .tokens .token .meta .attributes .attribute .txt>a{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}#mintpage #ownedTokens .tokens .token .meta .attributes .attribute .txt>a:hover{text-decoration:underline}#mintpage .footer{background:url(https://pna-assets.s3.ap-northeast-1.amazonaws.com/mints/watcher/Footer_back.jpeg) no-repeat top center/cover;width:100%;padding:2rem 0;box-sizing:border-box}@media screen and (max-width: 767px){#mintpage .footer{padding:2rem}}#mintpage .footer .links{width:100%;display:flex;justify-content:center;gap:2rem}@media screen and (max-width: 767px){#mintpage .footer .links{gap:1%}}#mintpage .footer .links .link{width:10rem;flex-shrink:0;transition:.2s}#mintpage .footer .links .link:hover{opacity:.8}@media screen and (max-width: 767px){#mintpage .footer .links .link{width:30%}}#mintpage .footer .copy{text-align:center;color:#bbb;font-size:3rem;letter-spacing:.2rem}@media screen and (max-width: 767px){#mintpage .footer .copy{margin-top:1rem;font-size:2rem}}