@font-face{font-family:aqua_pfont;src:url(../../font/rnm.eot?) format("eot"),url(../../font/rnm.woff) format("woff"),url(../../font/rnm.ttf) format("truetype")}html{height:100%;font-size:100%;-webkit-text-size-adjust:100%}body{height:100%;margin:0;color:#dcebf3;font:1em;line-height:1}*{box-sizing:border-box}a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin-top:0}.big{font-size:60px}.medium{font-size:40px}.small{font-size:30px}.shadow--image-color{text-shadow:-2px 2px 0 #dc4f49}.shadow--dark{text-shadow:-2px 2px 0 #000}footer{position:absolute;bottom:0;right:0}footer p{text-align:right;margin-right:10px}.single-line{display:block}.link-highlight{color:#dc4f49;text-decoration:underline}.link-highlight:hover{color:#dcebf3}.hide-text{display:none}[id=language-menu]{padding:10px 10px 10px 0}[id=language-menu] input[type=radio]{opacity:0;margin:0}[id=language-menu] input[type=radio]+label{display:inline-block;vertical-align:middle;margin:0 5px 0 -10px;cursor:pointer}[id=language-menu] input[type=radio]:checked+label{opacity:.25}[id=language-menu] svg{border-radius:3px}[id=intro-block]{background:url(../../img/monkeybg.jpg) #252525;-webkit-animation:bgscroll 10s linear infinite;animation:bgscroll 10s linear infinite}.monkey{position:relative;display:block;margin:0 auto 15px;height:120px}.hamamatsu{position:absolute;top:160px;left:50%;height:10px;width:10px;background-color:#dc4f49;border-radius:50%;margin-left:3px;border:1px solid #dc4f49}.site-intro{-webkit-animation-name:fade-in-up;animation-name:fade-in-up;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;position:relative;font-family:aqua_pfont,"メイリオ",Meiryo,sans-serif;padding-bottom:45px;text-align:center;letter-spacing:-1px}.map{position:relative;min-height:280px;background:url(../../img/map.min.png) 50% 50% no-repeat}.below-map-text-wrapper{margin-top:-70px;line-height:1.3}.pulse{position:absolute;display:block;width:15px;height:15px;background:#f64747;border-radius:50%;top:calc(50% + 20px);left:calc(50% + 5px)}.pulse:after,.pulse:before{content:"";position:absolute;top:50%;left:50%;margin:-7.5px;box-sizing:border-box;width:15px;height:15px;border:1px solid #f64747;border-radius:50%}.pulse:before{-webkit-animation:blip1 1s infinite cubic-bezier(0,.6,1,.6);animation:blip1 1s infinite cubic-bezier(0,.6,1,.6)}.pulse:after{-webkit-animation:blip2 1s infinite linear;animation:blip2 1s infinite linear}[id=portfolio]{position:relative;background:url(../../img/monkeyphotobg.jpg) right bottom no-repeat #fcf4e1}.new-site-message{position:absolute;font-family:aqua_pfont,"メイリオ",Meiryo,sans-serif;font-size:30px;color:#252525;text-align:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.grid{list-style:none;padding:20px 0;margin:0 auto;text-align:center;width:100%}.grid li{display:inline-block;margin:10px 5px 0;vertical-align:top}.grid li>a,.grid li>a img{border:none;outline:0;display:block;position:relative}.grid li>a img{box-shadow:0 1px 1px 1px rgba(0,0,0,.25);border-radius:3px}.grid li.expanded>a:after{top:auto;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:rgba(0,0,0,.75);border-width:15px;left:50%;margin:-14px 0 0 -15px}.expander{position:absolute;background:rgba(0,0,0,.75);top:auto;left:0;width:100%;margin-top:16px;text-align:left;height:0;overflow:hidden}.expander-inner{padding:50px 30px;height:100%}.close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer}.close:after,.close:before{content:'';position:absolute;width:100%;top:50%;height:2px;background:#dc4f49;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.close:hover:after,.close:hover:before{background:#dcebf3}.details,.fullimg{width:50%;float:left;height:100%;overflow:hidden;position:relative}.details{padding:0 40px 0 20px;color:#c8c8c8}.details h3{font-family:Lato,sans-serif;font-weight:300;font-size:2.5em;padding-bottom:10px;margin-bottom:10px}.details p{font-weight:400;line-height:1.4}.visit-website{font-weight:700;font-size:16px;text-transform:uppercase;letter-spacing:2px;padding:10px 20px;border:3px solid #dc4f49;display:inline-block;margin:30px 0 0;color:#dc4f49;outline:0}.visit-website:before{content:'\2192';display:inline-block;margin-right:10px}.visit-website:hover{border-color:#dcebf3;color:#dcebf3}.fullimg{text-align:center}.fullimg img{display:inline-block;max-height:100%;max-width:100%}.loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader .5s infinite ease-in-out both;animation:loader .5s infinite ease-in-out both}.codepen-intro{color:#252525;padding:0 2%;line-height:1.6}svg{max-width:100%}.codepen-logo path{fill-opacity:0;stroke:#3a3f44;stroke-width:1;stroke-dasharray:700;stroke-dashoffset:700}.monkey--head{fill-opacity:0;stroke:#dcebf3;stroke-width:1;stroke-dasharray:700;stroke-dashoffset:700}.monkey--eyes{fill-opacity:0;stroke:#dcebf3;stroke-width:1;stroke-dasharray:50;stroke-dashoffset:50;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.monkey--nose{fill-opacity:0;stroke:#dc4f49;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;-webkit-animation:monkey 400ms 1.8s linear forwards;animation:monkey 400ms 1.8s linear forwards}.monkey--mouth{fill-opacity:0;stroke:#dcebf3;stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100}.animate .codepen-logo__path{-webkit-animation:logo 2.5s linear forwards;animation:logo 2.5s linear forwards}.animate .monkey--head{-webkit-animation:monkey 2s linear forwards;animation:monkey 2s linear forwards}.animate .monkey--eyes{-webkit-animation:monkey 400ms 1.2s linear forwards,blink 4s -1.5s infinite;animation:monkey 400ms 1.2s linear forwards,blink 4s -1.5s infinite}.animate .monkey--mouth{-webkit-animation:monkey 400ms 1.4s linear forwards;animation:monkey 400ms 1.4s linear forwards}.codepen-logo{display:block;margin:0 auto}[id=contact]{position:relative;background:url(../../img/contactbg.jpg) right bottom no-repeat #4a4333;height:1080px;margin:0 auto}.contact-note{display:block;margin:0 0 0 10%;padding-top:10%}.contact-note h2{font-family:aqua_pfont,"メイリオ",Meiryo,sans-serif;font-weight:500;font-style:normal;margin:0 0 15px;font-size:30px;color:#ddd;text-shadow:0 0 2px #ECD160;letter-spacing:-2px;text-align:left}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.map{background:url(../../img/map@2x.min.png) 50% 50%/280px no-repeat}}@media screen and (max-width:768px){.big{font-size:40px}.medium{font-size:25px}.small{font-size:18px}.shadow--dark{text-shadow:-1px 1px 0 #000}[id=intro-block]{background:url(../../img/speckledbg.min.png);-webkit-animation:none;animation:none}.details{float:none;width:100%}.details h3{font-size:2em}.visit-website{font-size:12px}.fullimg{display:none}[id=contact]{background:url(../../img/contactbg_s.jpg) right bottom no-repeat fixed #4a4333;height:540px}.contact-note{position:absolute;bottom:1%}}@media screen and (max-width:540px){.expander-inner{padding:40px 0}.codepen-logo{height:100px}.contact-note{margin:0 auto;text-align:center;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bgscroll{from{background-position:0 0}to{background-position:0 -200px}}@keyframes bgscroll{from{background-position:0 0}to{background-position:0 -200px}}@-webkit-keyframes blip1{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@keyframes blip1{to{-webkit-transform:scale(3);transform:scale(3);opacity:0}}@-webkit-keyframes blip2{to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes blip2{to{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}@keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ccc,-15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc,15px 30px 1px #ddd,-15px 30px 1px #ccc}}@-webkit-keyframes logo{90%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}@keyframes logo{90%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}@-webkit-keyframes monkey{90%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}@keyframes monkey{90%{stroke-dashoffset:0;fill-opacity:0}100%{stroke-dashoffset:0;fill-opacity:1}}@-webkit-keyframes blink{0%,97%{-webkit-transform:scaleY(1);transform:scaleY(1)}98%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes blink{0%,97%{-webkit-transform:scaleY(1);transform:scaleY(1)}98%{-webkit-transform:scaleY(0.1);transform:scaleY(0.1)}100%{-webkit-transform:scaleY(1);transform:scaleY(1)}}