html{font-size:62.5%}body{color:#444;font-family:"Times New Roman", "ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "游明朝", YuMincho, serif;line-height:2}@media only screen and (max-width: 568px){body{line-height:1.5}}.header{text-align:center}.header__title{font-size:4rem}.header__text{font-size:1.6rem}@media only screen and (max-width: 568px){.header__title{font-size:3rem}.header__text{text-align:left}}.main{margin:0 auto;max-width:640px}.input{display:block;font-size:1.6rem;margin:0 auto 2em;padding:.5em;width:80%}.result{font-size:15rem;min-height:2em;text-align:center}.result[v-cloak]{opacity:0}@media only screen and (max-width: 568px){.result{font-size:15rem;line-height:1.2;margin:0 auto;min-height:auto;width:1em}}.share{bottom:30px;position:fixed;right:30px}@media only screen and (max-width: 568px){.share{bottom:10px;right:10px}}.shareItem{display:inline-block;margin-left:30px;width:50px}.shareItem:first-of-type{margin-left:0}.shareItem a{display:block}.shareItem a:hover{-webkit-animation:shake .1s infinite;animation:shake .1s infinite}.shareItem__icon{width:100%}@media only screen and (max-width: 568px){.shareItem{display:block;margin-left:0;width:40px}.shareItem:first-of-type{margin-bottom:20px}}@-webkit-keyframes shake{0%{-webkit-transform:translate(0, 0) rotateZ(0deg);transform:translate(0, 0) rotateZ(0deg)}25%{-webkit-transform:translate(2px, 2px) rotateZ(1deg);transform:translate(2px, 2px) rotateZ(1deg)}50%{-webkit-transform:translate(0, 2px) rotateZ(0deg);transform:translate(0, 2px) rotateZ(0deg)}75%{-webkit-transform:translate(2px, 0) rotateZ(-1deg);transform:translate(2px, 0) rotateZ(-1deg)}100%{-webkit-transform:translate(0, 0) rotateZ(0deg);transform:translate(0, 0) rotateZ(0deg)}}@keyframes shake{0%{-webkit-transform:translate(0, 0) rotateZ(0deg);transform:translate(0, 0) rotateZ(0deg)}25%{-webkit-transform:translate(2px, 2px) rotateZ(1deg);transform:translate(2px, 2px) rotateZ(1deg)}50%{-webkit-transform:translate(0, 2px) rotateZ(0deg);transform:translate(0, 2px) rotateZ(0deg)}75%{-webkit-transform:translate(2px, 0) rotateZ(-1deg);transform:translate(2px, 0) rotateZ(-1deg)}100%{-webkit-transform:translate(0, 0) rotateZ(0deg);transform:translate(0, 0) rotateZ(0deg)}}