@import url("../fnt/pridi/stylesheet.css");@import url("../fnt/signerica-fat/stylesheet.css");*{outline:none;margin:0}a{cursor:pointer}a::focus,a::active{outline:none}img{width:100%}body{background:#16191A;margin:0}ul,ol{list-style:none;margin:0;padding:0}input{border:0;-webkit-appearance:none}main{max-width:728px;width:100%;margin:0 auto;position:relative}.hidden{overflow:hidden}.hint{visibility:hidden;font-size:0}.alpha{background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9}.over{position:relative;z-index:90}html,body{height:100%;margin:0}#wrapper{min-height:100%;padding-left:20px;padding-right:20px;overflow:hidden}#logo{background:url(../img/logo.svg);background-size:100%;width:320px;height:320px;margin:40px auto}header{overflow:hidden}header #logo{width:100px;height:100px}header.records{padding:20px 0}header.records #logo{float:left;margin:10px 10px 10px 0;width:50px;height:50px}header.records #logo a{width:100px;height:100px;display:block}header.records h2{font-size:64px;line-height:70px;max-width:728px;width:100%;margin:0 auto}.form-field{text-align:center;overflow:hidden}.form-field li{margin:20px 0}.form-field input{background:#fff;text-align:center;width:240px;height:50px;border-radius:8px;border:2px solid #7E6436;padding:0}.form-field.birthday{padding-top:138px;position:relative;z-index:100;width:96px;margin:0 auto;padding-left:50px;padding-right:50px}.form-field.birthday li{margin:10px 0 0;position:relative}.form-field #date input[type="text"],.form-field #month input[type="text"],.form-field #year input[type="text"]{background:#FFF3E0;width:84px;height:84px;border-radius:50px;border:6px solid #7E6436;cursor:pointer;opacity:1;position:relative;z-index:-1}.form-field #year{margin-bottom:140px}.form-field input[type="submit"]{background:url(../img/btn/btn-brw.svg);color:#252A2E;width:96px;height:96px;cursor:pointer;border-radius:50px;border:0}.form-field .error{color:#C62828}.form-field .error:-webkit-input-placeholder{color:#C62828}.form-field .error:-ms-input-placeholder{color:#C62828}.form-field .error::placeholder{color:#C62828}.form-record{display:none}.form-record{margin-top:-20px}.sound-error{height:0;visibility:hidden;overflow:hidden}#card{background:url(../img/bg/line-dsk.svg) center top no-repeat;position:absolute;left:50%;margin-left:-344px;max-width:688px;width:100%;z-index:1}#card ul:after{content:'';display:block;clear:both;visibility:hidden}#card li{float:left;position:relative;width:50%}#card li+li{float:right;text-align:right}#card li+li img{float:right}#card span{position:absolute;bottom:30px;left:0;right:0;text-align:center}#card img{max-width:320px;width:100%;margin:0 auto;display:block;border-radius:10px}#card li img{float:left}#card.result{background:url(../img/bg/line-dsk-2.svg) center top no-repeat;position:static;margin:0 auto 30px;padding-bottom:30px}#card.result>p:first-child{position:absolute;top:-35px;text-align:center;width:100%;left:0}#card.result span{bottom:-40px}#card.detail{background:none;position:static;margin:0 auto;text-align:center;padding-bottom:30px}#card.detail>p:first-child{position:absolute;top:-35px;text-align:center;width:100%;left:0}#card.detail figure{position:relative;margin-bottom:50px}#card.detail span{bottom:-40px}.btn-record{margin:0 auto 40px}.btn-record a{background:url(../img/btn/btn-rec.svg) center top no-repeat;display:block;padding:60px 0 0;position:relative;width:fit-content;text-align:center;margin:0 auto}.form-field input.btn-reccord{background:url(../img/btn/btn-rec-red.svg) center top no-repeat;color:#C62828;margin:0 auto -20px;padding:40px 0 0;border-radius:0}.btn-inactive{margin:30px auto 0}.btn-inactive a{background:url(../img/btn/btn-rec-none.svg) center top no-repeat;display:block;padding:60px 0 0;position:relative;width:fit-content;text-align:center;margin:0 auto;width:48px;text-indent:-9999px;cursor:default}.re-calculate{position:fixed;top:0;left:0;z-index:20}.re-calculate a{background:url(../img/btn/btn-recalculate.svg);display:block;width:64px;height:64px;overflow:hidden;text-indent:-9999px}.symbol{position:relative;margin-left:30px}.symbol:before{background:url(../img/icn/symbol.svg) center no-repeat;content:'';position:absolute;height:16px;width:8px;left:-22px}.keyboard{position:absolute;z-index:100;right:80px;top:180px}.number-key{background:#FFFFFF;border:8px solid #7E6436;border-radius:32px;width:156px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px;padding:10px}.number-key>*{background:#FFF3E0;display:block;border:6px solid #7E6436;border-radius:50px;width:36px;height:36px;text-align:center;line-height:36px}.number-key .enter{background:url(../img/btn/btn-star-sign.svg) #7E6436 center no-repeat;cursor:pointer}.month-key{background:#FFFFFF;border:8px solid #7E6436;border-radius:32px;width:156px;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:5px;padding:10px}.month-key>*{background:#FFF3E0;display:block;border:6px solid #7E6436;border-radius:50px;width:36px;height:36px;text-align:center;font-size:14px;line-height:36px}.popup-error{position:relative;z-index:100}.message-error{background:#FFF;position:fixed;width:260px;transform:translate(-50%, -50%);left:50%;top:50%;z-index:1000;padding:20px;border-radius:20px;border:6px solid #7E6436;text-align:center}.message-error img{width:60px}.message-error .close{margin:10px 0 -5px}.message-error .close a{border-radius:4px;border:1px solid #7E6436;padding:0 10px}.entry-content{background:url(../img/bg/line-bottom.svg) center bottom no-repeat;margin:0 auto;max-width:480px;width:100%;padding-bottom:20px;margin-bottom:-30px}.entry-content h1{margin-bottom:30px}.entry-content p{margin-bottom:30px}.entry-content hr{border:1px solid #7E6436}.entry-content .element p{margin:10px 0}.entry-content.year-card p{padding-top:20px;margin-bottom:10px}.entry-content.year-card p+p{background:url(../img/icn/symbol.svg) center top no-repeat;padding-top:20px}.entry-content.year-card .element{padding-top:20px}.entry-content.year-card .element p{margin:10px 0;padding:0}.result-card{position:fixed;right:5px;top:10px;z-index:10;height:40px;width:60px}.result-card a{display:block;overflow:hidden;text-indent:-999px;position:relative}.result-card a:after{background:#7E6436;content:'';position:absolute;width:2px;left:29px;top:0;bottom:0}.result-card span{float:left;position:relative}.result-card span{border:2px solid #7E6436;border-radius:4px;height:30px;width:16px;display:block;margin:3px 5px}.result-card span:after{background:#7E6436;content:'';position:absolute;width:6px;height:6px;border-radius:10px;left:50%;top:50%;margin:-3px 0 0 -3px}.page-nav{margin:30px auto;width:62px;clear:both;overflow:hidden}.page-nav li{float:left;position:relative}.page-nav li+li{border-left:2px solid #4F3D1B}.page-nav a{border:2px solid #7E6436;border-radius:4px;height:30px;width:16px;display:block;overflow:hidden;text-indent:-999px;margin:3px 5px}.page-nav a:after{background:#7E6436;content:'';position:absolute;width:6px;height:6px;border-radius:10px;left:50%;top:50%;margin:-3px 0 0 -3px}.page-nav a.active{border-color:#4F3D1B;cursor:default}.page-nav a.active:after{background:#4F3D1B}.records-archive li{border-bottom:2px solid #7E6436;padding:10px 0}.records-archive form p{margin-bottom:10px}.records-archive input[type="text"]{padding:6px;width:340px;box-sizing:border-box}.pagination{text-align:center;padding:20px 0}.pagination a{padding:0 10px;position:relative}.pagination a:after{background:#7E6436;content:'';position:absolute;width:6px;height:6px;border-radius:10px;left:0;top:50%;margin:-3px 0 0 -3px}.pagination a.active{color:#C62828}.pagination a.back,.pagination a.next{padding:0}.pagination a.back+*:after,.pagination a:first-child:after,.pagination a.next:after{display:none}body footer{margin-top:-50px;position:relative;z-index:1}@media (max-width: 728px){#card{background-image:none;left:0;margin:0 auto}#card.result{background-position:center}#card li{width:45%}.form-field.birthday{background:url(../img/bg/line-mob-2.svg) center top repeat-y;padding-top:120px}.form-field #year{margin-bottom:120px}.keyboard{right:auto;left:50%;transform:translateX(-50%)}}@media (max-width: 680px){.form-field.birthday{padding-top:100px}.form-field #year{margin-bottom:100px}}@media (max-width: 600px){main{margin-top:-30px}#card{padding-top:30px}#card.result{margin-top:30px}#card.detail{margin-top:30px}.form-field.birthday{padding-top:60px}.form-field #year{margin-bottom:120px}header.records{margin-bottom:30px}}@media (max-width: 540px){.form-field.birthday{padding-top:60px}.form-field #year{margin-bottom:80px}}@media (max-width: 480px){#card span{width:100px;left:50%;margin-left:-50px}#card.result span{bottom:-50px}#card.detail span{width:100%;margin-left:0;left:0}.form-field.birthday{padding-top:30px}.form-field #year{margin-bottom:30px}.records-archive input[type="text"]{width:100%}}@media (max-width: 420px){.form-field.birthday{padding-top:20px}.form-field #year{margin-bottom:0px}}a{color:#7E6436;text-decoration:none}body,input{color:#7E6436;font-family:'pridi-medium';font-size:18px;line-height:20px}#card span,.btn-record a{font-family:'signerica_fat'}.btn-reccord{font-family:'signerica_fat'}body>footer{font-size:16px;text-align:center}.entry-content h1{font-family:'pridi-bold';font-size:48px;line-height:45px}.entry-content p{font-family:'pridi-regular';line-height:32px;font-size:24px}.entry-content .element p{font-family:'pridi-bold';font-size:24px}.message-error{font-family:'pridi-regular';line-height:28px}.message-error .close{font-family:'pridi-medium'}.records-archive li{font-family:'pridi-regular';font-size:16px}.pagination{font-family:'pridi-regular'}header.ani{position:absolute;width:100%;top:0;left:0}header.ani #logo{margin-left:auto;margin-right:auto;width:100px;height:100px;-webkit-animation:headerAni 2s ease-in-out;animation:headerAni 2s ease-in-out;transition:headerAni 2s ease-in-out}@-webkit-keyframes headerAni{0%{width:320px;height:320px}50%{width:100px;height:100px}}@keyframes headerAni{0%{width:320px;height:320px}50%{width:100px;height:100px}}#card.ani{perspective:5000px;-webkit-animation:cardAni 2s ease;animation:cardAni 2s ease;transition:cardAni 2s ease}@-webkit-keyframes cardAni{0%{opacity:0}100%{opacity:1}}@keyframes cardAni{0%{opacity:0}100%{opacity:1}}#card.ani li img{transform-style:preserve-3d;transform:rotateY(0deg);-webkit-animation:cardAniOne 2s ease;animation:cardAniOne 2s ease;transition:cardAniOne 2s ease}@-webkit-keyframes cardAniOne{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@keyframes cardAniOne{0%{transform:rotateY(90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}#card.ani li+li img,#card.ani figure img{transform-style:preserve-3d;transform:rotateY(0deg);-webkit-animation:cardAniTwo 2s ease;animation:cardAniTwo 2s ease;transition:cardAniTwo 2s ease}@-webkit-keyframes cardAniTwo{0%{transform:rotateY(-90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}@keyframes cardAniTwo{0%{transform:rotateY(-90deg);opacity:0}100%{transform:rotateY(0deg);opacity:1}}.number-key,.month-key{transform:scale(1);-webkit-animation:keyBoard 1s ease-in-out;animation:keyBoard 1s ease-in-out;transition:keyBoard 1s ease-in-out}@-webkit-keyframes keyBoard{0%{transform:scale(0.25)}50%{transform:scale(1)}}@keyframes keyBoard{0%{transform:scale(0.25)}50%{transform:scale(1)}}.re-calculate{-webkit-animation:reCal 1s ease-in-out;animation:reCal 1s ease-in-out;transition:reCal 1s ease-in-out}@-webkit-keyframes reCal{0%{transform:scale(0.25)}50%{transform:scale(1)}}@keyframes reCal{0%{transform:scale(0.25)}50%{transform:scale(1)}}.birthday{-webkit-animation:birthdayAni 3s ease;animation:birthdayAni 3s ease;transition:birthdayAni 3s ease}@-webkit-keyframes birthdayAni{0%{opacity:0}100%{opacity:1}}@keyframes birthdayAni{0%{opacity:0}100%{opacity:1}}.error{-webkit-animation:errorAni .3s;animation:errorAni .3s;transition:errorAni .3s}@-webkit-keyframes errorAni{0%{transform:translateX(-20px)}50%{transform:translateX(20px)}100%{transform:translateX(0)}}@keyframes errorAni{0%{transform:translateX(-20px)}50%{transform:translateX(20px)}100%{transform:translateX(0)}}
/*# sourceMappingURL=main.css.map */