/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */@import "https://fonts.googleapis.com/css?family=Allerta+Stencil|Raleway";html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}@keyframes rotate{0%{-moz-transform:translateY(0px) rotateY(0deg) rotateZ(0deg);-ms-transform:translateY(0px) rotateY(0deg) rotateZ(0deg);-webkit-transform:translateY(0px) rotateY(0deg) rotateZ(0deg);transform:translateY(0px) rotateY(0deg) rotateZ(0deg)}100%{-moz-transform:translateY(0px) rotateY(360deg) rotateZ(360deg);-ms-transform:translateY(0px) rotateY(360deg) rotateZ(360deg);-webkit-transform:translateY(0px) rotateY(360deg) rotateZ(360deg);transform:translateY(0px) rotateY(360deg) rotateZ(360deg)}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes float{0%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-webkit-transform:translateY(-50px);transform:translateY(-50px)}100%{-moz-transform:translateY(0px);-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes setposition{0%{-moz-transform:rotateY(90deg) rotateZ(90deg);-ms-transform:rotateY(90deg) rotateZ(90deg);-webkit-transform:rotateY(90deg) rotateZ(90deg);transform:rotateY(90deg) rotateZ(90deg)}100%{-moz-transform:rotateY(0deg) rotateZ(0deg);-ms-transform:rotateY(0deg) rotateZ(0deg);-webkit-transform:rotateY(0deg) rotateZ(0deg);transform:rotateY(0deg) rotateZ(0deg)}}body{height:100vh;margin:0;background:#fff;font-family:'Raleway', 'hiragino kaku gothic pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ' , Meiryo, sans-serif}a,.fa{-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s}a{color:#34495e;text-decoration:none}#particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.contents h1{font-size:48px;font-family:'Allerta Stencil', sans-serif;font-weight:normal}.contents .media ul{display:flex;align-items:center;justify-content:space-around;padding:0}.contents .media li{list-style:none}footer{line-height:50px;text-align:center}@media screen and (min-width: 640px){body{display:flex;flex-direction:column;justify-content:center;-moz-animation:fadein 3s 1 ease;-webkit-animation:fadein 3s 1 ease;animation:fadein 3s 1 ease}.stage{position:relative;-moz-perspective:2000;-webkit-perspective:2000;perspective:2000;-moz-animation:float 10s 1s infinite ease;-webkit-animation:float 10s 1s infinite ease;animation:float 10s 1s infinite ease}.contents{width:250px;height:250px;position:relative;margin:0 auto;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-moz-animation:rotate 90s 2s infinite ease;-webkit-animation:rotate 90s 2s infinite ease;animation:rotate 90s 2s infinite ease;-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s}.contents section{position:absolute;display:flex;flex-direction:column;justify-content:center;width:250px;height:250px;background-color:rgba(255,255,255,0.8);color:#34495e;border:1px solid #34495e;box-sizing:border-box;text-align:center;-moz-transition:ease .3s;-o-transition:ease .3s;-webkit-transition:ease .3s;transition:ease .3s}.contents h1{margin:0;line-height:1}.contents a{display:block;margin:0 auto;text-decoration:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.contents a:hover{background:#34495e;color:#fff}.contents a:hover .fa{background:#fff;color:#34495e}.contents section>a{display:flex;flex-direction:column;justify-content:center;height:90%;width:90%}.contents .fa{width:80px;line-height:80px;font-size:48px;background:#34495e;color:#fff;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.contents .header{top:0;left:0;background:#fff;-moz-transform:translateZ(125px);-webkit-transform:translateZ(125px);transform:translateZ(125px)}.contents .code{top:0;left:125px;-moz-transform:rotateY(90deg);-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.contents .game{top:0;right:125px;-moz-transform:rotateY(-90deg);-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}.contents .life{top:125px;left:0;-moz-transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}.contents .media{bottom:125px;left:0;-moz-transform:rotateX(90deg);-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.contents .media a:hover{background:none}.contents .blank{top:0;left:0;-moz-transform:translateZ(-125px) rotateY(180deg);-ms-transform:translateZ(-125px) rotateY(180deg);-webkit-transform:translateZ(-125px) rotateY(180deg);transform:translateZ(-125px) rotateY(180deg)}.contents:hover{-moz-animation:setposition 0.3s both ease;-webkit-animation:setposition 0.3s both ease;animation:setposition 0.3s both ease}.contents:hover .header{-moz-transform:translateZ(0px);-webkit-transform:translateZ(0px);transform:translateZ(0px)}.contents:hover .code{left:249px;-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.contents:hover .game{right:249px;-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.contents:hover .life{top:249px;-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.contents:hover .media{bottom:249px;-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.contents:hover .blank{-moz-transform:translateZ(-1px) rotateY(180deg);-ms-transform:translateZ(-1px) rotateY(180deg);-webkit-transform:translateZ(-1px) rotateY(180deg);transform:translateZ(-1px) rotateY(180deg)}footer{position:absolute;bottom:0;width:100%}}@media (max-width: 639px){.contents{width:80%;margin:0 auto}.contents section{margin:20px}.contents h2{margin:0}.contents a{display:flex}.contents .header{text-align:center}.contents .code .fa,.contents .game .fa,.contents .life .fa{width:40px;line-height:40px;margin-right:10px;font-size:24px;background:#34495e;color:#fff;text-align:center;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.contents .media{margin-top:20px}.contents .media ul{display:flex;align-items:center;justify-content:space-around}.contents .media li{width:40%}.contents .media a{display:block;padding:10px;border:solid 1px #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center}.contents .media .fa{font-size:32px}}